/* ==========================================================================
   Z-QOLLASH  ·  «Qoʻllash sohalari» — 3-brif zichlik va qayta kompozitsiya
   --------------------------------------------------------------------------
   Muammo (oʻlchov, 12.09): sahifa 14 427 px. Oltita soha oltita bir xil
   ~1 000 px lik blok edi — aynan brif taqiqlagan takrorlanish. Kirish va
   indeks ikki alohida boʻlim (1 341 px) bitta gʻoyani aytardi. CTA bandi
   soʻrov bandidan oldin yolgʻiz turardi.

   Yechim TUZILMAVIY, faqat padding qirqish emas:
     1. kirish + indeks  → BITTA boʻlim (chapda oʻqish, oʻngda bosish)
     2. olti soha        → BESH boʻlim, OGʻIRLIGI FARQLI besh kompozitsiya
                           (feature · oʻrta · teskari oʻrta · juft · keng texnik)
     3. 04 + 05          → bitta juft boʻlim (ikkalasi ham chang/doimiy
                           yuklama · gidravlika · 20 L/200 L — bitta gʻoya)
     4. tormoz suyuqligi → akkordeon (matn oʻchmaydi, yigʻiladi)
     5. CTA bandi        → savol-javobning chap ustuniga (ikki CTA ketma-ket emas)
     6. boʻlim shapkasi  → `.zq-mast`: sarlavha chapda, lid oʻngda (balandlik
                           ikki barobar kamayadi, oʻqish qatori qisqaradi)

   Qonun oʻzgarmaydi: soya 0 · tracking ≤ 0 · yuqoriga tekislash · rasm yoʻq
   (faqat loyihalangan slot) · quyuq band 2 ta · matn VERBATIM.
   ========================================================================== */

:root{
  --zq-gap:clamp(20px,2.6vw,40px);   /* ustunlar orasi */
  --zq-raqam:clamp(34px,3.6vw,54px); /* bob raqami — avval 80+ edi */
}

/* ==========================================================================
   §1 · BOʻLIM RITMI — har boʻlimning oʻz paddingi (selektor 0-2-2)
   Nishon: oddiy boʻlim 540–765 px (viewportning 60–85 %).
   ========================================================================== */
main section[data-blok="SOH-02"][data-blok]{padding-block:clamp(34px,3.4vw,50px)}
main section[data-blok="SOH-03-1"][data-blok],
main section[data-blok="SOH-03-45"][data-blok]{padding-block:clamp(38px,3.8vw,56px)}
main section[data-blok="SOH-03-2"][data-blok],
main section[data-blok="SOH-03-3"][data-blok],
main section[data-blok="SOH-03-6"][data-blok]{padding-block:clamp(34px,3.4vw,50px)}
main section[data-blok="SOH-07"][data-blok],
main section[data-blok="SOH-06"][data-blok],
main section[data-blok="SOH-09"][data-blok]{padding-block:clamp(36px,3.6vw,54px)}
/* 13.09 · ritm: ketma-ket sakkiz boʻlim 595–734 px platosi edi. SOH-08 va
   SOH-05 PAST pogʻonaga tushirildi → 684 H · ~510 L · ~590 M · 734 H · 602 M · 733 H */
main section[data-blok="SOH-08"][data-blok]{padding-block:clamp(24px,2.4vw,34px)}
main section[data-blok="SOH-05"][data-blok]{padding-block:clamp(28px,2.9vw,40px)}
main section[data-blok="SOH-10"][data-blok]{padding-block:clamp(40px,4vw,58px)}

/* ==========================================================================
   §2 · HERO — ichki sahifa heroi 380–480 px (3-brif §9).
   Birinchi ekran tugallangan koʻrinadi: hero + kirish bandining boshi.
   ========================================================================== */
main [data-blok="SOH-01"].hs--sahifa{min-height:clamp(380px,46vh,436px)}
/* ⚠ 13.09 · >1000 px da header ABSOLUTE (kadr ustida shaffof) va 114 px balandlikda.
   Avvalgi 9vh (≈81 px) krosh qatorini logotip ustiga chiqarib yuborardi.
   Quyi chegara header balandligidan past tushmaydi; yoʻqolgan balandlik krosh
   va meta oraligʻidan qaytariladi — hero baribir ≈ 500 px. */
main [data-blok="SOH-01"] .hs__ich{--tz-hero-ust:clamp(126px,14vh,146px);
  padding-bottom:clamp(18px,2vw,26px)}
main [data-blok="SOH-01"] .hs__krosh{margin-bottom:clamp(10px,1.2vw,16px)}
main [data-blok="SOH-01"] .hs__matn{gap:clamp(9px,1vw,13px)}
main [data-blok="SOH-01"] .hs__meta{padding-block:clamp(8px,.9vw,11px);margin-top:clamp(10px,1.2vw,14px)}
main [data-blok="SOH-01"] h1{max-width:23ch}
main [data-blok="SOH-01"] .hs__amal{margin-top:clamp(6px,.8vw,10px)}

