/* Journeys in India — /journeys */

/* Guide block tokens — hub + place pages that load this stylesheet */
body.ashrams-journeys-page,
body.ashrams-place-page {
    --journeys-guide-main-max: 61.5rem; /* 984px — guide main + cards */
}

body.ashrams-journeys-page {
    /* Figma listing row = 848.36px inner at 1440; shell max includes horizontal pad */
    --journeys-content-max: 53.0225rem;
    --journeys-guide-extra: 1rem;
    --journeys-guide-content-max: calc(var(--journeys-content-max) + var(--journeys-guide-extra));
    --journeys-shell-max: min(
        calc(var(--journeys-content-max) + 2 * var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem))),
        100%
    );
    --journeys-guide-shell-max: min(
        calc(var(--journeys-guide-content-max) + 2 * var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem))),
        100%
    );
    background: #ffffff;
}

/* >850px — wider inner column beyond Figma 848px listing row */
@media (min-width: 851px) {
    body.ashrams-journeys-page {
        --journeys-content-max: calc(53.0225rem + 136px);
        --journeys-guide-extra: 1.5rem;
    }
}

/* Desktop — full Figma paths content band (~1016px inner) */
@media (min-width: 1000px) {
    body.ashrams-journeys-page {
        --journeys-content-max: min(65rem, calc(100% - 2 * var(--ashrams-shell-pad, clamp(1rem, 4vw, 3.75rem))));
        --journeys-guide-extra: 2rem;
    }
}

body.ashrams-journeys-page .ashrams-header {
    position: relative;
    background: #ffffff;
}

body.ashrams-journeys-page .ashrams-footer {
    margin-top: 0;
    padding-top: 0;
    background: transparent;
}

.ashrams-journeys-page-main {
    padding-bottom: 0;
    background: #ffffff;
}

body.ashrams-journeys-page .ashrams-journeys__region-inner.container {
    max-width: var(--journeys-shell-max) !important;
    margin-left: auto;
    margin-right: auto;
}

body.ashrams-journeys-page .ashrams-journeys__guide > .container {
    max-width: var(--journeys-guide-shell-max) !important;
    margin-left: auto;
    margin-right: auto;
}

/* —— Hero: copy on image + full-width panorama —— */
.ashrams-journeys__hero-stage {
    position: relative;
    width: 100%;
    margin-bottom: clamp(1rem, 3vw, 1.75rem);
}

.ashrams-journeys__hero-media {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.ashrams-journeys__hero-picture {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    line-height: 0;
}

.ashrams-journeys__hero-picture img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    transform: translateY(-7%);
    filter: contrast(1.1) saturate(1.06) brightness(1.02);
}

/* Top white scrim for headline — clear mid/lower for boats; light bottom for tabs */
.ashrams-journeys__hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.99) 0%,
            rgba(255, 255, 255, 0.94) 10%,
            rgba(255, 255, 255, 0.72) 18%,
            rgba(255, 255, 255, 0.38) 26%,
            rgba(255, 255, 255, 0.08) 34%,
            transparent 44%,
            transparent 72%,
            rgba(255, 255, 255, 0.35) 86%,
            rgba(255, 255, 255, 0.82) 94%,
            #ffffff 100%
        ),
        linear-gradient(
            90deg,
            transparent 0%,
            transparent 55%,
            rgba(255, 255, 255, 0.15) 72%,
            rgba(255, 255, 255, 0.55) 88%,
            rgba(255, 255, 255, 0.85) 100%
        );
    mask-image: linear-gradient(180deg, #000 0%, #000 48%, transparent 48%, transparent 68%, #000 68%, #000 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 48%, transparent 48%, transparent 68%, #000 68%, #000 100%);
}

/* Scroll cue — mid-hero on boats/water (white text was invisible on mist + tabs) */
body.ashrams-journeys-page .ashrams-journeys__hero-media .ashrams-journeys__hero-scroll {
    position: absolute;
    left: 50%;
    bottom: 42%;
    transform: translateX(-50%);
    z-index: 4;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--ashrams-sans);
    font-size: 0.625rem;
    font-weight: 400;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #4a3a34;
    font-weight: 500;
    text-shadow:
        0 0 12px rgba(255, 255, 255, 0.95),
        0 1px 2px rgba(255, 255, 255, 0.8);
    pointer-events: none;
}

