/* ====================================================================
   HERO — ELITE EDITION  (homepage only; loaded after design-system)
   Overrides the compressed "everything above the fold" rhythm with a
   generous editorial layout. No text changes. Stats <ul> now lives in
   .hp-hero__rail (full-width credential bar) instead of the text column.
   Falls back gracefully to the previous look if this file fails to load.
   ==================================================================== */

/* ─── Section frame ─────────────────────────────────────────────── */
.hp-hero--elite.hp-hero--cine{
  padding:var(--ed-6) var(--ed-4) var(--ed-5) !important;
  background:#081428;
}
.hp-hero--elite .hp-hero__backdrop{
  background:
    radial-gradient(48% 40% at 64% 4%,  rgba(150,178,225,.09), transparent 64%),
    radial-gradient(44% 42% at 74% 36%, rgba(214,174,99,.11),  transparent 66%),
    radial-gradient(92% 72% at 14% 18%, rgba(24,44,84,.58),    transparent 62%),
    linear-gradient(118deg,#071226 0%,#0A1A34 42%,#0E2244 64%,#081428 100%);
}
.hp-hero--elite .hp-hero__backdrop::after{ opacity:.26; filter:blur(2.5px) saturate(.65) brightness(.5); }
/* fine top hairline — a quiet gold thread under the white header */
.hp-hero--elite::before{
  content:""; position:absolute; left:0; right:0; top:0; height:1px; z-index:1;
  background:linear-gradient(90deg, transparent 0%, rgba(214,174,99,.55) 40%, rgba(214,174,99,.55) 60%, transparent 100%);
}

/* ─── Text column: hierarchy + air ──────────────────────────────── */
.hp-hero--elite.hp-hero--cine .hp-hero__wrap{ gap:var(--ed-5); padding-top:0; }

.hp-hero--elite.hp-hero--cine .hp-hero__eyebrow{
  display:flex; align-items:center; gap:14px;
  font-family:var(--font-body); font-size:.7rem !important; font-weight:600;
  letter-spacing:.28em; text-transform:uppercase; color:var(--hp-gold) !important;
  margin:0 0 var(--ed-4) !important;
}
.hp-hero--elite.hp-hero--cine .hp-hero__eyebrow::before{
  content:""; flex:none; width:40px; height:1px; background:var(--hp-gold); opacity:.9;
}
.hp-hero--elite .hp-hero__kicker-rule{ display:none; }   /* rule is now inline in the eyebrow */

.hp-hero--elite.hp-hero--cine .hp-hero__h1{
  font-family:var(--font-heading) !important;
  font-weight:400;                         /* light editorial display */
  font-size:clamp(2.6rem,4vw,3.85rem) !important;
  line-height:1.05; letter-spacing:-.022em;
  color:#F7F2E7; max-width:21ch;           /* → "Dr Manmeet Singh —" / "Urologist in Lucknow" */
  margin:0 0 var(--ed-4) !important;
  text-wrap:initial;
}
.hp-hero--elite.hp-hero--cine .hp-hero__sub{
  font-family:var(--font-body) !important; font-size:1.06rem !important; font-weight:400;
  line-height:1.6; color:rgba(243,239,228,.74);
  max-width:46ch; margin:0 0 var(--ed-4) !important;
}
.hp-hero--elite.hp-hero--cine .hp-hero__lead{
  font-size:1rem !important; line-height:1.78 !important;
  color:rgba(243,239,228,.80) !important; max-width:56ch;
  max-height:5.4em; margin:0 0 var(--ed-2) !important;
}
.hp-hero--elite .hp-hero__more{
  margin:0 0 var(--ed-5);
  font-size:.74rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  border-bottom-color:rgba(214,174,99,.5);
}

/* rating line → refined, with a decorative five-star mark */
.hp-hero--elite.hp-hero--cine .hp-hero__trust{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
  margin:0 0 var(--ed-4) !important;
}
.hp-hero__stars{
  display:inline-flex; gap:2px; color:var(--hp-gold);
  font-size:.8rem; letter-spacing:.08em; line-height:1;
  text-shadow:0 0 12px rgba(214,174,99,.35);
}
.hp-hero--elite.hp-hero--cine .hp-hero__trust-main{
  font-size:.86rem; font-weight:500; letter-spacing:.02em; color:rgba(243,239,228,.74);
}

/* CTA row */
.hp-hero--elite.hp-hero--cine .hp-hero__cta{ gap:var(--ed-3); }
.hp-hero--elite.hp-hero--cine .ds-btn--primary{
  min-height:56px; padding:0 calc(var(--ed-5) - 4px); border-radius:6px;
  font-size:.94rem; letter-spacing:.03em; text-transform:uppercase;
  background:linear-gradient(180deg,#EAD49A 0%,#CFA552 100%);
  box-shadow:0 18px 38px -16px rgba(214,174,99,.6), inset 0 1px 0 rgba(255,255,255,.35);
}
.hp-hero--elite.hp-hero--cine .ds-btn--secondary{
  min-height:56px; padding:0 var(--ed-4); border-radius:6px;
  font-size:.94rem; letter-spacing:.03em; text-transform:uppercase;
  border-color:rgba(214,174,99,.5); color:#EFE1BE;
}
.hp-hero--elite .hp-hero__cta-link{
  min-height:56px; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(243,239,228,.6);
}
.hp-hero--elite .hp-hero__trustline{
  margin:var(--ed-4) 0 0 !important; gap:var(--ed-2) var(--ed-4);
  font-size:.66rem; letter-spacing:.18em; color:rgba(243,239,228,.44);
}
.hp-hero--elite .hp-hero__trustline span + span::before{ opacity:.55; margin-right:var(--ed-4); }

/* ─── Portrait + placard ────────────────────────────────────────── */
.hp-hero--elite.hp-hero--cine .hp-hero__portrait::before{
  inset:-12% -12% 4% -12%;
  background:
    radial-gradient(44% 38% at 54% 28%, rgba(214,174,99,.20), transparent 70%),
    radial-gradient(62% 66% at 50% 46%, rgba(120,150,200,.14), transparent 72%);
}
.hp-hero--elite .hp-hero__card{
  max-width:210px; padding:var(--ed-2) var(--ed-3);
  font-size:.8rem; line-height:1.5;
  background:rgba(7,15,32,.58); border-color:rgba(214,174,99,.26); border-radius:10px;
  box-shadow:0 22px 46px -30px rgba(0,0,0,.75);
}
.hp-hero--elite .hp-hero__card-k{ font-size:.62rem; letter-spacing:.2em; margin-bottom:6px; }
.hp-hero--elite .hp-hero__card-org{ margin-top:var(--ed-2); padding-top:var(--ed-2); font-size:.66rem; letter-spacing:.16em; }

/* ─── Credential rail (stats moved here) ────────────────────────── */
.hp-hero__rail{ position:relative; z-index:1; max-width:1200px; margin:var(--ed-5) auto 0; }
.hp-hero--elite .hp-hero__stats{
  list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:var(--ed-4) var(--ed-3);
  margin:0; padding:var(--ed-4) 0;
  border-top:1px solid rgba(214,174,99,.30);
  border-bottom:1px solid rgba(214,174,99,.12);
}
.hp-hero--elite .hp-hero__stats li{ display:flex; flex-direction:column; gap:8px; padding:0; margin:0; border:0; }
.hp-hero--elite .hp-hero__stat-n{
  font-family:var(--font-heading); font-weight:600; font-size:1.9rem; line-height:1;
  letter-spacing:-.01em; color:#E8CC8E;
}
.hp-hero--elite .hp-hero__stat-l{
  font-family:var(--font-body); font-size:.68rem; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase; color:rgba(243,239,228,.6); line-height:1.4;
}

/* ─── "At a glance" strip → quiet signature line ────────────────── */
.hp-hero--elite .hp-hero__strip{
  max-width:1200px; margin:0 auto; padding:var(--ed-3) 0 0;
  border:0; box-shadow:none; background:transparent;
  display:grid; grid-template-columns:1fr; gap:var(--ed-2);
}
.hp-hero--elite .hp-hero__strip > div{ padding:var(--ed-1) 0; border:0; gap:3px; }
.hp-hero--elite .hp-hero__strip b{
  font-family:var(--font-body); font-size:.68rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:rgba(243,239,228,.62);
}
.hp-hero--elite .hp-hero__strip span{ font-size:.74rem; color:rgba(243,239,228,.4); letter-spacing:.01em; }

/* ─── Desktop ───────────────────────────────────────────────────── */
@media (min-width:980px){
  .hp-hero--elite.hp-hero--cine{
    padding:var(--ed-4) var(--ed-6) 0 !important;
    min-height:calc(100vh - 92px);
    display:flex; flex-direction:column; justify-content:flex-start;
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__wrap{
    flex:1 1 auto; align-items:stretch; gap:var(--ed-7); padding:var(--ed-3) 0 0;
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__body{
    flex:1 1 55%; align-self:center; padding:var(--ed-5) 0 var(--ed-6);
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__media{ flex:1 1 45%; align-self:flex-end; }
  .hp-hero--elite.hp-hero--cine .hp-hero__portrait img{
    max-height:76vh; max-width:100%;
    filter:drop-shadow(-12px 0 26px rgba(8,18,40,.55)) drop-shadow(0 36px 60px rgba(0,0,0,.55));
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__eyebrow{ margin:0 0 var(--ed-4) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__h1{ margin:0 0 var(--ed-4) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__sub{ margin:0 0 var(--ed-4) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__lead{ margin:0 0 var(--ed-2) !important; max-height:5.4em; }
  .hp-hero--elite .hp-hero__more{ margin:0 0 var(--ed-5); }
  .hp-hero--elite.hp-hero--cine .hp-hero__trust{ margin:0 0 var(--ed-4) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__cta{ flex-wrap:nowrap; gap:var(--ed-3); }
  .hp-hero--elite.hp-hero--cine .ds-btn--primary,
  .hp-hero--elite.hp-hero--cine .ds-btn--secondary{ min-height:56px; }
  .hp-hero--elite .hp-hero__cta-link{ min-height:56px; }
  .hp-hero--elite .hp-hero__trustline{ margin-top:var(--ed-4) !important; }

  /* placard: bridges the column gutter at the portrait's base — clear of
     the crossed arms and of the site-wide WhatsApp button (bottom-right) */
  .hp-hero--elite .hp-hero__card{
    position:absolute; left:-7%; bottom:var(--ed-3); top:auto; right:auto;
    margin:0; max-width:210px; z-index:2;
  }

  /* rail spans the full 4 columns, hairline dividers, big numerals */
  .hp-hero__rail{ margin:0 auto; width:100%; }
  .hp-hero--elite .hp-hero__stats{
    grid-template-columns:repeat(4,1fr); gap:0; padding:var(--ed-4) 0;
    border-top-color:rgba(214,174,99,.32);
  }
  .hp-hero--elite .hp-hero__stats li{ padding:0 var(--ed-5); border-left:1px solid rgba(214,174,99,.2); }
  .hp-hero--elite .hp-hero__stats li:first-child{ padding-left:0; border-left:0; }
  .hp-hero--elite .hp-hero__stat-n{ font-size:2.15rem; }
  .hp-hero--elite .hp-hero__stat-l{ font-size:.66rem; }

  /* strip: five airy, borderless cells */
  .hp-hero--elite .hp-hero__strip{
    grid-template-columns:repeat(5,1fr); gap:0;
    padding:var(--ed-3) 0 var(--ed-4);
  }
  .hp-hero--elite .hp-hero__strip > div{ padding:0 var(--ed-4) 0 0; }
  .hp-hero--elite .hp-hero__strip b{ font-size:.66rem; }
  .hp-hero--elite .hp-hero__strip span{ font-size:.72rem; }
}

/* very wide screens — cap the headline, widen the gutter */
@media (min-width:1500px){
  .hp-hero--elite.hp-hero--cine .hp-hero__wrap{ gap:var(--ed-8); }
  .hp-hero--elite.hp-hero--cine .hp-hero__portrait img{ max-height:78vh; }
}

/* ─── Mobile refinements (< 980) ────────────────────────────────── */
@media (max-width:979px){
  .hp-hero--elite.hp-hero--cine{ padding:var(--ed-5) var(--ed-3) var(--ed-4) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__eyebrow{
    font-size:.64rem !important; letter-spacing:.2em; gap:10px; margin:0 0 var(--ed-3) !important;
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__eyebrow::before{ width:24px; }
  .hp-hero--elite.hp-hero--cine .hp-hero__h1{
    font-size:clamp(2.25rem,8.4vw,2.9rem) !important; line-height:1.08; margin:0 0 var(--ed-3) !important;
  }
  .hp-hero--elite.hp-hero--cine .hp-hero__sub{ font-size:1rem !important; margin:0 0 var(--ed-3) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__trust{ margin:0 0 var(--ed-3) !important; }
  .hp-hero--elite.hp-hero--cine .hp-hero__media{ margin-top:var(--ed-4); }
  .hp-hero--elite.hp-hero--cine .hp-hero__portrait{ max-width:360px; }
  .hp-hero__rail{ margin:var(--ed-4) auto 0; }
  .hp-hero--elite .hp-hero__stats{ padding:var(--ed-4) 0; }
  .hp-hero--elite .hp-hero__stat-n{ font-size:1.7rem; }
  .hp-hero--elite .hp-hero__strip{ grid-template-columns:1fr 1fr; gap:var(--ed-3) var(--ed-3); padding-top:var(--ed-3); }
  .hp-hero--elite .hp-hero__strip > div:last-child{ grid-column:1 / -1; }
}
@media (max-width:480px){
  .hp-hero--elite .hp-hero__strip{ grid-template-columns:1fr; }
}