/* ==========================================================================
   §3 · SOH-02 · KIRISH + INDEKS — bitta boʻlim, ikki vazifa
   Chap 7/12: sahifa nima haqida. Oʻng 5/12: ichida nima bor (bosiladigan).
   ========================================================================== */
.zq-kirish{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(26px,3.4vw,56px);align-items:start;
}
.zq-kirish__matn{grid-column:1/8;display:grid;gap:clamp(20px,2.2vw,30px)}
.zq-kirish__ind{grid-column:8/13;display:grid;gap:clamp(14px,1.6vw,20px);align-content:start}

.zq-kirish .q-kirish__lid{
  font-size:clamp(18px,1.5vw,21px);line-height:1.45;
  letter-spacing:var(--tracking);color:var(--navy);max-width:52ch;margin:0;
}
.zq-kirish .q-kirish__ikki{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.4vw,36px);
  padding-top:clamp(16px,1.8vw,24px);border-top:1px solid var(--chiziq);
}
.zq-kirish .q-kirish__ikki p{font-size:14.5px;line-height:1.6;color:var(--slate);max-width:48ch}

/* indeks shapkasi — yorliq va sarlavha bitta qatorda, chiziq ustida */
.zq-kirish .q-nav__bosh{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;
  margin:0;padding-bottom:clamp(10px,1.2vw,14px);
}
.zq-kirish .q-nav__bosh h2{font-size:clamp(22px,2vw,28px)!important;line-height:1.1;margin:0}

/* indeks qatori — ixcham: raqam · nom bitta qatorda, tavsif ostida */
.zq-kirish .q-nav__royxat{border-top:1px solid var(--chiziq)}
.zq-kirish .q-nav__q{
  display:grid;grid-template-columns:34px minmax(0,1fr) 16px;
  grid-template-areas:"n t o" ". d .";
  column-gap:12px;row-gap:2px;align-items:baseline;
  padding-block:clamp(7px,.8vw,10px);border-bottom:1px solid var(--chiziq-ichki);
}
.zq-kirish .q-nav__n{grid-area:n;font-size:14px!important;line-height:1.3;
  color:var(--aksent-mayda);font-variant-numeric:tabular-nums}
.zq-kirish .q-nav__t{grid-area:t;font-size:17px!important;line-height:1.3}
.zq-kirish .q-nav__d{grid-area:d;font-size:12.5px;line-height:1.4;padding-top:0}
.zq-kirish .q-nav__oq{grid-area:o;width:15px;height:15px;margin-top:2px}
.zq-kirish .q-nav__q:hover{background:transparent;padding-inline:0}

/* ==========================================================================
   §4 · SOHA BOBI — bitta tizim, besh ogʻirlik
   Bob shapkasi: raqam · (yorliq + H2) · xulosa qatori — bitta qatorda.
   ========================================================================== */
.zq-b__bosh{
  display:grid;align-items:start;
  grid-template-columns:clamp(52px,5vw,78px) minmax(0,1fr) minmax(0,258px);
  gap:clamp(14px,2vw,32px);
  padding-bottom:clamp(16px,1.9vw,24px);
  border-bottom:1px solid var(--chiziq);
}
.zq-b__n{
  display:block;font-size:var(--zq-raqam);line-height:.82;font-weight:700;
  letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:rgba(1,36,76,.2);
}
.zq-b__n::before{content:"";display:block;width:7px;height:7px;
  background:var(--aksent);margin-bottom:clamp(8px,1vw,13px)}
.zq-b__sar{display:grid;gap:clamp(8px,1vw,12px)}
.zq-b__xul{
  padding-left:clamp(14px,1.8vw,24px);border-left:1px solid var(--chiziq);
  font-size:var(--kichik);line-height:1.5;color:var(--slate);
}
.zq-b__p{font-size:15.5px;line-height:1.6;color:var(--ink);max-width:62ch;margin:0}

.zq-b__tan{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(14px,1.7vw,24px) var(--zq-gap);align-items:start;
  margin-top:clamp(20px,2.4vw,32px);
}
.zq-b__matn{display:grid;align-content:start}
.zq-b__kadr{display:grid;gap:0;margin:0;align-self:start}

/* akkordeon ixchamroq */
.zq-b .q-ochil,.zq-juft .q-ochil,.zq-oraliq .q-ochil{margin-top:clamp(12px,1.4vw,18px)}
.zq-b .q-ochil summary,.zq-juft .q-ochil summary,.zq-oraliq .q-ochil summary{
  min-height:40px;padding-block:9px;font-size:14px;
}
.zq-b .q-ochil p,.zq-juft .q-ochil p,.zq-oraliq .q-ochil p{
  font-size:15px;line-height:1.6;padding-bottom:var(--s4);
}