body.ashrams-journeys-page .ashrams-journeys__hero-media .ashrams-journeys__hero-scroll::after {
    content: '';
    display: block;
    width: 1px;
    height: clamp(2rem, 5vh, 3rem);
    background: linear-gradient(
        to bottom,
        rgba(85, 67, 61, 0.75) 0%,
        rgba(85, 67, 61, 0.2) 100%
    );
}

@media (max-width: 767.98px) {
    body.ashrams-journeys-page .ashrams-journeys__hero-media .ashrams-journeys__hero-scroll {
        bottom: 38%;
        font-size: 0.5625rem;
    }
}

.ashrams-journeys__hero-content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--journeys-shell-max);
    margin: 0;
    padding-top: clamp(2.5rem, 5.5vw, 3.5rem);
    padding-right: clamp(1rem, 4vw, 48px);
    padding-bottom: clamp(1rem, 2.5vw, 1.5rem);
    padding-left: clamp(1rem, 4vw, 48px);
    text-align: center;
    background: transparent;
    box-sizing: border-box;
}

.ashrams-journeys__kicker {
    font-family: var(--ashrams-sans);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #8a8a8a;
    margin: 0 0 1.85rem;
}

.ashrams-journeys__kicker-brand {
    color: var(--ashrams-terracotta);
}

/* Figma: Cormorant Infant 500, 60px / 45px, -2.4px — same as Paths + Himalayas */
body.ashrams-journeys-page .ashrams-journeys__title {
    font-family: 'Cormorant Infant', var(--ashrams-serif);
    font-size: clamp(2.125rem, 6.5vw, 3.25rem);
    font-weight: 300;
    font-style: normal;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: clamp(2rem, 5.5vw, 39px);
    letter-spacing: -2.4px;
    margin: 0 0 1.85rem;
    color: var(--ashrams-text);
}

body.ashrams-journeys-page .ashrams-journeys__title-accent,
body.ashrams-journeys-page .ashrams-journeys__title-rest {
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    font-style: normal;
    line-height: inherit;
    letter-spacing: inherit;
}

.ashrams-journeys__title-accent {
    color: var(--ashrams-terracotta);
}

.ashrams-journeys__title-rest {
    color: var(--ashrams-text);
}

/* Plus Jakarta intro — explicit 2 lines (line 1 must not wrap before <br>) */
body.ashrams-journeys-page .ashrams-journeys__intro {
    font-family: var(--paths-body-font, 'Plus Jakarta Sans', var(--ashrams-sans));
    font-size: clamp(0.8125rem, 1.6vw, 1.0625rem);
    font-weight: 300;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0;
    text-align: center;
    color: #55433d;
    margin: 0 auto;
    max-width: min(42rem, 100%);
}

/* —— Region tabs — overlaid on lower hero (title stays put) —— */
.ashrams-journeys__tabs-wrap {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: clamp(1.75rem, 7vw, 3.5rem);
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--journeys-shell-max);
    margin: 0;
    padding: clamp(0.5rem, 1.5vw, 0.85rem) clamp(1rem, 4vw, 48px) clamp(0.35rem, 1vw, 0.55rem);
    background: transparent;
    border-bottom: 1px solid rgba(232, 228, 223, 0.85);
    box-sizing: border-box;
}

.ashrams-journeys__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem clamp(1.25rem, 3.5vw, 2.25rem);
    list-style: none;
    margin: 0;
    padding: 0 0 0.65rem;
    justify-content: center;
}

