.ahr-hero {
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 35px;
    justify-content: center;
    box-sizing: border-box;
    background-color: #120700;
}
.ahr-layout-text_left { flex-direction: row; }
.ahr-layout-chakra_left { flex-direction: row-reverse; }
.ahr-layout-text_top { flex-direction: column; }
.ahr-layout-chakra_top { flex-direction: column-reverse; }
.ahr-layout-chakra_center { min-height: 560px; }
.ahr-layout-chakra_center .ahr-content {
    position: relative; z-index: 5; max-width: 780px; margin: auto; flex-basis: auto !important;
}
.ahr-layout-chakra_center .ahr-chakra-area {
    position: absolute; inset: 0; z-index: 1; pointer-events: none; flex-basis: auto !important;
}
.ahr-layout-chakra_center .ahr-chakra-wrapper { margin: 0 !important; }

.ahr-content { position: relative; z-index: 3; }
.ahr-heading { margin: 0 0 12px; font-size: 46px; line-height: 1.12; font-weight: 700; color:#ffd27a; }
.ahr-sub-heading { margin-bottom: 14px; font-size: 20px; font-weight: 600; color:#fff1c2; }
.ahr-extra-heading { margin: 18px 0 6px; font-size: 26px; color:#ffd27a; }
.ahr-extra-sub-heading { margin-bottom: 10px; color:#fff1c2; }
.ahr-description { margin: 20px 0; font-size: 17px; line-height: 1.7; color:#fff; }
.ahr-button { display:inline-block; padding:13px 28px; border-radius:999px; background:#d79b31; color:#1b0800; text-decoration:none !important; font-weight:700; transition:.25s; }
.ahr-button:hover { transform: translateY(-2px); filter: brightness(1.08); }

.ahr-chakra-area { display:flex; justify-content:center; align-items:center; position:relative; }
.ahr-chakra-wrapper {
    position: relative;
    width: min(90vw, 620px);
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
}
.ahr-chakra {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: ahrRotateChakra 50s linear infinite;
    background:
        radial-gradient(circle, rgba(255,205,95,0.35) 0 18%, transparent 19%),
        conic-gradient(from 0deg,
            var(--ahr-light-color) 0deg 30deg,
            var(--ahr-alt-color) 30deg 60deg,
            var(--ahr-light-color) 60deg 90deg,
            var(--ahr-alt-color) 90deg 120deg,
            var(--ahr-light-color) 120deg 150deg,
            var(--ahr-alt-color) 150deg 180deg,
            var(--ahr-light-color) 180deg 210deg,
            var(--ahr-alt-color) 210deg 240deg,
            var(--ahr-light-color) 240deg 270deg,
            var(--ahr-alt-color) 270deg 300deg,
            var(--ahr-light-color) 300deg 330deg,
            var(--ahr-alt-color) 330deg 360deg),
        radial-gradient(circle, var(--ahr-mid-color) 0%, var(--ahr-dark-color) 72%, #000 100%);
    box-shadow:
        0 0 32px var(--ahr-outer-glow-color),
        0 0 90px rgba(255,115,0,0.45),
        inset 0 0 50px rgba(255,210,110,0.35);
}
.ahr-chakra::before,
.ahr-chakra::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.ahr-chakra::before {
    inset: 2%;
    border: var(--ahr-outer-border-width) double var(--ahr-outer-border-color);
    box-shadow: inset 0 0 35px rgba(255,220,130,0.45);
}
.ahr-chakra::after {
    inset: 16%;
    border: var(--ahr-dash-ring-width) dashed var(--ahr-dash-ring-color);
}
.ahr-inner-ring {
    position: absolute;
    inset: 29%;
    border-radius: 50%;
    border: var(--ahr-inner-ring-width) solid var(--ahr-inner-ring-color);
    box-shadow: 0 0 18px rgba(255,190,70,0.5);
}
.ahr-center-glow {
    position: absolute;
    width: 23%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: radial-gradient(circle, var(--ahr-center-1) 0%, var(--ahr-center-2) 28%, var(--ahr-center-3) 62%, rgba(255,140,0,0.08) 100%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 45px rgba(255,185,60,0.95);
    z-index: 2;
}
.ahr-om {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 86px;
    color: #fff7d4;
    text-shadow: 0 0 24px var(--ahr-om-glow), 0 0 45px #ff7200;
    z-index: 20;
    pointer-events: none;
}
.ahr-rashi {
    position: absolute;
    width: 76px;
    height: 76px;
    top: calc(50% - 38px);
    left: calc(50% - 38px);
    transform: rotate(var(--angle)) translateY(calc(-1 * var(--ahr-icon-distance))) rotate(calc(-1 * var(--angle)));
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, var(--ahr-rashi-bg-1) 0%, var(--ahr-rashi-bg-2) 46%, var(--ahr-rashi-bg-3) 100%);
    border: 3px solid var(--ahr-rashi-border);
    box-shadow: 0 0 20px rgba(255,185,50,0.75), inset 0 0 14px rgba(0,0,0,0.45);
    z-index: 5;
}
.ahr-rashi-symbol {
    font-size: 30px;
    font-weight: 700;
    color: var(--ahr-rashi-icon-color);
    text-shadow: 0 0 6px rgba(255,255,210,0.9);
    line-height: 1;
}
.ahr-rashi-name {
    position: absolute;
    top: calc(50% - 14px);
    left: calc(50% - 46px);
    width: 92px;
    text-align: center;
    transform: rotate(var(--angle)) translateY(calc(-1 * var(--ahr-name-distance))) rotate(calc(-1 * var(--angle)));
    color: var(--ahr-rashi-name-color);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .4px;
    text-shadow: 0 0 8px #000, 0 0 12px #ff9b22;
    z-index: 4;
}
@keyframes ahrRotateChakra {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@media (max-width: 767px) {
    .ahr-hero,
    .ahr-layout-text_left,
    .ahr-layout-chakra_left {
        flex-direction: column;
    }
    .ahr-heading { font-size: 32px; }
    .ahr-layout-chakra_center { min-height: 560px; }
    .ahr-layout-chakra_center .ahr-content { text-align:center; }
}


/* Full width content option */
.ahr-content {
    max-width: 780px;
}

.ahr-content-full .ahr-content {
    max-width: none !important;
    width: 100%;
}

.ahr-content-full.ahr-layout-text_top .ahr-content,
.ahr-content-full.ahr-layout-chakra_top .ahr-content,
.ahr-content-full.ahr-layout-chakra_center .ahr-content {
    flex-basis: auto !important;
    width: 100%;
    max-width: none !important;
}

.ahr-content-full.ahr-layout-chakra_center .ahr-content {
    max-width: none !important;
}