/* registr — uch ustun (sukut) yoki tik (ogʻirligi past boblarda) */
.zq-reg{margin-top:0;padding-top:clamp(14px,1.7vw,22px);gap:clamp(16px,2vw,30px)}
.zq-reg dd{font-size:13.5px;line-height:1.52;max-width:46ch}
.zq-reg dt{font-size:var(--mayda)}   /* 11 px edi — shkaladan tashqarida */
.zq-reg .q-javob__q{gap:5px}
.zq-reg--tik{grid-template-columns:minmax(0,1fr);gap:0}
.zq-reg--tik .q-javob__q{padding-block:clamp(10px,1.2vw,14px)}
.zq-reg--tik .q-javob__q:first-child{padding-top:0}
.zq-reg--tik .q-javob__q:last-child{padding-bottom:0}
.zq-reg--tik .q-javob__q + .q-javob__q{border-left:0;padding-left:0;border-top:1px solid var(--chiziq-ichki)}
.bolim--yuza .zq-reg--tik .q-javob__q + .q-javob__q{border-top-color:#D3DFED}

.zq-b__ost{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--s4);margin:0;
}
.zq-b__ost .soh-v__kut{margin:0}
.zq-b__fakt{margin:0;max-width:78ch;font-size:14px;line-height:1.55}

/* kadr nisbatlari — ogʻirlik boʻyicha (brif: media ratio har bobda boshqa) */
.zq-b__kadr .q-kadr__ich{padding:clamp(18px,2.2vw,32px)}
/* ⚠ eʼlon qilingan `data-nisbat` HAQIQIY quti bilan bir xil boʻlishi shart —
   1-qoidaning maqsadi shu: keyin haqiqiy rasm layautni oʻzgartirmay tushsin.
   Ikki til, ikki nisbat: texnika siluetli slot = APPLICATION 16:10,
   standart belgisi turadigan slot = TECHNICAL DETAIL 4:3 (3-brif shkalasi). */
.zq-b--f .zq-b__kadr .q-kadr__ich{aspect-ratio:16/10}      /* 01 · APPLICATION */
.zq-b--m .zq-b__kadr .q-kadr__ich{aspect-ratio:16/10}      /* 02 · APPLICATION */
.zq-b--teskari .zq-b__kadr .q-kadr__ich{aspect-ratio:4/3}  /* 03 · TECHNICAL DETAIL */
.zq-b--w .zq-b__kadr .q-kadr__ich{aspect-ratio:4/3}        /* 04 · TECHNICAL DETAIL */
.zq-b__kadr--belgi .q-kadr__ich{place-items:center}
.zq-b .q-plaka{padding-top:12px;margin-top:12px}
.zq-b .q-plaka strong{font-size:16px}

/* --- 01 · FEATURE: katta kadr oʻngda, chapda toʻliq registr ---------------- */
.zq-b--f .zq-b__matn{grid-column:1/8;grid-row:1}
.zq-b--f .zq-b__kadr{grid-column:8/13;grid-row:1/3}
.zq-b--f .zq-reg      {grid-column:1/8;grid-row:2}
.zq-b--f .zq-b__fakt  {grid-column:1/8;grid-row:3}
.zq-b--f .zq-b__ost   {grid-column:8/13;grid-row:3;justify-content:flex-end}

/* --- 02 · OʻRTA: uch qismli gorizontal tasma (kadr · matn · registr) ------- */
.zq-b--m .zq-b__kadr  {grid-column:1/5;grid-row:1/3}
.zq-b--m .zq-b__matn  {grid-column:5/9;grid-row:1}
.zq-b--m .zq-reg      {grid-column:9/13;grid-row:1/3;padding-top:0;border-top:0}
.zq-b--m .zq-b__ost   {grid-column:5/9;grid-row:2}

/* --- 03 · OʻRTA TESKARI: matn chapda, registr oʻrtada, belgi oʻngda -------- */
.zq-b--teskari .zq-b__matn{grid-column:1/6;grid-row:1}
.zq-b--teskari .zq-reg    {grid-column:6/9;grid-row:1/3;padding-top:0;border-top:0}
.zq-b--teskari .zq-b__kadr{grid-column:9/13;grid-row:1/3}
.zq-b--teskari .zq-b__ost {grid-column:1/6;grid-row:2}

/* --- 06 · KENG TEXNIK BLOK: belgi kadri chapda, oʻngda 3 ustunli registr --- */
.zq-b--w .zq-b__kadr{grid-column:1/5;grid-row:1/3}
.zq-b--w .zq-b__matn{grid-column:5/13;grid-row:1}
.zq-b--w .zq-reg    {grid-column:5/13;grid-row:2}
.zq-b--w .zq-b__fakt{grid-column:1/9;grid-row:3;align-self:center;
  padding-top:0;border-top:0;
  margin-top:0}