.ashrams-journeys__tabs a {
    font-family: var(--ashrams-sans);
    font-size: 0.875rem;
    font-weight: 400;
    color: #8a8a8a;
    text-decoration: none;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.ashrams-journeys__tabs a:hover,
.ashrams-journeys__tabs a.is-active {
    color: var(--ashrams-terracotta);
    border-bottom-color: var(--ashrams-terracotta);
}

/* —— Section bridge —— */
.ashrams-journeys__bridge {
    position: relative;
    text-align: center;
    margin: clamp(2.5rem, 6vw, 4rem) 0 clamp(2rem, 5vw, 3rem);
}

.ashrams-journeys__bridge::before {
    content: '';
    position: absolute;
    left: clamp(1rem, 8vw, 6rem);
    right: clamp(1rem, 8vw, 6rem);
    top: 50%;
    height: 1px;
    background: #ebe9e6;
    z-index: 0;
}

.ashrams-journeys__bridge span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 1rem;
    background: #ffffff;
    font-family: var(--ashrams-sans);
    font-size: clamp(0.55rem, 1.1vw, 0.62rem);
    font-weight: 500;
    letter-spacing: 0.12em;
    color: #b0b0b0;
}

.ashrams-journeys__bridge--final {
    margin-top: clamp(2.5rem, 6vw, 4rem);
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

/* —— Region block —— */
.ashrams-journeys__region {
    scroll-margin-top: 5rem;
}

.ashrams-journeys__region-head {
    text-align: center;
    margin: 0 0 clamp(2rem, 5vw, 3rem);
    padding: 0 0 clamp(1.5rem, 4vw, 2rem);
    border-bottom: 1px solid #ebe9e6;
}

body.ashrams-journeys-page .ashrams-journeys__region-head {
    /* Figma: ~2× intro line-height between last line and grey rule */
    padding-bottom: clamp(3.5rem, calc(2 * 1.0625rem * 1.625), 4.125rem);
}

body.ashrams-journeys-page .ashrams-journeys__region-title {
    font-family: 'Cormorant Infant', var(--ashrams-serif);
    font-size: clamp(2.25rem, 6vw, 3rem);
    font-weight: 500;
    font-style: normal;
    font-synthesis: none;
    line-height: 1.05;
    letter-spacing: -0.04em;
    margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem);
}

/* First region after hero tabs — no extra space above title */
body.ashrams-journeys-page #region-rishikesh .ashrams-journeys__region-head {
    margin-top: 0;
    padding-top: 0;
}

body.ashrams-journeys-page .ashrams-journeys__region-title-accent,
body.ashrams-journeys-page .ashrams-journeys__region-title-rest {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
    line-height: inherit;
    letter-spacing: inherit;
}

.ashrams-journeys__region-title-accent {
    color: var(--ashrams-terracotta);
}

.ashrams-journeys__region-title-rest {
    color: var(--ashrams-text);
}

body.ashrams-journeys-page .ashrams-journeys__region-intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 100%;
    font-family: var(--ashrams-manrope, 'Manrope'), var(--paths-body-font, 'Plus Jakarta Sans'), system-ui, sans-serif;
    font-size: clamp(0.9375rem, 1.55vw, 1.0625rem);
    font-weight: 300;
    line-height: 1.625;
    letter-spacing: 0;
    color: #55433d;
    text-align: center;
}

/* Each line centered; width = text (longest → shortest) like Rishikesh */
body.ashrams-journeys-page .ashrams-journeys__region-intro-line {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* —— Listings —— */
.ashrams-journeys__listing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 4vw, 2.75rem);
    align-items: center;
    margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.ashrams-journeys__listing-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}

