/* ============================================================================
   kliniki.uz — bosh sahifa v2 (2026-08-29)
   Tuzilma o'zgarmagan; faqat ko'rinish + harakat. Barcha klasslar hv- prefiksli,
   Tailwind utilitalarini body.hv ostida ustunlik bilan bosib o'tadi.
   ========================================================================== */
:root{
  --hv-lime:#cbf24f; --hv-lime-2:#b9ea2c; --hv-lime-soft:#e9fba6; --hv-mint:#f0fbd0;
  --hv-ink:#10331f; --hv-ink-2:#16482b; --hv-ink-3:#1d5d39;
  --hv-paper:#f7f6ef; --hv-paper-2:#efeee4;
  --hv-line:rgba(16,51,31,.09); --hv-line-2:rgba(16,51,31,.16);
  --hv-ease:cubic-bezier(.2,.7,.2,1);
  --hv-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- sahifa zamini: qog'oz; lime faqat hero-band ---------- */
body.hv{background:var(--hv-paper);color:var(--hv-ink)}
body.hv ::selection{background:var(--hv-ink);color:var(--hv-lime)}
body.hv :focus-visible{outline:2px solid var(--hv-ink);outline-offset:3px;border-radius:10px}

/* 2026-08-29 (v3, «Vertical Garden» referensi): to'q o'rmon → yorqin yashil suyuq gradient,
   pastki chekka organik TO'LQIN (SVG), ichida yorug' oqim-shakl + suzuvchi barglar */
/* v8 (barglarsiz): zamonaviy mesh-gradient + YORUG'LIK — kursor prожектори, suzuvchi nur, quyosh, vinyetka */
@property --lx{syntax:'<percentage>';inherits:false;initial-value:68%}
@property --ly{syntax:'<percentage>';inherits:false;initial-value:34%}
.hv-bg{position:absolute;top:0;left:0;right:0;height:92vh;z-index:-1;pointer-events:none;overflow:hidden;
  --lx:68%;--ly:34%;
  /* v10: «quyoshli shudringli o'tloq» (user referensi) — to'q o'tloq soyasi → toza o'tloq yashili → quyosh tushgan sariq-yashil */
  background:
    radial-gradient(820px 560px at 92% 100%, rgba(214,246,120,.62) 0%, rgba(214,246,120,0) 60%),  /* pastki o'ng quyosh tushgan o't */
    radial-gradient(640px 420px at 36% -12%, rgba(255,246,190,.55) 0%, rgba(255,240,170,.18) 30%, rgba(255,240,170,0) 60%), /* tepadan quyosh */
    radial-gradient(1000px 520px at 50% 0%, rgba(20,70,25,.55) 0%, rgba(20,70,25,0) 60%),         /* orqadagi daraxtlar qorong'isi */
    linear-gradient(168deg,#215f23 0%,#2f7f27 26%,#48a531 52%,#6cc23a 74%,#9bdc48 90%,#c0ec6a 100%)}
.hv-bg::before{display:none}
body.hv .dotgrid{display:none}
/* kursorga ergashuvchi yumshoq prожектор (JS --lx/--ly; kursor yo'q qurilmada o'zi suzadi) */
.hv-bg::after{content:"";position:absolute;inset:0;z-index:2;mix-blend-mode:soft-light;
  background:
    radial-gradient(560px circle at var(--lx) var(--ly), rgba(255,255,255,.95) 0%, rgba(255,255,255,.35) 32%, rgba(255,255,255,0) 68%),
    radial-gradient(1100px 700px at 50% 120%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 60%)}
@media (hover:none){.hv-bg{animation:hvLightDrift 14s ease-in-out infinite alternate}}
@keyframes hvLightDrift{0%{--lx:22%;--ly:28%}50%{--lx:70%;--ly:40%}100%{--lx:48%;--ly:70%}}
/* suzuvchi diagonal nur (light sweep) */
.hv-ray{position:absolute;top:-20%;bottom:-20%;left:-30%;width:70%;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.10) 42%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.10) 58%,rgba(255,255,255,0) 100%);
  transform:skewX(-18deg);filter:blur(10px);mix-blend-mode:overlay;animation:hvSweep 16s cubic-bezier(.45,0,.2,1) infinite}