.zq-b--w .zq-b__ost{grid-column:9/13;grid-row:3;justify-content:flex-end;align-self:center}
.zq-b--w .zq-b__tan{padding-top:0}

/* ==========================================================================
   §5 · 04 + 05 · JUFT BOB — ikki bob bitta boʻlimda, oʻrtada tik chiziq.
   Kadr ataylab yoʻq: media ogʻirligi 01 · 02 · 03 · 06 da. Bu yerda vizual
   langar — tavsiya plakasi va registr. «Different composition weights».
   ========================================================================== */
.zq-juft__ich{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(26px,3.4vw,56px);align-items:start;
}
.zq-juft__q{display:grid;gap:clamp(10px,1.2vw,15px);align-content:start}
.zq-juft__q + .zq-juft__q{
  padding-left:clamp(26px,3.4vw,56px);border-left:1px solid var(--chiziq);
}
.zq-juft__bosh{
  display:grid;gap:clamp(5px,.7vw,8px);
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
}
.zq-juft__bosh .zq-b__n{
  grid-row:1;font-size:clamp(20px,1.7vw,24px);line-height:1;color:rgba(1,36,76,.3);
}
.zq-juft__bosh .zq-b__n::before{display:none}
.zq-juft__bosh .yorliq{grid-row:1;margin:0}
.zq-juft__bosh h2{grid-column:1/-1;font-size:clamp(22px,2.1vw,30px)!important;line-height:1.1}
.zq-juft__bosh .zq-b__xul{
  grid-column:1/-1;padding-left:0;border-left:0;padding-top:2px;
}
.zq-juft__plaka{
  margin:0;padding-top:clamp(10px,1.2vw,14px);
  justify-content:space-between;gap:6px 14px;
}
.zq-juft .zq-b__p{font-size:15px;line-height:1.6;max-width:60ch}
.zq-juft .zq-reg{
  padding-top:clamp(10px,1.2vw,15px);
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(16px,2vw,28px);row-gap:0;
}
.zq-juft .zq-reg dd{max-width:58ch}
.zq-juft .zq-reg .q-javob__q{padding-block:clamp(8px,1vw,12px)}
.zq-juft .zq-reg .q-javob__q:first-child{grid-column:1/-1;padding-top:0}
.zq-juft .zq-reg .q-javob__q:nth-child(n+2){border-top:1px solid var(--chiziq-ichki);padding-bottom:0}
.zq-juft .zq-reg .q-javob__q:nth-child(3){border-left:1px solid var(--chiziq-ichki);
  padding-left:clamp(16px,2vw,28px)}

/* ==========================================================================
   §6 · BOʻLIM SHAPKASI `.zq-mast` — sarlavha chapda, lid oʻngda.
   Avval ustma-ust turardi: 160–210 px. Endi ≈ 90 px, oʻqish qatori qisqa.
   ========================================================================== */