/* Listings — image col slightly wider (1.03fr); equal total width, no center meet */
@media (min-width: 851px) {
    body.ashrams-journeys-page .ashrams-journeys__listing,
    body.ashrams-journeys-page .ashrams-journeys__listing--reverse {
        align-items: stretch;
        gap: 2.25rem;
        margin-bottom: clamp(3rem, 5vw, 4rem);
    }

    body.ashrams-journeys-page .ashrams-journeys__listing {
        grid-template-columns: minmax(0, 1.03fr) minmax(0, 0.97fr);
    }

    body.ashrams-journeys-page .ashrams-journeys__listing--reverse {
        grid-template-columns: minmax(0, 0.97fr) minmax(0, 1.03fr);
    }

    body.ashrams-journeys-page .ashrams-journeys__region .ashrams-journeys__listing:last-child {
        margin-bottom: 0;
    }

    body.ashrams-journeys-page .ashrams-journeys__listing-media {
        width: 100%;
        max-width: none;
        align-self: start;
        justify-self: stretch;
        height: auto;
        aspect-ratio: 592 / 400;
    }

    body.ashrams-journeys-page .ashrams-journeys__listing-copy {
        align-self: stretch;
        min-height: 100%;
        justify-content: space-between;
        gap: 0;
    }

    body.ashrams-journeys-page .ashrams-journeys__listing-title,
    body.ashrams-journeys-page .ashrams-journeys__listing-desc,
    body.ashrams-journeys-page .ashrams-journeys__listing-price,
    body.ashrams-journeys-page .ashrams-journeys__listing-cta {
        margin: 0;
    }
}

.ashrams-journeys__listing--reverse .ashrams-journeys__listing-media {
    order: 2;
}

.ashrams-journeys__listing--reverse .ashrams-journeys__listing-copy {
    order: 1;
}

.ashrams-journeys__listing-media {
    border-radius: 40px;
    overflow: hidden;
    aspect-ratio: 592 / 400;
    height: auto;
    background: #e5e0da;
    position: relative;
}

.ashrams-journeys__listing-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ashrams-journeys__listing-dots {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.35rem;
    z-index: 1;
}

.ashrams-journeys__listing-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.85);
}

.ashrams-journeys__listing-dots span:first-child {
    background: #ffffff;
}

.ashrams-journeys__listing-title {
    font-family: 'Cormorant Infant', var(--ashrams-serif);
    font-size: clamp(1.5625rem, 3.3vw, 1.95rem);
    font-weight: 500;
    line-height: 1.2;
    color: var(--ashrams-text);
    margin: 0 0 0.75rem;
}

.ashrams-journeys__listing-desc {
    font-family: var(--paths-body-font, 'Plus Jakarta Sans', var(--ashrams-sans));
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.8;
    color: #55433d;
    margin: 0 0 1rem;
}

.ashrams-journeys__listing-price {
    font-family: var(--ashrams-sans);
    font-size: 0.875rem;
    color: var(--ashrams-text);
    margin: 0 0 1.15rem;
}

.ashrams-journeys__listing-price strong {
    font-weight: 600;
}

.ashrams-journeys__listing-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.35rem;
    border: 1px solid var(--ashrams-terracotta);
    border-radius: 9999px;
    font-family: var(--ashrams-sans);
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--ashrams-terracotta);
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.ashrams-journeys__listing-cta:hover {
    background: var(--ashrams-terracotta);
    color: #fff;
}

/* —— Rishikesh guide —— */
.ashrams-journeys__guide {
    padding-bottom: clamp(3rem, 8vw, 5rem);
    border-top: 1px solid #ebe9e6;
    padding-top: clamp(2.5rem, 6vw, 4rem);
}

.ashrams-journeys__guide-intro {
    display: grid;
    grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: start;
    margin-bottom: clamp(3rem, 7vw, 4.5rem);
    padding-bottom: clamp(2rem, 5vw, 3rem);
    border-bottom: 1px solid #ebe9e6;
}

/* Narrower copy measure; left edge unchanged in the grid */
.ashrams-journeys__guide-intro-copy {
    max-width: 32rem;
}

/* Figma: Inter 12px / 16px, #55433D — weight one step lighter (300, not 400) */
.ashrams-journeys__guide-label {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.6875rem;
    font-weight: 300;
    line-height: 0.9375rem;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #55433d;
    margin: 0 0 0.75rem;
}

/* Figma: Playfair Display 400 (lightest real weight) — optical lighten only, a bit */
.ashrams-journeys__guide-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: clamp(1.4375rem, 3vw, 1.75rem);
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #1a1c1c;
    margin: 0 0 1.75rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ashrams-journeys__guide-title {
    display: block;
    font: inherit;
    font-weight: 400;
    line-height: 2.375rem;
    color: #1c1e1e;
    margin: 0;
}

