/* Hindivine homepage polish (Oct 2026): alternating emerald / ivory sections,
   luxury figure plates, refined text colours. Loaded only on the homepage. */
:root{--h-em:var(--hvc-0F5A46,#0F5A46);--h-em2:var(--hvc-13705A,#13705A);--h-jade:var(--hvc-167C5F,#167C5F);--h-mint:var(--hvc-46C9A1,#46C9A1);--h-mint-l:var(--hvc-A9E8D3,#A9E8D3);--h-gold:var(--hvc-46C9A1,#46C9A1);--h-gold-l:var(--hvc-A9E8D3,#A9E8D3);
  --h-ink:var(--hvc-0B2A22,#0B2A22);--h-body:var(--hvc-43544D,#43544D);--h-muted:#61716A;--h-ivory:#FBF9F4;--h-mist:var(--hvc-F2F7F4,#F2F7F4);--h-line:var(--hvc-E3EAE6,#E3EAE6)}

/* ---------- section rhythm ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.reviews{
  background:radial-gradient(900px 520px at 10% 0%,rgba(var(--hvr-46C9A1,70,201,161),.18),transparent 60%),linear-gradient(160deg,var(--hvc-13705A,#13705A) 0%,var(--hvc-0F5A46,#0F5A46) 55%,var(--hvc-0D4A3A,#0D4A3A) 100%)!important;color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.why{background:var(--h-ivory)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec#faq{background:var(--h-mist)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec#blog{background:#FFFFFF!important}

/* ---------- text on light sections ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not(.vsec):not([id="injections"]) :is(h2,.h2){color:var(--h-ink)!important;-webkit-text-fill-color:var(--h-ink)!important;letter-spacing:-.02em}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not(.vsec):not([id="injections"]) :is(h2,.h2) em{color:var(--h-jade)!important;-webkit-text-fill-color:var(--h-jade)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not(.vsec):not([id="injections"]) .lede{color:var(--h-body)!important;-webkit-text-fill-color:var(--h-body)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not(.vsec):not([id="injections"]) :is(h3,h4){color:var(--h-ink)!important;-webkit-text-fill-color:var(--h-ink)!important}
/* text on the emerald reviews section */
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.reviews :is(h2,.h2,h3,b){color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.reviews :is(h2,.h2) em{color:var(--h-mint-l)!important;-webkit-text-fill-color:var(--h-mint-l)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.reviews :is(p,.lede,small){color:var(--hvc-E3EFEA,#E3EFEA)!important;-webkit-text-fill-color:var(--hvc-E3EFEA,#E3EFEA)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec.reviews .tag{background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:rgba(var(--hvr-A9E8D3,169,232,211),.3)!important}

/* ---------- treatment cards: single bullet, refined card ---------- */
html body .svc-cat li a::before{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body .svc-cat{border:1px solid transparent!important;
  background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,linear-gradient(140deg,rgba(var(--hvr-46C9A1,70,201,161),.6),rgba(var(--hvr-E3EAE6,227,234,230),.9) 40%,rgba(var(--hvr-E3EAE6,227,234,230),.9) 62%,rgba(var(--hvr-46C9A1,70,201,161),.45)) border-box!important;
  box-shadow:0 1px 2px rgba(var(--hvr-0B2A22,11,42,34),.04),0 26px 48px -32px rgba(var(--hvr-0B2A22,11,42,34),.35)!important}
@media (hover:hover){html body .svc-cat:hover{transform:translateY(-5px)}}

/* ---------- luxury figure plates ---------- */
html:root:root:root:root:root:root:root:root:root:root:root:root body .big-stats>div{position:relative;overflow:hidden;border:1px solid transparent!important;border-radius:18px!important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFC) padding-box,linear-gradient(145deg,rgba(var(--hvr-46C9A1,70,201,161),.7),rgba(var(--hvr-E3EAE6,227,234,230),.9) 45%,rgba(var(--hvr-46C9A1,70,201,161),.55)) border-box!important;
  box-shadow:0 1px 0 #fff inset,0 22px 40px -30px rgba(var(--hvr-0B2A22,11,42,34),.45)!important;transition:transform .45s cubic-bezier(.22,1,.36,1)}
html:root:root:root:root:root:root:root:root:root:root:root:root body .big-stats>div::before{content:"";position:absolute;left:18px;top:0;width:34px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--h-jade),var(--hvc-46C9A1,#46C9A1))}
html:root:root:root:root:root:root:root:root:root:root:root:root body .big-stats>div b{font-family:"Fraunces",Georgia,serif!important;font-weight:500!important;color:var(--h-em)!important;-webkit-text-fill-color:var(--h-em)!important;letter-spacing:-.02em}
html:root:root:root:root:root:root:root:root:root:root:root:root body .big-stats>div small{color:var(--h-muted)!important;-webkit-text-fill-color:var(--h-muted)!important;font-weight:500}
@media (hover:hover){html body .big-stats>div:hover{transform:translateY(-4px)}}

/* hero doctor card: glass plates with a fine gold-mint edge */
html:root:root:root:root:root:root:root:root:root:root:root:root body .hero .doc-stats>div{border:1px solid transparent!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04)) padding-box,linear-gradient(145deg,rgba(var(--hvr-A9E8D3,169,232,211),.55),rgba(255,255,255,.06) 50%,rgba(var(--hvr-A9E8D3,169,232,211),.45)) border-box!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body .hero .doc-stats>div b{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* credentials strip */
html:root:root:root:root:root:root:root:root:root:root:root:root body section.trust li b{color:var(--hvc-A9E8D3,#A9E8D3)!important;-webkit-text-fill-color:var(--hvc-A9E8D3,#A9E8D3)!important;font-family:"Fraunces",Georgia,serif!important;font-weight:500!important}

/* section label pills on light sections */
html:root:root:root:root:root:root:root:root:root:root:root:root body main section.sec:not(.reviews):not(.vsec):not([id="injections"]) .sec-head .tag{background:linear-gradient(145deg,var(--hvc-EEF7F3,#EEF7F3),var(--hvc-E2F1EA,#E2F1EA))!important;color:var(--h-jade)!important;-webkit-text-fill-color:var(--h-jade)!important;border:1px solid rgba(var(--hvr-167C5F,22,124,95),.18)!important}
/* top strip on the homepage */
html body .ubar .lp-ubar-tel{display:inline-flex;align-items:center;gap:7px}
html body .ubar .lp-ubar-tel a{color:#FFFFFF!important;font-weight:600;text-decoration:none}
html body .ubar .lp-ubar-tel i{opacity:.5;font-style:normal}
html body .ubar .lp-ubar-tel svg{color:var(--hvc-46C9A1,#46C9A1)}
html body .ubar .lp-emi{color:var(--hvc-A9E8D3,#A9E8D3);font-weight:600}

/* accessible WhatsApp green (white text passes AA) */
html body .hero .btn-wa,html body :is(.btn-wa,.dock .wa,a.wa){background:#15803D!important;border-color:#15803D!important}
html body :is(.btn-wa,.dock .wa,a.wa):hover{background:var(--hvc-116A32,#116A32)!important}

/* homepage hero: deeper shade behind the text on phones and tablets */
@media (max-width:900px){html body .hero .hero-shade{background:linear-gradient(180deg,rgba(var(--hvr-0B4032,11,64,50),.55) 0%,rgba(var(--hvr-0B4032,11,64,50),.72) 45%,rgba(var(--hvr-0B4032,11,64,50),.9) 100%)!important}}
html body .hero :is(.hero-kicker,.sub,.badge-row .tag){text-shadow:0 1px 12px rgba(0,0,0,.35)}
html body :is(.ic-wait,.ic-in) svg{opacity:1!important;visibility:visible!important}

html:root:root:root:root:root:root:root:root:root:root:root:root body main section#injections :is(h2,.h2) em{color:var(--hvc-A9E8D3,#A9E8D3)!important;-webkit-text-fill-color:var(--hvc-A9E8D3,#A9E8D3)!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body main section#injections :is(.lede,p){color:var(--hvc-E3EFEA,#E3EFEA)!important;-webkit-text-fill-color:var(--hvc-E3EFEA,#E3EFEA)!important}

/* small labels under the injection figures: brighter on emerald */
html body main section.sec[id="injections"] :is(.k small,.kpi small,.mini small,div>div:last-child){color:var(--hvc-C9DDD5,#C9DDD5)!important;-webkit-text-fill-color:var(--hvc-C9DDD5,#C9DDD5)!important}