.zq-mast{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(18px,2.6vw,44px);align-items:start;
  padding-bottom:clamp(14px,1.8vw,22px);border-bottom:1px solid var(--chiziq);
  margin-bottom:clamp(18px,2.2vw,30px);
}
.zq-mast .bosh{margin-bottom:0;gap:clamp(8px,1vw,12px)}
.zq-mast > .lid{max-width:42ch;font-size:15px;line-height:1.6;color:var(--slate)}
.zq-mast--yorliq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center}
.zq-mast--yorliq > .lid{max-width:62ch}
.bolim--yuza .zq-mast{border-bottom-color:#D3DFED}

/* ==========================================================================
   §7 · SOH-07 · XIZMAT MUDDATI — 6 holat chapda, oqibat oʻngda,
   «Tormoz suyuqligi» akkordeonga yigʻildi (matn oʻchmagan).
   ========================================================================== */
.zq-oraliq .soh-oraliq__grid{
  grid-template-columns:minmax(0,8fr) minmax(0,4fr);
  gap:clamp(24px,3vw,48px);align-items:start;
}
.zq-oraliq .zq-mast{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.zq-oraliq .zq-mast > .lid{max-width:64ch}
.zq-oraliq .soh-oraliq__sar{margin-bottom:clamp(10px,1.2vw,16px);font-size:16px}
.zq-oraliq .soh-holat{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(20px,2.6vw,40px);
}
.zq-oraliq .soh-holat__q{
  grid-template-columns:24px minmax(0,1fr);
  grid-template-areas:"n p" ". t";
  gap:4px 12px;padding-block:clamp(8px,1vw,11px);align-items:baseline;
}
.zq-oraliq .soh-holat__n{grid-area:n}
.zq-oraliq .soh-holat__q p{grid-area:p}
.zq-oraliq .soh-teg{grid-area:t;justify-self:start}
.zq-oraliq .soh-holat__q:nth-child(2n){padding-left:clamp(20px,2.6vw,40px);
  border-left:1px solid var(--chiziq-ichki)}
.zq-oraliq .soh-holat__n{font-size:12px}
.zq-oraliq .soh-holat__q p{font-size:13.5px;line-height:1.5;max-width:64ch}
.zq-oraliq .soh-teg{font-size:var(--mayda);padding:2px 7px}  /* 10 px edi */
.zq-oraliq .soh-oqibat{gap:clamp(12px,1.4vw,18px)}
.zq-oraliq .soh-oqibat p{font-size:14px;line-height:1.6;max-width:48ch}
.zq-oraliq .zq-tormoz{margin-top:0;border-top:1px solid var(--chiziq);max-width:none}
.zq-oraliq .soh-oraliq__ost{margin-top:clamp(16px,2vw,26px);padding-top:clamp(14px,1.7vw,20px)}
.zq-oraliq .eslatma{font-size:14px;line-height:1.55}

/* ==========================================================================
   §8 · SOH-08 · QADOQ — oʻlchov shkalasi ixcham, taʼminot bloki bitta qator
   ========================================================================== */
.soh-qadoq .soh-qadoq__grid{gap:0}
.soh-qadoq .soh-qadoq__k{padding-block:0}
.soh-qadoq .soh-qadoq__h{font-size:clamp(23px,2.1vw,30px)}
.soh-qadoq .soh-qadoq__h::after{margin-top:6px}
.soh-qadoq .soh-qadoq__k p{font-size:13.5px;line-height:1.55}
.soh-qadoq .soh-taminot{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(18px,2.4vw,36px);align-items:start;
  margin-top:clamp(16px,1.9vw,24px);padding-top:clamp(14px,1.7vw,20px);
}
.soh-qadoq .soh-taminot h3{margin:0;max-width:14em}
.soh-qadoq .soh-taminot__m{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(18px,2.4vw,36px);align-items:start;justify-items:start;
}
.soh-qadoq .soh-taminot .tana-k{font-size:14.5px;line-height:1.58;max-width:52ch}
.soh-qadoq .zq-mast{padding-bottom:clamp(12px,1.5vw,18px);margin-bottom:clamp(14px,1.8vw,22px)}

/* ==========================================================================
   §9 · SOH-05 · YIGʻMA JADVAL — qator balandligi 73 → ≈ 52 px
   ========================================================================== */
.soh-jadval-bolim .jadval th,.soh-jadval-bolim .jadval td{padding-block:12px}
.soh-jadval-bolim .soh-jadval{font-size:14px;line-height:1.5}
.soh-jadval-bolim .soh-jadval tbody th{font-size:15.5px;line-height:1.3}
.soh-jadval-bolim .soh-jadval__ost{margin-top:clamp(16px,2vw,24px);padding-top:clamp(14px,1.7vw,20px)}
.soh-jadval-bolim .soh-jadval__ost .tana-k{font-size:14px;line-height:1.55}
main [data-blok="SOH-05"][data-blok] h2{font-size:clamp(24px,2.4vw,34px)!important}

/* ==========================================================================
   §10 · SOH-06 · MOY TANLASH PANELI — asbob bitta ekranga sigʻadi
   ========================================================================== */
.soh-tanlash .panel{padding:clamp(18px,2vw,28px)}
.soh-tanlash .tablar{margin-bottom:clamp(12px,1.4vw,18px)}
.soh-tanlash .soh-tanlash__mono{margin-bottom:clamp(10px,1.1vw,13px)}
.soh-tanlash .plitalar{margin-bottom:clamp(13px,1.5vw,19px)}
.soh-tanlash .plita{padding-block:clamp(9px,1vw,12px);font-size:13px;gap:8px}
.soh-tanlash .plita .ik{width:20px;height:20px}
.soh-tanlash .maydonlar{margin-bottom:clamp(13px,1.5vw,19px);gap:clamp(12px,1.5vw,20px)}
.soh-tanlash .maydon{gap:6px}
.soh-tanlash .maydon__izoh{font-size:12px;line-height:1.35}
.soh-tanlash .tab-ich > .btn{margin-top:2px}
.soh-tanlash .maydon input,.soh-tanlash .maydon select{min-height:46px}
.soh-tanlash .panel__ost{margin-top:clamp(13px,1.6vw,19px);padding-top:clamp(12px,1.4vw,17px)}

/* ==========================================================================
   §11 · SOH-09 · SAVOL-JAVOB + BOB YAKUNI
   Chapda: boʻlim sarlavhasi + keyingi qadam (avvalgi alohida CTA bandi).
   Oʻngda: akkordeon roʻyxati.
   ========================================================================== */
.zq-sss{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(26px,3.4vw,64px);align-items:start;
}
.zq-sss__chap{display:grid;gap:clamp(22px,2.6vw,36px);align-content:start;position:sticky;top:132px}
.zq-sss__chap .bosh{margin-bottom:0}
.zq-sss .q-cta__ich{
  display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.5vw,18px);
  padding-top:clamp(16px,2vw,24px);border-top:1px solid var(--chiziq);
}
.zq-sss .q-cta__m{font-size:clamp(18px,1.6vw,23px);line-height:1.25;max-width:20ch}
.zq-sss .q-cta__tugma{justify-self:start;padding:0;border:0;gap:var(--s3)}
.zq-sss .sss__s{padding-block:clamp(11px,1.3vw,16px)}
.zq-sss .sss__t{font-size:16px;line-height:1.35}
.zq-sss .sss__j{padding-bottom:clamp(14px,1.7vw,22px)}
.zq-sss .sss__j .tana-k{font-size:14.5px;line-height:1.62;max-width:72ch}
.zq-sss .sss__ha{margin-top:clamp(18px,2.2vw,28px)}

/* ==========================================================================
   §12 · SOH-10 · SOʻROV — quyuq band, forma ixcham
   ========================================================================== */
.soh-sorov .soh-sorov__chap{gap:clamp(20px,2.4vw,32px)}
.soh-sorov .bosh .lid{max-width:46ch;font-size:15px;line-height:1.6}
.soh-sorov .reg__q{padding-block:clamp(11px,1.3vw,16px)}
.soh-sorov .reg__m .tana-k{font-size:14px;line-height:1.55;max-width:50ch}
.soh-sorov .soh-aloqa li{padding-block:clamp(9px,1.1vw,13px)}
.soh-sorov .panel{padding:clamp(18px,2.1vw,28px)}
.soh-sorov .panel__ost{align-items:center}
.soh-sorov .javobgarlik{font-size:12px;line-height:1.45}
.soh-sorov .soh-forma textarea{line-height:1.5}
.soh-sorov .soh-forma{gap:clamp(11px,1.3vw,15px)}
.soh-sorov .maydon{gap:7px}
.soh-sorov .maydon input,.soh-sorov .maydon select{min-height:46px}
.soh-sorov .soh-forma textarea{min-height:70px}
.soh-sorov .panel__ost{margin-top:clamp(14px,1.8vw,22px);padding-top:clamp(14px,1.7vw,20px)}

/* §13 · BOB OʻTISH TASMASI — 13.09 da butunlay olib tashlandi
   (matnsiz bezak band + sahifadagi uchinchi quyuq yuza edi). */

/* ==========================================================================
   §13b · AKSENT BUDJETI — koʻk #3A97E0 sahifada ROPPA-ROSA IKKI joyda:
   hero CTA va asbobning «Mos moyni topish» tugmasi (GLOBAL-3 qarori).
   Sahifada beshta toʻldirilgan aksent tugma bor edi — qonun 1–2 deydi.
   Qolganlari siyoh rangda: ierarxiya toʻldirish/kontur farqida qoladi
   (oq matn #01244C ustida 15:1 — AA dan ham oʻtadi).
   ========================================================================== */
main [data-blok="SOH-08"] .btn--asos,
main [data-blok="SOH-09"] .btn--asos,
main [data-blok="SOH-10"] .btn--asos{background:var(--navy);color:#fff}
main [data-blok="SOH-08"] .btn--asos:hover,
main [data-blok="SOH-09"] .btn--asos:hover,
main [data-blok="SOH-10"] .btn--asos:hover{background:var(--navy-800)}

/* ==========================================================================
   §14 · RESPONSIV — 1100 / 900 / 760.  Mobil ATAYLAB loyihalanadi:
   bitta ustun, ixcham hero, ulkan tipografika yoʻq, ulkan slot yoʻq.
   ========================================================================== */
@media (max-width:1180px){
  /* Uch qismli tasma ikki qatorga: yuqorida kadr + matn, ostida registr.
     Matn ustuni 44 belgidan tor boʻlmaydi, kadr ostida boʻsh ustun qolmaydi. */
  .zq-reg{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);
    padding-top:clamp(12px,1.5vw,18px);border-top:1px solid var(--chiziq)}
  .zq-reg .q-javob__q{padding-block:0}
  .zq-reg .q-javob__q + .q-javob__q{border-top:0;
    border-left:1px solid var(--chiziq-ichki);padding-left:clamp(16px,2vw,28px)}
  .bolim--yuza .zq-reg .q-javob__q + .q-javob__q{border-left-color:#D3DFED}

  .zq-b--f .zq-b__matn{grid-column:1/7;grid-row:1}
  .zq-b--f .zq-b__kadr{grid-column:7/13;grid-row:1}
  .zq-b--f .zq-reg    {grid-column:1/13;grid-row:2}
  .zq-b--f .zq-b__fakt{grid-column:1/9;grid-row:3;align-self:center}
  .zq-b--f .zq-b__ost {grid-column:9/13;grid-row:3;justify-content:flex-end;align-self:center}

  .zq-b--m .zq-b__kadr{grid-column:1/6;grid-row:1}
  .zq-b--m .zq-b__matn{grid-column:6/13;grid-row:1}
  .zq-b--m .zq-reg    {grid-column:1/13;grid-row:2}
  .zq-b--m .zq-b__ost {grid-column:1/13;grid-row:3}

  .zq-b--teskari .zq-b__matn{grid-column:1/8;grid-row:1}
  .zq-b--teskari .zq-b__kadr{grid-column:8/13;grid-row:1}
  .zq-b--teskari .zq-reg    {grid-column:1/13;grid-row:2}
  .zq-b--teskari .zq-b__ost {grid-column:1/13;grid-row:3}

  .zq-b--w .zq-b__kadr{grid-column:1/6;grid-row:1}
  .zq-b--w .zq-b__matn{grid-column:6/13;grid-row:1}
  .zq-b--w .zq-reg    {grid-column:1/13;grid-row:2}
  .zq-b--w .zq-b__fakt{grid-column:1/9;grid-row:3;align-self:center}
  .zq-b--w .zq-b__ost {grid-column:9/13;grid-row:3;justify-content:flex-end;align-self:center}
}

@media (max-width:1100px){
  /* qadoq shkalasi bu kenglikdan bir necha qatorga tushadi — qatorlar orasida
     ham, matn bilan ajratuvchi chiziq orasida ham nafas boʻlishi kerak */
  .soh-qadoq .soh-qadoq__grid{gap:clamp(14px,2.2vw,22px) 0}
  .soh-qadoq .soh-qadoq__grid .soh-qadoq__k:nth-child(-n+3){padding-bottom:clamp(10px,1.6vw,16px)}
}

@media (max-width:1024px){
  .zq-kirish__matn{grid-column:1/13}
  .zq-kirish__ind{grid-column:1/13}
  /* ⚠ `.q-cta__ich` — `.zq-sss__chap` ning bolasi, shuning uchun undagi `order`
     faqat oʻramcha ichida ishlardi va CTA baribir roʻyxatdan OLDIN chiqardi.
     Oʻramchani shaffof qilamiz: sarlavha → savol-javob → keyingi qadam. */
  .zq-sss{grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.4vw,24px)}
  .zq-sss__chap{display:contents}
  .zq-sss__chap > .bosh{order:0}
  .zq-sss__ong{order:1}
  .zq-sss .q-cta__ich{order:2;margin-top:clamp(8px,1.4vw,16px)}
  .zq-oraliq .soh-oraliq__grid{grid-template-columns:minmax(0,1fr)}
  .zq-oraliq .soh-oqibat p{max-width:70ch}
  .soh-qadoq .soh-taminot{grid-template-columns:minmax(0,1fr)}
  .zq-mast{grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.4vw,16px)}
  .zq-mast--yorliq{grid-template-columns:minmax(0,1fr);align-items:start}
  .zq-oraliq .zq-mast{grid-template-columns:minmax(0,1fr)}
}