.ashrams-journeys__guide-subtitle {
    display: block;
    font: inherit;
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    letter-spacing: inherit;
    color: #9a5539;
    margin: 0;
}

/* Figma body: Inter 400, 14px / 22.75px, #55433D */
.ashrams-journeys__guide-text {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.421875rem;
    letter-spacing: 0;
    color: #55433d;
    margin: 0 0 1rem;
}

.ashrams-journeys__guide-stats {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ashrams-journeys__guide-stat {
    padding-top: clamp(1rem, 2.5vw, 1.35rem);
    padding-bottom: clamp(1rem, 2.5vw, 1.35rem);
}

/* Space between description and grey divider below (rows 4 & 3) */
.ashrams-journeys__guide-stat:not(:last-child) {
    padding-bottom: calc(clamp(1rem, 2.5vw, 1.35rem) + 0.85rem);
}

/* Dividers only between stats — not above 4 or below 5–21 */
.ashrams-journeys__guide-stat + .ashrams-journeys__guide-stat {
    border-top: 1px solid #ebe9e6;
}

/* Figma: Playfair Display regular 400, 36px / 40px, #1A1C1C (not bold / not Cormorant) */
.ashrams-journeys__guide-stat-value {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 400;
    font-style: normal;
    line-height: 2.5rem;
    letter-spacing: 0;
    color: #1a1c1c;
    margin: 0 0 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
}

.ashrams-journeys__guide-stat-dash {
    font: inherit;
    display: inline-block;
    margin: 0 0.12em;
    font-size: 0.62em;
    line-height: 1;
    vertical-align: 0.08em;
}

.ashrams-journeys__guide-stat-text {
    font-family: var(--paths-body-font, 'Plus Jakarta Sans', var(--ashrams-sans));
    font-size: 0.75rem;
    line-height: 1.45;
    color: #7a7a7a;
    margin: 0;
}

/* Stat under 4 — single line on desktop (slightly smaller FS) */
@media (min-width: 851px) {
    .ashrams-journeys__guide-stat:first-child .ashrams-journeys__guide-stat-text {
        font-size: 0.6875rem;
        white-space: nowrap;
    }
}

/* —— Three-column cards —— */
.ashrams-journeys__guide-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.25rem, 3vw, 2rem);
    margin-bottom: clamp(3rem, 7vw, 4.5rem);
    padding-bottom: clamp(2rem, 5vw, 3rem);
    border-bottom: 1px solid #ebe9e6;
}

.ashrams-journeys__guide-column-eyebrow {
    font-family: var(--ashrams-sans);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: var(--ashrams-terracotta);
    margin: 0 0 0.65rem;
}

.ashrams-journeys__guide-column-title {
    font-family: 'Cormorant Infant', var(--ashrams-serif);
    font-size: clamp(1.0625rem, 2vw, 1.25rem);
    font-weight: 500;
    line-height: 1.2;
    color: var(--ashrams-text);
    margin: 0 0 0.85rem;
}

.ashrams-journeys__guide-column-text {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.21875rem;
    letter-spacing: 0;
    color: #55433d;
    margin: 0 0 0.75rem;
}

/* —— Sidebar + main (232px nav | guide content column) —— */
.ashrams-journeys__guide-layout {
    display: grid;
    grid-template-columns: 232px minmax(0, var(--journeys-guide-main-max, 61.5rem));
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: stretch;
    margin-bottom: clamp(3rem, 7vw, 4.5rem);
}

.ashrams-journeys__guide-body {
    display: flex;
    flex-direction: column;
    gap: clamp(3rem, 5.5vw, 4rem);
    width: 100%;
    max-width: var(--journeys-guide-main-max, 61.5rem);
    min-width: 0;
}

