/* ============================================================================
   kliniki.uz — ICHKI SAHIFALAR v2 (2026-08-30): bosh sahifa uslubi
   (oq zamin, neytral band + oq yoysimon oqim-shakl va to'lqin, hairline
   kartalar, pill tugmalar, yumshoq soyalar). body.hv-page ostida.
   ========================================================================== */
:root{
  --hv-ink:#10331f;--hv-ink-3:#1d5d39;--hv-paper:#ffffff;--hv-paper-2:#f2f5f0;
  --hv-line:rgba(16,51,31,.09);--hv-line-2:rgba(16,51,31,.16);--hv-ease:cubic-bezier(.2,.7,.2,1);
  --hv-green:#3f9a2e;--hv-green-2:#5cb836;
}
body.hv-page{background:#fff;color:var(--hv-ink);overflow-x:clip}
body.hv-page ::selection{background:var(--hv-ink);color:#cbf24f}
body.hv-page :focus-visible{outline:2px solid var(--hv-ink);outline-offset:3px;border-radius:10px}

/* ---- yuqori band: neytral gradient + oq oqim-shakl + oq to'lqin (balandlik JS: h1 ostigacha) ---- */
.hv-bg{position:absolute;top:0;left:0;right:0;height:420px;z-index:-1;pointer-events:none;overflow:hidden;
  --lx:68%;--ly:34%;
  background:
    radial-gradient(760px 520px at 88% 100%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(700px 480px at 6% -8%,  rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(168deg,#f5f7f5 0%,#eceff0 60%,#e7ebe9 100%)}
.hv-bg::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(600px circle at var(--lx) var(--ly), rgba(255,255,255,.95) 0%, rgba(255,255,255,.45) 36%, rgba(255,255,255,0) 68%)}
.hv-flow{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.hv-flow path{fill:#fff;opacity:.72}
.hv-wave{position:absolute;left:0;bottom:-1px;width:100%;height:150px;display:block;z-index:5}
.hv-wave path{fill:#fff}
.hv-ray{position:absolute;top:-20%;bottom:-20%;left:-30%;width:70%;z-index:1;pointer-events:none;opacity:.6;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 42%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.35) 58%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);filter:blur(10px);animation:hvSweep 16s cubic-bezier(.45,0,.2,1) infinite}
.hv-ray.r2{width:34%;left:-20%;animation-duration:22s;animation-delay:-9s;opacity:.4}
@keyframes hvSweep{0%{translate:-10% 0}100%{translate:190% 0}}
.hv-vig{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%, rgba(0,0,0,0) 55%, rgba(16,51,31,.06) 100%)}
@media (max-width:640px){.hv-wave{height:80px}}
@media (prefers-reduced-motion:reduce){.hv-ray{animation:none}}

/* ---- sarlavha paneli (header): oq shisha, ingichka chegara, sticky ---- */
body.hv-page > div.pt-4:has(> header){position:sticky;top:0;z-index:40}
body.hv-page > div.pt-4 > header{backdrop-filter:saturate(1.5) blur(12px);-webkit-backdrop-filter:saturate(1.5) blur(12px);
  background:rgba(255,255,255,.92);border:1px solid rgba(16,51,31,.08);box-shadow:0 1px 2px rgba(16,51,31,.04),0 12px 30px -20px rgba(16,51,31,.18)}
body.hv-page > div.pt-4 > header nav a{position:relative}
body.hv-page > div.pt-4 > header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;border-radius:2px;background:var(--hv-ink);transition:right .28s var(--hv-ease)}
body.hv-page > div.pt-4 > header nav a:hover::after{right:0}
body.hv-page > div.pt-4 > header > a:first-child > span:first-child{transition:transform .5s var(--hv-ease)}
body.hv-page > div.pt-4 > header > a:first-child:hover > span:first-child{transform:rotate(-8deg) scale(1.06)}

/* ---- sarlavha: yashil qisqa chiziq (bosh sahifadagi kabi) ---- */
body.hv-page main h1{letter-spacing:-.025em}
body.hv-page main h1::before{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-bottom:.7rem;background:linear-gradient(90deg,#3f9a2e,#b7e85a)}
body.hv-page main h2.font-display{letter-spacing:-.02em}
body.hv-page main nav a{transition:color .2s}

/* ---- kartalar / oq bloklar: hairline + yumshoq soya + organik burchak ---- */
body.hv-page .shadow-card{border:1px solid var(--hv-line);box-shadow:0 1px 2px rgba(16,51,31,.04),0 14px 34px -24px rgba(16,51,31,.28)}
body.hv-page .lift{transition:transform .45s var(--hv-ease),box-shadow .45s var(--hv-ease),border-color .3s}
body.hv-page .lift:hover{transform:translateY(-5px);border-color:var(--hv-line-2);box-shadow:0 2px 4px rgba(16,51,31,.05),0 34px 66px -30px rgba(16,51,31,.4)}
body.hv-page .lift.rounded-3xl{border-radius:26px}
body.hv-page .bg-cream{background:var(--hv-paper-2)}
body.hv-page .border-forest-50{border-color:var(--hv-line)}
body.hv-page .shadow-soft{box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 26px 60px -26px rgba(16,51,31,.35),0 2px 6px rgba(16,51,31,.06);border:1px solid rgba(16,51,31,.10)}
/* qidiruv qutisi / filtr chiplari (catalog, doctors) */
body.hv-page main form .bg-white.rounded-2xl,body.hv-page main .bg-white.rounded-2xl{border:1px solid rgba(16,51,31,.10)}
body.hv-page main .rounded-full.bg-white{border:1px solid rgba(16,51,31,.12);box-shadow:0 8px 20px -14px rgba(16,51,31,.3)}

/* ---- tugmalar: «Записаться» = yashil gradient pill; to'q tugma yumshoq soya ---- */
body.hv-page a.bg-lime-400,body.hv-page button.bg-lime-400{background:linear-gradient(135deg,#c8f06e 0%,#5cb836 100%);color:#183f16;border-radius:999px;
  box-shadow:0 12px 26px -12px rgba(72,165,49,.6),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s var(--hv-ease),box-shadow .25s,filter .25s}
body.hv-page a.bg-lime-400:hover,body.hv-page button.bg-lime-400:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 32px -12px rgba(72,165,49,.7)}
body.hv-page a.bg-lime-400:active,body.hv-page button.bg-lime-400:active{transform:scale(.98)}
body.hv-page a.bg-forest-900,body.hv-page button.bg-forest-900{box-shadow:0 14px 30px -12px rgba(16,51,31,.55);transition:transform .2s var(--hv-ease),box-shadow .3s,background .25s}
body.hv-page a.bg-forest-900:hover,body.hv-page button.bg-forest-900:hover{transform:translateY(-1px)}
body.hv-page a.bg-forest-900:active,body.hv-page button.bg-forest-900:active{transform:scale(.98)}
/* «Подробнее» kabi krem tugmalar ham pill */
body.hv-page a.bg-cream.rounded-xl{border-radius:999px}
/* «Сейчас открыто» nuqta pulsi */
body.hv-page .bg-green-500.rounded-full{box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:hvPulse 2.2s ease-in-out infinite}
@keyframes hvPulse{0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.18)}50%{box-shadow:0 0 0 6px rgba(34,197,94,.06)}}

/* ---- yon panel (Города/Районы) faol element ---- */
body.hv-page .bg-lime-400\/40{background:rgba(203,242,79,.32)}

/* ---- yangilik kartalari (news) ---- */
body.hv-page .hv-newsimg img,body.hv-page .lift img{transition:transform .8s var(--hv-ease)}
body.hv-page .lift:hover > div:first-child img{transform:scale(1.04)}

/* ---- footer ---- */
body.hv-page footer{margin-top:4rem;position:relative}
body.hv-page footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(203,242,79,.5),transparent)}

/* ---- scroll-reveal (kartalar) ---- */
body.hv-page .hv-rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--hv-ease),transform .7s var(--hv-ease)}
body.hv-page .hv-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body.hv-page .hv-rv{opacity:1;transform:none;transition:none}body.hv-page .bg-green-500.rounded-full{animation:none}}