/* ==========================================================================
   UZKABEL — dizayn tizimi
   Ranglar: amaldagi uzkabel.uz brendi (to'q ko'k + logotip to'q sariq)
   ========================================================================== */
:root{
  --navy-950:#08124f;
  --navy-900:#0b1762;
  --navy:#0f2180;
  --navy-700:#1934b0;
  --navy-600:#2b4fd6;
  --tint:#eef1f8;
  --tint-2:#e3e8f3;
  --orange:#ff7d3a;
  --orange-600:#f2661f;
  --orange-soft:#ff894b1f;
  --paper:#f6f6f3;
  --paper-2:#e9e8e3;
  --white:#fff;
  --ink:#0a1450;
  --graphite:#5d5f6d;
  --muted:#8a8c99;
  --line:#0f21801a;
  --line-dark:#ffffff1a;
  --copper:#c8784a;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --display:'Inter Tight','Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:clamp(16px,4vw,64px);
  --max:1440px;
  --radius:4px;
  --ease:cubic-bezier(.2,.7,.1,1);
  --header:76px;
  --fs-base:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.025em;line-height:1.05}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--orange);color:var(--navy);padding:10px 16px;font-weight:600}
.skip:focus{top:12px}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.section{padding:clamp(72px,10vw,150px) 0;position:relative}
.section--tight{padding:clamp(56px,7vw,100px) 0}
.dark{background:var(--navy);color:#fff}
.darker{background:var(--navy-950);color:#fff}
.light{background:#fff}
.paper{background:var(--paper)}
.grid-bg{background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size:80px 80px;background-position:-1px -1px}

/* ---------- type ---------- */
.label{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite);display:inline-flex;align-items:center;gap:10px}
.label::before{content:"//";color:var(--orange);letter-spacing:0}
.dark .label,.darker .label,.on-dark .label{color:#aeb0c4}
.h-xl{font-size:clamp(44px,7.4vw,124px);line-height:.95;letter-spacing:-.045em}
.h-lg{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.04em}
.h-md{font-size:clamp(28px,3.2vw,48px);line-height:1.06;letter-spacing:-.03em}
.h-sm{font-size:clamp(20px,1.7vw,26px);line-height:1.2;letter-spacing:-.02em}
.accent{color:var(--orange)}
.muted{color:var(--muted)}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--graphite);max-width:60ch}
.dark .lead,.darker .lead{color:#b9bbcc}
.mono{font-family:var(--mono)}
.sec-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:clamp(40px,5vw,72px)}
.sec-head .label{margin-bottom:22px}
.sec-head .lead{margin-top:20px}
@media (max-width:820px){.sec-head{grid-template-columns:1fr}}

/* ---------- buttons ---------- */
.btn{--bg:var(--orange);--fg:var(--navy);display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 26px;border-radius:999px;background:var(--bg);color:var(--fg);font-weight:600;font-size:15px;letter-spacing:-.005em;white-space:nowrap;transition:background .25s var(--ease),color .25s,border-color .25s,transform .25s var(--ease);border:1px solid transparent;position:relative;overflow:hidden}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.btn:hover{--bg:#fff}
.btn:hover svg{transform:translateX(3px)}
.btn--ghost{--bg:transparent;--fg:currentColor;border-color:currentColor}
.btn--ghost:hover{--bg:var(--orange);--fg:var(--navy);border-color:var(--orange)}
.btn--navy{--bg:var(--navy);--fg:#fff}
.btn--navy:hover{--bg:var(--orange);--fg:var(--navy)}
.btn--sm{height:42px;padding:0 18px;font-size:14px}
.btn--block{width:100%;justify-content:center}
.link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .2s,gap .3s var(--ease)}
.link:hover{color:var(--orange);gap:16px}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-family:var(--mono);letter-spacing:.02em;white-space:nowrap}
.dark .chip,.darker .chip,.on-dark .chip{border-color:var(--line-dark);color:#cfd0dc}

/* ---------- utility bar ---------- */
.utility{background:var(--navy-950);color:#a9abbd;font-size:12.5px;height:38px;position:relative;z-index:60}
.utility .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.utility a:hover,.utility button:hover{color:#fff}
.u-left,.u-right{display:flex;align-items:center;gap:22px;white-space:nowrap}
.lme{display:flex;gap:18px;font-family:var(--mono);font-size:12px}
.lme b{color:#fff;font-weight:500}
.lme .up{color:#5fd39a}.lme .down{color:#ff7a6b}
.lme-tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--orange);border:1px solid #ff894b55;padding:2px 6px;border-radius:3px}
.langs{display:flex;gap:2px}
.langs button{padding:4px 8px;border-radius:3px;font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.langs button[aria-pressed="true"]{background:#ffffff14;color:#fff}
.a11y-btn{display:inline-flex;align-items:center;gap:6px}
.a11y-btn svg{width:16px;height:16px}
@media (max-width:1100px){.lme{display:none}.u-left .lme-tag{display:none}}
@media (max-width:640px){.u-left{display:none}.utility .wrap{justify-content:flex-end}}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;height:var(--header);color:#fff;transition:background .35s var(--ease),box-shadow .35s,backdrop-filter .35s}
.site-header.is-over{position:fixed;top:38px;left:0;right:0;background:transparent}
.site-header.is-solid{background:#0f2180e8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line-dark)}
.site-header.is-over.is-solid{top:0}
.site-header .wrap{display:flex;align-items:center;height:100%;gap:28px}
.brand{flex-shrink:0;display:block}
.brand img{height:40px;width:auto}
.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.main-nav>a,.main-nav>button{font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s;color:#e6e7ef}
.main-nav>a:hover,.main-nav>button:hover,.main-nav>button[aria-expanded="true"]{background:#ffffff12;color:#fff}
.main-nav>a[aria-current="page"]{color:var(--orange)}
.main-nav svg{width:12px;height:12px;transition:transform .25s}
.main-nav>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.h-actions{display:flex;align-items:center;gap:10px;margin-left:12px}
.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-dark);position:relative;transition:background .2s,border-color .2s}
.icon-btn:hover{background:#ffffff14;border-color:#ffffff40}
.icon-btn svg{width:18px;height:18px}
.badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;border-radius:999px;background:var(--orange);color:var(--navy);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px;transform:scale(0);transition:transform .3s var(--ease)}
.badge.on{transform:scale(1)}
.burger{display:none}
@media (max-width:1180px){.main-nav,.h-actions .btn{display:none}.burger{display:grid}.h-actions{margin-left:auto}}

/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--navy-900);border-top:1px solid var(--line-dark);box-shadow:0 40px 80px #0008;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega .wrap{display:grid;grid-template-columns:1fr 320px;gap:48px;padding-top:36px;padding-bottom:40px;height:auto}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line-dark);border:1px solid var(--line-dark)}
.mega-item{background:var(--navy-900);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;min-height:150px;transition:background .25s}
.mega-item:hover{background:var(--navy-700)}
.mega-item .n{font-family:var(--mono);font-size:11px;color:var(--orange)}
.mega-item strong{font-weight:500;font-size:15px;line-height:1.25}
.mega-item img{height:40px;width:auto;object-fit:contain;object-position:left;margin-top:auto;transition:transform .5s var(--ease)}
.mega-item:hover img{transform:translateX(8px)}
.mega-side{display:flex;flex-direction:column;gap:14px}
.mega-side .card{border:1px solid var(--line-dark);padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s}
.mega-side .card:hover{border-color:var(--orange)}
.mega-side .card span{font-size:13px;color:#9fa1b5}

/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:90;background:var(--navy-950);color:#fff;display:flex;flex-direction:column;padding:20px var(--gutter) 32px;transform:translateX(100%);transition:transform .45s var(--ease);overflow:auto}
.drawer.open{transform:none}
.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.drawer nav a{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:30px;letter-spacing:-.03em;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.drawer nav a span{font-family:var(--mono);font-size:12px;color:var(--orange)}
.drawer .btn{margin-top:28px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important;scroll-behavior:auto!important}}

/* ==========================================================================
   HOME
   ========================================================================== */
.hero{position:relative;min-height:max(720px,100svh);max-height:1080px;color:#fff;background:var(--navy-950);overflow:hidden;display:flex;flex-direction:column;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero-media video{position:absolute;inset:0;opacity:0;transition:opacity 1.2s}
.hero-media video.ready{opacity:1}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08124ff2 0%,#08124fc4 34%,#08124f33 68%,#08124f1a 100%),linear-gradient(0deg,#08124f 2%,#08124f00 38%),linear-gradient(180deg,#08124fcc 0,#08124f00 22%)}
.hero-body{flex:1;display:flex;align-items:center;padding-top:calc(var(--header) + 70px);padding-bottom:40px}
.hero-body .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:end}
.hero h1{margin:26px 0 28px;max-width:11ch}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero .lead{color:#c4c6d6;max-width:46ch}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.finder{background:#0f21808c;border:1px solid #ffffff22;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:26px;border-radius:6px;justify-self:end;width:100%;max-width:420px}
.finder h2{font-size:20px;letter-spacing:-.02em;margin:10px 0 16px}
.finder-input{position:relative}
.finder-input input{width:100%;height:54px;border-radius:999px;border:1px solid #ffffff2e;background:#08124f99;padding:0 54px 0 22px;color:#fff;font-size:15px}
.finder-input input::placeholder{color:#8f91a6}
.finder-input input:focus{outline:none;border-color:var(--orange)}
.finder-input button{position:absolute;right:6px;top:6px;width:42px;height:42px;border-radius:50%;background:var(--orange);color:var(--navy);display:grid;place-items:center}
.finder-input button svg{width:18px;height:18px}
.finder .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.finder .chip{cursor:pointer;transition:border-color .2s,color .2s}
.finder .chip:hover{border-color:var(--orange);color:#fff}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--navy-900);border:1px solid var(--line-dark);border-radius:6px;overflow:hidden;z-index:5;display:none;box-shadow:0 20px 50px #0009}
.suggest.on{display:block}
.suggest a{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;font-size:14px;border-bottom:1px solid var(--line-dark)}
.suggest a:last-child{border:0}
.suggest a:hover,.suggest a.hl{background:var(--navy-700)}
.suggest a span{color:#9fa1b5;font-size:12px}
.hero-stats{border-top:1px solid var(--line-dark)}
.hero-stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.hstat{padding:26px 0 30px;border-left:1px solid var(--line-dark);padding-left:26px}
.hstat:first-child{border-left:0;padding-left:0}
.hstat b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(30px,3vw,46px);letter-spacing:-.04em;line-height:1}
.hstat b sup{font-size:.5em;color:var(--orange);vertical-align:top;margin-left:2px}
.hstat>span{display:block;font-size:13px;color:#9fa1b5;margin-top:10px}
.scroll-cue{position:absolute;right:var(--gutter);top:50%;writing-mode:vertical-rl;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:#8f91a6;display:flex;align-items:center;gap:14px}
.scroll-cue::after{content:"";width:1px;height:70px;background:linear-gradient(var(--orange),transparent);animation:cue 2.2s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:980px){.hero-body .wrap{grid-template-columns:1fr}.finder{justify-self:stretch;max-width:none}.hero-stats .wrap{grid-template-columns:repeat(2,1fr)}.hstat:nth-child(3){border-left:0;padding-left:0}.hstat{border-top:1px solid var(--line-dark)}.scroll-cue{display:none}}

/* marquee */
.marquee{background:var(--navy-950);color:#c9cbd9;border-top:1px solid var(--line-dark);overflow:hidden;padding:26px 0}
.marquee-track{display:flex;gap:64px;width:max-content;animation:marq 48s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:flex;align-items:baseline;gap:12px;white-space:nowrap;font-family:var(--display);font-size:24px;letter-spacing:-.02em;font-weight:500}
.marquee-item small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:#7f8197;text-transform:uppercase}
.marquee-item::after{content:"✦";color:var(--orange);font-size:12px;margin-left:52px}
@keyframes marq{to{transform:translateX(-50%)}}

/* statement */
.statement{display:grid;grid-template-columns:260px 1fr;gap:48px}
.statement p.big{font-family:var(--display);font-size:clamp(28px,3.4vw,54px);line-height:1.12;letter-spacing:-.035em;font-weight:500}
.statement p.big .w{color:#0f218033;transition:color .4s}
.statement p.big .w.on{color:var(--ink)}
.statement-foot{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}
.statement-foot b{display:block;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.02em;margin-bottom:8px}
.statement-foot p{font-size:14.5px;color:var(--graphite)}
@media (max-width:900px){.statement{grid-template-columns:1fr;gap:24px}.statement-foot{grid-column:1;grid-template-columns:1fr}}

/* product categories */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.cat{background:var(--navy);padding:28px 28px 24px;display:flex;flex-direction:column;min-height:340px;position:relative;overflow:hidden;transition:background .4s var(--ease)}
.cat::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% 100%,#ff894b26,transparent 70%);opacity:0;transition:opacity .5s}
.cat:hover{background:var(--navy-700)}
.cat:hover::before{opacity:1}
.cat-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;position:relative}
.cat-n{font-family:var(--mono);font-size:12px;color:var(--orange)}
.cat-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-dark);display:grid;place-items:center;transition:background .3s,border-color .3s,transform .4s var(--ease);flex-shrink:0}
.cat-arrow svg{width:16px;height:16px}
.cat:hover .cat-arrow{background:var(--orange);border-color:var(--orange);color:var(--navy);transform:rotate(-45deg)}
.cat h3{font-size:clamp(21px,1.7vw,26px);margin-top:18px;position:relative;max-width:14ch}
.cat p{font-size:14px;color:#a1a3b8;margin-top:10px;position:relative;max-width:34ch}
.cat-img{margin-top:auto;padding-top:24px;position:relative;height:120px;display:flex;align-items:flex-end}
.cat-img img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:left bottom;transform:translateX(-18%);transition:transform .8s var(--ease);filter:drop-shadow(0 18px 24px #0007)}
.cat:hover .cat-img img{transform:translateX(0)}
.cat-meta{display:flex;flex-wrap:wrap;gap:6px;position:relative;margin-top:16px}
.cat-meta .chip{height:26px;font-size:11.5px}
.cat--wide{grid-column:span 2}
.cat--wide .cat-img{height:170px}
.cat--wide h3{font-size:clamp(28px,2.6vw,40px)}
.cats-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px}
@media (max-width:1100px){.cats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cats{grid-template-columns:1fr}.cat--wide{grid-column:auto}.cat{min-height:300px}}

/* anatomy */
.anatomy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:center}
.layers{margin-top:40px;border-top:1px solid var(--line)}
.layer{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding .35s var(--ease)}
.layer .n{font-family:var(--mono);font-size:12px;color:var(--muted);transition:color .2s}
.layer strong{font-weight:600;font-size:16px;display:block}
.layer span.d{display:block;font-size:14px;color:var(--graphite);max-height:0;overflow:hidden;opacity:0;transition:max-height .45s var(--ease),opacity .35s,margin .35s}
.layer .sw{width:14px;height:14px;border-radius:50%}
.layer.on{padding-left:12px}
.layer.on .n{color:var(--orange)}
.layer.on span.d{max-height:80px;opacity:1;margin-top:6px}
.anatomy-fig{position:relative;background:radial-gradient(70% 70% at 60% 50%,#fff,#f3f2ee00),var(--paper);border-radius:6px;padding:20px 0;aspect-ratio:16/10;display:grid;place-items:center}
.anatomy-fig svg{width:100%;height:auto;overflow:visible}
.anatomy-fig .lyr{transition:opacity .4s,transform .6s var(--ease);cursor:pointer}
.anatomy-fig.focus .lyr{opacity:.42}
.anatomy-fig.focus .lyr.on{opacity:1}
.anatomy-tag{position:absolute;left:24px;bottom:20px;font-family:var(--mono);font-size:12px;color:var(--graphite)}
.anatomy-tag b{color:var(--ink);font-weight:500}
@media (max-width:980px){.anatomy{grid-template-columns:1fr}}

/* selector */
.selector{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px)}
.sel-step{padding:24px 0;border-top:1px solid var(--line-dark)}
.sel-step:last-of-type{border-bottom:1px solid var(--line-dark)}
.sel-step legend{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9fa1b5;margin-bottom:14px;padding:0}
.sel-step legend b{color:var(--orange);font-weight:500;margin-right:8px}
fieldset{border:0;margin:0;padding:0;min-width:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;height:42px;padding:0 18px;border-radius:999px;border:1px solid #ffffff2a;font-size:14px;transition:all .2s;cursor:pointer;color:#d8d9e4}
.opt input:checked+span{background:var(--orange);border-color:var(--orange);color:var(--navy);font-weight:600}
.opt input:focus-visible+span{outline:2px solid var(--orange);outline-offset:3px}
.opt:hover span{border-color:#ffffff66}
.sel-result{background:var(--navy-700);border:1px solid var(--line-dark);border-radius:6px;padding:28px;display:flex;flex-direction:column;min-height:100%}
.sel-result-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line-dark)}
.sel-count{font-family:var(--display);font-size:48px;letter-spacing:-.04em;line-height:1}
.sel-list{display:flex;flex-direction:column;flex:1}
.sel-item{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-dark);animation:fadeUp .5s var(--ease) both}
.sel-item img{width:110px;height:44px;object-fit:contain;object-position:left}
.sel-item b{display:block;font-family:var(--mono);font-weight:500;font-size:15px}
.sel-item span{font-size:13px;color:#9fa1b5}
.sel-empty{padding:40px 0;color:#9fa1b5}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:980px){.selector{grid-template-columns:1fr}}
@media (max-width:520px){.sel-item{grid-template-columns:1fr auto}.sel-item img{display:none}}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.num{background:var(--paper);padding:clamp(24px,2.6vw,40px);display:flex;flex-direction:column;gap:14px;min-height:260px}
.num .k{font-family:var(--display);font-size:clamp(52px,6vw,96px);letter-spacing:-.05em;line-height:.9;font-weight:500}
.num .k small{font-size:.38em;letter-spacing:-.02em;color:var(--orange);margin-left:4px}
.num .t{font-weight:600;font-size:16px}
.num p{font-size:14px;color:var(--graphite);max-width:40ch}
.num .viz{margin-top:auto}
.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c3{grid-column:span 3}
.num--dark{background:var(--navy);color:#fff}
.num--dark p{color:#a1a3b8}
.num--orange{background:var(--orange);color:var(--navy)}
.num--orange p{color:#0f2180b3}
.num--orange .k small{color:var(--navy)}
.bar{height:6px;background:var(--line);border-radius:6px;position:relative;overflow:hidden}
.bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--orange);border-radius:6px;transition:width 1.6s var(--ease)}
.in .bar i{width:var(--w)}
.bar-row{display:grid;grid-template-columns:130px 1fr 92px;gap:14px;align-items:center;font-size:13px;margin-top:10px}
.bar-row span:last-child{font-family:var(--mono);text-align:right}
.timeline-mini{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px}
.ring{width:132px;height:132px}
.ring circle{fill:none;stroke-width:10}
.ring .bg{stroke:#0f218014}
.ring .fg{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:377;transition:stroke-dashoffset 1.8s var(--ease);transform:rotate(-90deg);transform-origin:50% 50%}
.in .ring .fg{stroke-dashoffset:var(--off)}
.num--row{flex-direction:row;align-items:center;gap:32px}
.globe-line{display:flex;gap:6px;margin-top:6px}
.globe-line i{flex:1;height:34px;border-radius:3px;background:#0f218012;position:relative;overflow:hidden}
.globe-line i::after{content:"";position:absolute;inset:0;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.in .globe-line i::after{transform:scaleX(var(--s,1))}
.globe-line i:nth-child(2)::after{transition-delay:.4s}.globe-line i:nth-child(3)::after{transition-delay:.8s}
@media (max-width:1000px){.c3,.c4,.c5,.c7,.c8{grid-column:span 6}}
@media (max-width:640px){.nums>*{grid-column:span 12!important}.num--row{flex-direction:column;align-items:flex-start}}

/* export map */
.export{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,4vw,64px);align-items:center}
.map-wrap{position:relative;aspect-ratio:101/43;width:100%}
.map-wrap canvas{width:100%;height:100%}
.map-legend{position:absolute;left:0;bottom:-6px;display:flex;gap:20px;font-family:var(--mono);font-size:11px;color:#8f91a6}
.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}
.regions{margin-top:36px;border-top:1px solid var(--line-dark)}
.region{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-dark);font-size:15px;cursor:default;transition:color .2s,padding .3s var(--ease)}
.region:hover{color:var(--orange);padding-left:8px}
.region span{font-family:var(--mono);font-size:12px;color:#8f91a6}
@media (max-width:980px){.export{grid-template-columns:1fr}}

/* industries */
.inds{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ind{position:relative;min-height:420px;border-radius:6px;overflow:hidden;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:var(--navy)}
.ind img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease);filter:saturate(.75)}
.ind::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f218033 0,#0f2180e6 70%)}
.ind:hover img{transform:scale(1.06)}
.ind .ico{position:absolute;top:24px;left:24px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff40;display:grid;place-items:center}
.ind .ico svg{width:22px;height:22px;stroke:var(--orange)}
.ind h3{font-size:22px}
.ind p{font-size:13.5px;color:#c4c6d6;margin-top:8px}
.ind .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ind .chip{border-color:#ffffff33;color:#e2e3ec;height:26px;font-size:11px}
@media (max-width:1200px){.inds{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.inds{grid-template-columns:1fr 1fr}.ind{min-height:340px}}
@media (max-width:520px){.inds{grid-template-columns:1fr}}

/* history */
.history{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);position:relative}
.era{padding:32px 28px 0 0;position:relative}
.era::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--orange)}
.era .y{font-family:var(--display);font-size:clamp(44px,4.4vw,72px);letter-spacing:-.05em;line-height:1;font-weight:500}
.era h3{font-size:19px;margin:18px 0 10px;letter-spacing:-.015em}
.era p{font-size:14.5px;color:var(--graphite)}
@media (max-width:900px){.history{grid-template-columns:1fr 1fr;row-gap:40px}}
@media (max-width:520px){.history{grid-template-columns:1fr}}

/* certificates */
.certs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cert{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:transform .4s var(--ease),box-shadow .4s}
.cert:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0f21801f}
.cert-doc{aspect-ratio:1/1.3;background:linear-gradient(180deg,#fbfbf9,#f1f0eb);border:1px solid var(--line);border-radius:3px;padding:18px;display:flex;flex-direction:column;gap:7px;position:relative;overflow:hidden}
.cert-doc .seal{position:absolute;right:16px;bottom:16px;width:62px;height:62px;border-radius:50%;border:2px solid var(--orange);display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--orange);text-align:center;line-height:1.1;transform:rotate(-12deg)}
.cert-doc .ttl{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.02em;margin-bottom:8px}
.cert-doc i{display:block;height:5px;border-radius:4px;background:#0f218014}
.cert-doc i:nth-child(odd){width:82%}
.cert b{font-weight:600}
.cert span{font-size:13px;color:var(--graphite)}
.cert-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
@media (max-width:1000px){.certs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.certs{grid-template-columns:1fr}}

/* news */
.news{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.news-card{display:flex;flex-direction:column;gap:16px}
.news-card .ph{aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:var(--navy)}
.news-card:first-child .ph{aspect-ratio:16/11}
.news-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.news-card:hover img{transform:scale(1.05)}
.news-card .meta{display:flex;gap:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.news-card .meta b{color:var(--orange);font-weight:500}
.news-card h3{font-size:clamp(19px,1.5vw,24px);line-height:1.2}
.news-card:hover h3{color:var(--orange-600)}
.ph-gen{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-family:var(--display);font-size:42px;letter-spacing:-.04em;background:radial-gradient(80% 90% at 70% 20%,#2b4fd6,#0f2180)}
@media (max-width:900px){.news{grid-template-columns:1fr}}

/* RFQ section */
.rfq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px)}
.contact-list{margin-top:40px;display:grid;gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.contact-list a{background:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;transition:background .25s}
.contact-list a:hover{background:var(--navy-700)}
.contact-list small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8f91a6;margin-bottom:2px}
.contact-list strong{font-weight:500;font-size:17px}
.contact-list svg{width:18px;height:18px;color:var(--orange)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.field{display:flex;flex-direction:column;gap:8px;position:relative}
.field--full{grid-column:1/-1}
.field label{font-size:13px;font-weight:500;color:var(--graphite)}
.on-dark .field label,.dark .field label{color:#a9abbd}
.field input,.field select,.field textarea{height:54px;border-radius:4px;border:1px solid var(--line);background:#fff;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s;width:100%}
.field textarea{height:120px;padding:14px 16px;resize:vertical}
.dark .field input,.dark .field select,.dark .field textarea,.on-dark .field input,.on-dark .field select,.on-dark .field textarea{background:#08124f80;border-color:#ffffff24;color:#fff}
.field select option{color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #ff894b26}
.field input[aria-invalid="true"]{border-color:#ff6b5a}
.form-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--graphite);max-width:44ch}
.dark .consent,.on-dark .consent{color:#9fa1b5}
.consent input{accent-color:var(--orange);margin-top:3px}
.form-ok{grid-column:1/-1;display:none;padding:18px 20px;border-radius:4px;background:#2ecc8a1f;border:1px solid #2ecc8a66;font-size:15px}
.form.sent .form-ok{display:block}
.seg{display:flex;gap:4px;background:#08124f80;border:1px solid #ffffff24;border-radius:999px;padding:4px;width:max-content;max-width:100%;margin-bottom:28px;overflow:auto}
.seg button{height:38px;padding:0 18px;border-radius:999px;font-size:14px;color:#b9bbcc;white-space:nowrap}
.seg button[aria-selected="true"]{background:#fff;color:var(--navy);font-weight:600}
@media (max-width:980px){.rfq{grid-template-columns:1fr}}
@media (max-width:560px){.form{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.site-footer{background:var(--navy-950);color:#a9abbd;padding-top:clamp(64px,8vw,110px);font-size:14.5px;position:relative;overflow:hidden}
.foot-cta{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;padding-bottom:64px;border-bottom:1px solid var(--line-dark)}
.foot-cta h2{color:#fff;max-width:14ch}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:40px;padding:56px 0}
.foot-grid h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f7188;font-weight:500;margin-bottom:18px}
.foot-grid li+li{margin-top:10px}
.foot-grid a:hover{color:#fff}
.foot-grid .brand img{height:44px;margin-bottom:22px}
.foot-grid address{font-style:normal;line-height:1.7}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 32px;border-top:1px solid var(--line-dark);font-size:13px;color:#6f7188}
.foot-bottom a:hover{color:#fff}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-dark);display:grid;place-items:center;transition:all .2s}
.socials a:hover{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.socials svg{width:16px;height:16px}
.foot-word{font-family:var(--display);font-weight:600;font-size:clamp(80px,19vw,300px);letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:1px #ffffff14;white-space:nowrap;text-align:center;margin-bottom:-.12em;user-select:none}
@media (max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}}
@media (max-width:600px){.foot-grid{grid-template-columns:1fr 1fr}}

/* ---------- floating contact ---------- */
.fab{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fab-main{width:60px;height:60px;border-radius:50%;background:var(--orange);color:var(--navy);display:grid;place-items:center;box-shadow:0 12px 30px #ff894b66;transition:transform .3s var(--ease)}
.fab-main svg{width:24px;height:24px}
.fab.open .fab-main{transform:rotate(135deg)}
.fab-list{display:flex;flex-direction:column;gap:8px;align-items:flex-end;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--ease)}
.fab.open .fab-list{opacity:1;visibility:visible;transform:none}
.fab-list a,.fab-list button{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;height:46px;padding:0 18px 0 14px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 10px 30px #0004;white-space:nowrap}
.fab-list svg{width:18px;height:18px;color:var(--orange)}

/* ---------- RFQ drawer ---------- */
.overlay{position:fixed;inset:0;background:#08124fb3;backdrop-filter:blur(4px);z-index:95;opacity:0;visibility:hidden;transition:all .35s}
.overlay.on{opacity:1;visibility:visible}
.panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--navy);color:#fff;z-index:100;transform:translateX(100%);transition:transform .5s var(--ease);display:flex;flex-direction:column}
.panel.open{transform:none}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--line-dark)}
.panel-body{flex:1;overflow:auto;padding:28px}
.basket{display:flex;flex-direction:column;gap:8px;margin:0 0 24px}
.basket-item{display:grid;grid-template-columns:1fr 110px 36px;gap:10px;align-items:center;background:#08124f66;border:1px solid var(--line-dark);border-radius:4px;padding:10px 12px}
.basket-item b{font-family:var(--mono);font-weight:500;font-size:14px;display:block}
.basket-item small{color:#8f91a6;font-size:12px}
.basket-item input{height:38px;border-radius:4px;border:1px solid #ffffff24;background:transparent;padding:0 10px;width:100%;color:#fff;font-size:13px}
.basket-item button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#8f91a6}
.basket-item button:hover{color:#ff7a6b;background:#ffffff0d}
.basket-empty{border:1px dashed #ffffff2a;border-radius:4px;padding:18px;color:#9fa1b5;font-size:14px}

/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#fff;color:var(--navy);padding:14px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 20px 50px #0004;z-index:120;opacity:0;transition:all .4s var(--ease);display:flex;gap:10px;align-items:center;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast i{width:8px;height:8px;border-radius:50%;background:#2ecc8a}

/* ==========================================================================
   INNER PAGES
   ========================================================================== */
.page-hero{background:var(--navy);color:#fff;padding:calc(var(--header) + 38px + clamp(56px,8vw,110px)) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden;isolation:isolate}
.page-hero--img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0f2180f5 20%,#0f218099 60%,#0f218066),linear-gradient(0deg,#0f2180,transparent 50%)}
.page-hero--img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:12px;color:#8f91a6;margin-bottom:28px}
.crumbs a:hover{color:#fff}
.crumbs span{color:#55576d}
.page-hero h1{max-width:16ch}
.page-hero .lead{margin-top:24px}
.page-hero-meta{display:flex;flex-wrap:wrap;gap:40px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line-dark)}
.page-hero-meta b{display:block;font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:-.03em;color:#fff;line-height:1}
.page-hero-meta span{font-size:13px;color:#9fa1b5}
.subnav{position:sticky;top:var(--header);z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow:auto;scrollbar-width:none}
.subnav a{padding:16px 14px;font-size:14px;font-weight:500;color:var(--graphite);white-space:nowrap;border-bottom:2px solid transparent}
.subnav a:hover,.subnav a.on{color:var(--ink);border-color:var(--orange)}

/* catalog */
.cat-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;align-items:start}
.filters{position:sticky;top:calc(var(--header) + 24px);max-height:calc(100vh - var(--header) - 48px);overflow:auto;padding-right:6px;scrollbar-width:thin}
.fgroup{border-bottom:1px solid var(--line);padding:18px 0}
.fgroup:first-child{padding-top:0}
.fgroup h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:12px;display:flex;justify-content:space-between}
.check{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14.5px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--orange);cursor:pointer}
.check em{font-style:normal;margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{position:relative}
.pill input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pill span{display:grid;place-items:center;min-width:42px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:4px;font-family:var(--mono);font-size:13px;background:#fff;transition:all .2s;cursor:pointer}
.pill input:checked+span{background:var(--navy);color:#fff;border-color:var(--navy)}
.pill input:focus-visible+span{outline:2px solid var(--orange);outline-offset:2px}
.range{display:flex;flex-direction:column;gap:10px}
.range input[type=range]{width:100%;accent-color:var(--orange)}
.range-val{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--graphite)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.search-big{position:relative;flex:1;min-width:260px}
.search-big input{width:100%;height:56px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 20px 0 52px;font-size:15px}
.search-big input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px #ff894b26}
.search-big svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.tb-right{display:flex;gap:10px;align-items:center}
.tb-right select{height:44px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:0 16px;font-size:14px}
.view-toggle{display:flex;border:1px solid var(--line);border-radius:999px;background:#fff;padding:3px}
.view-toggle button{width:38px;height:36px;border-radius:999px;display:grid;place-items:center;color:var(--muted)}
.view-toggle button[aria-pressed="true"]{background:var(--navy);color:#fff}
.view-toggle svg{width:16px;height:16px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.active-filters button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px}
.active-filters button.clear{background:none;color:var(--graphite);text-decoration:underline}
.res-count{font-family:var(--mono);font-size:13px;color:var(--graphite)}
.res-count b{color:var(--ink);font-weight:600}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s,box-shadow .4s,transform .4s var(--ease);animation:fadeUp .5s var(--ease) both}
.pcard:hover{border-color:#0f218040;box-shadow:0 24px 50px #0f218014;transform:translateY(-3px)}
.pcard-img{background:linear-gradient(160deg,#f7f6f2,#ebeae4);height:150px;display:flex;align-items:center;padding:0 0 0 0;position:relative;overflow:hidden}
.pcard-img img{height:78%;width:auto;max-width:none;transform:translateX(-14%);transition:transform .8s var(--ease);filter:drop-shadow(0 10px 14px #0f218033)}
.pcard:hover .pcard-img img{transform:translateX(-2%)}
.pcard-img .tag{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:#fff;padding:4px 8px;border-radius:3px;color:var(--graphite)}
.pcard-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard-body .mark{font-family:var(--mono);font-size:19px;font-weight:600;letter-spacing:-.01em}
.pcard-body p{font-size:13.5px;color:var(--graphite);line-height:1.5}
.specs-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-top:6px}
.specs-mini div{background:#fff;padding:8px 10px}
.specs-mini small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.specs-mini b{font-family:var(--mono);font-size:12.5px;font-weight:500}
.pcard-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}
.pcard-actions .btn{flex:1;justify-content:center;height:42px;font-size:13.5px;padding:0 14px}
.add-btn.added{--bg:#2ecc8a;--fg:#fff;border-color:#2ecc8a}
.products.list{grid-template-columns:1fr}
.products.list .pcard{flex-direction:row}
.products.list .pcard-img{width:260px;height:auto;flex-shrink:0}
.products.list .pcard-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 24px}
.products.list .pcard-body>div:first-child{flex:1;min-width:220px}
.products.list .specs-mini{width:330px;margin:0}
.products.list .pcard-actions{margin:0;padding:0}
.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--line);border-radius:6px;color:var(--graphite)}
.filter-toggle{display:none}
@media (max-width:1250px){.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.cat-layout{grid-template-columns:1fr}.filters{position:fixed;inset:0;z-index:96;background:var(--paper);padding:24px var(--gutter);max-height:none;transform:translateX(-100%);transition:transform .4s var(--ease)}.filters.open{transform:none}.filter-toggle{display:inline-flex}.products.list .pcard{flex-direction:column}.products.list .pcard-img{width:auto;height:150px}}
@media (max-width:600px){.products{grid-template-columns:1fr}}
.filters-close{display:none}
@media (max-width:980px){.filters-close{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}}

/* product page */
.pd{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}
.pd-gallery{position:sticky;top:calc(var(--header) + 24px)}
.pd-stage{background:radial-gradient(70% 70% at 50% 50%,#fff,#ecebe6);border-radius:6px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;position:relative}
.pd-stage img{width:92%;filter:drop-shadow(0 24px 30px #0f218040)}
.pd-stage svg{width:78%}
.pd-tabs{display:flex;gap:8px;margin-top:14px}
.pd-tabs button{height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;background:#fff}
.pd-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.pd-info .mark{font-family:var(--mono);font-size:clamp(34px,3.6vw,54px);font-weight:600;letter-spacing:-.03em;line-height:1;margin:16px 0}
.pd-info h1{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.02em;font-weight:500;color:var(--graphite)}
.pd-info>p{margin-top:20px;color:var(--graphite)}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:28px 0}
.kv div{background:#fff;padding:16px 18px}
.kv small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.kv b{font-family:var(--mono);font-weight:500;font-size:15px}
.std{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.pd-ctas{display:flex;flex-wrap:wrap;gap:10px}
.pd-ctas .btn{flex:1;justify-content:center;min-width:200px}
.assure{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.assure div{font-size:13px;color:var(--graphite);display:flex;gap:10px;align-items:flex-start}
.assure svg{width:20px;height:20px;color:var(--orange);flex-shrink:0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:auto}
.tabs button{padding:16px 18px;font-weight:500;font-size:15px;color:var(--graphite);border-bottom:2px solid transparent;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--orange)}
.tabpanel[hidden]{display:none}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
table.spec{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
table.spec th{text-align:left;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:14px 18px;background:#fafaf8;border-bottom:1px solid var(--line);position:sticky;top:0}
table.spec td{padding:13px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13.5px}
table.spec tr:last-child td{border:0}
table.spec tr:hover td{background:#ff894b0d}
table.spec td:first-child{font-weight:600}
.note{font-size:12.5px;color:var(--muted);margin-top:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
.bullets li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;font-size:15px}
.bullets li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:9px;flex-shrink:0}
.dl-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:4px;margin-bottom:8px;transition:border-color .2s}
.dl-list a:hover{border-color:var(--orange)}
.dl-list b{font-weight:600;display:block}
.dl-list small{font-family:var(--mono);font-size:12px;color:var(--muted)}
.dl-list svg{width:20px;height:20px;color:var(--orange)}
@media (max-width:980px){.pd{grid-template-columns:1fr}.pd-gallery{position:static}.two{grid-template-columns:1fr}.assure{grid-template-columns:1fr}}

/* company / production / export */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.split img{width:100%;border-radius:6px;aspect-ratio:4/3;object-fit:cover}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.value{background:#fff;padding:32px 28px;min-height:260px;display:flex;flex-direction:column}
.value .n{font-family:var(--mono);font-size:12px;color:var(--orange)}
.value h3{font-size:22px;margin:auto 0 10px}
.value p{font-size:14px;color:var(--graphite)}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.person .ph{aspect-ratio:3/4;border-radius:6px;background:linear-gradient(160deg,#2b4fd6,#0f2180);display:grid;place-items:center;color:#ffffff40;margin-bottom:16px}
.person .ph svg{width:64px;height:64px}
.person b{display:block;font-weight:600;font-size:17px}
.person span{font-size:14px;color:var(--graphite)}
.equip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.eq{background:var(--navy);padding:32px 28px;min-height:250px;display:flex;flex-direction:column;transition:background .3s}
.eq:hover{background:var(--navy-700)}
.eq .c{font-family:var(--mono);font-size:12px;color:#8f91a6;display:flex;justify-content:space-between}
.eq .c b{color:var(--orange);font-weight:500}
.eq h3{font-size:clamp(26px,2.4vw,36px);margin-top:auto}
.eq p{font-size:14px;color:#a1a3b8;margin-top:10px}
.flow{display:grid;grid-template-columns:repeat(8,1fr);gap:0;counter-reset:f;position:relative}
.flow::before{content:"";position:absolute;top:27px;left:28px;right:28px;height:1px;background:var(--line)}
.flow li{position:relative;padding-right:14px}
.flow .dot{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:13px;margin-bottom:18px;position:relative;transition:all .3s}
.flow li:hover .dot{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.flow b{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.flow p{font-size:13px;color:var(--graphite)}
.tests{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.test{border:1px solid var(--line-dark);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:10px}
.test .k{font-family:var(--display);font-size:38px;letter-spacing:-.04em;line-height:1;color:var(--orange)}
.test b{color:#fff;font-weight:600}
.test p{font-size:14px;color:#a1a3b8}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.stepc{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.stepc .n{font-family:var(--display);font-size:44px;letter-spacing:-.04em;line-height:1;color:var(--orange)}
.stepc b{font-weight:600;font-size:17px}
.stepc p{font-size:14px;color:var(--graphite)}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.terms div{background:var(--navy);padding:24px}
.terms b{font-family:var(--mono);font-size:26px;font-weight:500;color:#fff;display:block;margin-bottom:8px}
.terms p{font-size:14px;color:#a1a3b8}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;font-family:var(--display);font-size:clamp(18px,1.5vw,22px);font-weight:500;letter-spacing:-.02em;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font);font-size:28px;font-weight:300;color:var(--orange);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--graphite);max-width:70ch}
.depts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dept{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s}
.dept:hover{border-color:var(--orange)}
.dept small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dept b{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.02em;margin-top:8px}
.dept span{font-size:14px;color:var(--graphite)}
.map-static{position:relative;border-radius:6px;overflow:hidden;background:var(--navy);min-height:420px;color:#fff;display:flex;align-items:flex-end;padding:28px}
.map-static iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) hue-rotate(180deg)}
.map-static .card{position:relative;background:var(--navy);padding:22px;border-radius:6px;max-width:360px;box-shadow:0 20px 50px #0006}
.req{display:grid;grid-template-columns:200px 1fr;gap:10px 24px;font-size:14.5px}
.req dt{color:var(--muted)}
.req dd{margin:0;font-family:var(--mono);font-size:14px}
@media (max-width:1100px){.values,.people{grid-template-columns:repeat(2,1fr)}.equip,.tests,.depts{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(4,1fr);row-gap:32px}.flow::before{display:none}.steps{grid-template-columns:repeat(3,1fr)}.terms{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.split,.values,.people,.equip,.tests,.depts,.steps{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.req{grid-template-columns:1fr}}

/* ---------- accessibility mode (brif 7.3) ---------- */
html.a11y{--fs-base:19px}
html.a11y body{background:#fff}
html.a11y .lead,html.a11y p{color:inherit!important}
html.a11y .rv{opacity:1;transform:none}
html.a11y *{animation:none!important;transition:none!important}
html.a11y .hero::before{background:#08124fe6}

/* video tugmasi va modal */
.play{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:#d8d9e4;margin-left:8px}
.play span{width:54px;height:54px;border-radius:50%;border:1px solid #ffffff40;display:grid;place-items:center;transition:all .3s var(--ease)}
.play svg{width:16px;height:16px;margin-left:2px}
.play:hover span{background:#fff;color:var(--navy);transform:scale(1.06)}
.vmodal{border:0;padding:0;background:transparent;width:min(1200px,92vw);max-width:none;overflow:visible}
.vmodal::backdrop{background:#08124ff0;backdrop-filter:blur(6px)}
.vmodal video{width:100%;border-radius:6px;background:#000}
.vmodal .icon-btn{position:absolute;top:-56px;right:0;color:#fff}

html.static .rv{transition:none}

.num--dark .globe-line i{background:#ffffff12}
.num--dark .globe-line i::after{background:var(--orange)}
.cat--wide .cat-img{height:150px}

/* katalog yo'nalish tablari */
.cat-tabs{display:flex;gap:8px;margin-top:40px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tabs button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-dark);font-size:14px;color:#cfd0dc;white-space:nowrap;transition:all .2s}
.cat-tabs button span{font-family:var(--mono);font-size:11px;color:#8f91a6}
.cat-tabs button:hover{border-color:#ffffff55;color:#fff}
.cat-tabs button[aria-selected="true"]{background:#fff;color:var(--navy);border-color:#fff;font-weight:600}
.cat-tabs button[aria-selected="true"] span{color:var(--orange)}
.pcard-body a.mark:hover{color:var(--orange-600)}

/* ==========================================================================
   HARAKAT QATLAMI (motion.js)
   ========================================================================== */
html.is-loading body::after,html.is-entering body::after{content:"";position:fixed;inset:0;background:var(--navy-950);z-index:999}
.motion .rv{transition-duration:1.1s}
.sw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.si{display:inline-block;will-change:transform}

/* preloader */
.preloader{position:fixed;inset:0;z-index:1000;background:var(--navy-950);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px var(--gutter)}
.pl-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#8f91a6}
.pl-top img{height:40px}
.pl-mid{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.pl-count{font-family:var(--display);font-weight:500;font-size:clamp(96px,18vw,260px);letter-spacing:-.06em;line-height:.8}
.pl-count span{display:inline-block;min-width:2.2ch;text-align:right}
.pl-steps{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#55576d;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
.pl-steps li{transition:color .3s}
.pl-steps li.on{color:var(--orange)}
.pl-bar{height:2px;background:#ffffff14;margin-top:28px}
.pl-bar i{display:block;height:100%;background:var(--orange);transform:scaleX(0);transform-origin:left}

/* sahifa pardasi */
.curtain{position:fixed;inset:0;z-index:998;display:none;pointer-events:none}
.curtain i{position:absolute;inset:0;background:var(--navy-950);transform:translateY(100%)}
.curtain i:first-child{background:var(--orange)}
.curtain img{position:absolute;left:50%;top:50%;width:180px;transform:translate(-50%,-50%);opacity:0;z-index:2}

/* progress va header */
.progress{position:fixed;left:0;top:0;right:0;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
.site-header{transition:transform .5s var(--ease),background .35s var(--ease),box-shadow .35s,top .35s}
.site-header.is-hidden{transform:translateY(-110%)}

/* kursor — faqat transform/opacity (layout o'zgarmaydi) */
.cur,.cur-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:1001;opacity:0;transition:opacity .3s;will-change:transform}
.cur-on .cur,.cur-on .cur-dot{opacity:1}
.cur{width:0;height:0}
.cur i{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:1px solid #ff894b99;transition:transform .35s var(--ease),background .3s,border-color .3s}
.cur span{position:absolute;left:-30px;top:-8px;width:60px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:600;opacity:0;transition:opacity .2s}
.cur[data-mode="hover"] i{transform:scale(1.5);background:#ff894b1f;border-color:var(--orange)}
.cur[data-mode="view"] i{transform:scale(2.3);background:var(--orange);border-color:var(--orange)}
.cur[data-mode="view"] span{opacity:1}
.cur[data-mode="text"] i{transform:scale(.25,.75);border-radius:2px;background:var(--orange)}
.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--orange)}
@media (pointer:fine){.motion .cat,.motion .news-card,.motion .ind,.motion .cert,.motion .pcard-img{cursor:none}}

/* klik to'lqini va savatga uchish */
.btn,.opt span,.pill span,.cat-tabs button,.seg button,.tabs button,.pd-tabs button{position:relative;overflow:hidden;isolation:isolate}
.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:ripple .7s var(--ease) forwards;pointer-events:none;z-index:-1}
@keyframes ripple{to{transform:scale(1);opacity:0}}
.fly{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px var(--orange);z-index:1002;pointer-events:none}

/* egiluvchan kartochkalarda yorug'lik */
.tilting{transform-style:preserve-3d;will-change:transform}
.cert,.pcard,.test,.stepc,.dept,.finder{position:relative}
.cert::after,.pcard::after,.test::after,.stepc::after,.dept::after,.finder::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#ff894b1c,transparent 60%)}
.cert:hover::after,.pcard:hover::after,.test:hover::after,.stepc:hover::after,.dept:hover::after{opacity:1}

/* tarix va jarayon chiziqlari */
.history.draw{border-top-color:transparent}
.history.draw::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--orange),var(--navy));transform:scaleX(var(--line,1));transform-origin:left}
.flow::after{content:"";position:absolute;top:27px;left:28px;right:28px;height:2px;background:var(--orange);transform:scaleX(var(--line,0));transform-origin:left}
.flow .dot{z-index:1}
.flow .dot.lit{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 6px #ff894b33}
@media (max-width:1100px){.flow::after{display:none}}

/* gorizontal sohalar */
.inds--h{display:flex;width:max-content;gap:20px}
.inds--h .ind{width:min(440px,32vw);min-height:560px;flex-shrink:0}
.inds--h .ind h3{font-size:30px}
.section:has(.inds--h){overflow:hidden}

/* hover: kategoriyalar ostidan yorug'lik chizig'i */
.cat::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.cat:hover::after{transform:scaleX(1)}
.news-card h3{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease),color .3s;display:inline}
.news-card:hover h3{background-size:100% 1px}
.main-nav>a{position:relative}
.main-nav>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.main-nav>a:hover::after,.main-nav>a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}

/* sahifaga kirish pardasi — CSS bilan, skriptlarni kutmaydi */
html.is-entering body::after{animation:uzkLift .42s cubic-bezier(.6,0,.2,1) forwards}
html.is-entering body::before{content:"";position:fixed;inset:0;background:var(--orange);z-index:998;animation:uzkLift .42s cubic-bezier(.6,0,.2,1) .05s forwards;pointer-events:none}
html.is-entering body::after{pointer-events:none}
@keyframes uzkLift{to{transform:translateY(-100%)}}

/* hero: qidiruv endi alohida oynada */
.hero-body .wrap{grid-template-columns:1fr}
.search-pill{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 10px 0 20px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d8d9e4;font-size:14.5px;transition:background .25s,border-color .25s}
.search-pill:hover{background:#ffffff24;border-color:#ffffff55;color:#fff}
.search-pill svg{width:18px;height:18px;color:var(--orange)}
.search-pill kbd,.so-field kbd{font-family:var(--mono);font-size:11px;border:1px solid #ffffff33;border-radius:5px;padding:4px 8px;color:#9fa1b5;background:#08124f66}

/* qidiruv oynasi */
html.no-scroll{overflow:hidden}
.search-ov{position:fixed;inset:0;z-index:110;background:#08124ff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;overflow:auto;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.search-ov.open{opacity:1;visibility:visible}
.search-ov .wrap{padding-top:32px;padding-bottom:60px;min-height:100%;transform:translateY(-24px);transition:transform .5s var(--ease)}
.search-ov.open .wrap{transform:none}
.so-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(32px,7vh,80px)}
.so-field{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff33;padding-bottom:18px;transition:border-color .3s}
.so-field:focus-within{border-color:var(--orange)}
.so-field>svg{width:clamp(26px,3vw,40px);height:clamp(26px,3vw,40px);color:var(--orange);flex-shrink:0}
.so-field input{flex:1;min-width:0;background:none;border:0;outline:none;color:#fff;font-family:var(--display);font-size:clamp(28px,4.4vw,64px);letter-spacing:-.035em;font-weight:500}
.so-field input::placeholder{color:#3b3d58}
.so-results{display:flex;flex-direction:column;margin-top:8px}
.so-results a{display:grid;grid-template-columns:120px 200px 1fr auto;gap:20px;align-items:center;padding:14px 12px;border-bottom:1px solid var(--line-dark);border-radius:4px;transition:background .2s;animation:fadeUp .35s var(--ease) both}
.so-results a:hover,.so-results a.hl{background:#ffffff0d}
.so-results img{height:38px;width:auto;object-fit:contain}
.so-results b{font-family:var(--mono);font-weight:600;font-size:17px}
.so-results span{color:#a1a3b8;font-size:14px}
.so-results em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--orange)}
.so-results .so-none{grid-template-columns:auto 1fr}
.so-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;margin-top:48px;transition:opacity .3s}
.search-ov.has-q .so-cols{opacity:.35}
.so-cols h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f7188;font-weight:500;margin-bottom:16px}
.so-chips{display:flex;flex-wrap:wrap;gap:8px}
.so-chips .chip{height:38px;padding:0 16px;font-size:13px;color:#e2e3ec;border-color:#ffffff26;transition:all .2s}
.so-chips .chip:hover{border-color:var(--orange);background:var(--orange);color:var(--navy)}
.so-cats{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.so-cats a{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line-dark);font-size:15px;transition:color .2s,padding .3s var(--ease)}
.so-cats a:hover{color:var(--orange);padding-left:8px}
.so-cats span{font-family:var(--mono);font-size:11px;color:var(--orange)}
@media (max-width:800px){.so-cols{grid-template-columns:1fr}.so-cats{grid-template-columns:1fr}.so-results a{grid-template-columns:1fr auto}.so-results img,.so-results span{display:none}.search-pill span{display:none}.search-pill{padding:0 16px}}

/* ==========================================================================
   JONLI KADRLAR — Instagram reels
   ========================================================================== */
.reels-sec{overflow:hidden}
.reels-head{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:40px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.reels-head .h-xl{font-size:clamp(48px,7vw,112px)}
.muted-2{color:#7d7f8c}
.reels-side p{font-size:15px;color:var(--graphite);line-height:1.7}
.reels-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;font-family:var(--mono);font-size:12px;color:var(--graphite)}
.reels-meta .link{font-family:var(--font);font-size:13px}
.reels-nav{display:flex;gap:8px;margin-top:24px}
.reels-nav .icon-btn{border-color:var(--line);color:var(--ink)}
.reels-nav .icon-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.reels{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);padding:0 var(--gutter) 36px;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}
.reels::-webkit-scrollbar{display:none}
.reels.dragging{cursor:grabbing;scroll-snap-type:none}
.reels.dragging .reel{pointer-events:none}
@media (min-width:1441px){.reels{padding-left:calc((100vw - var(--max)) / 2 + var(--gutter));scroll-padding-left:calc((100vw - var(--max)) / 2 + var(--gutter))}}
.reel{position:relative;flex:0 0 clamp(240px,22vw,340px);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--navy);scroll-snap-align:start;color:#fff;text-align:left;isolation:isolate;box-shadow:0 20px 40px #0f21801f}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);z-index:-2;pointer-events:none}
.reel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08124f59 0,#08124f00 22%,#08124f00 55%,#08124fe6 100%)}
.reel::after{content:"";position:absolute;left:16px;right:16px;top:14px;border-top:1px dashed #ffffff55;z-index:-1}
.reel:hover img{transform:scale(1.06)}
.reel-top{position:absolute;left:16px;right:16px;top:26px;display:flex;justify-content:space-between;align-items:center}
.reel-ig{width:40px;height:40px;border-radius:50%;background:#ffffff2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center}
.reel-ig svg{width:18px;height:18px}
.reel-dur{font-family:var(--mono);font-size:12px;background:#08124f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px;border-radius:999px}
.reel-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--orange);color:var(--navy);display:grid;place-items:center;transform:scale(.6);opacity:0;transition:all .4s var(--ease)}
.reel-play svg{width:22px;height:22px;margin-left:3px}
.reel:hover .reel-play,.reel:focus-visible .reel-play{transform:scale(1);opacity:1}
.reel-cap{position:absolute;left:18px;right:18px;bottom:20px;font-size:15px;line-height:1.45;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.reels-bar{height:2px;background:var(--line);margin-top:28px;overflow:hidden;border-radius:2px}
.reels-bar i{display:block;width:25%;height:100%;background:var(--orange);transition:transform .2s linear}
.rmodal{border:0;padding:0;background:transparent;width:min(420px,92vw);max-width:none;overflow:visible}
.rmodal::backdrop{background:#08124ff0;backdrop-filter:blur(6px)}
.rmodal-frame{aspect-ratio:9/16.6;max-height:86vh;width:100%;background:#000;border-radius:14px;overflow:hidden}
.rmodal-frame iframe{width:100%;height:100%;border:0}
.rmodal .icon-btn{position:absolute;top:-56px;right:0;color:#fff}
@media (max-width:820px){.reels-head{grid-template-columns:1fr}.reel{flex-basis:72vw}}

/* ==========================================================================
   BOSH EKRAN v3 — makro kabel animatsiyasi (SSTR uslubi), raqamlar birinchi ekranda
   ========================================================================== */
.hero{height:calc(100svh - 38px);min-height:620px;max-height:none}
.hero-media{background:radial-gradient(70% 80% at 72% 50%,#1934b0 0,#08124f 70%)}
.hero-media>img{filter:grayscale(1);opacity:.13}
.hero-media::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(80% 80% at 60% 50%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(80% 80% at 60% 50%,#000 30%,transparent 90%)}
.hero-cable{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero::before{background:linear-gradient(90deg,#08124ff2 0%,#08124fb3 30%,#08124f00 58%),linear-gradient(0deg,#08124f 0%,#08124f00 28%),linear-gradient(180deg,#08124fb3 0,#08124f00 20%);z-index:1;pointer-events:none}
.hero-body{position:relative;z-index:2;padding-top:calc(var(--header) + 1vh);padding-bottom:1vh;min-height:0;flex:1 1 auto;overflow:hidden}
.hero-stats{flex:0 0 auto}
.hero h1{font-size:clamp(40px,min(7vw,10.5vh),116px);margin:2.4vh 0 2.6vh}
.hero .lead{font-size:clamp(15px,min(1.3vw,2.2vh),19px)}
.hero-ctas{margin-top:3.6vh}
.hero-stats{position:relative;z-index:2;background:#08124f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hstat{padding:2.2vh 0 2.4vh 26px}
.hstat b{font-size:clamp(26px,min(2.8vw,4.6vh),44px)}
.hstat>span{margin-top:.6vh}
@media (max-width:980px){.hero{height:auto;min-height:100svh}.hero-cable{opacity:.55}}

/* SSTR uslubidagi to'q sariq blok bilan ochilish */
.sw{position:relative}
.blk{position:absolute;left:0;top:.06em;bottom:.02em;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;pointer-events:none}

/* preloader — setka va TAYYOR */
.preloader{background-color:var(--navy-950);background-image:radial-gradient(#ffffff14 1px,transparent 1.2px);background-size:22px 22px}
.pl-ready{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:16px;font-family:var(--display);font-size:clamp(28px,3vw,44px);letter-spacing:.02em;color:#c9cbd9;opacity:0}
.pl-ready i{width:22px;height:22px;background:var(--orange)}

/* tizim kursori butunlay yashiriladi — faqat yumaloq kursor */
@media (pointer:fine){html.cur-ready,html.cur-ready *{cursor:none!important}}

/* realistik 3D kabel */
.hero-cable3d,.hero-cable-labels{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-cable-labels{z-index:1;overflow:visible}

/* eksport globusi (United Carriers uslubi) */
.globe-hero{background:radial-gradient(120% 90% at 80% 40%,#0d1030 0,#05060d 60%);min-height:100svh;display:flex;align-items:center}
.globe-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff26 .8px,transparent 1px),radial-gradient(#ffffff14 .6px,transparent .8px);background-size:140px 140px,60px 60px;background-position:0 0,30px 40px;opacity:.5}
.globe-hero .wrap{position:relative;z-index:2;pointer-events:none}
.globe-hero .wrap a,.globe-hero .wrap button{pointer-events:auto}
.globe-hero h1{max-width:12ch;text-shadow:0 2px 30px #05060d}
.globe-hero .lead{max-width:44ch}
.globe-stage{position:absolute;top:0;bottom:0;right:-24vw;width:min(140vh,110vw);z-index:1;cursor:grab;touch-action:pan-y}
.globe-stage.grabbing{cursor:grabbing}
.globe-stage canvas{width:100%;height:100%;display:block}
.globe-tags{position:absolute;inset:0;pointer-events:none}
.globe-tags span{position:absolute;left:0;top:0;margin:-34px 0 0 10px;padding:5px 9px;background:#08124fcc;border:1px solid #ffffff1f;color:#e6e7ef;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:3px;will-change:transform,opacity;transition:opacity .2s}
.globe-tags span.hub{margin:12px 0 0 12px;background:var(--orange);color:var(--navy);border-color:var(--orange);font-weight:600;display:flex;align-items:center;gap:8px}
.globe-tags span.hub i{width:6px;height:6px;border-radius:50%;background:var(--navy)}
@media (max-width:980px){.globe-hero{display:block}.globe-stage{position:relative;right:auto;width:100%;height:70vw;margin-top:24px}}

/* bosh ekran: xira zavod foni va kabel boshqaruv paneli */
.hero-media>img{filter:none;opacity:.6}
.cable-pager{position:absolute;right:var(--gutter);bottom:calc(var(--stats-h,110px) + 3vh);z-index:3;display:flex;align-items:flex-end;gap:28px;color:#fff}
.cp-info{display:flex;flex-direction:column;gap:4px;text-align:right;min-width:260px}
.cp-num{font-size:11px;letter-spacing:.14em;color:var(--orange)}
.cp-info b{font-family:var(--mono);font-weight:600;font-size:18px}
.cp-info span:last-child{font-size:13px;color:#b9bbcc}
.cable-pager.swap .cp-info{animation:cpSwap .7s var(--ease)}
@keyframes cpSwap{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
.cp-ctrl{display:flex;align-items:center;gap:8px}
.cp-bars{display:flex;gap:6px;margin-right:8px}
.cp-bars button{width:34px;height:3px;border-radius:2px;background:#ffffff2e;position:relative;overflow:hidden;padding:0}
.cp-bars button::before{content:"";position:absolute;inset:-10px 0}
.cp-bars button.on::after{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleX(var(--hold,0));transform-origin:left}
.cable-pager .icon-btn{background:#08124f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.hero.spinning{cursor:grabbing}
@media (max-width:980px){.cable-pager{position:relative;right:auto;bottom:auto;margin:0 var(--gutter) 20px;justify-content:space-between}.cp-info{text-align:left;min-width:0}}

.hero .cable-pager{bottom:5vh}
.hero .cable-pager{right:calc(var(--gutter) + 84px)}

/* globus: bosh sahifa ichidagi variant va kattaroq eksport globusi */
.globe-stage.globe-inline{position:relative;top:auto;bottom:auto;right:auto;width:100%;aspect-ratio:1/1;max-height:760px;margin:-60px 0}
.globe-hero .globe-stage{right:-20vw;width:min(150vh,115vw)}

/* zavod filmi — markazda katta Play tugmasi */
.film{position:relative;min-height:min(86vh,820px);display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;isolation:isolate;background:var(--navy-950)}
.film-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.08);transition:transform 8s linear}
.film:hover .film-bg{transform:scale(1.14)}
.film::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 50%,#08124f73,#08124ff2 85%),linear-gradient(180deg,#08124f 0,#08124f00 25%,#08124f00 75%,#08124f 100%)}
.film-in{display:flex;flex-direction:column;align-items:center;gap:26px;padding-top:80px;padding-bottom:80px}
.film .h-lg{max-width:16ch}
.film-sub{color:#b9bbcc;font-size:15px;max-width:44ch}
.film-play{position:relative;display:grid;place-items:center;width:150px;height:150px;margin:10px 0;color:var(--navy)}
.fp-btn{position:relative;z-index:2;width:112px;height:112px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 20px 60px #ff894b66;transition:transform .45s var(--ease),background .3s}
.fp-btn svg{width:34px;height:34px;margin-left:5px}
.film-play:hover .fp-btn{transform:scale(1.08);background:#fff}
.fp-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #ff894b99;animation:fpPulse 2.6s var(--ease) infinite}
.fp-ring--2{animation-delay:1.3s}
@keyframes fpPulse{0%{transform:scale(.75);opacity:1}100%{transform:scale(1.5);opacity:0}}
.fp-txt{position:absolute;top:100%;margin-top:14px;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d8d9e4}
.vmodal{width:min(1280px,94vw)}
.vmodal video{aspect-ratio:16/9;width:100%}
#filmModal .icon-btn{top:14px;right:14px;z-index:2;background:#08124fb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ==========================================================================
   PALITRA v4 — yorug'roq, brendga mos: oq + yumshoq ko'kish + korporativ ko'k urg'u
   ========================================================================== */
.tint{background:var(--tint)}

/* header: skrollda oq shisha, matn va logotip to'q ko'k */
.brand .logo-n{display:none}
.site-header.is-solid,.site-header.on-light{color:var(--ink)}
.site-header.is-solid{background:#ffffffe0;box-shadow:0 1px 0 var(--line),0 10px 30px #0f218012}
.site-header.is-solid .logo-w,.site-header.on-light .logo-w{display:none}
.site-header.is-solid .logo-n,.site-header.on-light .logo-n{display:block}
.site-header.is-solid .main-nav>a,.site-header.is-solid .main-nav>button,.site-header.on-light .main-nav>a,.site-header.on-light .main-nav>button{color:var(--ink)}
.site-header.is-solid .main-nav>a:hover,.site-header.is-solid .main-nav>button:hover,.site-header.on-light .main-nav>a:hover,.site-header.on-light .main-nav>button:hover,.site-header.is-solid .main-nav>button[aria-expanded="true"]{background:var(--tint);color:var(--ink)}
.site-header.is-solid .main-nav>a[aria-current="page"],.site-header.on-light .main-nav>a[aria-current="page"]{color:var(--orange-600)}
.site-header.is-solid .icon-btn,.site-header.on-light .icon-btn{border-color:var(--line);color:var(--ink)}
.site-header.is-solid .icon-btn:hover,.site-header.on-light .icon-btn:hover{background:var(--tint)}
/* mega menyu — oq panel */
.mega{background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:0 40px 80px #0f21801f}
.mega .label{color:var(--graphite)}
.mega-grid{background:var(--line);border-color:var(--line)}
.mega-item{background:#fff}
.mega-item:hover{background:var(--tint)}
.mega-side .card{border-color:var(--line)}
.mega-side .card span{color:var(--graphite)}

/* mahsulot yo'nalishlari — oq kartochkalar */
.tint .cats{background:var(--tint-2);border-color:var(--tint-2);gap:1px}
.tint .cat{background:#fff;color:var(--ink)}
.tint .cat:hover{background:#fbfbfd}
.tint .cat::before{background:radial-gradient(600px 300px at 80% 100%,#ff894b1f,transparent 70%)}
.tint .cat p{color:var(--graphite)}
.tint .cat .chip{border-color:var(--line);color:var(--graphite)}
.tint .cat-arrow{border-color:var(--line)}
.tint .cat-img img{filter:drop-shadow(0 16px 18px #0f218033)}
.tint .label{color:var(--graphite)}

/* tanlash yordamchisi — yorug' */
.light .sel-step{border-color:var(--line)}
.light .sel-step legend{color:var(--graphite)}
.light .opt span{border-color:var(--line);color:var(--ink);background:#fff}
.light .opt:hover span{border-color:#0f218055}
.light .opt input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.light .sel-result{background:var(--tint);border-color:var(--tint-2)}
.light .sel-result-head,.light .sel-item{border-color:var(--line)}
.light .sel-item span,.light .sel-empty{color:var(--graphite)}
.light .sel-item .btn--ghost{color:var(--ink)}

/* narx so'rash bloki — yorug' */
.tint .contact-list{background:var(--line);border-color:var(--line)}
.tint .contact-list a{background:#fff;color:var(--ink)}
.tint .contact-list a:hover{background:#fbfbfd}
.tint .contact-list small{color:var(--muted)}
.tint .form .btn{--bg:var(--navy);--fg:#fff}
.tint .form .btn:hover{--bg:var(--orange);--fg:var(--navy)}

/* to'q bo'limlar endi qora emas, boy korporativ ko'k */
.dark{background:linear-gradient(180deg,var(--navy) 0,#122688 100%)}
.darker{background:var(--navy-900)}
.site-footer{background:var(--navy-950)}

/* ==========================================================================
   ICHKI SAHIFALAR — yorug' premium hero (matn chapda, ramkali surat o'ngda)
   ========================================================================== */
.light-hero .page-hero{background:radial-gradient(70% 90% at 85% 0%,#e7ebf6 0,#f6f6f3 60%);color:var(--ink)}
.light-hero .page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);opacity:.6}
.light-hero .page-hero--img::before{display:none}
.light-hero .page-hero--img>img{left:auto;right:var(--gutter);top:calc(var(--header) + 38px + clamp(56px,8vw,110px));bottom:56px;width:min(40%,620px);height:auto;border-radius:8px;box-shadow:0 40px 80px #0f218033;z-index:0}
.light-hero .page-hero--img .wrap>*{max-width:min(56%,760px)}
.light-hero .page-hero .lead{color:var(--graphite)}
.light-hero .page-hero .label{color:var(--graphite)}
.light-hero .crumbs{color:var(--muted)}
.light-hero .crumbs a:hover{color:var(--ink)}
.light-hero .crumbs span[style]{color:var(--ink)!important}
.light-hero .page-hero-meta{border-color:var(--line)}
.light-hero .page-hero-meta b{color:var(--ink)}
.light-hero .page-hero-meta span{color:var(--graphite)}
.light-hero .cat-tabs button{border-color:var(--line);color:var(--ink);background:#ffffffa6}
.light-hero .cat-tabs button span{color:var(--muted)}
.light-hero .cat-tabs button:hover{border-color:#0f218055;color:var(--ink)}
.light-hero .cat-tabs button[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.light-hero .cat-tabs button[aria-selected="true"] span{color:var(--orange)}
@media (max-width:980px){.light-hero .page-hero--img>img{position:relative;inset:auto;width:100%;margin-top:32px;order:2}.light-hero .page-hero--img .wrap>*{max-width:none}}

/* RFQ oynasi — yorqin, iliq, brendga mos (asosiy sahifalardan farqli) */
.overlay{background:#0f218047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.panel{background:#fff;color:var(--ink);box-shadow:-30px 0 80px #0f218026}
.panel-head{background:linear-gradient(135deg,#fff1e8 0%,#ffe2cf 45%,#f1f3fa 100%);border-bottom:1px solid #ff894b33;position:relative;overflow:hidden}
.panel-head::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:28px solid #ff894b1f;pointer-events:none}
.panel-head .label{color:var(--orange-600)}
.panel-head .label::before{color:var(--orange-600)}
.panel-note{font-size:13.5px;color:var(--graphite);margin-top:6px}
.panel-head .icon-btn{border-color:#0f218026;color:var(--ink);background:#ffffffb3;position:relative;z-index:1}
.panel-head .icon-btn:hover{background:#fff}
.panel-body .label{color:var(--graphite)}
.panel .seg{background:var(--tint);border-color:var(--tint-2)}
.panel .seg button{color:var(--graphite)}
.panel .seg button[aria-selected="true"]{background:var(--orange);color:var(--navy);box-shadow:0 6px 18px #ff894b4d}
.rfq-form .basket-item{background:#fffaf6;border-color:#ff894b33}
.rfq-form .basket-item small{color:var(--graphite)}
.rfq-form .basket-item input{border-color:var(--line);color:var(--ink);background:#fff}
.rfq-form .basket-item button{color:var(--muted)}
.rfq-form .basket-empty{border-color:#ff894b55;background:#fffaf6;color:var(--graphite)}
.panel .field label{color:var(--graphite)}
.panel .field input,.panel .field select,.panel .field textarea{background:#f8f9fc;border-color:var(--tint-2);color:var(--ink)}
.panel .field input:focus,.panel .field select:focus,.panel .field textarea:focus{background:#fff}
.panel .consent{color:var(--graphite)}
.panel .form-ok{color:var(--ink)}

/* Kompaniya bo'limi ichidagi ixcham video kartochka */
.film-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,44px);width:100%;margin-top:48px;padding:14px;border-radius:14px;background:var(--tint);border:1px solid var(--tint-2);text-align:left;color:var(--ink);transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.film-card:hover{background:#fff;border-color:#ff894b55;box-shadow:0 24px 60px #0f21801a}
.fc-media{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--navy)}
.fc-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.fc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f218000 40%,#0f218080)}
.film-card:hover .fc-media img{transform:scale(1.05)}
.fc-dur{position:absolute;right:12px;bottom:12px;z-index:2;font-size:12px;color:#fff;background:#0f2180b3;padding:4px 9px;border-radius:999px}
/* yumshoq miltillovchi Play tugmasi */
.fc-play{position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;display:grid;place-items:center}
.fc-play b{position:relative;z-index:2;width:64px;height:64px;border-radius:50%;background:var(--orange);color:var(--navy);display:grid;place-items:center;box-shadow:0 10px 30px #ff894b80;transition:transform .45s var(--ease),background .3s;animation:fcGlow 2.4s ease-in-out infinite}
.fc-play b svg{width:22px;height:22px;margin-left:3px}
.fc-play i{position:absolute;inset:4px;border-radius:50%;background:#ff894b66;animation:fcPulse 2.4s var(--ease) infinite}
.fc-play i:nth-child(2){animation-delay:1.2s}
@keyframes fcPulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@keyframes fcGlow{0%,100%{box-shadow:0 10px 30px #ff894b66}50%{box-shadow:0 10px 44px #ff894bcc}}
.film-card:hover .fc-play b{transform:scale(1.1);background:#fff}
.fc-text{display:flex;flex-direction:column;gap:10px;padding-right:12px}
.fc-text strong{font-family:var(--display);font-weight:500;font-size:clamp(22px,2vw,30px);letter-spacing:-.025em;line-height:1.15}
.fc-sub{font-size:14.5px;color:var(--graphite)}
.fc-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-weight:600;font-size:14.5px;color:var(--orange-600)}
.fc-cta svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.film-card:hover .fc-cta svg{transform:translateX(4px)}
@media (max-width:760px){.film-card{grid-template-columns:1fr}.fc-text{padding:4px 6px 8px}}

/* kursor: fon rangiga qarab avtomatik teskari rang — to'q sariq, oq, ko'k va rasm ustida ham ko'rinadi */
.cur,.cur-dot{mix-blend-mode:difference}
.cur i{border-color:#fff}
.cur-dot{background:#fff}
.cur[data-mode="hover"] i{background:#ffffff26;border-color:#fff}
.cur[data-mode="text"] i{background:#fff}
.cur[data-mode="view"]{mix-blend-mode:normal}
.cur[data-mode="view"] i{background:var(--orange);border-color:#fff;box-shadow:0 8px 24px #0f218059}
.cur[data-mode="view"] span{color:var(--navy)}
html:has(.cur[data-mode="view"]) .cur-dot{opacity:0}

/* laboratoriya kartochkalari — yorug' fonda */
.tint .test{background:#fff;border-color:var(--tint-2)}
.tint .test b{color:var(--ink)}
.tint .test p{color:var(--graphite)}
.tint .test:hover{box-shadow:0 20px 50px #0f21801a}

/* bosh ekrandagi miltillovchi Play tugmasi */
.hero-ctas{align-items:center}
.hero-film{display:inline-flex;align-items:center;gap:14px;margin-left:10px;color:#fff;text-align:left}
.hero-film .fc-play{position:relative;left:auto;top:auto;margin:0;width:58px;height:58px}
.hero-film .fc-play b{width:52px;height:52px}
.hero-film .fc-play b svg{width:18px;height:18px}
.hero-film .fc-play i{inset:3px}
.hf-txt{display:flex;flex-direction:column;line-height:1.25}
.hf-txt b{font-weight:600;font-size:15px}
.hf-txt small{font-size:11px;letter-spacing:.1em;color:#b9bbcc;margin-top:3px}
.hero-film:hover .fc-play b{transform:scale(1.1);background:#fff}
/* yorug' hero surati: aniq nisbat, kesilmaydi */
.light-hero .page-hero--img>img{bottom:auto;aspect-ratio:16/11;object-fit:cover}
.light-hero .page-hero--img{min-height:calc(var(--header) + 38px + clamp(56px,8vw,110px) + min(40vw,620px) * .6875 + 64px)}
@media (max-width:980px){.light-hero .page-hero--img{min-height:0}}

/* ==========================================================================
   TIJORAT TAKLIFI — premium kartochka (bosh sahifa)
   ========================================================================== */
.rfq-sec{background:radial-gradient(60% 80% at 0% 0%,#ffe9dc 0,transparent 55%),radial-gradient(60% 80% at 100% 100%,#dfe6f6 0,transparent 60%),var(--tint)}
.rfq-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #0f21801f,0 0 0 1px #0f21800d}
.rfq-aside{position:relative;padding:clamp(28px,3.4vw,52px);color:#fff;background:linear-gradient(160deg,#1934b0 0%,#0f2180 55%,#151d47 100%);display:flex;flex-direction:column;gap:22px;overflow:hidden;isolation:isolate}
.rfq-aside::before{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;border:56px solid #ff894b1a;z-index:-1}
.rfq-aside::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ffffff14 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%)}
.rfq-aside .label{color:#c3c8e0}
.rfq-aside .h-md{color:#fff}
.rfq-lead{color:#c6cbe0;font-size:15.5px;line-height:1.6}
.rfq-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1f;border-radius:12px;overflow:hidden}
.rfq-perks li{background:#0f2180;padding:14px 14px 12px}
.rfq-perks b{display:block;font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.03em;color:var(--orange)}
.rfq-perks span{font-size:12px;color:#aeb4d0;line-height:1.35;display:block;margin-top:2px}
.rfq-manager{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1a}
.rm-ava{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#f0733a);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}
.rm-ava i{position:absolute;right:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:#2ecc8a;border:2px solid #0f2180;animation:fcGlow 2s infinite}
.rfq-manager b{display:block;font-weight:600}
.rfq-manager span{font-size:13px;color:#aeb4d0}
.rfq-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.rfq-links a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid #ffffff1a;transition:background .25s,border-color .25s;font-size:14px;font-weight:500}
.rfq-links a:hover{background:#ffffff12;border-color:#ff894b80}
.rfq-links small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9ca3c4;font-weight:400}
.rl-ico{width:38px;height:38px;border-radius:10px;background:#ff894b1f;color:var(--orange);display:grid;place-items:center;flex-shrink:0}
.rl-ico svg{width:18px;height:18px}
.rfq-form{padding:clamp(28px,3.4vw,52px);gap:16px 18px;align-content:start}
/* qadam sarlavhasi (forma va RFQ oynasi) */
.pstep{display:flex;align-items:center;gap:14px;padding-bottom:4px}
.pstep span{width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange-600);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:600;flex-shrink:0}
.pstep b{display:block;font-weight:600;font-size:16px;color:var(--ink)}
.pstep small{font-size:13px;color:var(--muted)}
.rfq-form .pstep:not(:first-child){margin-top:14px;padding-top:22px;border-top:1px solid var(--line)}
/* tanlov tugmachalari */
.rf-chips,.time-chips{display:flex;flex-wrap:wrap;gap:8px}
.rf-chips .opt span,.time-chips .opt span{height:40px;padding:0 16px;border:1px solid var(--tint-2);background:#f8f9fc;color:var(--ink);font-size:14px;border-radius:10px}
.rf-chips .opt:hover span,.time-chips .opt:hover span{border-color:#0f218040;background:#fff}
.rf-chips .opt input:checked+span,.time-chips .opt input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:500;box-shadow:0 8px 20px #0f218033}
.rf-chips--vol .opt input:checked+span{background:var(--orange);border-color:var(--orange);color:var(--navy);box-shadow:0 8px 20px #ff894b55}
/* premium maydonlar */
.rfq-form .field input,.rfq-form .field textarea,.panel .field input,.panel .field select,.panel .field textarea{border-radius:10px;background:#f8f9fc;border:1px solid var(--tint-2);height:52px;color:var(--ink)}
.rfq-form .field textarea,.panel .field textarea{height:104px}
.rfq-form .field input:focus,.rfq-form .field textarea:focus{background:#fff;border-color:var(--orange);box-shadow:0 0 0 4px #ff894b24}
.rfq-form .field label{font-size:13px;font-weight:600;color:var(--ink)}
.rf-drop{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1.5px dashed #0f218033;border-radius:12px;background:#fbfbfd;cursor:pointer;transition:all .25s}
.rf-drop:hover,.rf-drop.has-file{border-color:var(--orange);background:#fff7f2}
.rf-drop-ico{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--navy);display:grid;place-items:center;flex-shrink:0}
.rf-drop-ico svg{width:20px;height:20px}
.rf-drop b{display:block;font-weight:600;font-size:14.5px;color:var(--ink)}
.rf-drop small{font-size:12.5px;color:var(--muted)}
.rfq-form .form-foot{margin-top:10px;padding-top:20px;border-top:1px solid var(--line)}
.rfq-form .btn{--bg:var(--orange);--fg:var(--navy);height:56px;padding:0 30px}
.rfq-form .btn:hover{--bg:var(--navy);--fg:#fff}
.form-ok{display:none;border-radius:12px;padding:18px 20px;background:#e9f9f1;border:1px solid #2ecc8a66;color:var(--ink)}
.form-ok b{display:block;margin-bottom:4px}
@media (max-width:1000px){.rfq-card{grid-template-columns:1fr}.rfq-links{grid-template-columns:1fr}}
@media (max-width:560px){.rfq-perks{grid-template-columns:1fr}}

/* ==========================================================================
   RFQ OYNASI — qadamli, premium
   ========================================================================== */
.panel{width:min(600px,100%)}
.panel-head{padding:28px 30px 24px}
.panel-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.panel-perks li{font-size:12.5px;padding:6px 12px;border-radius:999px;background:#ffffffb3;border:1px solid #ff894b33;color:var(--graphite)}
.panel-perks b{color:var(--orange-600);font-weight:600}
.panel-body{padding:24px 30px 0}
.panel .seg{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;padding:5px;margin-bottom:26px}
.panel .seg button{height:46px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500}
.panel .seg button svg{width:17px;height:17px}
.panel .seg button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 6px 16px #0f21801f}
.panel .seg button[aria-selected="true"] svg{color:var(--orange)}
.panel .pstep{margin:6px 0 14px}
.panel .form .pstep{margin:14px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.rfq-form .basket{gap:10px;margin-bottom:6px}
.rfq-form .basket-item{grid-template-columns:1fr 120px 40px;border-radius:12px;padding:12px 12px 12px 16px;background:#fff;border:1px solid var(--tint-2);box-shadow:0 4px 14px #0f21800a}
.rfq-form .basket-item b{color:var(--ink)}
.qty{display:flex;align-items:center;border:1px solid var(--tint-2);border-radius:10px;background:#f8f9fc;overflow:hidden}
.qty input{border:0!important;background:transparent!important;height:40px!important;text-align:right;font-family:var(--mono);font-size:14px!important;padding:0 6px!important;width:100%}
.qty span{font-family:var(--mono);font-size:12px;color:var(--muted);padding:0 10px 0 2px}
.rfq-form .basket-empty{border:1px dashed #ff894b66;background:linear-gradient(180deg,#fff8f3,#fff);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}
.rfq-form .basket-empty b{color:var(--ink);font-size:15px}
.rfq-form .basket-empty span{font-size:13.5px}
.rfq-form .basket-empty a{color:var(--orange-600);text-decoration:underline}
.quick-add{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.quick-add button{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--tint-2);background:#fff;font-family:var(--mono);font-size:12.5px;color:var(--ink);transition:all .2s}
.quick-add button:hover{border-color:var(--orange);background:var(--orange);color:var(--navy)}
.panel .field label{font-size:13px;font-weight:600;color:var(--ink)}
.panel .field input:focus,.panel .field select:focus,.panel .field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff894b24}
.panel-foot{position:sticky;bottom:0;z-index:3;margin:8px -30px 0;padding:16px 30px 22px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -12px 30px #0f21800f}
.panel-foot .btn{height:54px;padding:0 28px;box-shadow:0 10px 24px #ff894b55}
.call-hero{display:flex;align-items:center;gap:16px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#fff3ea,#eef1f8);margin-bottom:20px}
.call-ico{width:52px;height:52px;border-radius:14px;background:var(--orange);color:var(--navy);display:grid;place-items:center;flex-shrink:0;box-shadow:0 10px 24px #ff894b55}
.call-ico svg{width:22px;height:22px}
.call-hero b{display:block;font-weight:600;color:var(--ink)}
.call-hero small{font-size:13px;color:var(--graphite)}

/* ==========================================================================
   AI YORDAMCHI (chat-bot) — barcha sahifalarda bir joyda
   ========================================================================== */
.bot{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:14px;pointer-events:none}
.bot>*{pointer-events:auto}
.bot-fab{position:relative;width:68px;height:68px;border-radius:50%;padding:0;animation:botFloat 5.5s ease-in-out infinite}
.bot-fab .bot-ava{position:absolute;inset:4px;border-radius:50%;overflow:hidden;background:var(--navy);box-shadow:0 14px 34px #0f218059,0 0 0 3px #fff;transition:transform .4s var(--ease)}
.bot-fab:hover .bot-ava{transform:scale(1.06)}
.bot-ava svg{width:100%;height:100%;display:block}
.bot-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid #2ecc8a;opacity:.55;animation:botRing 3s var(--ease) infinite}
.bot-dot{position:absolute;right:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#2ecc8a;border:3px solid #fff;box-shadow:0 0 0 0 #2ecc8a88;animation:botDot 2s infinite}
@keyframes botFloat{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(1.5px,-3px) rotate(-1.5deg)}50%{transform:translate(0,-4.5px) rotate(0)}75%{transform:translate(-1.5px,-2px) rotate(1.5deg)}}
@keyframes botRing{0%{transform:scale(.92);opacity:.6}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}
@keyframes botDot{0%{box-shadow:0 0 0 0 #2ecc8a88}70%{box-shadow:0 0 0 8px #2ecc8a00}100%{box-shadow:0 0 0 0 #2ecc8a00}}
.bot-hint{position:absolute;right:calc(100% + 14px);top:50%;transform:translate(10px,-50%);white-space:nowrap;background:#fff;color:var(--ink);padding:10px 14px;border-radius:14px 14px 4px 14px;font-size:13.5px;box-shadow:0 14px 34px #0f218026;opacity:0;pointer-events:none;transition:all .4s var(--ease)}
.bot-hint b{color:var(--orange-600)}
.bot.hint .bot-hint,.bot-fab:hover .bot-hint{opacity:1;transform:translate(0,-50%)}
.bot.open .bot-hint{display:none}
.bot.open .bot-fab{animation-play-state:paused}
/* oyna */
.bot-win{width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 140px));display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0f218040,0 0 0 1px #0f21800f;transform-origin:bottom right;transform:translateY(16px) scale(.94);opacity:0;visibility:hidden;transition:transform .45s var(--ease),opacity .3s,visibility .45s}
.bot.open .bot-win{transform:none;opacity:1;visibility:visible}
.bot.no-anim .bot-win{transition:none}
.bot-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;background:linear-gradient(135deg,#1934b0,#0f2180);color:#fff}
.bot-head .bot-ava{position:relative;width:44px;height:44px;border-radius:50%;overflow:visible;flex-shrink:0}
.bot-head .bot-ava svg{border-radius:50%;box-shadow:0 0 0 2px #ffffff40}
.bot-head .bot-ava i{position:absolute;right:-1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#2ecc8a;border:2px solid #0f2180}
.bot-head b{display:block;font-weight:600;font-size:15px}
.bot-head small{display:flex;align-items:center;gap:6px;font-size:12px;color:#b9bfdb}
.bot-head small i{width:7px;height:7px;border-radius:50%;background:#2ecc8a}
.bot-x{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff14}
.bot-x:hover{background:#ffffff2e}
.bot-x svg{width:16px;height:16px}
.bot-log{flex:1;overflow:auto;padding:18px 14px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#f6f7fb,#fff 40%);scrollbar-width:thin}
.bm{display:flex;gap:8px;align-items:flex-end;animation:fadeUp .35s var(--ease) both}
.bm-ava{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}
.bm-ava svg{width:100%;height:100%}
.bm-b{max-width:86%;padding:11px 14px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid var(--tint-2);font-size:14px;line-height:1.5;color:var(--ink)}
.bm-b a{color:var(--orange-600);font-weight:500}
.bm--me{justify-content:flex-end}
.bm--me .bm-b{background:var(--navy);color:#fff;border-color:var(--navy);border-radius:16px 16px 4px 16px}
.bm--typing .bm-b{display:flex;gap:4px;padding:14px 16px}
.bm--typing .bm-b i{width:7px;height:7px;border-radius:50%;background:#9aa1bd;animation:botTyp 1s infinite}
.bm--typing .bm-b i:nth-child(2){animation-delay:.15s}.bm--typing .bm-b i:nth-child(3){animation-delay:.3s}
@keyframes botTyp{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.bot-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bot-chips button{height:32px;padding:0 12px;border-radius:999px;border:1px solid #ff894b66;background:#fff8f3;color:var(--ink);font-size:12.5px;font-weight:500;transition:all .2s}
.bot-chips button:hover{background:var(--orange);border-color:var(--orange)}
.bot-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bot-btn{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:var(--orange);color:var(--navy)!important;font-size:13px;font-weight:600}
.bot-btn--ghost{background:transparent;border:1px solid var(--tint-2)}
.bot-prods{display:flex;flex-direction:column;gap:6px;margin:10px 0 6px}
.bot-prod{display:grid;grid-template-columns:54px 1fr 32px;gap:8px;align-items:center;padding:6px;border-radius:10px;background:#f8f9fc;border:1px solid var(--tint-2)}
.bot-prod img{width:54px;height:24px;object-fit:contain;object-position:left}
.bot-prod a{color:var(--ink)!important;min-width:0}
.bot-prod b{display:block;font-family:var(--mono);font-size:12.5px}
.bot-prod span{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.bot-prod button{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-size:18px;line-height:1}
.bot-prod button:hover{background:var(--orange);color:var(--navy)}
.bot-link{display:inline-block;margin-top:4px;font-size:13px}
.bot-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:#fff}
.bot-input input{flex:1;height:46px;border-radius:12px;border:1px solid var(--tint-2);background:#f8f9fc;padding:0 14px;font-size:14px}
.bot-input input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #ff894b24}
.bot-input button{width:46px;height:46px;border-radius:12px;background:var(--orange);color:var(--navy);display:grid;place-items:center}
.bot-input button svg{width:18px;height:18px}
.bot-note{font-size:10.5px;color:var(--muted);text-align:center;padding:0 12px 10px;background:#fff}
@media (prefers-reduced-motion:reduce){.bot-fab,.bot-ring,.bot-dot{animation:none}}
@media (max-width:560px){.bot{right:14px;bottom:14px}.bot-hint{display:none}}

/* tijorat taklifi — sodda va aniq forma */
.rfq-sec{background:linear-gradient(180deg,var(--tint) 0,#f6f6f3 100%)}
.rfq-top{text-align:center;max-width:760px;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center;gap:18px}
.rfq-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14px;color:var(--graphite)}
.rfq-facts li{display:flex;align-items:center;gap:8px}
.rfq-facts li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b2556' stroke-width='3'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.rfq-sec .rfq-form{max-width:920px;margin:0 auto;padding:clamp(24px,3.4vw,44px);background:#fff;border-radius:18px;box-shadow:0 30px 80px #0f21801a,0 0 0 1px #0f21800d;gap:18px 20px}
.rfq-form .field select{height:52px;border-radius:10px;background:#f8f9fc;border:1px solid var(--tint-2);color:var(--ink);padding:0 14px;font-size:15px}
.rfq-form .field select:focus{background:#fff;border-color:var(--orange);box-shadow:0 0 0 4px #ff894b24;outline:none}
.rfq-form .field textarea{height:96px}
.rfq-form .form-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px;padding-top:20px;border-top:1px solid var(--line)}
.rfq-form .form-foot .btn{margin-left:auto}
.rf-attach{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--navy);cursor:pointer;padding:10px 14px;border-radius:10px;background:var(--tint);transition:background .2s}
.rf-attach:hover,.rf-attach.has-file{background:#ffe9dc;color:var(--ink)}
.rf-attach svg{width:17px;height:17px;color:var(--orange-600)}
.rfq-alt{text-align:center;margin-top:24px;font-size:14px;color:var(--graphite)}
.rfq-alt a{color:var(--ink);font-weight:600}
.rfq-alt a:hover{color:var(--orange-600)}
.rfq-form [data-basket-field][hidden]{display:none}
@media (max-width:640px){.rfq-form .form-foot .btn{margin-left:0;width:100%;justify-content:center}}

/* chat v2 — referens uslubida: oq header, iliq fon, ✦ belgili xabarlar, pastda tezkor javoblar */
.bot-win{width:min(420px,calc(100vw - 32px));height:min(680px,calc(100vh - 130px));border-radius:22px;background:#f7f6f2}
.bot-head{background:#fff;color:var(--ink);padding:18px 18px 16px;border-bottom:1px solid #0f21801a;gap:14px}
.bot-head .bot-ava{width:52px;height:52px;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,#2ecc8a,#0f2180,#ff894b,#2ecc8a)}
.bot-head .bot-ava svg{border-radius:50%;box-shadow:0 0 0 2px #fff}
.bot-head b{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.02em}
.bot-head small{color:var(--graphite);font-size:13px}
.bot-head small i{background:#2ecc8a}
.bot-x{background:none;color:var(--ink)}
.bot-x:hover{background:var(--tint)}
.bot-x svg{width:18px;height:18px}
.bot-log{background:#f7f6f2;padding:20px 18px;gap:14px}
.bm-ico{width:34px;height:34px;border-radius:10px;background:#ffeadd;color:var(--orange-600);display:grid;place-items:center;flex-shrink:0;align-self:flex-start}
.bm-ico svg{width:18px;height:18px}
.bm--bot .bm-b{border-radius:16px;border:1px solid #0f21801a;background:#fff;font-size:15px;line-height:1.6;padding:14px 16px;max-width:84%}
.bm--me .bm-b{border-radius:16px 16px 4px 16px;font-size:15px;padding:11px 15px}
.bm--typing .bm-b{padding:16px 18px}
.bot-quick{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 14px;background:#f7f6f2;border-top:1px solid #0f21800f}
.bot-quick[hidden]{display:none}
.bot-quick button{height:40px;padding:0 16px;border-radius:999px;border:1px solid #0f21801f;background:#fff;color:var(--ink);font-size:14px;font-weight:500;transition:all .2s;animation:fadeUp .35s var(--ease) both}
.bot-quick button:hover{border-color:var(--orange);background:#fff4ec;color:var(--ink)}
.bot-input{position:relative;display:block;padding:14px 18px 6px;background:#fff;border-top:1px solid #0f21801a}
.bot-input input{width:100%;height:56px;border-radius:14px;border:1.5px solid #0f218026;background:#f7f6f2;padding:0 64px 0 18px;font-size:15px}
.bot-input input:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px #ff894b1f}
.bot-input button{position:absolute;right:26px;top:22px;width:42px;height:42px;border-radius:11px;background:#ffd9c2;color:var(--orange-600);transition:background .2s,color .2s}
.bot-input input:not(:placeholder-shown)+button{background:var(--orange);color:var(--navy)}
.bot-note{background:#fff;padding:4px 18px 14px;font-size:11.5px}


/* chat v3 — o'ng tomonda to'liq balandlikdagi panel (Sevara) */
.bot-ava img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.bot-scrim{position:fixed;inset:0;background:#0f218052;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;pointer-events:auto}
.bot.open .bot-scrim{opacity:1;visibility:visible}
.bot-win{position:fixed;top:0;right:0;bottom:0;width:min(470px,100vw);height:100vh;height:100dvh;border-radius:0;box-shadow:-30px 0 80px #0f21802e;transform:translateX(100%);opacity:1;visibility:hidden;transition:transform .5s var(--ease),visibility .5s}
.bot.open .bot-win{transform:none;visibility:visible}
.bot.open .bot-fab{opacity:0;pointer-events:none;transform:scale(.8)}
.bot-fab{transition:opacity .3s,transform .3s}
.bot-head{padding:22px 24px 20px}
.bot-head .bot-ava{width:58px;height:58px}
.bot-head b{font-size:20px}
.bot-log{padding:24px}
.bot-quick{padding:14px 24px 16px}
.bot-input{padding:16px 24px 6px}
.bot-input button{right:32px;top:24px}
.bot-note{padding:4px 24px 16px}
.bm-ico{width:38px;height:38px}

/* silliq o'tish — chuqur, ravon "ufq" gradienti: oq → nafis lavanda → yorqin brend ko'k → to'q → bo'lim rangi */
.seam{position:relative;z-index:3;height:clamp(440px,64vh,720px);margin:-120px 0;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 120px),transparent 100%)}
/* yorug'dan to'qqa: pastdan ko'tarilgan yoy */
.seam--down{background:
  linear-gradient(0deg,#08124f 0%,#08124f00 18%),
  radial-gradient(150% 100% at 50% 100%,#08124f 0%,#0b1a6e 14%,#22319a 28%,#3446c9 40%,#5466dc 50%,#8291e8 61%,#b4bef3 72%,#dde2fa 84%,#f7f8fd 96%)}
/* to'qdan yorug'ga: yuqoridan tushgan yoy */
.seam--up{background:
  linear-gradient(180deg,#08124f 0%,#08124f00 18%),
  radial-gradient(150% 100% at 50% 0%,#08124f 0%,#0b1a6e 14%,#22319a 28%,#3446c9 40%,#5466dc 50%,#8291e8 61%,#b4bef3 72%,#dde2fa 84%,#f7f8fd 96%)}
/* uskunalar lentasi yorug' — oq bo'limlar orasida qora tasma bo'lmasin */
.marquee{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee-item small{color:var(--muted)}

/* yorug' bo'lim tomonida kamroq qoplash — matn ustiga tushmasin */
.seam--down{margin-top:-60px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 60px,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 60px,#000 calc(100% - 120px),transparent 100%)}
.seam--up{margin-bottom:-60px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 60px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 60px),transparent 100%)}
/* to'q tomonda uzunroq, ravon tushish — keskin ko'k chiziq bo'lmasin */
.seam--up{background:linear-gradient(180deg,#08124f 0%,#08124f00 34%),radial-gradient(150% 100% at 50% 0%,#08124f 0%,#08124f 20%,#17215c 31%,#22319a 43%,#3446c9 53%,#5466dc 61%,#8291e8 69%,#b4bef3 78%,#dde2fa 88%,#f7f8fd 97%)}
.seam--down{background:linear-gradient(0deg,#08124f 0%,#08124f00 34%),radial-gradient(150% 100% at 50% 100%,#08124f 0%,#08124f 20%,#17215c 31%,#22319a 43%,#3446c9 53%,#5466dc 61%,#8291e8 69%,#b4bef3 78%,#dde2fa 88%,#f7f8fd 97%)}

/* bosh sahifa: eksport — kosmos uslubi (United Carriers ilhomida) */
.ex-space{position:relative;min-height:max(100svh,760px);display:flex;align-items:center;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(70% 60% at 22% 18%,#4a2410 0%,#2a150c 28%,transparent 60%),radial-gradient(60% 70% at 85% 110%,#0e1a5a 0%,transparent 60%),#07070b}
.ex-space::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff30 .7px,transparent 1px),radial-gradient(#ffffff1a .6px,transparent .8px);background-size:170px 170px,70px 70px;background-position:0 0,35px 50px;opacity:.55}
.ex-globe{position:absolute;z-index:0;top:50%;right:-22vw;width:min(128vh,92vw);aspect-ratio:1;transform:translateY(-50%);cursor:grab;touch-action:pan-y}
.ex-globe.grabbing{cursor:grabbing}
.ex-globe canvas{width:100%;height:100%;display:block}
.ex-globe .globe-tags span{font-family:var(--font);font-size:12px;letter-spacing:.06em;padding:6px 10px;background:#111218e6;border-color:#ffffff1f;border-radius:3px}
.ex-in{position:relative;z-index:2;pointer-events:none;padding-top:120px;padding-bottom:120px}
.ex-in a{pointer-events:auto}
.ex-kicker{font-weight:700;font-size:clamp(14px,1.2vw,18px);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.ex-title{margin:22px 0 34px;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(48px,7.4vw,124px);line-height:.95;letter-spacing:-.01em;max-width:9ch;text-shadow:0 4px 40px #0009}
.ex-lead{max-width:46ch;font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:#c9cad2}
.ex-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:44px}
.ex-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 34px;border-radius:999px;border:1px solid #ffffff55;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;transition:all .3s var(--ease)}
.ex-btn:hover{border-color:var(--orange);color:var(--orange)}
.ex-btn--fill{background:#fff;color:#0b0c12;border-color:#fff}
.ex-btn--fill:hover{background:var(--orange);border-color:var(--orange);color:#0b0c12}
@media (max-width:980px){.ex-space{display:block}.ex-globe{position:relative;top:auto;right:auto;transform:none;width:130vw;margin:-10vw 0 0 -5vw}.ex-in{padding-top:40px}}
.ex-globe{right:-30vw;width:min(150vh,110vw)}
.ex-globe .globe-tags span.hub{background:var(--orange);color:#0b0c12;border-color:var(--orange);font-weight:700}.ex-globe{top:58%}

/* ==========================================================================
   MAHSULOT KARTOCHKASI v2 — aniq rasm, ko'ndalang kesim, to'liq texnik qisqacha
   ========================================================================== */
.cat-tabs button{flex-shrink:0}
.pcard-img{height:190px;padding:18px 18px 18px 0;align-items:center;background:radial-gradient(90% 120% at 30% 50%,#fff 0,#eef0f4 75%)}
.pcard-img img{height:auto;max-height:100%;width:72%;max-width:none;object-fit:contain;object-position:left center;transform:none!important;filter:drop-shadow(0 12px 14px #0f218033)}
.pcard:hover .pcard-img img{transform:translateX(6px)!important}
.pcard-xs{position:absolute;right:14px;bottom:14px;width:84px;height:84px;border-radius:50%;background:#fff;box-shadow:0 8px 22px #0f218026,0 0 0 4px #fff;transition:transform .5s var(--ease)}
.pcard:hover .pcard-xs{transform:rotate(25deg) scale(1.05)}
.pcard-img .tag--top{left:auto;right:12px;background:var(--orange);color:var(--navy);font-weight:600}
.pcard-body .mark{font-size:20px}
.pcard-body p{min-height:42px}
.pspec{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:6px 0 0;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pspec div{background:#fff;padding:9px 11px}
.pspec dt{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.pspec dd{margin:2px 0 0;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--ink)}
.pstd{font-family:var(--mono);font-size:11.5px;color:var(--graphite);min-height:0!important}
.products.list .pspec{width:380px;margin:0}
.xsec{display:block}

.pd-xs{width:min(78%,420px);height:auto;filter:drop-shadow(0 24px 40px #0f218033)}
.pd-ctas .pd-add{flex:1 1 100%}
#buildFig{display:grid;place-items:center}
.pcard-img .tag--top{right:auto;left:12px;top:auto;bottom:12px}

/* sertifikat namunalari — haqiqiy hujjat ko'rinishi */
.cert-doc--img{padding:0;background:#fff;aspect-ratio:1/1.414!important;overflow:hidden}
.cert-doc--img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.cert:hover .cert-doc--img img{transform:scale(1.04)}
body[data-page="production"] .cert-foot{display:flex}

/* laboratoriya: har bir sinov kartochkasida jonli mini-animatsiya (faqat ko'rinib turganda) */
.test{gap:8px;overflow:hidden}
.test .k{font-size:15px!important;font-family:var(--mono);letter-spacing:.06em;color:var(--orange-600)}
.tviz{position:relative;height:124px;margin:-4px -4px 10px;border-radius:12px;background:linear-gradient(180deg,#f7f8fc,#eef1f8);display:grid;place-items:center;overflow:hidden}
.tviz svg{width:100%;height:100%;padding:8px 10px 18px}
.tv-read{position:absolute;right:10px;bottom:8px;font-family:var(--mono);font-size:11.5px;color:var(--ink);background:#fff;border:1px solid var(--tint-2);border-radius:999px;padding:3px 9px;opacity:0;transform:translateY(6px);transition:all .5s var(--ease) .9s}
.tv-read i{font-style:normal;color:#2ecc8a;font-weight:700}
.test.is-on .tv-read{opacity:1;transform:none}
.test:hover{box-shadow:0 24px 60px #0f21801f;transform:translateY(-4px)}
.test{transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.test *{animation-play-state:paused}
.test.is-on *{animation-play-state:running}
/* HV — uchqun */
.hv-bolt{stroke-dasharray:240;stroke-dashoffset:240;animation:hvZap 1.6s steps(1,end) infinite, hvDraw 1.6s ease-out infinite;filter:drop-shadow(0 0 6px #ff894b)}
.hv-bolt--2{animation-delay:.25s,.25s}
@keyframes hvDraw{0%{stroke-dashoffset:240}20%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
@keyframes hvZap{0%,45%{opacity:1}50%,100%{opacity:0}}
/* Ω — strelka */
.om-needle{transform-origin:130px 92px;animation:omSwing 3.2s var(--ease) infinite}
@keyframes omSwing{0%{transform:rotate(-80deg)}45%,70%{transform:rotate(28deg)}55%{transform:rotate(22deg)}100%{transform:rotate(-80deg)}}
.om-arc{stroke-dashoffset:220;animation:omArc 3.2s var(--ease) infinite}
@keyframes omArc{0%{stroke-dashoffset:220}45%,70%{stroke-dashoffset:60}100%{stroke-dashoffset:220}}
/* PD — ossillograf */
.pd-trace{animation:pdRun 2.8s linear infinite}
@keyframes pdRun{to{transform:translateX(-256px)}}
/* нг — olov va tutun */
.ng-flame{transform-origin:102px 100px;animation:ngFlick .5s ease-in-out infinite alternate}
@keyframes ngFlick{from{transform:scale(1,1) skewX(-3deg)}to{transform:scale(.9,1.1) skewX(3deg)}}
.ng-smoke circle{animation:ngSmoke 2.4s ease-out infinite;opacity:0}
.ng-smoke circle:nth-child(2){animation-delay:.8s}.ng-smoke circle:nth-child(3){animation-delay:1.6s}
@keyframes ngSmoke{0%{opacity:.8;transform:translateY(16px)}100%{opacity:0;transform:translateY(-12px)}}
.ng-bar{transform-origin:177px 100px;animation:ngBar 3s var(--ease) infinite}
@keyframes ngBar{0%{transform:scaleY(.05)}60%,100%{transform:scaleY(.3)}}
/* MPa — cho'zish */
.mpa-jaw{animation:mpaPull 2.6s var(--ease) infinite}
.mpa-spec{transform-origin:54px 55px;animation:mpaSpec 2.6s var(--ease) infinite}
.mpa-neck{transform-origin:130px 55px;animation:mpaNeck 2.6s var(--ease) infinite}
@keyframes mpaPull{0%,10%{transform:none}70%,85%{transform:translateX(14px)}100%{transform:none}}
@keyframes mpaSpec{0%,10%{transform:none}70%,85%{transform:scaleX(1.092)}100%{transform:none}}
@keyframes mpaNeck{0%,10%{transform:none}70%,85%{transform:scale(1.25,.6)}100%{transform:none}}
.mpa-arrows{animation:hvZap 1.3s infinite}
/* mm — lazer skaner */
.mm-scan{animation:mmScan 2.4s ease-in-out infinite alternate}
@keyframes mmScan{from{transform:translateX(0)}to{transform:translateX(180px)}}
.mm-ring{transform-origin:130px 55px;animation:mmSpin 8s linear infinite}
@keyframes mmSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.test *{animation:none!important}.tv-read{opacity:1;transform:none}}
.test{display:flex;flex-direction:column;align-items:stretch;text-align:left}.tviz{width:auto;align-self:stretch}.tv-read{white-space:nowrap;line-height:1.4}.test .k{margin-top:2px}
.tviz .tv-read{position:absolute!important;display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:auto!important;min-width:0!important;border-radius:999px!important;padding:4px 10px!important;inset:auto 10px 8px auto!important}.test{gap:6px!important}.tviz{margin-bottom:6px}

/* til tanlash — ixcham tugma va ochiluvchi ro'yxat */
.lang-pick{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 13px;border-radius:999px;border:1px solid var(--line-dark);font-size:14px;font-weight:600;letter-spacing:.02em;transition:background .2s,border-color .2s}
.lang-btn>svg:first-child{width:19px;height:19px}
.lang-chev{width:11px;height:11px;transition:transform .25s}
.lang-pick.open .lang-chev{transform:rotate(180deg)}
.lang-btn:hover{background:#ffffff14;border-color:#ffffff40}
.site-header.is-solid .lang-btn,.site-header.on-light .lang-btn{border-color:var(--line);color:var(--ink)}
.site-header.is-solid .lang-btn:hover,.site-header.on-light .lang-btn:hover{background:var(--tint)}
.lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;padding:6px;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0f21802e,0 0 0 1px #0f21800f;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .25s var(--ease);z-index:5}
.lang-pick.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:var(--ink);font-size:14.5px;text-align:left}
.lang-menu button:hover{background:var(--tint)}

.lang-menu button>i{margin-left:auto;font-style:normal;color:var(--orange-600);font-weight:700;opacity:0}
.lang-menu [aria-selected="true"]{background:#fff4ec}
.lang-menu [aria-selected="true"]>i{opacity:1}
@media (max-width:1180px){.lang-btn b,.lang-chev{display:none}.lang-btn{width:44px;padding:0;justify-content:center}}

/* hilpirayotgan bayroq: 8 ta tilim, har biri to'lqin bo'ylab kechikish bilan tebranadi */
.flag{--w:26px;--h:18px;position:relative;display:inline-flex;width:var(--w);height:var(--h);flex-shrink:0;filter:drop-shadow(0 1px 2px #0005)}
.flag i{flex:1;height:100%;background-image:var(--fimg);background-size:var(--w) var(--h);background-position:calc(var(--w) / -8 * var(--i)) 0;animation:flagWave 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.12s);position:relative}
.flag i:first-child{border-radius:2px 0 0 2px}.flag i:last-child{border-radius:0 2px 2px 0}
.flag i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff38,#0000 45%,#00000026);animation:flagShade 1.8s ease-in-out infinite;animation-delay:inherit}
@keyframes flagWave{0%,100%{transform:translateY(-1.2px)}50%{transform:translateY(1.2px)}}
@keyframes flagShade{0%,100%{opacity:.25}50%{opacity:1}}
.flag--sm{--w:24px;--h:16px}
.lang-btn [data-lang-flag]{display:inline-flex}
.lang-menu button .flag{margin-right:2px}
.lang-menu button span.mono{order:3;margin-left:auto;font-size:11px;color:var(--muted);width:auto}
.lang-menu button>i{order:4;margin-left:8px}
@media (prefers-reduced-motion:reduce){.flag i,.flag i::after{animation:none}}
/* til ro'yxati — fonsiz: header rangiga moslashadi */
.lang-menu{background:transparent;box-shadow:none;padding:4px 0}
.lang-menu button{color:inherit;text-shadow:0 1px 8px #0006}
.site-header.is-solid .lang-menu button,.site-header.on-light .lang-menu button{color:var(--ink);text-shadow:none}
.lang-menu button:hover{background:#ffffff14}
.site-header.is-solid .lang-menu button:hover,.site-header.on-light .lang-menu button:hover{background:#0f21800d}
.lang-menu [aria-selected="true"]{background:transparent}
.lang-menu [aria-selected="true"]{color:var(--orange)}
.lang-menu button span.mono{color:inherit;opacity:.6}

/* bayroq v2 — silliq: bitta element, toza qirralar */
.flag{display:inline-block;width:var(--w);height:var(--h);border-radius:3px;background-image:linear-gradient(100deg,#ffffff00 20%,#ffffff55 40%,#ffffff00 60%),var(--fimg);background-size:300% 100%,100% 100%;background-repeat:no-repeat;box-shadow:0 0 0 1px #00000014,0 2px 6px #00000033;filter:none;transform-origin:0 50%;animation:flagSway 2.6s ease-in-out infinite,flagSheen 2.6s ease-in-out infinite}
.flag i{display:none}
@keyframes flagSway{0%,100%{transform:perspective(80px) rotateY(0) skewY(0)}50%{transform:perspective(80px) rotateY(-14deg) skewY(-1.5deg)}}
@keyframes flagSheen{0%{background-position:120% 0,0 0}100%{background-position:-20% 0,0 0}}
.lang-menu .flag{animation-duration:3.2s}
/* ro'yxat — nozik shaffof "shisha", dizaynni buzmaydi */
.lang-menu{min-width:200px;padding:6px;border-radius:14px;background:#08124fb8;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 40px #0005,inset 0 0 0 1px #ffffff14}
.lang-menu button{text-shadow:none;padding:9px 12px;gap:12px}
.site-header.is-solid .lang-menu,.site-header.on-light .lang-menu{background:#ffffffc7;box-shadow:0 18px 40px #0f21801f,inset 0 0 0 1px #0f21800f}
@media (prefers-reduced-motion:reduce){.flag{animation:none}}

/* tijorat taklifi — bitta ekranga sig'adigan ikki ustunli UX */
.rfq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(28px,4vw,64px);align-items:center}
.rfq-sec .rfq-top{text-align:left;align-items:flex-start;margin:0;max-width:none;gap:14px}
.rfq-sec .rfq-top .h-lg{font-size:clamp(32px,3.4vw,52px)}
.rfq-sub{color:var(--graphite);font-size:15.5px;line-height:1.6;max-width:40ch}
.rfq-contacts{display:flex;flex-direction:column;width:100%;margin-top:10px;border-top:1px solid var(--line)}
.rfq-contacts li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.rfq-contacts small{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rfq-contacts a{font-weight:600;color:var(--ink)}
.rfq-contacts a:hover{color:var(--orange-600)}
.rfq-sec .rfq-form{max-width:none;margin:0;padding:clamp(22px,2.4vw,32px);gap:14px 16px}
.rfq-sec .rfq-form .field{gap:6px}
.rfq-sec .rfq-form .field input,.rfq-sec .rfq-form .field select{height:46px}
.rfq-sec .rfq-form .field textarea{height:76px}
.rfq-sec .rfq-form .form-foot{margin-top:2px;padding-top:14px;gap:12px}
.rfq-sec .rfq-form .btn{height:50px}
.rfq-sec .rf-attach{padding:9px 12px;font-size:13.5px}
.rfq-sec .consent{font-size:12.5px;max-width:28ch}
@media (max-width:1000px){.rfq-grid{grid-template-columns:1fr}}
/* tijorat taklifi — muvozanatli o'lcham: qulay maydonlar, ekranga sig'adi */
.rfq-sec{padding:clamp(56px,7vh,96px) 0}
.rfq-grid{gap:clamp(32px,4.5vw,80px)}
.rfq-sec .rfq-top{gap:18px}
.rfq-sec .rfq-top .h-lg{font-size:clamp(38px,4.2vw,64px);line-height:1.02}
.rfq-sub{font-size:clamp(16px,1.2vw,18px)}
.rfq-contacts li{padding:15px 0}
.rfq-contacts a{font-size:clamp(16px,1.25vw,19px)}
.rfq-sec .rfq-form{padding:clamp(26px,2.8vw,40px);gap:18px 20px;border-radius:22px}
.rfq-sec .rfq-form .field label{font-size:14px}
.rfq-sec .rfq-form .field input,.rfq-sec .rfq-form .field select{height:54px;font-size:15.5px;padding:0 16px;border-radius:12px}
.rfq-sec .rfq-form .field textarea{height:104px;font-size:15.5px;padding:14px 16px;border-radius:12px}
.rfq-sec .rfq-form .form-foot{padding-top:18px;gap:16px}
.rfq-sec .rfq-form .btn{height:58px;padding:0 32px;font-size:16px}
.rfq-sec .rf-attach{padding:12px 16px;font-size:14.5px}
.rfq-sec .consent{font-size:13.5px;max-width:none;white-space:nowrap}
@media (max-width:1300px){.rfq-sec .consent{white-space:normal;max-width:24ch}}
/* past ekranlar (noutbuklar): forma baribir bir ekranga sig'sin */
@media (max-height:720px){
  .rfq-sec .rfq-form{padding:24px 28px;gap:12px 18px}
  .rfq-sec .rfq-form .field input,.rfq-sec .rfq-form .field select{height:48px}
  .rfq-sec .rfq-form .field textarea{height:76px}
  .rfq-sec .rfq-form .form-foot{padding-top:12px}
  .rfq-sec .rfq-form .btn{height:52px}
  .rfq-sec .rfq-top .h-lg{font-size:clamp(34px,3.6vw,52px)}
  .rfq-contacts li{padding:11px 0}
}
.rfq-sec .rfq-form .form-foot{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.rfq-sec .consent{white-space:normal;max-width:none;line-height:1.4}.rfq-sec .rfq-form .form-foot .btn{margin-left:0}@media (max-width:640px){.rfq-sec .rfq-form .form-foot{grid-template-columns:1fr}}

/* ichki sahifalar: fonsiz 3D kabel (rasm o'rniga) */
.hero-3d,.split-3d{position:relative;cursor:grab}
.hero-3d canvas,.split-3d canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 40px #0f218038)}
.light-hero .page-hero--img .hero-3d{position:absolute;right:calc(var(--gutter) - 2vw);top:calc(var(--header) + 38px + 10px);bottom:20px;width:min(46%,760px);z-index:0}
.split-3d{width:100%;aspect-ratio:4/3}
.hero-3d.spinning,.split-3d.spinning{cursor:grabbing}
.main-nav>a,.main-nav>button{white-space:nowrap}
@media (max-width:980px){.light-hero .page-hero--img .hero-3d{position:relative;inset:auto;width:100%;height:60vw;margin-top:16px}}
.hero-3d canvas,.split-3d canvas{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent 98%);mask-image:linear-gradient(90deg,#000 70%,transparent 98%)}

/* ==========================================================================
   YANGILIKLAR — premium: asosiy yangilik + ro'yxat, filtr
   ========================================================================== */
.news-sec{background:#fff}
.nw-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(28px,3.4vw,48px)}
.nw-head .label{margin-bottom:16px}
.nw-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.nw-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--tint)}
.nw-tabs button{height:38px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--graphite);transition:all .25s}
.nw-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px #0f21801a}
.nw-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,2.4vw,36px)}
.nw-feat{position:relative;display:block;min-height:520px;border-radius:22px;overflow:hidden;isolation:isolate;color:#fff;transition:opacity .4s}
.nw-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.nw-feat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08124f00 25%,#08124fd9 72%,#08124ff2 100%)}
.nw-feat:hover img{transform:scale(1.05)}
.nw-feat-in{position:absolute;left:0;right:0;bottom:0;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.nw-badge{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--orange);color:var(--navy);padding:6px 12px;border-radius:999px;font-weight:600}
.nw-feat strong{font-family:var(--display);font-weight:500;font-size:clamp(24px,2.3vw,36px);line-height:1.12;letter-spacing:-.025em;max-width:22ch}
.nw-ex{color:#d3d7ea;font-size:15px;line-height:1.6;max-width:56ch}
.nw-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #ffffff2e;font-family:var(--mono);font-size:12px;color:#b9bfdb}
.nw-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:14px;font-weight:600;color:#fff}
.nw-cta svg,.nw-go svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.nw-feat:hover .nw-cta svg,.nw-item:hover .nw-go svg{transform:translate(3px,-3px)}
.nw-list{display:flex;flex-direction:column;gap:12px}
.nw-item{flex:1;display:grid;grid-template-columns:150px minmax(0,1fr) 44px;gap:18px;align-items:center;padding:12px;border-radius:18px;background:var(--paper);border:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s,opacity .4s}
.nw-item:hover{background:#fff;border-color:var(--tint-2);box-shadow:0 18px 40px #0f218014}
.nw-thumb{display:block;height:100%;min-height:118px;border-radius:12px;overflow:hidden}
.nw-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.nw-item:hover .nw-thumb img{transform:scale(1.07)}
.nw-body{display:flex;flex-direction:column;gap:10px}
.nw-meta{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.nw-meta b{color:var(--orange-600);font-weight:500}
.nw-body strong{font-family:var(--display);font-weight:500;font-size:clamp(16px,1.25vw,19px);line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.nw-go{width:44px;height:44px;border-radius:50%;border:1px solid var(--tint-2);display:grid;place-items:center;color:var(--ink);transition:all .3s}
.nw-item:hover .nw-go{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.nw-dim{opacity:.25;pointer-events:none}
@media (max-width:980px){.nw-grid{grid-template-columns:1fr}.nw-feat{min-height:420px}}
@media (max-width:560px){.nw-item{grid-template-columns:96px minmax(0,1fr)}.nw-go{display:none}}

/* qadriyat kartochkalari — animatsiyali belgilar */
.value{position:relative;overflow:hidden;transition:background .4s var(--ease)}
.value::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.value:hover::after{transform:scaleX(1)}
.value:hover{background:#fbfbfd}
.vicon{display:grid;place-items:center;width:84px;height:84px;margin:26px 0 auto;border-radius:22px;background:linear-gradient(145deg,#fff4ec,#eef1f8);box-shadow:inset 0 0 0 1px #0f21800d;transition:transform .5s var(--ease),box-shadow .5s}
.vicon svg{width:48px;height:48px;overflow:visible}
.value:hover .vicon{transform:translateY(-4px) rotate(-4deg);box-shadow:0 18px 34px #ff894b33,inset 0 0 0 1px #ff894b33}
.value h3{margin-top:28px}
.value *{animation-play-state:paused}
.value.is-on *{animation-play-state:running}
.vi-draw{stroke-dasharray:160;stroke-dashoffset:160;animation:viDraw 4s var(--ease) infinite}
.vi-check{stroke-dasharray:40;stroke-dashoffset:40;animation:viDraw 4s var(--ease) .5s infinite}
@keyframes viDraw{0%{stroke-dashoffset:160}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.vi-spin{transform-origin:32px 32px;animation:viSpin 7s linear infinite}
.vi-spin--slow{animation-duration:10s}
@keyframes viSpin{to{transform:rotate(360deg)}}
.vi-pulse{transform-origin:center;transform-box:fill-box;animation:viPulse 1.8s ease-in-out infinite}
@keyframes viPulse{0%,100%{transform:scale(.8);opacity:.75}50%{transform:scale(1.15);opacity:1}}
.vi-leaf{transform-origin:14px 50px;animation:viLeaf 3s ease-in-out infinite}
@keyframes viLeaf{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
.vi-l{animation:viL 2.6s var(--ease) infinite}.vi-r{animation:viR 2.6s var(--ease) infinite}
@keyframes viL{0%,100%{transform:translateX(-5px)}45%,70%{transform:none}}
@keyframes viR{0%,100%{transform:translateX(5px)}45%,70%{transform:none}}
.vi-link{transform-origin:32px 32px;animation:viLink 2.6s var(--ease) infinite}
@keyframes viLink{0%,25%,100%{transform:scaleX(0)}45%,70%{transform:scaleX(1)}}
.vi-s1,.vi-s2,.vi-s3{animation:viStack 3s var(--ease) infinite}
.vi-s2{animation-delay:.15s}.vi-s3{animation-delay:.3s}
@keyframes viStack{0%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}60%{transform:none}}
.vi-star{transform-origin:32px 26px;animation:viStar 3.4s ease-in-out infinite}
@keyframes viStar{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.25) rotate(72deg)}}
.vi-ring{transform-origin:32px 56px;animation:viRing 1.8s ease-out infinite}
@keyframes viRing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.3);opacity:0}}
@media (prefers-reduced-motion:reduce){.value *{animation:none!important}.vi-draw,.vi-check{stroke-dashoffset:0}}
.value{align-items:flex-start!important;text-align:left}.vicon{width:84px!important;height:84px!important;flex-shrink:0}

.vicon{margin:22px 0 0!important}.value h3{margin:26px 0 10px!important}

/* ishlab chiqarish jarayoni — bosqich animatsiyasi paneli */
.flow li{cursor:pointer}
.flow li.pon .dot{background:var(--orange);border-color:var(--orange);color:var(--navy);box-shadow:0 0 0 8px #ff894b2e;transform:scale(1.08)}
.flow li.pon b{color:var(--orange-600)}
.flow .dot{transition:all .35s var(--ease)}
.pstage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center;margin-top:44px;padding:clamp(18px,2vw,28px);border-radius:22px;background:linear-gradient(135deg,#f6f7fb,#fff4ec);border:1px solid var(--tint-2)}
.pstage-art{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #0f21800d;overflow:hidden}
.pstage-art svg{display:block;width:100%;height:auto}
.pstage-info{display:flex;flex-direction:column;gap:12px}
.pstage-n{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-600)}
.pstage-t{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.025em}
.pstage-d{color:var(--graphite);font-size:15.5px;line-height:1.65}
.pstage-p{display:flex;flex-wrap:wrap;gap:8px}
.pstage-p .chip{background:#fff}
.pstage-bar{height:3px;border-radius:3px;background:#0f218014;overflow:hidden;margin-top:6px}
.pstage-bar i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.pstage.swap .pstage-bar i{animation:psBar 6s linear forwards}
.pstage.held .pstage-bar i{animation-play-state:paused}
.pstage.swap .pstage-info>*,.pstage.swap .pstage-art{animation:fadeUp .5s var(--ease) both}
@keyframes psBar{to{transform:scaleX(1)}}
.pstage:not(.is-on) svg *{animation-play-state:paused!important}
.pa-lbl{font:500 13px var(--mono);fill:#5d5f6d}.pa-lbl--w{fill:#ffb48a}
.pa-mark{font:600 13px var(--mono);fill:#d9dbe4;letter-spacing:1px}
.pa-run{animation:paRun 1.2s linear infinite}.pa-run--fast{animation-duration:.6s}.pa-run--rev{animation-direction:reverse}
@keyframes paRun{to{stroke-dashoffset:-44}}
.pa-flow{animation:paRun .8s linear infinite}
.pa-rot{animation:paRot 3s linear infinite}.pa-rot--r{animation-direction:reverse}.pa-rot--slow{animation-duration:6s}
@keyframes paRot{to{transform:rotate(360deg)}}
.pa-glow{animation:paGlow 1.4s ease-in-out infinite alternate}
@keyframes paGlow{from{opacity:.7}to{opacity:1;filter:drop-shadow(0 0 8px #ff5a1f)}}
.pa-pulse{transform-box:fill-box;transform-origin:center;animation:paPulse 1.6s ease-out infinite}
@keyframes paPulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.pa-heat{animation:paHeat 1.6s ease-in-out infinite}
@keyframes paHeat{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
.pa-twist{animation:paTwist 1s linear infinite}
@keyframes paTwist{to{transform:translateX(36px)}}
.pa-drop{animation:paDrop 1.6s ease-in infinite}
@keyframes paDrop{0%{transform:translateY(0);opacity:1}80%{opacity:1}100%{transform:translateY(42px);opacity:0}}
.pa-wave{animation:paTwist 1.4s linear infinite}
.pa-zap{animation:paZap .9s steps(2,end) infinite}
@keyframes paZap{50%{opacity:0}}
.pa-print{animation:paPrint 5s linear infinite}
@keyframes paPrint{from{transform:translateX(0)}to{transform:translateX(-260px)}}
.pa-needle{animation:paNeedle 3s var(--ease) infinite}
@keyframes paNeedle{0%{transform:rotate(-70deg)}40%,80%{transform:rotate(28deg)}100%{transform:rotate(-70deg)}}
.pa-ok{transform-box:fill-box;transform-origin:center;animation:paOk 3s var(--ease) infinite}
@keyframes paOk{0%,35%{transform:scale(0)}45%,90%{transform:scale(1)}100%{transform:scale(0)}}
@media (max-width:900px){.pstage{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pstage svg *{animation:none!important}}

/* ==========================================================================
   TARIX — interaktiv vaqt chizig'i
   ========================================================================== */
.tl{--p:0}
.tl-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:2px solid #0f21801a;margin-bottom:clamp(28px,3vw,44px)}
.tl-fill{position:absolute;left:0;top:-2px;height:2px;width:calc(var(--p) * 100%);background:linear-gradient(90deg,var(--orange),#f0733a);transition:width .8s var(--ease)}
.tl-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:22px 16px 6px 0;text-align:left;color:var(--muted);transition:color .3s}
.tl-dot{position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid #0f218040;transition:all .35s var(--ease);z-index:1}
.tl-node b{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,40px);letter-spacing:-.04em;line-height:1;transition:color .3s}
.tl-node small{font-size:13px}
.tl-node:hover,.tl-node.on{color:var(--ink)}
.tl-node.done .tl-dot{background:var(--orange);border-color:var(--orange)}
.tl-node.on .tl-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 7px #ff894b33;transform:scale(1.15)}
.tl-node.on b{color:var(--orange-600)}
.tl-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.tl-media{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--navy);isolation:isolate}
.tl-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 6s linear}
.tl.swap .tl-media img{animation:tlImg .9s var(--ease) both}
.tl-media img.tone-sepia{filter:sepia(.75) contrast(1.05) saturate(.9)}
.tl-media img.contain{object-fit:contain;background:#eef1f8;padding:18px}
.tl-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08124fcc 0,#08124f00 55%);pointer-events:none}
.tl-year{position:absolute;left:clamp(18px,2.4vw,32px);bottom:clamp(10px,1.6vw,18px);z-index:1;font-family:var(--display);font-weight:600;font-size:clamp(64px,8vw,132px);line-height:.9;letter-spacing:-.05em;color:#fff;text-shadow:0 10px 40px #0007}
@keyframes tlImg{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.04)}}
.tl-info{display:flex;flex-direction:column;gap:14px}
.tl.swap .tl-info>*{animation:fadeUp .55s var(--ease) both}
.tl.swap .tl-info>*:nth-child(2){animation-delay:.06s}.tl.swap .tl-info>*:nth-child(3){animation-delay:.12s}.tl.swap .tl-info>*:nth-child(4){animation-delay:.18s}
.tl-n{font-size:12px;letter-spacing:.14em;color:var(--orange-600)}
.tl-t{font-size:clamp(28px,2.8vw,44px);letter-spacing:-.03em}
.tl-d{font-size:16px;line-height:1.65;color:var(--graphite);max-width:46ch}
.tl-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:6px}
.tl-facts div{background:#fff;padding:14px 16px}
.tl-facts b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.02em;color:var(--ink)}
.tl-facts span{font-size:12.5px;color:var(--muted)}
.tl-nav{display:flex;align-items:center;gap:10px;margin-top:8px}
.tl-nav .icon-btn{border-color:var(--line);color:var(--ink);font-size:18px}
.tl-nav .icon-btn:hover{background:var(--navy);color:#fff}
.tl-prog{flex:1;height:3px;border-radius:3px;background:#0f218014;overflow:hidden}
.tl-prog i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}
.tl.swap .tl-prog i{animation:psBar 6s linear forwards}
.tl.held .tl-prog i{animation-play-state:paused}
@media (max-width:900px){.tl-stage{grid-template-columns:1fr}.tl-node small{display:none}}

/* ==========================================================================
   USKUNALAR PARKI — kartochkalar va batafsil oyna
   ========================================================================== */
.equip{gap:16px;background:none;border:0}
.eqc{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:330px;padding:24px;border-radius:20px;text-align:left;color:#fff;background:linear-gradient(160deg,#1934b0,#0f2180);border:1px solid #ffffff14;overflow:hidden;transition:transform .45s var(--ease),border-color .3s,box-shadow .45s var(--ease)}
.eqc::before{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ff894b33,transparent 70%);opacity:0;transition:opacity .5s}
.eqc:hover{transform:translateY(-6px);border-color:#ff894b66;box-shadow:0 30px 60px #0006}
.eqc:hover::before{opacity:1}
.eqc-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--mono);font-size:12px;color:#aeb4d0}
.eqc-top b{color:var(--orange);font-weight:500}
.eqc-c{display:inline-flex;align-items:center;gap:10px}
.eqc-ico{display:grid;place-items:center;width:76px;height:76px;margin:8px 0 4px;border-radius:20px;background:#ffffff0d;border:1px solid #ffffff1a;color:#e6e8f3}
.eqc-ico svg{width:48px;height:48px;overflow:visible}
.eqc-name{font-family:var(--display);font-weight:500;font-size:clamp(28px,2.4vw,38px);letter-spacing:-.03em;line-height:1}
.eqc-type{font-size:14.5px;line-height:1.5;color:#c3c8e0}
.eqc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.eqc-tags i{font-style:normal;font-family:var(--mono);font-size:11px;padding:5px 10px;border-radius:999px;border:1px solid #ffffff26;color:#d8dbe9}
.eqc-more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--orange)}
.eqc-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.eqc:hover .eqc-more svg{transform:translateX(4px)}
.eqi-o{color:var(--orange);stroke:var(--orange)}
.eqi-rot{transform-origin:32px 32px;animation:paRot 6s linear infinite}
.eqi-run{stroke-dasharray:6 6;animation:paRun 1s linear infinite}
.eqi-twist{animation:eqTw 1.2s linear infinite}
@keyframes eqTw{to{transform:translateX(10px)}}
.eqi-blink{animation:paZap 1s steps(2,end) infinite}
.eqc:not(:hover) .eqc-ico *{animation-play-state:paused}
/* batafsil oyna */
.eqm{border:0;padding:0;width:min(1120px,94vw);max-width:none;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 40px 120px #0008;overflow:visible}
.eqm::backdrop{background:#08124fcc;backdrop-filter:blur(8px)}
.eqm-x{position:absolute;top:16px;right:16px;z-index:2;border-color:var(--line);color:var(--ink);background:#fff}
.eqm-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding:clamp(20px,2.6vw,36px);align-items:center}
.eqm-art{position:relative;border-radius:18px;background:linear-gradient(135deg,#f6f7fb,#fff4ec);padding:14px;border:1px solid var(--tint-2)}
.eqm-art svg{display:block;width:100%;height:auto;background:#fff;border-radius:12px}
.eqm-stage{display:block;margin-top:10px;font-size:11.5px;letter-spacing:.08em;color:var(--orange-600)}
.eqm-info{display:flex;flex-direction:column;gap:10px}
.eqm-c{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.eqm h3{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.035em;line-height:1}
.eqm-type{font-weight:600;color:var(--navy)}
.eqm-d{color:var(--graphite);line-height:1.65;font-size:15px}
.eqm-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:4px 0;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.eqm-specs div{background:#fff;padding:11px 14px}
.eqm-specs dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.eqm-specs dd{margin:3px 0 0;font-family:var(--mono);font-size:13.5px;font-weight:500}
.eqm-ph{font-size:13px;color:var(--muted);margin-top:4px}
.eqm-prods{display:flex;flex-wrap:wrap;gap:6px}
.eqm-prods .chip:hover{background:var(--orange);border-color:var(--orange)}
.eqm-nav{display:flex;gap:8px;margin-top:8px}
.eqm-in.swap>*{animation:fadeUp .45s var(--ease) both}
@media (max-width:900px){.eqm-in{grid-template-columns:1fr}.eqc{min-height:280px}}

/* uskuna ishlab chiqaruvchilari logotiplari */
.eqc{min-height:360px}
.eqc-ico{position:absolute;right:24px;top:56px;width:60px;height:60px;margin:0;border-radius:16px}
.eqc-ico svg{width:36px;height:36px}
.eqc-logo{display:flex;align-items:center;height:64px;margin:18px 0 2px}
.eqc-logo img{max-height:56px;max-width:190px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px #0004)}
.eqc-wm{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:10px 16px;border:1.5px solid #ffffff55;border-radius:8px}
.eqc-name{font-size:clamp(22px,1.8vw,28px)}
.eqm h3{display:flex;align-items:center;gap:16px}
.eqm-logo{display:inline-grid;place-items:center;height:56px;padding:8px 14px;border-radius:12px;background:var(--navy)}
.eqm-logo img{max-height:40px;max-width:150px}

/* jarayon — 3D sahna */
.pstage-art{position:relative;aspect-ratio:16/7.2;background:radial-gradient(90% 120% at 50% 0%,#fff,#eef0f5)}
.pstage-art.is-3d>svg{display:none}
.pstage-3d{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ==========================================================================
   TARIX v2 — kinematografik: to'q kartochka, duoton surat, katta kontur yil
   ========================================================================== */
.tl-rail{border-top:0;grid-template-columns:repeat(var(--n),1fr);position:relative}
.tl-track{position:absolute;left:8px;right:calc(100% / var(--n) - 8px);top:-1px;height:2px;background:#0f21801f;border-radius:2px}
.tl-track .tl-fill{position:absolute;left:0;top:0;height:100%;width:calc(var(--p) * 100%);background:var(--orange);transition:width .8s var(--ease)}
.tl-rail>.tl-fill{display:none}
.tl-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0;align-items:stretch;border-radius:28px;overflow:hidden;background:radial-gradient(90% 120% at 0% 100%,#1c3bbf 0,#0f2180 45%,#08124f 100%);color:#fff;min-height:500px;box-shadow:0 40px 90px #0f218033;isolation:isolate}
.tl-ghost{position:absolute;left:-1vw;bottom:-4vw;z-index:-1;font-family:var(--display);font-weight:700;font-size:clamp(160px,22vw,340px);line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #ffffff1c;pointer-events:none;white-space:nowrap}
.tl.swap .tl-ghost{animation:tlGhost 1s var(--ease) both}
@keyframes tlGhost{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.tl-info{padding:clamp(28px,3.6vw,56px);justify-content:center}
.tl-n{color:var(--orange)}
.tl-t{color:#fff;font-size:clamp(30px,3vw,48px)}
.tl-d{color:#c9cee6}
.tl-facts{background:#ffffff1f;border-color:#ffffff1f}
.tl-facts div{background:#ffffff0a;backdrop-filter:blur(6px)}
.tl-facts b{color:#fff}
.tl-facts span{color:#aeb4d0}
.tl-arr{width:46px;height:46px;border-radius:50%;border:1px solid #ffffff33;color:#fff;font-size:18px;transition:all .25s}
.tl-arr:hover{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.tl-prog{background:#ffffff1f}
.tl-media{border-radius:0;aspect-ratio:auto;min-height:100%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.tl-media img{filter:grayscale(1) contrast(1.1) brightness(.9)}
.tl-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,#0f2180cc,#ff894b66);mix-blend-mode:multiply;pointer-events:none}
.tl-media::after{background:linear-gradient(90deg,#0f2180 0,#0f218000 30%),linear-gradient(0deg,#08124fb3 0,#08124f00 50%);z-index:1}
.tl-media img.tone-sepia{filter:grayscale(1) sepia(.5) contrast(1.1)}
.tl-media img.contain{filter:none;padding:28px 28px 28px 18%}
.tl-year{z-index:2;left:auto;right:clamp(20px,2.6vw,36px);bottom:clamp(14px,2vw,24px);font-size:clamp(56px,6.4vw,104px);color:#fff}
.tl.swap .tl-media img{animation:tlImg2 1s var(--ease) both}
@keyframes tlImg2{from{opacity:0;transform:scale(1.15) translateX(30px)}to{opacity:1;transform:scale(1.04)}}
@media (max-width:900px){.tl-stage{grid-template-columns:1fr}.tl-media{clip-path:none;min-height:260px;order:-1}}

/* ==========================================================================
   CHAT v4 — referens uslubi: to'q ko'k header, katta sarlavha, toza xabarlar
   ========================================================================== */
.bot-win{top:auto;right:24px;bottom:24px;left:auto;width:min(480px,calc(100vw - 32px));height:min(780px,calc(100vh - 48px));border-radius:34px;background:#f6f6f3;box-shadow:0 40px 100px #050b3a59;transform:translateY(24px) scale(.96);transform-origin:bottom right;opacity:0;visibility:hidden;transition:transform .5s var(--ease),opacity .35s,visibility .5s}
.bot.open .bot-win{transform:none;opacity:1}
.bot-head{position:relative;display:block;padding:30px 30px 34px;background:radial-gradient(120% 140% at 100% 0%,#1934b0 0,#08124f 55%,#050b3a 100%);color:#fff;border-bottom:0;border-radius:0 0 64px 0;overflow:hidden}
.bh-top{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.bh-logo{height:34px;width:auto}
.bh-sep{width:1px;height:38px;background:#ffffff33}
.bh-role{font-size:14px;line-height:1.35;color:#c3c8e0}
.bot-head .bot-x{margin-left:auto;width:52px;height:52px;border:1px solid #ffffff40;color:#fff;background:transparent}
.bot-head .bot-x:hover{background:#ffffff14}
.bh-title{position:relative;z-index:1;margin-top:34px;font-family:var(--display);font-weight:500;font-size:clamp(30px,3vw,40px);letter-spacing:-.03em;line-height:1.05}
.bh-sub{position:relative;z-index:1;margin-top:12px;color:#aeb4d0;font-size:15px}
.bh-arc{position:absolute;right:-10px;top:10px;width:190px;height:210px}
.bh-halo{transform-origin:30px 205px;animation:fcPulse 2.4s var(--ease) infinite}
.bot-log{background:#f6f6f3;padding:26px 30px;gap:22px}
.bm{flex-direction:column;align-items:flex-start;gap:8px}
.bm-who{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.bm-who i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.bm--bot .bm-b{max-width:100%;padding:16px 20px;border-radius:20px;background:#fff;border:1px solid #0f21801a;font-size:15.5px;line-height:1.7}
.bm--intro .bm-b{padding:0;background:none;border:0;font-size:18px;line-height:1.6;color:var(--ink)}
.bm--me{align-items:flex-end}
.bm--me .bm-b{background:var(--navy);color:#fff;border-radius:22px;padding:14px 22px;font-size:15.5px}
.bm-ico{display:none}
.bot-quick{padding:16px 30px 14px;background:#f6f6f3;border-top:1px solid #0f218014}
.bot-quick button{height:44px;padding:0 20px;border:1px solid #0f21802e;background:transparent;font-size:14.5px;font-weight:400}
.bot-quick button:hover{border-color:var(--orange);background:#fff}
.bot-input{background:#f6f6f3;border-top:0;padding:6px 30px 4px}
.bot-input input{height:64px;border-radius:999px;background:#fff;border:1px solid #0f218026;padding:0 76px 0 26px;font-size:16px}
.bot-input input:focus{box-shadow:0 0 0 4px #ff894b1f}
.bot-input button{right:40px;top:14px;width:48px;height:48px;border-radius:50%;background:#e9eaef;color:var(--ink)}
.bot-input input:not(:placeholder-shown)+button{background:var(--orange);color:var(--navy)}
.bot-note{background:#f6f6f3;padding:8px 32px 20px;text-align:left;font-size:12px}
.bot-scrim{background:#050b3a59}
@media (max-width:560px){.bot-win{right:8px;bottom:8px;height:calc(100vh - 16px);border-radius:26px}}
.bh-halo{transform-box:fill-box;transform-origin:center}

/* mega menyu — keng sahifa: katta mahsulot kartochkalari */
.mega{max-height:calc(100vh - var(--header));overflow:auto;background:linear-gradient(180deg,#fff,#f3f5fa)}
.mega .mega-wrap{display:block;padding-top:32px;padding-bottom:40px}
.mega-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:24px}
.mega-title{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.03em;margin-top:10px;color:var(--ink)}
.mega-links{display:flex;gap:8px;flex-wrap:wrap}
.mega-links .btn--ghost{color:var(--ink);border-color:var(--line)}
.mega-links .btn svg{width:16px;height:16px}
.mega .mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:none;border:0}
.mcard{position:relative;display:flex;flex-direction:column;gap:8px;min-height:250px;padding:20px 20px 0;border-radius:18px;background:#fff;border:1px solid var(--tint-2);color:var(--ink);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.mcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px #0f21801c;border-color:#ff894b66}
.mcard-top{display:flex;justify-content:space-between;align-items:center}
.mcard-top .n{font-family:var(--mono);font-size:11.5px;color:var(--orange-600)}
.mcard-arr{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:all .3s}
.mcard-arr svg{width:15px;height:15px}
.mcard:hover .mcard-arr{background:var(--orange);border-color:var(--orange);transform:rotate(45deg)}
.mcard strong{font-family:var(--display);font-weight:500;font-size:clamp(18px,1.4vw,22px);letter-spacing:-.02em;line-height:1.15;margin-top:6px}
.mcard-d{font-size:13px;line-height:1.5;color:var(--graphite);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mcard-chips{display:flex;flex-wrap:wrap;gap:5px}
.mcard-chips i{font-style:normal;font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--graphite)}
.mcard-img{margin-top:auto;height:70px;display:flex;align-items:flex-end;padding-bottom:12px}
.mcard-img img{height:100%;width:auto;max-width:none;transform:translateX(-24px);transition:transform .7s var(--ease);filter:drop-shadow(0 10px 14px #0f218033)}
.mcard:hover .mcard-img img{transform:translateX(0)}
@media (max-width:1100px){.mega .mega-grid{grid-template-columns:repeat(2,1fr)}}
.site-header.is-over.is-solid.at-top{top:38px}

/* mega menyu = to'liq ekranli mahsulotlar sahifasi (bosh sahifadagi kartochkalar bilan bir xil) */
.mega{position:fixed;left:0;right:0;top:var(--header);bottom:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:var(--tint)}
.site-header.is-over.at-top .mega{top:calc(var(--header) + 38px)}
.mega .mega-wrap{padding-top:36px;padding-bottom:56px}
.mega-cats{background:none}
.mega-cats .cats{gap:1px}
.mega-cats .cat{min-height:340px}
html:has(#mega.open){overflow:hidden}
.mega{position:absolute;top:100%;bottom:auto;height:calc(100vh - var(--header))}.site-header.is-over.at-top .mega{top:100%;height:calc(100vh - var(--header) - 38px)}

.mega-pop{margin-top:48px}
.mega-pop .products{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.mega-pop .products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mega-pop .products{grid-template-columns:1fr}}

/* mega menyu — katalog uslubidagi mahsulot kartochkalari */
.mega-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:22px;padding-bottom:2px}
.mega-tabs::-webkit-scrollbar{display:none}
.mega-tabs button{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;white-space:nowrap;transition:all .2s}
.mega-tabs button span{font-family:var(--mono);font-size:11px;color:var(--muted)}
.mega-tabs button:hover{border-color:#0f218055}
.mega-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.mega-tabs button.on span{color:var(--orange)}
#megaProducts{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){#megaProducts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#megaProducts{grid-template-columns:1fr}}
/* tarix: barcha bosqichlarda bir xil balandlik, ekranga sig'adi */
.tl-stage{height:clamp(380px,52vh,480px);min-height:0}
.tl-media{position:relative;height:100%;min-height:0;aspect-ratio:auto}
.tl-media img{position:absolute;inset:0;width:100%;height:100%}
.tl-media img.contain{object-fit:contain;padding:22px 22px 22px 16%}
.tl-info{padding:clamp(24px,3vw,44px);gap:12px;overflow:hidden}
.tl-t{font-size:clamp(26px,2.4vw,38px)}
.tl-d{font-size:15px}
.tl-facts div{padding:12px 14px}
.tl-ghost{font-size:clamp(140px,17vw,260px);bottom:-3vw}
.tl-year{font-size:clamp(48px,5vw,84px)}
.tl-rail{margin-bottom:clamp(20px,2.4vw,32px)}
.tl-node{padding-top:18px}
.tl-node b{font-size:clamp(24px,2vw,34px)}
.section:has(.tl){padding:clamp(40px,6vh,72px) 0}.section:has(.tl) .sec-head{margin-bottom:clamp(16px,2vw,28px)}.section:has(.tl) .sec-head .h-lg{font-size:clamp(34px,3.6vw,56px)}
@media (max-height:760px){.tl-stage{height:clamp(320px,46vh,400px)}.section:has(.tl){padding:28px 0}.section:has(.tl) .sec-head .h-lg{font-size:34px}.tl-node{padding-top:14px}.tl-node b{font-size:24px}.tl-info{gap:8px}.tl-facts div{padding:9px 12px}}

/* ichki menyular (dropdown) — agrofin uslubida */
.main-nav>a.has-dd svg{width:12px;height:12px;transition:transform .25s}
.main-nav>a.has-dd[aria-expanded="true"] svg{transform:rotate(180deg)}
.main-nav>a.has-dd[aria-expanded="true"]{background:#ffffff12}
.site-header.is-solid .main-nav>a.has-dd[aria-expanded="true"]{background:var(--tint)}
.main-nav>a.has-dd[aria-expanded="true"]::after{transform:scaleX(1);transform-origin:left}
.dd{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-top:1px solid var(--line);box-shadow:0 30px 60px #0f21801f;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility .3s}
.dd.open{opacity:1;visibility:visible;transform:none}
.dd-in{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));gap:0;padding-top:36px;padding-bottom:40px}
.dd-intro{padding-right:48px;margin-right:48px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.dd-intro .label{color:var(--orange-600)}
.dd-intro h3{font-family:var(--display);font-weight:500;font-size:clamp(24px,2vw,32px);letter-spacing:-.025em;line-height:1.15}
.dd-intro p{color:var(--graphite);font-size:15px;line-height:1.6}
.dd-all{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-weight:600;color:var(--navy)}
.dd-all svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.dd-all:hover{color:var(--orange-600)}.dd-all:hover svg{transform:translateX(4px)}
.dd-col h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:8px 0 18px}
.dd-col li a{position:relative;display:block;padding:12px 0 12px 20px;font-size:16px;color:var(--ink);transition:color .2s,padding .3s var(--ease)}
.dd-col li a::before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#c9cede;transition:background .2s,transform .2s}
.dd-col li a:hover{color:var(--orange-600);padding-left:26px}
.dd-col li a:hover::before{background:var(--orange);transform:scale(1.3)}
.dd.swap .dd-in>*{animation:fadeUp .4s var(--ease) both}
.dd.swap .dd-in>*:nth-child(2){animation-delay:.05s}.dd.swap .dd-in>*:nth-child(3){animation-delay:.1s}
.dd-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);column-gap:56px}.dd-intro{margin-right:0;padding-right:56px}.dd-intro p{max-width:38ch}

/* ichki menyu v2 — premium: belgili havolalar, tavsiflar, rasmli taklif kartochkasi */
.dd{background:linear-gradient(180deg,#fff 0,#f7f8fc 100%)}
.dd-in{grid-template-columns:minmax(0,.95fr) minmax(0,1.6fr) minmax(0,.9fr);column-gap:44px;padding-top:34px;padding-bottom:36px;align-items:stretch}
.dd-intro{padding-right:44px}
.dd-intro h3{font-size:clamp(24px,2.1vw,34px)}
.dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.dd-col h4{margin:4px 0 12px}
.dd-col li a{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;margin-left:-10px;border-radius:14px;transition:background .25s,transform .3s var(--ease)}
.dd-col li a::before{display:none}
.dd-col li a:hover{background:#fff;box-shadow:0 10px 26px #0f218014,inset 0 0 0 1px #0f21800d;padding-left:10px;transform:translateX(3px)}
.dd-ic{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--navy);transition:background .25s,color .25s}
.dd-ic svg{width:20px;height:20px}
.dd-col li a:hover .dd-ic{background:var(--orange);color:var(--navy)}
.dd-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dd-tx b{font-weight:600;font-size:15px;color:var(--ink)}
.dd-tx small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-col li a:hover .dd-tx b{color:var(--orange-600)}
.dd-feat{position:relative;display:block;border-radius:20px;overflow:hidden;min-height:220px;isolation:isolate;color:#fff;background:var(--navy)}
.dd-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.dd-feat.is-doc img{object-fit:cover;object-position:top;filter:none}
.dd-feat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08124f1a 20%,#08124fe6 100%)}
.dd-feat:hover img{transform:scale(1.06)}
.dd-feat-in{position:absolute;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:6px}
.dd-feat-in i{font-style:normal;align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:var(--navy);padding:4px 10px;border-radius:999px;font-weight:600}
.dd-feat-in b{font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.02em;line-height:1.2;max-width:16ch}
.dd-feat-go{position:absolute;right:16px;bottom:18px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;transition:transform .35s var(--ease)}
.dd-feat-go svg{width:16px;height:16px}
.dd-feat:hover .dd-feat-go{transform:rotate(45deg);background:var(--orange)}
.dd.swap .dd-in>*:nth-child(3){animation-delay:.12s}
@media (max-width:1300px){.dd-in{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}.dd-feat{display:none}}
.dd-in{grid-template-columns:minmax(260px,330px) minmax(0,1fr) 290px}.dd-cols>*{min-width:0}.dd-feat{width:100%}
.site-header .dd .dd-in{display:grid;height:auto;align-items:stretch}

/* bosh ekran: aniq qiymat taklifi va ishonch belgilari */
.hero h1{max-width:12.5ch;font-size:clamp(40px,min(6vw,9.5vh),100px)}
.hero .lead{max-width:50ch;color:#d3d7ea}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-trust li{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;color:#b9bfdb}
.hero-trust b{font-family:var(--display);font-weight:600;font-size:17px;color:#fff;letter-spacing:-.01em}
.hero-trust li:nth-child(3) b{color:var(--orange)}
.hero-ctas{margin-top:26px}
@media (max-height:760px){.hero-trust{margin-top:16px}.hero-trust li{padding:6px 10px}}
/* telefon: kenglikdan chiqib ketmaslik, ixcham o'tishlar */
html,body{max-width:100%;overflow-x:clip}
.nw-tools{max-width:100%;min-width:0}
.nw-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
.nw-tabs::-webkit-scrollbar{display:none}
.nw-tabs button{flex-shrink:0}
.selector>*,.sel-result,.sel-item>*{min-width:0}
.sel-item a{min-width:0;overflow:hidden}
@media (max-width:760px){
  .seam{height:200px;margin:-50px 0}
  .seam--down,.seam--up{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 50px,#000 calc(100% - 50px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 50px,#000 calc(100% - 50px),transparent 100%)}
  .nw-head{align-items:flex-start}
  .hero-trust li{padding:7px 10px}.hero-trust b{font-size:15px}
  .tl-stage{height:auto}.tl-media{min-height:240px}
  .eqc{min-height:0}
  .pstage-art{aspect-ratio:16/10}
}

/* ==========================================================================
   LIQUID GLASS HEADER — skrollda suzuvchi shisha kapsula
   ========================================================================== */
.site-header.is-glass{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ink)}
.site-header .wrap{transition:height .45s var(--ease),margin .45s var(--ease),border-radius .45s var(--ease),padding .45s var(--ease),background .35s,box-shadow .35s}
.site-header.is-glass .wrap{position:relative;max-width:min(calc(var(--max) - 24px),calc(100vw - 24px));height:62px;margin-top:10px;padding:0 10px 0 20px;border-radius:999px;isolation:isolate;
  background:linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.5) 45%,rgba(236,241,255,.62) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(2) brightness(1.04);backdrop-filter:blur(26px) saturate(2) brightness(1.04);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.55),0 12px 40px rgba(8,18,79,.18),0 2px 8px rgba(8,18,79,.08)}
/* yuqori yaltiroq chiziq (specular) va pastki ko'k aks */
.site-header.is-glass .wrap::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(120% 140% at 18% -40%,rgba(255,255,255,.9),rgba(255,255,255,0) 55%),radial-gradient(80% 120% at 100% 140%,rgba(43,79,214,.16),transparent 60%)}
.site-header.is-glass .wrap::after{content:"";position:absolute;left:28px;right:28px;top:1px;height:1px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent);pointer-events:none}
.site-header.is-glass .brand img{height:34px}
.site-header.is-glass .logo-w{display:none}.site-header.is-glass .logo-n{display:block}
.site-header.is-glass .main-nav>a,.site-header.is-glass .main-nav>button{color:var(--ink);padding:9px 13px}
.site-header.is-glass .main-nav>a:hover,.site-header.is-glass .main-nav>button:hover{background:rgba(15,33,128,.07)}
.site-header.is-glass .main-nav>a[aria-current="page"]{color:var(--orange-600);background:rgba(255,125,58,.1)}
.site-header.is-glass .icon-btn,.site-header.is-glass .lang-btn{border-color:rgba(15,33,128,.12);color:var(--ink);background:rgba(255,255,255,.45)}
.site-header.is-glass .h-actions .btn{height:44px;box-shadow:0 6px 18px rgba(255,125,58,.35)}
.site-header.is-glass .dd,.site-header.is-glass .mega{top:calc(100% + 6px)}
@media (max-width:760px){.site-header.is-glass .wrap{height:56px;margin-top:8px;padding:0 8px 0 14px}}

/* raqamlar bloki — yengil: faqat transform/opacity animatsiyasi, layout izolyatsiyasi */
.nums{contain:layout paint}
.num{contain:layout paint;will-change:auto}
.num .k{font-variant-numeric:tabular-nums}
.bar i{width:100%!important;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease)!important}
.in .bar i{transform:scaleX(calc(var(--w-n,1)))}
.nums .rv{transition-duration:.7s}

/* ==========================================================================
   KINOTEATR REJIMI — Instagram video
   ========================================================================== */
html.cine-on{overflow:hidden}
.cine{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:1fr auto;place-items:center;background:#02040f;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s;contain:strict}
.cine.open{opacity:1;visibility:visible}
.cine-amb{position:absolute;inset:-10%;overflow:hidden;--c0:#1934b0;--c1:#ff7d3a;--c2:#0b1762}
.cine-amb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;opacity:.35;transform:scale(1.2);filter:blur(0);transition:opacity .8s}
.cine-amb img{width:12px;height:20px;inset:auto;left:0;top:0;transform-origin:0 0;transform:scale(calc(100vw / 12 * 1.25),calc(100vh / 20 * 1.25))}
.cine-amb i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px);opacity:.75;mix-blend-mode:screen;will-change:transform}
.cine-amb i:nth-child(1){background:var(--c0);left:-10vmax;top:-20vmax;animation:cineA 14s ease-in-out infinite alternate}
.cine-amb i:nth-child(2){background:var(--c1);right:-15vmax;top:10vmax;animation:cineB 11s ease-in-out infinite alternate}
.cine-amb i:nth-child(3){background:var(--c2);left:20vmax;bottom:-30vmax;animation:cineC 17s ease-in-out infinite alternate}
.cine-amb i{transition:background 1.2s}
@keyframes cineA{to{transform:translate(18vmax,14vmax) scale(1.15)}}
@keyframes cineB{to{transform:translate(-20vmax,12vmax) scale(.9)}}
@keyframes cineC{to{transform:translate(10vmax,-18vmax) scale(1.2)}}
.cine-vig{position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 45%,transparent 0,#02040fb3 70%,#02040f 100%);pointer-events:none}
.cine-stage{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(14px,3vw,40px);height:100%;width:100%;justify-content:center}
.cine-screen{position:relative;height:min(84vh,780px);aspect-ratio:9/16.6;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff1a,0 40px 120px #000c,0 0 120px color-mix(in srgb,var(--c1,#ff7d3a) 35%,transparent);transform:scale(.94) translateY(16px);transition:transform .55s var(--ease)}
.cine.open .cine-screen{transform:none}
.cine-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.cine.ready .cine-poster{opacity:0}
.cine-frame{position:absolute;inset:0}
.cine-frame iframe{width:100%;height:100%;border:0;opacity:0;transition:opacity .5s}
.cine.ready .cine-frame iframe{opacity:1}
.cine-load{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#000a;color:#fff;font-size:13px;z-index:2;transition:opacity .3s}
.cine-load i{width:14px;height:14px;border-radius:50%;border:2px solid #ffffff40;border-top-color:var(--orange);animation:paRot .8s linear infinite}
.cine.ready .cine-load{opacity:0}
.cine-nav{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff14;border:1px solid #ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s,transform .25s}
.cine-nav:hover{background:var(--orange);border-color:var(--orange);color:#08124f;transform:scale(1.06)}
.cine-nav svg{width:22px;height:22px}
.cine-bar{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;width:min(760px,92vw);padding:0 0 24px;color:#d3d7ea;font-size:14px}
.cine-num{color:var(--orange)}
.cine-x{position:absolute;top:22px;right:22px;z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff14;border:1px solid #ffffff2e}
.cine-x:hover{background:#fff;color:#08124f}
.cine-x svg{width:20px;height:20px}
@media (max-width:640px){.cine-nav{position:absolute;bottom:12vh;width:46px;height:46px}.cine-prev{left:14px}.cine-next{right:14px}.cine-screen{height:72vh}}
@media (prefers-reduced-motion:reduce){.cine-amb i{animation:none}}

/* tarix: yangi rasmlar o'z rang-tusida (oq-qora duoton o'rniga yengil brend qoplamasi) */
.tl-media img{filter:saturate(1.05) contrast(1.04)!important}
.tl-media::before{background:linear-gradient(135deg,#0f218059,#ff7d3a26)!important;mix-blend-mode:normal!important}

/* ==========================================================================
   SERTIFIKAT LIGHTBOX
   ========================================================================== */
html.lb-on{overflow:hidden}
.lb{position:fixed;inset:0;z-index:310;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;align-items:center;background:radial-gradient(80% 90% at 50% 40%,#0f2180f2,#050b3afa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s}
.lb.open{opacity:1;visibility:visible}
.lb-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(16px,3vw,32px);color:#fff}
.lb-title b{display:block;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.02em}
.lb-title span{font-size:13px;color:#aeb7e6}
.lb-tools{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.lb-tools button,.lb-dl{height:42px;min-width:42px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13.5px;font-weight:600;transition:background .2s,color .2s}
.lb-tools button:hover,.lb-dl:hover{background:rgba(255,255,255,.16)}
.lb-tools svg{width:19px;height:19px}
.lb-pct{font-family:var(--mono);font-weight:500!important;min-width:62px!important}
.lb-sep{width:1px;height:24px;background:rgba(255,255,255,.2);margin:0 4px}
.lb-dl{background:var(--orange);color:#08124f!important}
.lb-dl:hover{background:#fff!important}
.lb-x:hover{background:#fff!important;color:#08124f!important}
.lb-view{grid-column:2;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;cursor:zoom-in;padding:6px 0 10px}
.lb.zoomed .lb-view{cursor:grab}
.lb.dragging .lb-view{cursor:grabbing}
.lb-img{max-height:calc(100vh - 170px);max-width:min(92vw,900px);width:auto;border-radius:6px;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center}
.lb.open .lb-img{animation:lbIn .45s var(--ease)}
@keyframes lbIn{from{opacity:0;transform:scale(.94)}to{opacity:1}}
.lb-nav{width:54px;height:54px;margin:0 clamp(10px,2vw,28px);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:background .2s,transform .2s}
.lb-nav:hover{background:var(--orange);color:#08124f;transform:scale(1.06)}
.lb-nav svg{width:22px;height:22px}
.lb-hint{grid-column:2;justify-self:center;padding:0 0 18px;font-size:12.5px;color:#aeb7e6;transition:opacity .3s}
.lb.zoomed .lb-hint{opacity:0}
.lb-count{grid-column:3;justify-self:end;padding:0 clamp(16px,3vw,32px) 18px 0;color:var(--orange);font-size:12px}
.cert{cursor:zoom-in}
@media (max-width:700px){.lb{grid-template-columns:1fr}.lb-view{grid-column:1}.lb-nav{position:fixed;bottom:56px;z-index:2}.lb-prev{left:0}.lb-next{right:0}.lb-hint{grid-column:1}.lb-count{grid-column:1;justify-self:center}.lb-title span{display:none}}

/* ==========================================================================
   PRIMARY TUGMALAR — yangi dizayn: yorqin gradient, shisha chip ichida strelka, nur o'tishi
   ========================================================================== */
.btn{--bg:linear-gradient(135deg,#ff9152 0%,#ff7d3a 45%,#f2661f 100%);--fg:#08124f;background:var(--bg);border:0;padding:0 8px 0 24px;gap:14px;font-weight:650;letter-spacing:-.005em;box-shadow:0 10px 26px rgba(255,125,58,.35),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.08);isolation:isolate}
.btn:not(:has(svg)){padding:0 26px}
.btn>svg{width:36px!important;height:36px!important;padding:9px;border-radius:50%;background:rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);flex-shrink:0;transition:transform .45s cubic-bezier(.2,.7,.1,1),background .3s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.7,.1,1)}
.btn:hover{--bg:linear-gradient(135deg,#ff9f66 0%,#ff8646 45%,#f46d26 100%);transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,125,58,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.btn:hover::after{transform:translateX(120%)}
.btn:hover>svg{transform:translateX(3px) rotate(-45deg);background:#08124f;color:#fff}
.btn:active{transform:translateY(0) scale(.98)}
.btn--sm{height:44px;padding-left:18px}.btn--sm>svg{width:30px!important;height:30px!important;padding:7px}
/* navy (ikkilamchi asosiy) — chuqur ko'k, ichida to'q sariq chip */
.btn--navy{--bg:linear-gradient(135deg,#1934b0 0%,#0f2180 55%,#0b1762 100%);--fg:#fff;box-shadow:0 10px 26px rgba(15,33,128,.35),inset 0 1px 0 rgba(255,255,255,.22)}
.btn--navy>svg{background:var(--orange);color:#08124f}
.btn--navy:hover{--bg:linear-gradient(135deg,#2b4fd6 0%,#1934b0 55%,#0f2180 100%);box-shadow:0 16px 34px rgba(15,33,128,.45),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--navy:hover>svg{background:#fff;color:#08124f}
/* ghost — shisha */
.btn--ghost{--bg:rgba(255,255,255,.06);--fg:currentColor;box-shadow:inset 0 0 0 1.5px currentColor;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn--ghost>svg{background:rgba(127,127,127,.16)}
.btn--ghost:hover{--bg:linear-gradient(135deg,#ff9152,#f2661f);--fg:#08124f;box-shadow:0 12px 28px rgba(255,125,58,.35)}
.add-btn.added{--bg:linear-gradient(135deg,#34d399,#16a36a);--fg:#fff;box-shadow:0 10px 24px rgba(22,163,106,.3)}