/* Planshet oraligʻi: uch ustunli registr 768 px da 219 px ga (≈33 belgi) tushardi.
   Bu yerda u ikki ustun boʻladi — 1-band butun kenglikda, 2 va 3 yonma-yon. */
@media (min-width:761px) and (max-width:1000px){
  .zq-b .zq-reg{grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(16px,2.4vw,28px);row-gap:0;
    padding-top:clamp(12px,1.6vw,18px);border-top:1px solid var(--chiziq)}
  .zq-b .zq-reg dd{max-width:58ch}
  .zq-b .zq-reg .q-javob__q{padding-block:clamp(9px,1.2vw,13px)}
  .zq-b .zq-reg .q-javob__q:first-child{grid-column:1/-1;padding-top:0}
  .zq-b .zq-reg .q-javob__q:nth-child(n+2){border-left:0;padding-left:0;padding-bottom:0;
    border-top:1px solid var(--chiziq-ichki)}
  .zq-b .zq-reg .q-javob__q:nth-child(3){border-left:1px solid var(--chiziq-ichki);
    padding-left:clamp(16px,2.4vw,28px)}
  .bolim--yuza .zq-b .zq-reg .q-javob__q:nth-child(n+2){border-top-color:#D3DFED}
}

@media (max-width:900px){
  /* bitta ustun — DOM tartibi: matn → kadr → registr → amal → fakt */
  .zq-b__tan > *{grid-column:1/13!important}
  .zq-b--f .zq-b__matn,.zq-b--m .zq-b__matn,
  .zq-b--teskari .zq-b__matn,.zq-b--w .zq-b__matn{grid-row:1}
  .zq-b--f .zq-b__kadr,.zq-b--m .zq-b__kadr,
  .zq-b--teskari .zq-b__kadr,.zq-b--w .zq-b__kadr{grid-row:2}
  .zq-b--f .zq-reg,.zq-b--m .zq-reg,
  .zq-b--teskari .zq-reg,.zq-b--w .zq-reg{grid-row:3;padding-top:clamp(12px,1.5vw,18px);
    border-top:1px solid var(--chiziq)}
  .zq-b--f .zq-b__ost,.zq-b--m .zq-b__ost,
  .zq-b--teskari .zq-b__ost,.zq-b--w .zq-b__ost{grid-row:4;justify-content:space-between}
  .zq-b--f .zq-b__fakt,.zq-b--w .zq-b__fakt{grid-row:5}

  .zq-juft__ich{grid-template-columns:minmax(0,1fr);gap:clamp(22px,3vw,34px)}
  .zq-juft__q + .zq-juft__q{padding-left:0;border-left:0;
    padding-top:clamp(22px,3vw,34px);border-top:1px solid var(--chiziq)}
  .zq-b__bosh{grid-template-columns:clamp(44px,7vw,64px) minmax(0,1fr)}
  .zq-b__xul{grid-column:1/-1;padding-left:0;border-left:0;
    padding-top:clamp(10px,1.4vw,14px);border-top:1px solid var(--chiziq-ichki)}
  .soh-qadoq .soh-taminot__m{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:760px){
  main [data-blok="SOH-01"].hs--sahifa{min-height:clamp(360px,62vh,430px)}
  .zq-kirish .q-kirish__lid{font-size:19px;max-width:none}
  .zq-kirish .q-kirish__ikki{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .zq-kirish .q-nav__q{grid-template-columns:30px minmax(0,1fr) 15px}
  .zq-b__tan{gap:var(--s5)}
  .zq-b__bosh{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .zq-b__n{font-size:clamp(28px,7vw,38px)}
  .zq-b__ost{flex-direction:column;align-items:flex-start;gap:var(--s3)}
  .zq-b__kadr .q-kadr__ich{padding:16px}
  /* ⚠ mobilda nisbatni 16:10 ga majburlash eʼlon qilingan `data-nisbat` ni
     yolgʻonga aylantirardi — har slot oʻz nisbatida qoladi. */
  .zq-juft__bosh h2{font-size:22px!important}
  .zq-juft .zq-reg{grid-template-columns:minmax(0,1fr)}
  .zq-juft .zq-reg .q-javob__q:nth-child(3){border-left:0;padding-left:0}
  .zq-juft .zq-reg .q-javob__q:nth-child(n+2){padding-bottom:clamp(8px,1vw,12px)}
  .zq-oraliq .soh-holat{grid-template-columns:minmax(0,1fr)}
  .zq-oraliq .soh-holat__q:nth-child(2n){padding-left:0;border-left:0}
  .zq-oraliq .soh-holat__q{grid-template-columns:24px minmax(0,1fr);gap:8px 10px}
  /* registr 390 px da uch ustunda 106 px (13–16 belgi) qolardi — tik roʻyxat */
  .zq-b .zq-reg{grid-template-columns:minmax(0,1fr);gap:0;
    padding-top:clamp(12px,3vw,16px);border-top:1px solid var(--chiziq)}
  .zq-b .zq-reg .q-javob__q{padding-block:clamp(10px,3vw,14px)}
  .zq-b .zq-reg .q-javob__q:first-child{padding-top:0}
  .zq-b .zq-reg .q-javob__q:last-child{padding-bottom:0}
  .zq-b .zq-reg .q-javob__q + .q-javob__q{border-left:0;padding-left:0;
    border-top:1px solid var(--chiziq-ichki)}
  .bolim--yuza .zq-b .zq-reg .q-javob__q + .q-javob__q{border-top-color:#D3DFED}

  /* qadoq shkalasi ikki ustunda: gutter ham, qatorlar orasi ham qaytarildi
     (eski 3-ustunli `nth-child(3n…)` qoidalari 2 ustunga mos emasdi) */
  .soh-qadoq .soh-qadoq__grid{grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(16px,4.5vw,24px) 0}
  .soh-qadoq .soh-qadoq__grid .soh-qadoq__k:nth-child(2n+1){
    padding-left:0;padding-right:clamp(14px,4vw,20px)}
  .soh-qadoq .soh-qadoq__grid .soh-qadoq__k:nth-child(2n){
    padding-left:clamp(14px,4vw,20px);padding-right:0;border-right:0}
  .soh-qadoq .soh-qadoq__grid .soh-qadoq__k:last-child{
    padding-left:0;padding-right:0}
  .soh-qadoq .soh-qadoq__grid .soh-qadoq__k:nth-child(-n+4){padding-bottom:clamp(10px,3vw,16px)}
  .zq-sss .q-cta__tugma{width:100%}
  .zq-sss .q-cta__tugma .btn{width:100%;justify-content:space-between}
}