/* Figma Background+VerticalBorder — height stretches to match choose box bottom */
.ashrams-journeys__guide-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 232px;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 16px;
    background: #fafafa;
    border-right: 1px solid #e5e5e5;
    border-radius: 0 24px 24px 0;
    box-sizing: border-box;
    align-self: stretch;
}

.ashrams-journeys__guide-nav-kicker {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 1.125rem;
    line-height: 1.5555555556;
    font-weight: 700;
    color: #171717;
    margin: 0;
}

.ashrams-journeys__guide-nav-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.875rem;
    line-height: 1.4285714286;
    font-weight: 400;
    color: #737373;
    margin: 0;
}

.ashrams-journeys__guide-nav-list {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ashrams-journeys__guide-nav-link {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    border-radius: 9999px;
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, font-weight 0.15s ease;
}

.ashrams-journeys__guide-nav-link:hover {
    color: #984629;
    background: rgba(152, 70, 41, 0.06);
}

.ashrams-journeys__guide-nav-link.is-active {
    font-weight: 700;
    color: #984629;
    background: #fff7ed;
}

.ashrams-journeys__guide-nav-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-color: currentColor;
    border: none;
    border-radius: 0;
    opacity: 1;
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;
}

.ashrams-journeys__guide-nav-icon--info {
    -webkit-mask-image: url('../img/ashram/journeys/guide-nav/icon-info.svg');
    mask-image: url('../img/ashram/journeys/guide-nav/icon-info.svg');
}

.ashrams-journeys__guide-nav-icon--school {
    -webkit-mask-image: url('../img/ashram/journeys/guide-nav/icon-school.svg');
    mask-image: url('../img/ashram/journeys/guide-nav/icon-school.svg');
}

.ashrams-journeys__guide-nav-icon--cost {
    -webkit-mask-image: url('../img/ashram/journeys/guide-nav/icon-cost.svg');
    mask-image: url('../img/ashram/journeys/guide-nav/icon-cost.svg');
}

.ashrams-journeys__guide-nav-icon--yoga {
    -webkit-mask-image: url('../img/ashram/journeys/guide-nav/icon-yoga.svg');
    mask-image: url('../img/ashram/journeys/guide-nav/icon-yoga.svg');
}

.ashrams-journeys__guide-nav-icon--book,
.ashrams-journeys__guide-nav-icon--travel {
    -webkit-mask-image: url('../img/ashram/journeys/guide-nav/icon-travel.svg');
    mask-image: url('../img/ashram/journeys/guide-nav/icon-travel.svg');
}

.ashrams-journeys__guide-main-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: clamp(1.35rem, 3vw, 1.65rem);
    font-weight: 700;
    color: var(--ashrams-text);
    margin: 0 0 1rem;
}

.ashrams-journeys__guide-main-text {
    font-family: var(--paths-body-font, 'Plus Jakarta Sans', var(--ashrams-sans));
    font-size: 0.875rem;
    line-height: 1.65;
    color: #7a7a7a;
    margin: 0 0 1rem;
}

/* Three cards inside guide content column */
.ashrams-journeys__guide-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

/* Card: slightly shorter (pad 20) + wider via container */
.ashrams-journeys__guide-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 28px;
    background: #ffffff;
    box-sizing: border-box;
}

/* Card title: Inter 600, 16px / 24px, #1A1C1C */
.ashrams-journeys__guide-card-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 600;
    color: #1a1c1c;
    margin: 0;
}

.ashrams-journeys__guide-card-text {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.1875rem;
    letter-spacing: 0;
    color: #555555;
    margin: 0;
    hyphens: auto;
}

/* Figma choose box: 896×hug, #F3F3F4, radius 48, pad 32, gap 24, 1px left #984629 @10% */
.ashrams-journeys__choose {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: var(--journeys-guide-main-max, 61.5rem);
    padding: 32px;
    background: #f3f3f4;
    border-left: 1px solid rgba(152, 70, 41, 0.1);
    border-radius: 48px;
    box-sizing: border-box;
    margin-bottom: 0;
}

