/* YogaTrainers.in — public homepage refinement (ui2).
   Loaded ONLY by pages/home.blade.php, and every rule is scoped to .ythome, so no other public page or portal is affected.
   Palette: natural green + white + soft sand. Typography: Plus Jakarta Sans (already loaded by the public layout). */
.ythome{
  --h-ink:#0f1a14; --h-ink-2:#3f4e46; --h-ink-3:#66756c;
  --h-g:#17734f; --h-g-d:#0f4a33; --h-g-l:#e6f3eb; --h-sand:#f6f2ea; --h-line:#e4e7e1;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.ythome .yt-ico{flex:0 0 auto;vertical-align:-3px}

/* hero: calm sand-to-white field, one focused card */
.ythome .hero-section{padding:20px 0 8px;background:radial-gradient(70% 60% at 0% 0%,rgba(23,115,79,.10) 0%,rgba(23,115,79,0) 60%),linear-gradient(180deg,var(--h-sand) 0%,#fbfaf6 55%,#fff 100%)}
.ythome .hero-shell{border-radius:32px;border-color:rgba(214,219,211,.8);background:rgba(255,255,255,.86);box-shadow:0 1px 2px rgba(15,26,20,.04),0 30px 70px -40px rgba(15,26,20,.28)}
.ythome .hero-badge{gap:8px;min-height:38px;padding:8px 14px;font-size:.84rem;font-weight:700;background:#fff;border-color:var(--h-line);color:var(--h-g-d);box-shadow:none}
.ythome .ythome-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ythome .ythome-modes span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--h-g-l);color:var(--h-g-d);font-size:.84rem;font-weight:600}
/* bug fix: long CMS titles/trust lines must wrap instead of overflowing on phones */
.ythome .hero-title{letter-spacing:-.045em;line-height:1.02}
.ythome .hero-title .line-one,.ythome .hero-title .line-two{white-space:normal;overflow-wrap:anywhere}
.ythome .hero-title .line-one{font-size:clamp(2rem,3.6vw,3.35rem);color:var(--h-ink)}
.ythome .hero-title .line-two{font-size:clamp(1.18rem,1.8vw,1.65rem);letter-spacing:-.03em;color:var(--h-g);font-weight:600;margin-top:10px}
.ythome .hero-text{color:var(--h-ink-2);font-size:.94rem;line-height:1.62;max-width:58ch}
.ythome .hero-text{text-align:justify;text-justify:inter-word}
.ythome .trust-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:0;margin-top:18px;padding:4px 0;border-top:1px solid rgba(23,115,79,.12);border-bottom:1px solid rgba(23,115,79,.12)}
.ythome .trust-item{display:flex;align-items:center;gap:8px;min-height:46px;white-space:nowrap;font-weight:650;font-size:clamp(.72rem,.88vw,.82rem);line-height:1.35;color:var(--h-ink-2);padding:8px 2px;border:0;border-bottom:1px solid rgba(23,115,79,.08);border-radius:0;background:transparent;box-shadow:none}
.ythome .trust-item>span:last-child{min-width:0;white-space:nowrap}
.ythome .trust-check{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--h-g-l);color:var(--h-g);font-size:.75rem;font-weight:800}
.ythome .trust-item:nth-last-child(-n+2){border-bottom:0}
.ythome .hero-actions{gap:12px;margin-top:24px}
.ythome .hero-payment-note{max-width:none;margin-top:10px;font-size:.86rem;line-height:1.4;white-space:nowrap;text-align:left;font-weight:650;color:var(--h-g-d)}
.ythome .hero-payment-note span{display:inline}
.ythome .btn{min-height:52px;font-weight:700;letter-spacing:.005em}
.ythome .btn-primary{background:var(--h-g);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 14px 30px -14px rgba(23,115,79,.8)}
.ythome .btn-primary:hover{background:var(--h-g-d)}
.ythome .btn-outline{background:#fff;border-color:var(--h-line)}

/* section rhythm + calmer headings */
.ythome .section-kicker{font-weight:700;font-size:.78rem;letter-spacing:.12em;color:var(--h-g)}
.ythome .section-title{font-weight:700;letter-spacing:-.035em;font-size:clamp(1.55rem,2.15vw,2.2rem)}
.ythome .section-subtitle{color:var(--h-ink-3);font-size:.94rem;line-height:1.62}
/* Wellness Goals: remove inherited oversized section gap and restore clear text-to-benefit rhythm. */
.ythome .goals-section{padding-top:clamp(48px,5vw,72px)}
.ythome .goals-section .section-head{margin-bottom:30px}
.ythome .goals-section .section-subtitle{margin:10px 0 0}
.ythome .goals-section .goal-strip{margin-top:18px}
/* Three ways to start: keep all card descriptions visually equal at two lines. */
.ythome .ythome-mode>p{display:-webkit-box;min-height:3.1em;max-height:3.1em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:clamp(.82rem,1.05vw,.94rem);line-height:1.55}

/* mode cards (home / online / expert guidance) */
.ythome .ythome-mode{display:flex;flex-direction:column;gap:10px;text-align:left;border-radius:24px}
.ythome .ythome-mode__icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--h-g-l);color:var(--h-g)}
.ythome .ythome-mode h4{margin:4px 0 0;font-size:1.15rem;letter-spacing:-.02em}
.ythome .ythome-mode .testimonial-bottom{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.ythome .ythome-mode .btn{min-height:46px;padding:0 18px;font-size:.9rem}

/* Why Choose: image-led cards with equal two-line descriptions. */
.ythome .feature-card>p{display:-webkit-box;min-height:3em;max-height:3em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:clamp(.8rem,1vw,.9rem);line-height:1.5}
.ythome .feature-card .feature-top{margin-bottom:10px}

/* consult band: natural deep green, not a loud gradient */
.ythome .consult-box{background:radial-gradient(80% 120% at 100% 0%,rgba(56,170,120,.45) 0%,rgba(56,170,120,0) 60%),linear-gradient(160deg,#145e41,#0b3324);border-radius:32px}

@media (max-width:767px){
  .ythome{font-size:14px}
  .ythome .hero-shell{border-radius:24px;padding:16px}
  .ythome .hero-badge{width:100%;min-height:34px;padding:7px 10px;font-size:clamp(.68rem,2.9vw,.78rem);white-space:nowrap;justify-content:flex-start}
  .ythome .ythome-modes{flex-wrap:nowrap;gap:6px;margin-top:12px}
  .ythome .ythome-modes span{flex:1 1 0;justify-content:center;gap:4px;padding:7px 6px;font-size:clamp(.67rem,2.8vw,.78rem);white-space:nowrap}
  .ythome .hero-title .line-one{font-size:clamp(1.85rem,8vw,2.3rem)}
  .ythome .hero-title .line-two{font-size:clamp(1.05rem,4.5vw,1.28rem)}
  .ythome .hero-text{font-size:.92rem;line-height:1.62}
  .ythome .hero-payment-note{max-width:none;font-size:clamp(.72rem,3.15vw,.82rem);line-height:1.4;white-space:nowrap;text-align:left;letter-spacing:-.015em}
  .ythome .trust-points{grid-template-columns:1fr;gap:0;margin-top:15px;padding:3px 0}
  .ythome .trust-item{min-height:42px;gap:8px;padding:7px 2px;font-size:clamp(.68rem,3.05vw,.8rem);line-height:1.35;border-radius:0;letter-spacing:-.015em}
  .ythome .trust-item:nth-last-child(-n+2){border-bottom:1px solid rgba(23,115,79,.08)}
  .ythome .trust-item:last-child{border-bottom:0}
  .ythome .trust-check{flex-basis:23px;width:23px;height:23px}
  .ythome .ythome-mode>p{min-height:2.9em;max-height:2.9em;font-size:clamp(.76rem,3.25vw,.86rem);line-height:1.45}
  .ythome .feature-card>p{min-height:2.9em;max-height:2.9em;font-size:clamp(.74rem,3.2vw,.84rem);line-height:1.45}
  .ythome .feature-card .feature-top{margin-bottom:8px}
  .ythome .goals-section{padding-top:38px}
  .ythome .goals-section .section-head{margin-bottom:22px}
  .ythome .goals-section .section-subtitle{margin-top:8px}
  .ythome .goals-section .goal-strip{margin-top:16px}
  .ythome .section-title{font-size:clamp(1.5rem,7vw,1.9rem)}
  .ythome .section-subtitle{font-size:.9rem;line-height:1.6}
  /* Mobile density: short benefit/tag groups stay compact instead of stacking one-per-row. */
  .ythome .floating-card span{display:block;white-space:nowrap;font-size:clamp(.72rem,3.15vw,.84rem);letter-spacing:-.02em}
  .ythome .goal-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .ythome .goal-strip span{display:flex;align-items:center;justify-content:flex-start;min-width:0;width:100%;margin:0;padding:10px 9px;font-size:clamp(.72rem,3.1vw,.84rem);line-height:1.25;white-space:normal}
  /* Wellness goal cards: keep descriptions visually uniform on phones. */
  .ythome .premium-goal-grid .goal-desc{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,3.05vw,.84rem);line-height:1.4}
  .ythome .hero-actions .btn{flex:1 1 100%}
  .ythome .ythome-mode .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.ythome *{transition:none!important;animation:none!important}}