/* Ashtanga Yoga Retreat page — extends the .yr-page design system
   (see yoga-retreat-rishikesh.css for the shared tokens/components this
   file builds on top of). Only components that page doesn't already
   have are defined here. */

.yr-page .as-section-head{text-align:center;max-width:780px;margin:0 auto 56px}
.yr-page .as-tag{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--yr-brand);margin:0 0 12px}
.yr-page .as-heading{font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:900;color:var(--yr-ink);line-height:1.18;margin:0 0 16px}
.yr-page .as-sub{font-size:.95rem;color:var(--yr-muted);line-height:1.8;margin:0}

.yr-page .as-dark{background:var(--yr-ink);color:#fff}
.yr-page .as-dark .as-tag{color:var(--yr-gold)}
.yr-page .as-dark .as-heading{color:#fff}
.yr-page .as-dark .as-sub{color:rgba(255,255,255,.68)}
.yr-page .as-dark .yr-why__label{color:var(--yr-gold)}
.yr-page .as-dark .yr-why__heading{color:#fff}
.yr-page .as-dark .yr-why__text{color:rgba(255,255,255,.72)}
.yr-page .as-dark .yr-why__text strong{color:#fff}

.yr-page .as-flip .yr-why__media{order:-1}

/* Who is this retreat for — numbered cards */
.yr-page .as-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.yr-page .as-who-card{background:#fff;border-radius:18px;padding:34px 32px;box-shadow:0 4px 26px rgba(13,11,30,.06);border:1px solid var(--yr-line)}
.yr-page .as-who-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(201,168,76,.14);color:var(--yr-brand-dark);font-weight:900;font-size:.85rem;margin-bottom:18px}
.yr-page .as-who-title{font-size:1.05rem;font-weight:800;color:var(--yr-ink);margin:0 0 10px;line-height:1.3}
.yr-page .as-who-text{font-size:.87rem;color:var(--yr-muted);line-height:1.75;margin:0}

/* Tattvaa approach — practice principles */
.yr-page .as-principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.yr-page .as-principle{padding:26px 22px;border-radius:14px;background:#fff;border:1px solid var(--yr-line)}
.yr-page .as-principle-title{display:block;font-weight:800;color:var(--yr-brand-dark);margin-bottom:8px;font-size:.98rem}
.yr-page .as-principle-text{font-size:.82rem;color:var(--yr-muted);line-height:1.6;margin:0}
.yr-page .as-principles-note{margin:32px auto 0;max-width:720px;text-align:center;font-size:.86rem;color:var(--yr-muted);font-style:italic;line-height:1.8}

/* Led vs Mysore method cards */
.yr-page .as-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:8px}
.yr-page .as-method-card{background:#fff;border-radius:20px;padding:40px 38px;box-shadow:0 4px 30px rgba(13,11,30,.07)}
.yr-page .as-method-title{font-size:1.18rem;font-weight:800;color:var(--yr-ink);margin:0 0 14px}
.yr-page .as-method-text{font-size:.9rem;color:var(--yr-muted);line-height:1.8;margin:0 0 14px}
.yr-page .as-method-text:last-child{margin-bottom:0}
.yr-page .as-method-list{list-style:none;padding:0;margin:0}
.yr-page .as-method-list li{position:relative;padding-left:22px;margin-bottom:10px;font-size:.87rem;color:var(--yr-muted);line-height:1.6}
.yr-page .as-method-list li:last-child{margin-bottom:0}
.yr-page .as-method-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--yr-gold)}

/* Curriculum grid */
.yr-page .as-curriculum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.yr-page .as-curriculum-card{background:#fff;border-radius:16px;padding:30px 32px;border:1px solid var(--yr-line)}
.yr-page .as-curriculum-num{font-size:.68rem;font-weight:900;letter-spacing:.1em;color:var(--yr-gold)}
.yr-page .as-curriculum-title{font-size:1.02rem;font-weight:800;color:var(--yr-ink);margin:6px 0 12px;line-height:1.35}
.yr-page .as-curriculum-text{font-size:.86rem;color:var(--yr-muted);line-height:1.75;margin:0}
.yr-page .as-curriculum-list{list-style:none;padding:0;margin:0;font-size:.86rem;color:var(--yr-muted);line-height:1.75}
.yr-page .as-curriculum-list li{position:relative;padding-left:20px;margin-bottom:8px}
.yr-page .as-curriculum-list li:last-child{margin-bottom:0}
.yr-page .as-curriculum-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--yr-gold)}

/* Outcomes — dark band cards */
.yr-page .as-outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.yr-page .as-outcome-card{padding:26px 26px 4px;border-top:3px solid var(--yr-gold)}
.yr-page .as-outcome-title{font-size:1.02rem;font-weight:800;color:#fff;margin:0 0 10px}
.yr-page .as-outcome-text{font-size:.86rem;color:rgba(255,255,255,.68);line-height:1.75;margin:0}

/* Teacher quote */
.yr-page .as-quote{margin:28px 0 0;padding:26px 30px;border-left:4px solid var(--yr-gold);background:var(--yr-cream);border-radius:0 14px 14px 0;font-family:Georgia,'Times New Roman',serif;font-size:1.18rem;font-style:italic;color:var(--yr-ink);line-height:1.5}
.yr-page .as-quote cite{display:block;margin-top:10px;font-family:'Nunito Sans',sans-serif;font-size:.72rem;font-style:normal;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--yr-brand)}

/* 50-hour certificate */
.yr-page .as-cert-box{display:flex;align-items:center;gap:44px;padding:52px 56px;border-radius:24px;background:linear-gradient(135deg,#fffaf1,#fff);border:1px solid rgba(201,168,76,.35);box-shadow:0 16px 44px rgba(13,11,30,.08)}
.yr-page .as-cert-mark{flex-shrink:0;width:120px;height:120px;border-radius:50%;border:2px solid var(--yr-gold);display:grid;place-items:center;font-family:Georgia,serif;font-weight:800;font-size:1.3rem;color:var(--yr-ink);text-align:center;line-height:1.15}
.yr-page .as-cert-body .as-tag{margin-bottom:10px}
.yr-page .as-cert-body h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 14px}
.yr-page .as-cert-body p{font-size:.92rem;color:var(--yr-muted);line-height:1.8;margin:0 0 12px}
.yr-page .as-cert-body p:last-child{margin-bottom:0}
.yr-page .as-cert-body strong{color:var(--yr-ink)}

/* Venue — 3 supporting cards on dark band */
.yr-page .as-venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.yr-page .as-venue-card{padding:26px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.yr-page .as-venue-card h3{color:#fff;font-size:1rem;margin:0 0 10px}
.yr-page .as-venue-card p{color:rgba(255,255,255,.68);font-size:.85rem;line-height:1.7;margin:0}

/* Dates & Fees */
.yr-page .as-dates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.yr-page .as-date-card{padding:38px;border-radius:20px;background:#fff;border:1px solid var(--yr-line);box-shadow:0 10px 34px rgba(13,11,30,.07)}
.yr-page .as-date-month{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--yr-gold)}
.yr-page .as-date-range{display:block;margin:10px 0 18px;font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--yr-ink);font-weight:800;line-height:1}
.yr-page .as-date-text{font-size:.86rem;color:var(--yr-muted);margin:0 0 20px}
.yr-page .as-date-prices{display:flex;flex-wrap:wrap;gap:10px}
.yr-page .as-price-pill{padding:9px 16px;border-radius:999px;background:var(--yr-cream);color:var(--yr-brand-dark);font-weight:800;font-size:.82rem}

/* Included / Not included */
.yr-page .as-include-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.yr-page .as-include-box{padding:36px;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(13,11,30,.06)}
.yr-page .as-include-box h3{margin:0 0 18px;font-size:1.08rem;color:var(--yr-ink)}
.yr-page .as-include-box ul{list-style:none;padding:0;margin:0;color:var(--yr-muted)}
.yr-page .as-include-box ul li{position:relative;padding-left:24px;margin-bottom:12px;font-size:.88rem;line-height:1.7}
.yr-page .as-include-box ul li:last-child{margin-bottom:0}
.yr-page .as-include-box.is-yes ul li::before{content:'\2713';position:absolute;left:0;color:#2f8a5c;font-weight:900}
.yr-page .as-include-box.is-no ul li::before{content:'\2013';position:absolute;left:2px;color:#b3462f;font-weight:900}
.yr-page .as-fine-print{margin-top:28px;text-align:center;font-size:.82rem;color:var(--yr-muted);font-style:italic}

/* Closing CTA (dark, with background photo) */
.yr-page .as-cta{position:relative;overflow:hidden}
.yr-page .as-cta__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}
.yr-page .as-cta__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,11,30,.88) 0,rgba(13,11,30,.82) 55%,rgba(13,11,30,.9) 100%);z-index:0}
.yr-page .as-cta .container{position:relative;z-index:1}
.yr-page .as-closing{max-width:760px;margin:0 auto;text-align:center}
.yr-page .as-closing p{color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.85;margin:0 0 34px}

@media (max-width:991.98px){
    .yr-page .as-who-grid{grid-template-columns:repeat(2,1fr)}
    .yr-page .as-principles-grid{grid-template-columns:repeat(2,1fr)}
    .yr-page .as-method-grid{grid-template-columns:1fr}
    .yr-page .as-curriculum-grid{grid-template-columns:1fr}
    .yr-page .as-outcomes-grid{grid-template-columns:repeat(2,1fr)}
    .yr-page .as-venue-grid{grid-template-columns:1fr}
    .yr-page .as-dates-grid{grid-template-columns:1fr}
    .yr-page .as-include-grid{grid-template-columns:1fr}
    .yr-page .as-cert-box{flex-direction:column;text-align:center;padding:40px 32px}
}

@media (max-width:575.98px){
    .yr-page .as-who-grid{grid-template-columns:1fr}
    .yr-page .as-principles-grid{grid-template-columns:1fr}
    .yr-page .as-outcomes-grid{grid-template-columns:1fr}
    .yr-page .as-method-card,.yr-page .as-curriculum-card,.yr-page .as-date-card,.yr-page .as-include-box{padding:26px 22px}
    .yr-page .as-cert-box{padding:32px 22px}
}