/* How to Choose — title */
.ashrams-journeys__choose-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 1.5rem;
    line-height: 1.3333333333;
    font-weight: 600;
    letter-spacing: 0;
    color: #1a1c1c;
    margin: 0;
}

.ashrams-journeys__choose-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ashrams-journeys__choose-steps li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Step title (1. Define Your Goals, …) */
.ashrams-journeys__choose-step-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 1.0625rem;
    line-height: 1.4117647059;
    font-weight: 600;
    letter-spacing: 0;
    color: #984629;
}

/* Step body */
.ashrams-journeys__choose-step-text {
    display: block;
    font-family: var(--ashrams-manrope, 'Manrope'), var(--ashrams-sans);
    font-size: 0.875rem;
    line-height: 1.4285714286;
    font-weight: 300;
    letter-spacing: 0;
    color: #55433d;
}

/* —— FAQ —— */
.ashrams-journeys__faq-title {
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
    line-height: 1.3333333333;
    font-weight: 600;
    color: #1a1c1c;
    margin: 0 0 1.25rem;
}

.ashrams-journeys__faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.ashrams-journeys__faq-item {
    background: #f2f2f2;
    border-radius: 16px;
    overflow: hidden;
}

.ashrams-journeys__faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    font-family: var(--ashrams-inter, 'Inter'), var(--ashrams-sans);
    font-size: 0.9375rem;
    line-height: 1.4666666667;
    font-weight: 600;
    color: #1a1c1c;
    cursor: pointer;
    list-style: none;
}

.ashrams-journeys__faq-question::-webkit-details-marker {
    display: none;
}

.ashrams-journeys__faq-question::after {
    content: '';
    width: 8px;
    height: 8px;
    border-right: 1.5px solid #9a9a9a;
    border-bottom: 1.5px solid #9a9a9a;
    transform: rotate(45deg);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.ashrams-journeys__faq-item[open] .ashrams-journeys__faq-question::after {
    transform: rotate(-135deg);
}

.ashrams-journeys__faq-item:not([open]) .ashrams-journeys__faq-answer {
    display: none;
}

.ashrams-journeys__faq-answer {
    font-family: var(--paths-body-font, 'Plus Jakarta Sans', var(--ashrams-sans));
    font-size: 0.8rem;
    line-height: 1.6;
    color: #7a7a7a;
    margin: 0;
    padding: 0 1.25rem 1.15rem;
}

/* —— Responsive —— */
@media (max-width: 999px) {
    .ashrams-journeys__guide-intro,
    .ashrams-journeys__guide-columns,
    .ashrams-journeys__guide-layout,
    .ashrams-journeys__choose {
        grid-template-columns: 1fr;
    }

    .ashrams-journeys__guide-nav {
        width: 100%;
        height: auto;
        min-height: 0;
        align-self: auto;
        border-right: none;
        border: 1px solid #e5e5e5;
        border-radius: 16px;
    }

    .ashrams-journeys__choose {
        max-width: none;
        padding: clamp(1.25rem, 4vw, 2rem);
        border-radius: 24px;
    }

    .ashrams-journeys__guide-body {
        max-width: none;
    }

    .ashrams-journeys__guide-cards {
        grid-template-columns: 1fr;
    }

    .ashrams-journeys__tabs-wrap {
        padding-inline: clamp(1rem, 4vw, 48px);
    }

    .ashrams-journeys__tabs {
        justify-content: center;
        flex-wrap: wrap;
        overflow-x: visible;
        gap: 0.5rem clamp(0.85rem, 3vw, 1.5rem);
    }

    .ashrams-journeys__tabs a {
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .ashrams-journeys__listing,
    .ashrams-journeys__listing--reverse {
        grid-template-columns: 1fr;
    }

    .ashrams-journeys__listing--reverse .ashrams-journeys__listing-media,
    .ashrams-journeys__listing--reverse .ashrams-journeys__listing-copy {
        order: unset;
    }

    .ashrams-journeys__tabs {
        gap: 0.45rem 0.85rem;
    }

    .ashrams-journeys__tabs a {
        font-size: 0.75rem;
    }
}