/* Global āshrams footer — home page Figma desktop (≥1000px) + phone (<1000px). */

/* Figma desktop footer — Frame 240460 @ 1440×1038. Mobile untouched below 1000px. */
@media (min-width: 1000px) {
    body.ashrams-home .ashrams-footer {
        margin-top: 0;
        background: #ffffff;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest {
        min-height: clamp(38rem, 72.083vw, 64.875rem);
        padding: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest-bg {
        top: 44%;
        left: 0;
        right: 0;
        bottom: auto;
        width: 100%;
        height: 59%;
        max-width: none;
        transform: none;
        object-fit: cover;
        object-position: center bottom;
        -webkit-mask-image: none;
        mask-image: none;
    }

    /* White wash over upper band — nav legibility (unchanged) */
    body.ashrams-home .ashrams-footer .ashrams-footer__forest::before {
        top: 0;
        height: 54%;
       
    }

    /* Soft blend where forest meets the white content band (unchanged) */
    body.ashrams-home .ashrams-footer .ashrams-footer__forest::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 40%;
        height: 7%;
        pointer-events: none;
        z-index: 1;
        background: linear-gradient(180deg, rgb(255 255 255 / 64%) 0%, rgba(255, 255, 255, 0) 100%);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__content {
        --ashrams-footer-pad-x: clamp(1.25rem, 1.944vw, 1.75rem);
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 90rem;
        margin: 0 auto;
        min-height: clamp(38rem, 72.083vw, 64.875rem);
        padding: 0 var(--ashrams-footer-pad-x);
        box-sizing: border-box;
        transform: none;
    }

    body.ashrams-home .ashrams-footer .container.cnt-max__1320.ashrams-footer__content {
        max-width: 90rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top {
        position: relative;
        display: block;
        min-height: inherit;
        margin: 0;
        padding: 0;
        /* Lift nav/tagline/socials without shifting forest-bg — Figma 1440 ref */
        --ashrams-footer-ref: 1440;
        --ashrams-footer-content-lift: min(0.80rem, calc(100vw * 42 / var(--ashrams-footer-ref)));
        --ashrams-footer-content-offset-down: min(0.875rem, calc(100vw * 14 / var(--ashrams-footer-ref)));
        --ashrams-footer-nav-top: calc(
            min(17.5625rem, calc(100vw * 281 / var(--ashrams-footer-ref)))
            - var(--ashrams-footer-content-lift)
            + var(--ashrams-footer-content-offset-down)
        );
        --ashrams-footer-nav-pad-top: min(2.3125rem, calc(100vw * 37 / var(--ashrams-footer-ref)));
        --ashrams-footer-nav-content-top: calc(var(--ashrams-footer-nav-top) + var(--ashrams-footer-nav-pad-top));
        --ashrams-footer-nav-col-gap: clamp(3rem, 5.556vw, 5rem);
        --ashrams-footer-nav-shift: clamp(1.125rem, 2vw, 1.75rem);
        --ashrams-footer-nav-left-offset: clamp(0.75rem, 1.35vw, 1.25rem);
        --ashrams-footer-tagline-left: 0;
        /* Tagline (3 lines) — same block height as Discover column (heading + 4 links) */
        --ashrams-footer-tagline-size: min(2.533rem, calc(100vw * 40.53 / var(--ashrams-footer-ref)));
        --ashrams-footer-col-heading-block: calc(clamp(1rem, 1.296vw, 1.1667rem) * 1.35 + 0.125rem);
        --ashrams-footer-col-link-lh: min(1.875rem, calc(100vw * 30 / var(--ashrams-footer-ref)));
        --ashrams-footer-discover-block: calc(var(--ashrams-footer-col-heading-block) + (4 * var(--ashrams-footer-col-link-lh)));
        --ashrams-footer-social-inset-left: clamp(1.75rem, 3.25vw, 2.75rem);
    }

    /* Tagline — Inter; block height matches Discover › Ambassador column */
    body.ashrams-home .ashrams-footer .ashrams-footer__tagline {
        position: absolute;
        left: var(--ashrams-footer-tagline-left);
        top: var(--ashrams-footer-nav-content-top);
        width: min(18.9375rem, 21.042vw);
        height: var(--ashrams-footer-discover-block);
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
        font-family: 'Inter', sans-serif;
        font-weight: 700;
        font-size: var(--ashrams-footer-tagline-size);
        line-height: 1;
        color: rgb(0 0 0 / 27%);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-word,
    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-long,
    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-short {
        font-family: 'Inter', sans-serif;
        font-weight: inherit;
        line-height: 1;
    }

    /* 6.1 — no orange dot after Transcendence */
    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-dot {
        display: none !important;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-word--last {
        display: inline-flex;
        align-items: baseline;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-short {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-long {
        display: inline;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav {
        position: static;
        display: block;
        flex: none;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    /* Figma Frame 10 — centered nav columns */
    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links {
        position: absolute;
        left: calc(50% + var(--ashrams-footer-nav-shift) - var(--ashrams-footer-nav-left-offset));
        top: var(--ashrams-footer-nav-top);
        transform: translateX(-50%);
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: var(--ashrams-footer-nav-col-gap);
        padding: var(--ashrams-footer-nav-pad-top) 0 0;
        margin: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links .ashrams-footer__col a {
        white-space: nowrap;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col {
        width: auto;
        flex: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) {
        width: 6.6875rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(2) {
        width: 8.0625rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(3) {
        width: 7.9375rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col h4 {
        font-family: 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(1rem, 1.296vw, 1.1667rem);
        font-weight: 400;
        line-height: 1.35;
        color: #1a1c1c;
        margin: 0 0 0.125rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(2) h4 {
        color: #1e1e1e;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        font-family: 'Manrope', 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-weight: 500;
        line-height: 1.35;
        color: #000000;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a {
        font-family: 'Manrope', 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(0.9375rem, 1.219vw, 1.096875rem);
        font-weight: 500;
        line-height: var(--ashrams-footer-col-link-lh);
        color: #7e8490;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) a {
        color: rgba(107, 114, 128, 0.87);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a:hover {
        color: #1a2438;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
        position: absolute;
        right: calc(clamp(1.25rem, 3.056vw, 2.75rem) + var(--ashrams-footer-social-inset-left));
        left: auto;
        top: var(--ashrams-footer-nav-content-top);
        flex: none;
        margin: 0;
        width: max-content;
        min-width: 0;
        max-width: calc(100% - clamp(1.25rem, 3.056vw, 2.75rem) * 2);
        padding: 0;
        box-sizing: border-box;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__socials {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        width: max-content;
        gap: 0.75rem;
        margin-top: 1.75rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link {
        flex: 0 0 auto;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link img {
        width: 2.125rem;
        height: 2.125rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link--twitter img {
        filter: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link--muted {
        opacity: 1;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal {
        bottom: clamp(0.75rem, 2.22vw, 1.4375rem);
        padding: 0 clamp(1rem, 3.056vw, 2.75rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal::before {
        content: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.583125rem;
        padding-left: clamp(0px, 2.233vw, 2.01rem);
        font-family: 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(0.875rem, 1.135vw, 1.0208rem);
        font-weight: 400;
        line-height: 1.407;
        color: #4b5563;
        text-shadow: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-copy,
    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        color: #4b5563;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        text-decoration: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a:hover {
        color: #1a2438;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-dot {
        flex: none;
        width: 0.145625rem;
        height: 0.145625rem;
        border-radius: 50%;
        background: #4b5563;
    }
}

@media (min-width: 1000px) and (max-width: 1280px) {
    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links {
        gap: clamp(2rem, 4.35vw, 3.75rem);
    }
}

@media (max-width: 999px) {
    body.ashrams-home .ashrams-footer {
        margin-top: 0;
        padding-top: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "footer-content"
            "footer-mist";
        min-height: 0;
        padding: 0;
        overflow-x: clip;
        overflow-y: visible;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest::before,
    body.ashrams-home .ashrams-footer .ashrams-footer__forest::after {
        content: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__content {
        grid-area: footer-content;
        flex: none;
        min-height: 0;
        max-width: none;
        margin: 0 auto;
        background: #ffffff;
        padding-block: 0.85rem 1.35rem;
        padding-inline: var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem));
        position: relative;
        z-index: 2;
        transform: none;
        box-sizing: border-box;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest-bg {
        grid-area: footer-mist;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        min-width: 0;
        height: clamp(17.5rem, 58vw, 27.5rem);
        max-width: none;
        transform: none;
        object-fit: cover;
        object-position: center 42%;
        z-index: 0;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal {
        grid-area: footer-mist;
        align-self: end;
        justify-self: stretch;
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 2;
        background: transparent;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal::before {
        content: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            "explore places practices"
            "tagline tagline socials";
        column-gap: clamp(1.35rem, 4vw, 2rem);
        row-gap: clamp(2rem, 5.5vw, 2.5rem);
        margin-top: 0;
        margin-left: 0;
        min-height: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav,
    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links {
        display: contents;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        padding: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top > .ashrams-footer__tagline {
        grid-area: tagline;
        position: static;
        left: auto;
        top: auto;
        width: auto;
        min-width: 0;
        margin-top: 0;
        font-family: var(--ashrams-sans);
        font-size: clamp(1.5rem, 5.75vw, 2.15rem);
        font-weight: 600;
        line-height: 1.28;
        gap: clamp(0.4rem, 1.4vw, 0.7rem);
        color: rgba(0, 0, 0, 0.33);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-long {
        display: inline;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-short {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-word--last .ashrams-footer__tagline-dot {
        display: none !important;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) {
        grid-area: explore;
        width: auto;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(2) {
        grid-area: places;
        width: auto;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(3) {
        grid-area: practices;
        width: auto;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col,
    body.ashrams-home .ashrams-footer .ashrams-footer__top .ashrams-footer__col--social {
        padding-left: clamp(0.5rem, 1.5vw, 1rem);
        box-sizing: border-box;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
        grid-area: socials;
        position: static;
        right: auto;
        top: auto;
        min-width: 0;
        width: 100%;
        max-width: 100%;
        justify-self: stretch;
        align-self: start;
        display: flex;
        justify-content: flex-end;
        margin-left: 0;
        margin-right: 0;
        margin-top: calc(
            1.12 * clamp(1.5rem, 5.75vw, 2.15rem) +
            0.5 * clamp(0.28rem, 1.1vw, 0.5rem) -
            0.75rem
        );
        padding: 0 0 0 clamp(0.5rem, 1.5vw, 1rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col h4,
    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        margin: 0 0 0.4rem;
        font-size: 1rem;
        line-height: 1.2;
        font-weight: 600;
        color: #111111;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul {
        gap: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul li + li {
        margin-top: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col a {
        font-family: var(--ashrams-sans);
        font-size: 0.76rem;
        font-weight: 400;
        line-height: 1.35;
        color: #8a93a4;
        white-space: normal;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) h4 {
        margin-bottom: 0.12rem;
        font-family: 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-weight: 500;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a {
        line-height: 1.55;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__socials {
        gap: 1rem;
        justify-content: flex-end;
        width: auto;
        margin-top: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link img {
        width: clamp(1.5rem, 2.2vw, 1.75rem);
        height: clamp(1.5rem, 2.2vw, 1.75rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link--muted {
        opacity: 1;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link--twitter img {
        filter: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal {
        padding: 0.65rem var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem)) 1.25rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.2em;
        padding-left: 0;
        font-family: var(--ashrams-sans);
        font-size: 0.56rem;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.45;
        color: #525252;
        text-shadow:
            0 0 10px rgba(255, 255, 255, 0.72),
            0 1px 2px rgba(255, 255, 255, 0.55);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-copy,
    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        color: #525252;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        text-decoration: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-dot {
        display: inline;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-dot::before {
        content: '·';
    }

    /* ≤400px — inset social icons from right edge */
    @media (max-width: 400px) {
        body.ashrams-home .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
            padding-right: clamp(1rem, 6.106vw, 1.5rem);
        }
    }

    /* ≤360px — keep 3-column nav on one line (Discover / Regions / About Us) */
    @media (max-width: 360px) {
        body.ashrams-home .ashrams-footer .container.cnt-max__1320.ashrams-footer__content {
            padding-inline: var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem));
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__top {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: clamp(0.5rem, 2.5vw, 0.75rem);
            row-gap: 1.5rem;
            margin-left: 0;
            width: 100%;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col,
        body.ashrams-home .ashrams-footer .ashrams-footer__top .ashrams-footer__col--social {
            min-width: 0;
            padding-left: 0;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col h4,
        body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col a {
            white-space: nowrap;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__col h4,
        body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
            font-size: 0.8125rem;
            line-height: 1.15;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__col a {
            font-size: 0.625rem;
            line-height: 1.2;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a {
            line-height: 1.2;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__socials {
            gap: 0.5rem;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__social-link img {
            width: 1.25rem;
            height: 1.25rem;
        }

        body.ashrams-home .ashrams-footer .ashrams-footer__content {
            padding-inline: var(--loc-phone-pad, calc(100vw * 32 / 393));
        }
    }
}

/* Tablet footer — 501px–999px */
@media (min-width: 501px) and (max-width: 999px) {
    body.ashrams-home .ashrams-footer .ashrams-footer__content {
        padding-block: 1.25rem 1.75rem;
        padding-inline: var(--ashrams-shell-pad, clamp(1.25rem, 4vw, 3.75rem));
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top {
        column-gap: clamp(2rem, 4.5vw, 3.5rem);
        row-gap: clamp(2rem, 4vw, 2.75rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col,
    body.ashrams-home .ashrams-footer .ashrams-footer__top .ashrams-footer__col--social {
        padding-left: 0;
        min-width: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col h4,
    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
        margin-bottom: 0.35rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col a {
        font-family: var(--ashrams-inter), 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(0.8125rem, 1.35vw, 0.9375rem);
        line-height: 1.45;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) a {
        line-height: 1.45;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top > .ashrams-footer__tagline {
        font-family: var(--ashrams-inter), 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(1.75rem, 4.25vw, 2.35rem);
        font-weight: 700;
        line-height: 1.15;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-long {
        display: inline;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-short {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
        margin-top: calc(
            1.15 * clamp(1.75rem, 4.25vw, 2.35rem) +
            0.35 * clamp(0.35rem, 1vw, 0.5rem) -
            0.75rem
        );
        padding-right: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link img {
        width: clamp(1.75rem, 2.8vw, 2.125rem);
        height: clamp(1.75rem, 2.8vw, 2.125rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest-bg {
        height: clamp(20rem, 42vw, 28rem);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal {
        padding: 0.75rem var(--ashrams-shell-pad, clamp(1.25rem, 4vw, 3.75rem)) 1.5rem;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom {
        font-family: var(--ashrams-inter), 'Inter', var(--ashrams-sans), system-ui, sans-serif;
        font-size: clamp(0.6875rem, 1.2vw, 0.8125rem);
    }
}

/* Phone footer @ ≤767px — same homepage layout on every public page */
@media (max-width: 767px) {
    body.ashrams-home .ashrams-footer {
        margin-top: 0;
        padding-top: 0;
        background: #ffffff;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
            "footer-content"
            "footer-mist";
        min-height: 0;
        padding: 0;
        overflow-x: clip;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest::before,
    body.ashrams-home .ashrams-footer .ashrams-footer__forest::after {
        content: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__content {
        grid-area: footer-content;
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding:
            var(--loc-phone-footer-pad-top, calc(100vw * 39 / 393))
            var(--loc-phone-pad, calc(100vw * 32 / 393))
            0;
        background: #ffffff;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            "explore places practices"
            "tagline tagline socials";
        column-gap: var(--loc-phone-footer-nav-gap, calc(100vw * 40 / 393));
        row-gap: var(--loc-phone-footer-tagline-gap, calc(100vw * 79 / 393));
        margin: 0;
        padding: 0;
        min-height: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav,
    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links {
        display: contents;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(1) {
        grid-area: explore;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(2) {
        grid-area: places;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col:nth-child(3) {
        grid-area: practices;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav-links > .ashrams-footer__col,
    body.ashrams-home .ashrams-footer .ashrams-footer__top .ashrams-footer__col--social {
        padding-left: 0;
        min-width: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col {
        display: flex;
        flex-direction: column;
        gap: var(--loc-phone-footer-col-gap, calc(100vw * 16 / 393));
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col h4,
    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        margin: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 10 / 393);
        line-height: calc(15 / 10);
        font-weight: 700 !important;
        letter-spacing: calc(100vw * 1 / 393);
        text-transform: uppercase;
        color: #333333;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col--social h4 {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul {
        display: flex;
        flex-direction: column;
        gap: var(--loc-phone-footer-link-gap, calc(100vw * 8 / 393));
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col:not(.ashrams-footer__col--social) ul li + li {
        margin-top: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__col a {
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 11 / 393);
        line-height: calc(16 / 11);
        font-weight: 400;
        color: #7a7a7a;
        white-space: normal;
        text-decoration: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__top > .ashrams-footer__tagline {
        grid-area: tagline;
        position: static;
        width: auto;
        min-width: 0;
        margin: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 22 / 393);
        line-height: 1.5;
        font-weight: 700;
        gap: 0;
        color: rgba(0, 0, 0, 0.2);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-word {
        font-family: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-long {
        display: inline;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-short {
        display: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__tagline-word--last .ashrams-footer__tagline-dot {
        display: none !important;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__nav > .ashrams-footer__col--social {
        grid-area: socials;
        position: static;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        justify-self: end;
        width: max-content;
        max-width: none;
        margin: 0 var(--loc-phone-footer-social-inset, calc(100vw * 8 / 393)) 0 0;
        padding: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__socials {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: var(--loc-phone-footer-social-gap, calc(100vw * 12 / 393));
        margin: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link img {
        width: var(--loc-phone-footer-social-size, calc(100vw * 30 / 393));
        height: var(--loc-phone-footer-social-size, calc(100vw * 30 / 393));
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__social-link--muted {
        opacity: 0.4;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__forest-bg {
        grid-area: footer-mist;
        position: relative;
        width: 100%;
        height: var(--loc-phone-footer-forest-h, calc(100vw * 261 / 393));
        object-fit: cover;
        object-position: center 42%;
        -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
        mask-image: linear-gradient(to bottom, transparent 0%, #000 10%);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal {
        grid-area: footer-mist;
        align-self: end;
        justify-self: stretch;
        position: relative;
        z-index: 2;
        padding:
            0
            var(--loc-phone-pad, calc(100vw * 32 / 393))
            calc(100vw * 24 / 393);
        background: transparent;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__legal::before {
        content: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.2em;
        padding: 0;
        font-family: var(--ashrams-inter), 'Inter', sans-serif !important;
        font-size: calc(100vw * 8 / 393);
        line-height: calc(23 / 8);
        font-weight: 400;
        color: #4b5563;
        text-shadow:
            0 0 10px rgba(255, 255, 255, 0.72),
            0 1px 2px rgba(255, 255, 255, 0.55);
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-copy,
    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        color: #4b5563;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom a {
        text-decoration: none;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-dot {
        display: inline;
        width: auto;
        height: auto;
        background: none;
        border-radius: 0;
    }

    body.ashrams-home .ashrams-footer .ashrams-footer__bottom-dot::before {
        content: '·';
    }

    /* Page CSS (contact / journal / reviews / profile / etc.) must not restyle this footer */
    body.ashrams-home.ashrams-contact-page .ashrams-footer,
    body.ashrams-home.ashrams-blog-page .ashrams-footer,
    body.ashrams-home.ashrams-blog-detail-page .ashrams-footer,
    body.ashrams-home.ashrams-journey-reviews-page .ashrams-footer,
    body.ashrams-home.ashrams-faq-page .ashrams-footer,
    body.ashrams-home.ashrams-privacy-page .ashrams-footer,
    body.ashrams-home.ashrams-about-page .ashrams-footer,
    body.ashrams-home.ashrams-profile-page .ashrams-footer,
    body.ashrams-home.ashrams-my-journeys-page .ashrams-footer,
    body.ashrams-home.ashrams-journey-detail-page .ashrams-footer {
        margin-top: 0;
        padding-top: 0;
        background: #ffffff;
    }

    body.ashrams-home.ashrams-blog-detail-page .ashrams-footer__forest-bg,
    body.ashrams-blog-detail-page .ashrams-footer__forest-bg {
        background-color: transparent;
    }

    body.ashrams-home.ashrams-contact-page .ashrams-footer .ashrams-footer__content {
        padding:
            var(--loc-phone-footer-pad-top, calc(100vw * 39 / 393))
            var(--loc-phone-pad, calc(100vw * 32 / 393))
            0;
        background: #ffffff;
    }
}

/* —— Scroll to top (bottom-right, site-wide) —— */
.ashrams-scroll-top {
    position: fixed;
    right: clamp(1rem, 2.5vw, 1.75rem);
    bottom: clamp(1.25rem, 3vw, 2rem);
    z-index: 10040;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(26, 28, 28, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #1a1c1c;
    box-shadow: 0 8px 24px rgba(26, 28, 28, 0.1);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0.22s ease,
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.ashrams-scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.ashrams-scroll-top:hover,
.ashrams-scroll-top:focus-visible {
    background: #ffffff;
    border-color: rgba(26, 28, 28, 0.28);
    color: #111111;
    outline: none;
}

.ashrams-scroll-top:focus-visible {
    box-shadow:
        0 8px 24px rgba(26, 28, 28, 0.1),
        0 0 0 2px rgba(26, 28, 28, 0.2);
}

.ashrams-scroll-top__icon {
    display: block;
    width: 1.125rem;
    height: 1.125rem;
}

@media (prefers-reduced-motion: reduce) {
    .ashrams-scroll-top {
        transition: none;
    }
}

body.ashrams-auth-page .ashrams-scroll-top,
body.ashrams-checkout-page .ashrams-scroll-top {
    display: none !important;
}

/* Journey detail — Figma legal bar only (no forest / columns) */
body.ashrams-home.ashrams-journey-detail-page .ashrams-footer {
    margin-top: 0;
    padding-top: 0;
    background: #ffffff;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__forest {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    position: relative;
    background: #ffffff;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__forest-bg,
body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__content,
body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__forest::before,
body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__forest::after {
    display: none !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__legal {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    padding: 28px 24px 40px !important;
    background: #ffffff;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__legal::before {
    content: none !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9.333px !important;
    padding: 0 !important;
    font-family: 'Inter', var(--ashrams-inter), system-ui, sans-serif !important;
    font-size: 16.333px !important;
    font-weight: 400 !important;
    line-height: 23.333px !important;
    color: #4b5563 !important;
    text-shadow: none !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom-copy,
body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom a {
    color: #4b5563 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom a:hover {
    color: #1a2438 !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom-dot {
    width: 2.333px !important;
    height: 2.333px !important;
    background: #4b5563 !important;
}

body.ashrams-home.ashrams-journey-detail-page .ashrams-footer .ashrams-footer__bottom-dot::before {
    content: none !important;
}