.hv-ray.r2{width:34%;left:-20%;animation-duration:22s;animation-delay:-9s;opacity:.7}
@keyframes hvSweep{0%{translate:-10% 0}100%{translate:190% 0}}
/* shudring bokeh — bir nechta katta, xira, sekin miltillovchi yorug' doiralar (referensdagi yaltiroqlar) */
.hv-bokeh{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hv-bokeh::before,.hv-bokeh::after{content:"";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,235,.9);filter:blur(3px);opacity:.75;animation:hvTwinkle 7s ease-in-out infinite alternate}
.hv-bokeh::before{box-shadow:
   12vw 62vh 0 4px rgba(255,255,230,.55), 22vw 78vh 0 8px rgba(255,255,220,.35), 31vw 54vh 0 2px rgba(255,255,235,.6),
   47vw 71vh 0 6px rgba(255,255,225,.4),  58vw 84vh 0 3px rgba(255,255,235,.55), 66vw 60vh 0 9px rgba(255,255,220,.28),
   76vw 76vh 0 4px rgba(255,255,230,.5),  88vw 66vh 0 7px rgba(255,255,220,.35), 93vw 82vh 0 2px rgba(255,255,235,.6),
   40vw 88vh 0 5px rgba(255,255,230,.45), 8vw 80vh 0 3px rgba(255,255,235,.5)}
.hv-bokeh::after{width:12px;height:12px;animation-duration:9s;animation-delay:-4s;filter:blur(2px);box-shadow:
   18vw 70vh 0 2px rgba(255,255,240,.55), 36vw 64vh 0 5px rgba(255,250,210,.32), 52vw 79vh 0 2px rgba(255,255,240,.6),
   63vw 69vh 0 4px rgba(255,255,230,.42), 72vw 86vh 0 2px rgba(255,255,240,.55), 84vw 58vh 0 6px rgba(255,250,210,.3),
   96vw 74vh 0 3px rgba(255,255,235,.5), 27vw 84vh 0 2px rgba(255,255,240,.5)}
@keyframes hvTwinkle{0%{opacity:.45;translate:0 0}50%{opacity:.85}100%{opacity:.55;translate:0 -10px}}
@media (max-width:640px){.hv-bokeh::after{display:none}}
@media (prefers-reduced-motion:reduce){.hv-bokeh::before,.hv-bokeh::after{animation:none}}
/* vinyetka — chetlar qorong'iroq, markaz nurli (chuqurlik) */
.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(4,24,14,.45) 100%)}
@media (prefers-reduced-motion:reduce){.hv-ray{animation:none;opacity:.5}.hv-bg{animation:none}}
.hv-flow{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.hv-flow path{fill:url(#hvFlowGrad)}
.hv-wave{position:absolute;left:0;bottom:-1px;width:100%;height:150px;display:block;z-index:5}
.hv-wave path{fill:var(--hv-paper)}
/* ---- tabiiy barglar (SVG symbol #hvLeafShape) — tebranish + suzish + kursor/scroll parallaks ---- */
@property --fy{syntax:'<length>';inherits:false;initial-value:0px}
@property --rr{syntax:'<angle>';inherits:false;initial-value:0deg}
.hv-leaf{position:absolute;display:block;overflow:visible;
  --depth:1;--r:0deg;--px:0px;--py:0px;
  filter:drop-shadow(0 22px 26px rgba(5,26,15,.38));
  transform-origin:52% 96%;                               /* bandidan tebranadi */
  rotate:calc(var(--r) + var(--rr));
  translate:calc(var(--px) * var(--depth)) calc(var(--py) * var(--depth) + var(--fy));
  animation:hvSway var(--sw,7s) ease-in-out infinite,hvFloat var(--fl,9s) ease-in-out infinite;
  animation-delay:var(--d,0s),calc(var(--d,0s) - 3s);
  will-change:translate,rotate}
@keyframes hvSway{0%,100%{--rr:-6deg}50%{--rr:6deg}}
@keyframes hvFloat{0%,100%{--fy:0px}50%{--fy:-18px}}
/* v7: haqiqiy choy-barg PNG spritelar (user rasmi, chroma-key bilan shaffof) — balandlik beriladi, eni avto */
img.hv-leaf{width:auto;height:auto;max-width:none;transform-origin:50% 88%}
.hv-leaf.l1{left:3%;bottom:10%;height:260px;--r:-14deg;--depth:.45;--d:-2s;--sw:9s;--fl:12s;filter:blur(2.2px) drop-shadow(0 30px 30px rgba(5,26,15,.35));opacity:.62}
.hv-leaf.l2{left:43%;bottom:5%;height:150px;--r:-6deg;--depth:1;--d:-5s;--sw:6.5s;--fl:8.5s;filter:drop-shadow(0 20px 24px rgba(5,26,15,.5))}
.hv-leaf.l3{right:7%;top:20%;height:120px;--r:10deg;--depth:1.35;--d:-7s;--sw:5.5s;--fl:7.5s;filter:drop-shadow(0 16px 20px rgba(5,26,15,.5))}
.hv-leaf.l4{left:34%;top:24%;height:110px;--r:-28deg;--depth:1.6;--d:-1s;--sw:5s;--fl:6.5s;filter:drop-shadow(0 12px 16px rgba(5,26,15,.5))}
.hv-leaf.l5{right:20%;bottom:8%;height:170px;--r:6deg;--depth:.7;--d:-9s;--sw:8s;--fl:10.5s;filter:blur(.5px) drop-shadow(0 26px 28px rgba(5,26,15,.45));opacity:.94}
@media (max-width:640px){.hv-leaf.l1{height:150px;left:-8%}.hv-leaf.l2{height:110px}.hv-leaf.l3,.hv-leaf.l5{display:none}.hv-leaf.l4{left:68%;top:16%;height:80px}.hv-wave{height:80px}}
@media (prefers-reduced-motion:reduce){.hv-leaf{animation:none;translate:0 0}}
/* quyuq fon ustida hero matnlari */
body.hv .hv-h1{color:#f4f9f3}
body.hv .hv-l .text-white{color:var(--hv-lime);text-shadow:0 2px 0 rgba(5,26,15,.15),0 14px 34px rgba(5,26,15,.35)}
body.hv .hv-sub{color:rgba(244,249,243,.80)}
body.hv .hv-panel > div:first-child{color:#eef6ee}
body.hv .dotgrid{background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.2px)}
body.hv .hero-wrap .blob:nth-of-type(1){background:rgba(150,220,170,.22)!important}
body.hv .hero-wrap .blob:nth-of-type(2){background:rgba(0,0,0,.28)!important}
body.hv .hero-wrap .ring-2{--tw-ring-color:rgba(255,255,255,.55)}
body.hv .site-head .bar{background:rgba(255,255,255,.86)}

/* ---------- sarlavha paneli ---------- */
body.hv .site-head .bar{border-color:rgba(16,51,31,.09);background:rgba(255,255,255,.72)}
body.hv .site-head.stuck .bar{background:rgba(255,255,255,.92);box-shadow:0 10px 30px -12px rgba(16,51,31,.22)}
body.hv .navlink::after{background:var(--hv-ink);height:2px}
body.hv .site-head .bar > a:first-child > span:first-child{transition:transform .5s var(--hv-ease)}
body.hv .site-head .bar > a:first-child:hover > span:first-child{transform:rotate(-8deg) scale(1.06)}

/* ---------- HERO: qator-qator mask-reveal ---------- */
.hv-h1{text-wrap:balance}
.hv-l{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.hv-l>span{display:block;transform:translateY(112%);animation:hvUp 1s var(--hv-ease) forwards}
.hv-l:nth-child(2)>span{animation-delay:.09s}
.hv-l:nth-child(3)>span{animation-delay:.18s}
.hv-l .text-white{text-shadow:0 1px 0 rgba(16,51,31,.06),0 12px 30px rgba(16,51,31,.10)}
@keyframes hvUp{to{transform:none}}
.hv-sub{animation:hvFade .9s .38s var(--hv-ease) both}
@keyframes hvFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hv-panel{animation:hvPop 1s .22s var(--hv-ease) both}
/* scale ISHLATILMAYDI: Chrome scale-animatsiyali qatlamni past masshtabda rasterlab, tugagach ham xira qoldiradi (foto/matn) */
@keyframes hvPop{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body.hv .hero-wrap{padding-top:3.5rem}
body.hv .dotgrid{background-image:radial-gradient(rgba(16,51,31,.13) 1.2px,transparent 1.2px);background-size:20px 20px}

/* qidiruv paneli */
body.hv #hero-search > div{border:1px solid rgba(16,51,31,.10);border-radius:22px;padding:8px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 26px 60px -26px rgba(16,51,31,.42),0 2px 6px rgba(16,51,31,.06);
  transition:box-shadow .35s var(--hv-ease),transform .35s var(--hv-ease)}
body.hv #hero-search > div:focus-within{box-shadow:0 0 0 4px rgba(16,51,31,.10),0 30px 64px -26px rgba(16,51,31,.5);transform:translateY(-1px)}
body.hv #hero-search input{border-radius:14px}
body.hv #hero-search input:focus{background:var(--hv-paper)}
body.hv .glow{box-shadow:0 14px 30px -12px rgba(16,51,31,.6),0 1px 0 rgba(255,255,255,.12) inset;
  transition:transform .22s var(--hv-ease),box-shadow .3s var(--hv-ease),background .25s}
body.hv .glow:hover{box-shadow:0 20px 40px -14px rgba(16,51,31,.65);transform:translateY(-1px)}
body.hv .glow:active{transform:translateY(0) scale(.98)}

/* chiplar: faqat passiv (bg-white) holatda — JS active holatga (bg-forest-900) tegmaydi */
body.hv .hv-chip{transition:background .25s,color .25s,transform .25s var(--hv-ease),box-shadow .3s;animation:hvFade .7s var(--hv-ease) both}
body.hv .hv-chip:nth-of-type(1){animation-delay:.45s}body.hv .hv-chip:nth-of-type(2){animation-delay:.52s}
body.hv .hv-chip.bg-white{background:rgba(255,255,255,.82);border:1px solid rgba(16,51,31,.10);box-shadow:0 8px 20px -14px rgba(16,51,31,.35);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
body.hv .hv-chip.bg-white:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 24px -14px rgba(16,51,31,.45)}
body.hv .hv-chip.bg-forest-900{border:1px solid var(--hv-ink);box-shadow:0 12px 26px -14px rgba(16,51,31,.6)}
body.hv #reg-menu,body.hv #dist-menu{border:1px solid var(--hv-line);box-shadow:0 30px 60px -20px rgba(16,51,31,.35)}
body.hv .hero-wrap .ring-2{box-shadow:0 2px 6px rgba(16,51,31,.18)}

/* ---------- seksiya sarlavhalari ---------- */
body.hv .hv-top h2,body.hv .hv-news h2{letter-spacing:-.025em}
body.hv .hv-top > div:first-child,body.hv .hv-news > div:first-child{padding-bottom:1rem;border-bottom:1px solid var(--hv-line);margin-bottom:2rem}
body.hv .hv-top > div:first-child a,body.hv .hv-news > div:first-child a{position:relative;padding-bottom:2px}
body.hv .hv-top > div:first-child a::after,body.hv .hv-news > div:first-child a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1.5px;background:currentColor;transition:right .3s var(--hv-ease)}
body.hv .hv-top > div:first-child a:hover::after,body.hv .hv-news > div:first-child a:hover::after{right:0}

/* ---------- kartalar (klinika + yangilik) ---------- */
/* organik burchaklar: bir tomoni katta, qarama-qarshi tomoni kichik (referens kartalari) */
body.hv .hv-top > .grid > div:nth-child(3n+1) .lift{border-radius:40px 24px 24px 24px}
body.hv .hv-top > .grid > div:nth-child(3n+2) .lift{border-radius:24px 24px 40px 24px}
body.hv .hv-top > .grid > div:nth-child(3n+3) .lift{border-radius:24px 40px 24px 24px}
body.hv .hv-top .lift,body.hv .hv-news .lift{position:relative;border:1px solid var(--hv-line);border-radius:26px;
  box-shadow:0 1px 2px rgba(16,51,31,.04),0 14px 34px -24px rgba(16,51,31,.28);
  transition:transform .45s var(--hv-ease),box-shadow .45s var(--hv-ease),border-color .3s}
body.hv .hv-top .lift:hover,body.hv .hv-news .lift:hover{transform:translateY(-6px);border-color:var(--hv-line-2);
  box-shadow:0 2px 4px rgba(16,51,31,.05),0 36px 70px -30px rgba(16,51,31,.42)}
/* kursorga ergashuvchi yorug'lik */
body.hv .hv-top .lift::before,body.hv .hv-news .lift::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(203,242,79,.28),transparent 46%);
  opacity:0;transition:opacity .45s}
body.hv .hv-top .lift:hover::before,body.hv .hv-news .lift:hover::before{opacity:1}
body.hv .hv-top .lift > *{position:relative}
/* klinika kartasi ichi */
body.hv .hv-top .lift a[style*="5rem"]{transition:transform .5s var(--hv-ease),box-shadow .5s;box-shadow:0 10px 24px -14px rgba(16,51,31,.45),0 0 0 1px rgba(16,51,31,.06)}
body.hv .hv-top .lift:hover a[style*="5rem"]{transform:rotate(-3deg) scale(1.04)}
body.hv .hv-top .lift .bg-cream{background:var(--hv-paper-2)}
/* yashil gradient pill tugma (referens «call to action») */
body.hv .hv-top .lift a[href$="#zapis"]{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 .hv-top .lift a[href$="#zapis"]:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 32px -12px rgba(72,165,49,.7)}
body.hv .hv-top .lift a[href$="#zapis"] + a{border-radius:999px}
/* seksiya sarlavhasi ustidagi qisqa yashil chiziq (referens «Vertical Garden») */
body.hv .hv-top h2::before,body.hv .hv-news h2::before{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-bottom:.7rem;
  background:linear-gradient(90deg,#3f9a2e,#b7e85a)}
body.hv .hv-top .lift a[href$="#zapis"]:active{transform:scale(.98)}
body.hv .hv-top .lift .border-t{border-color:var(--hv-line)}
body.hv .hv-top .lift .text-green-600 .rounded-full,body.hv .hv-top .lift .bg-green-500{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)}}
/* yangilik kartasi */
body.hv .hv-news .lift{border-radius:24px}
body.hv .hv-news .lift:nth-child(odd){border-radius:36px 20px 20px 20px}
body.hv .hv-news .lift:nth-child(even){border-radius:20px 20px 36px 20px}
body.hv .hv-news .lift img{transition:transform .8s var(--hv-ease),filter .6s}
body.hv .hv-news .lift:hover img{transform:scale(1.045)}
body.hv .hv-news .lift .text-xs{letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;color:rgba(16,51,31,.5)}
body.hv .hv-news .lift h3{transition:color .25s}
body.hv .hv-news .lift:hover h3{color:var(--hv-ink-3)}
body.hv .hv-news .lift .p-4{padding:1rem 1.15rem 1.2rem}
.reveal[data-d="4"]{transition-delay:.32s}

/* ---------- CTA: quyuq forest + aurora ---------- */
/* CTA — suyuq organik blob: to'q o'rmon → yorqin yashil (hero bilan bir oilada) */
body.hv .hv-cta{color:#fff;position:relative;isolation:isolate;overflow:hidden;
  border-radius:72px 28px 72px 28px / 56px 28px 56px 28px;
  background:linear-gradient(128deg,#215f23 0%,#2f7f27 38%,#48a531 68%,#8fd63a 100%);
  box-shadow:0 44px 90px -40px rgba(33,95,35,.6)}
body.hv .hv-cta::before{content:"";position:absolute;inset:-45%;z-index:-1;
  background:
    radial-gradient(38% 38% at 24% 30%, rgba(214,246,120,.34), transparent 62%),
    radial-gradient(34% 34% at 78% 72%, rgba(255,246,190,.40), transparent 62%),
    radial-gradient(26% 26% at 60% 16%, rgba(255,255,255,.14), transparent 60%);
  filter:blur(36px);animation:hvAurora 20s ease-in-out infinite alternate;will-change:transform}
body.hv .hv-cta::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--hv-grain);opacity:.10;mix-blend-mode:overlay}
@keyframes hvAurora{0%{transform:translate(-4%,-3%) rotate(0) scale(1)}50%{transform:translate(4%,3%) rotate(9deg) scale(1.08)}100%{transform:translate(-2%,4%) rotate(-7deg) scale(1.03)}}
body.hv .hv-cta h2{color:#fff;letter-spacing:-.025em;text-wrap:balance}
body.hv .hv-cta h2::after{content:"";display:block;width:56px;height:3px;margin:1.1rem auto 0;border-radius:3px;background:var(--hv-lime)}
body.hv .hv-cta p{color:rgba(255,255,255,.74)}
body.hv .hv-cta .glow{background:var(--hv-lime);color:var(--hv-ink);box-shadow:0 22px 50px -18px rgba(203,242,79,.6),0 1px 0 rgba(255,255,255,.35) inset}
body.hv .hv-cta .glow:hover{background:var(--hv-lime-soft);box-shadow:0 28px 60px -18px rgba(203,242,79,.75)}

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

/* ---------- harakatni kamaytirish ---------- */
@media (prefers-reduced-motion:reduce){
  .hv-l>span{animation:none;transform:none}
  .hv-sub,.hv-panel,body.hv .hv-chip{animation:none;opacity:1;transform:none}
  body.hv .hv-cta::before{animation:none}
  body.hv .hv-top .lift .bg-green-500{animation:none}
}
@media (max-width:640px){
  .hv-bg{border-radius:0 0 28px 28px}
  body.hv .hv-cta{border-radius:26px}
}

/* ============================================================
   v11 — OQ FON sinovi (user: «oq fonda sinab ko'r»). Fayl oxirida — ustunlik.
   Hero oq, juda yumshoq yashil nur-dog'lar; matn to'q yashil; bokeh o'chiq.
   ============================================================ */
.hv-bg{background:
    radial-gradient(820px 560px at 92% 100%, rgba(155,220,72,.30) 0%, rgba(155,220,72,0) 60%),
    radial-gradient(700px 480px at 4% -10%,  rgba(72,165,49,.16) 0%, rgba(72,165,49,0) 58%),
    radial-gradient(600px 400px at 60% 0%,   rgba(255,246,190,.55) 0%, rgba(255,246,190,0) 60%),
    linear-gradient(168deg,#ffffff 0%,#f9fcf6 45%,#edf7e6 100%)}
.hv-bg::after{mix-blend-mode:normal;
  background:radial-gradient(560px circle at var(--lx) var(--ly), rgba(120,210,90,.20) 0%, rgba(120,210,90,.07) 36%, rgba(120,210,90,0) 68%)}
.hv-ray{mix-blend-mode:normal;opacity:.8;
  background:linear-gradient(90deg,rgba(120,210,90,0) 0%,rgba(120,210,90,.06) 42%,rgba(120,210,90,.12) 50%,rgba(120,210,90,.06) 58%,rgba(120,210,90,0) 100%)}
.hv-vig{background:radial-gradient(120% 90% at 50% 40%, rgba(72,165,49,0) 55%, rgba(72,165,49,.10) 100%)}
.hv-bokeh{display:none}
.hv-flow path{opacity:.38}
body.hv .hv-h1{color:#10331f}
body.hv .hv-l .text-white{color:#3f9a2e;text-shadow:0 1px 0 rgba(255,255,255,.6)}
body.hv .hv-sub{color:rgba(16,51,31,.74)}
body.hv .hv-panel > div:first-child{color:#10331f}
body.hv .hero-wrap .blob:nth-of-type(1){background:rgba(120,210,90,.18)!important}
body.hv .hero-wrap .blob:nth-of-type(2){background:rgba(16,51,31,.05)!important}
body.hv .hero-wrap .ring-2{--tw-ring-color:rgba(72,165,49,.35)}
body.hv .site-head .bar{background:rgba(255,255,255,.92);border-color:rgba(16,51,31,.10)}
body.hv #hero-search > div{border-color:rgba(16,51,31,.14);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 26px 60px -24px rgba(16,51,31,.28),0 2px 6px rgba(16,51,31,.06)}
body.hv .hv-chip.bg-white{border-color:rgba(16,51,31,.14);background:#fff}
body.hv .hv-chip.bg-white:hover{background:#f4faf1}
/* zamonaviy: sekin shakl o'zgartiruvchi blurlangan gradient-orb (mesh-blob) — qidiruv paneli orqasida */
.hv-orb{position:absolute;z-index:1;pointer-events:none;filter:blur(52px);will-change:transform,border-radius;
  animation:hvMorph 18s ease-in-out infinite alternate,hvDrift 26s ease-in-out infinite alternate}
.hv-orb.o1{right:2%;top:22%;width:640px;height:520px;opacity:.72;
  background:linear-gradient(135deg,#d6f7a0 0%,#86d66c 48%,#3fb48f 100%)}
.hv-orb.o2{left:-6%;bottom:14%;width:360px;height:320px;opacity:.55;animation-delay:-8s,-12s;
  background:linear-gradient(135deg,#eafbd0 0%,#a9e48d 60%,#79cf7e 100%)}
@keyframes hvMorph{0%{border-radius:58% 42% 47% 53% / 46% 55% 45% 54%}50%{border-radius:42% 58% 55% 45% / 58% 40% 60% 42%}100%{border-radius:52% 48% 40% 60% / 44% 58% 42% 56%}}
@keyframes hvDrift{0%{translate:0 0;rotate:0deg}100%{translate:-40px 28px;rotate:14deg}}
@media (max-width:640px){.hv-orb.o1{width:340px;height:300px;right:-20%;top:40%}.hv-orb.o2{display:none}}
@media (prefers-reduced-motion:reduce){.hv-orb{animation:none}}

/* ============================================================
   v12 — BUTUNLAY OQ FON (user: «fonni butunlay oqartir»)
   Hero ham, sahifa zamini ham toza oq; yashil tuslar/oqim/nur o'chiq;
   orb — faqat juda nozik urg'u.
   ============================================================ */
:root{--hv-paper:#ffffff;--hv-paper-2:#f2f5f0}
body.hv{background:#fff}
.hv-bg{background:#fff}
.hv-bg::after{background:radial-gradient(560px circle at var(--lx) var(--ly), rgba(72,165,49,.09) 0%, rgba(72,165,49,.03) 40%, rgba(72,165,49,0) 68%)}
.hv-ray,.hv-vig,.hv-flow,.hv-wave,.hv-bokeh{display:none}
body.hv .hero-wrap .blob{display:none}
.hv-orb.o1{opacity:.38;filter:blur(64px)}
.hv-orb.o2{opacity:.26;filter:blur(64px)}
/* oq zaminda seksiya ajratgich — nozik hairline */
body.hv .hv-top{border-top:1px solid rgba(16,51,31,.06)}
body.hv .hv-top .lift,body.hv .hv-news .lift{border-color:rgba(16,51,31,.10)}

/* ============================================================
   v13 — FON YASHILSIZ, SHAKLLAR QOLADI (user: «fondan yashilni olib tashla, shakllarni qoldir»)
   Hero: och neytral kulrang-oq; oq oqim-shakl + oq to'lqin; yorug'lik neytral; orb/yashil dog'lar yo'q.
   ============================================================ */
.hv-bg{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{mix-blend-mode:normal;
  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-ray{display:block;mix-blend-mode:normal;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%)}
.hv-vig{display:block;background:radial-gradient(120% 90% at 50% 40%, rgba(0,0,0,0) 55%, rgba(16,51,31,.06) 100%)}
.hv-flow{display:block}
.hv-flow path{fill:#ffffff;opacity:.72}
.hv-wave{display:block}
.hv-wave path{fill:#ffffff}
.hv-orb,.hv-bokeh{display:none}
body.hv .hero-wrap .blob{display:none}
body.hv .site-head .bar{background:rgba(255,255,255,.92);border-color:rgba(16,51,31,.08)}
body.hv .hv-top{border-top:0}
/* hero: hamkor klinika logotiplari (emoji o'rniga) */
body.hv .hv-avatar{box-shadow:0 4px 12px rgba(16,51,31,.16),0 0 0 1px rgba(16,51,31,.06);transition:transform .3s var(--hv-ease),box-shadow .3s,z-index 0s;position:relative}
body.hv .hv-avatar:hover{transform:translateY(-3px) scale(1.12);z-index:2;box-shadow:0 10px 22px rgba(16,51,31,.24),0 0 0 1px rgba(16,51,31,.08)}
body.hv .hv-avatar img{display:block}
/* hero: hamkor klinikalar shifokorlari — chiplar ostida ixcham qator (tasodifiy) */
.hv-docs-wrap{animation:hvFadeO .8s .6s var(--hv-ease) both}
@keyframes hvFadeO{from{opacity:0}to{opacity:1}}
/* foto tiniqligi: alohida GPU-qatlam YO'Q (backface-visibility/will-change ishlatilmaydi), transform-animatsiya yo'q,
   rasmlar serverda 120px/96px keskinlashtirilgan thumbnail — brauzer katta nisbatda kichraytirmaydi */
.hv-doc img,.hv-avatar img{image-rendering:auto;will-change:auto;transform:none}
.hv-doc{animation-name:hvFadeO}
.hv-doc:hover{transform:none}
.hv-docs-label{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(16,51,31,.5);margin:0 0 .55rem .25rem}
.hv-docs{padding:2px 2px 6px;flex-wrap:wrap;max-width:100%}
@media (max-width:640px){.hv-docs{flex-wrap:nowrap}}
/* QATLAM TARTIBI: region/tuman ochiluvchi ro'yxatlari shifokorlar qatoridan USTIDA bo'lsin
   (.hv-panel/.hv-doc animatsiyalari stacking-context yaratadi; ro'yxat z-index'i shundan yuqori) */
body.hv #hero-search .relative{position:relative;z-index:70}
body.hv #reg-menu,body.hv #dist-menu{z-index:80}
body.hv .hv-docs-wrap{position:relative;z-index:0}
/* ASL SABAB: `#hero-search > div:focus-within{transform}` chiplar qatoriga ham tegardi — tugma bosilganda (fokus)
   qator transform olib stacking-context bo'lardi, ro'yxat shu kontekstda qamalib docs ostida qolardi. */
body.hv #hero-search > div:focus-within{transform:none}
body.hv #hero-search > div:first-child:focus-within{transform:translateY(-1px)}
body.hv #hero-search > div.mt-3{position:relative;z-index:70}
/* MOBIL TUZATISH: scroll-qator grid ustunining min-content enini kengaytirib panelni ekrandan chiqarardi */
body.hv .hv-panel{min-width:0;max-width:100%}
body.hv .hero-wrap > div{min-width:0}
body.hv{overflow-x:clip}
.hv-doc{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:.4rem .95rem .4rem .4rem;max-width:calc(50% - 6px);min-width:0;
  background:#fff;border:1px solid rgba(16,51,31,.10);border-radius:999px;text-decoration:none;color:var(--hv-ink);
  box-shadow:0 6px 16px -10px rgba(16,51,31,.28);transition:transform .3s var(--hv-ease),box-shadow .3s,border-color .3s;
  animation:hvFade .7s calc(.65s + var(--i,0) * .08s) var(--hv-ease) both}
.hv-doc:hover{transform:translateY(-2px);border-color:rgba(16,51,31,.18);box-shadow:0 14px 26px -12px rgba(16,51,31,.35)}
.hv-doc img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;flex:none;background:#eef1ee;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(46,149,96,.35)}
.hv-doc-t{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.hv-doc-t b{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-doc-t small{font-size:10.5px;font-weight:600;color:rgba(16,51,31,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
@media (max-width:640px){.hv-doc{max-width:200px}}
@media (prefers-reduced-motion:reduce){.hv-docs-wrap,.hv-doc{animation:none}}