/* ==========================================================================
   MOY TANLASH · 3-BRIF ZICHLIK QATLAMI  ·  z-moy-tanlash.css  (2026-09-13)
   --------------------------------------------------------------------------
   Brif: `brif/3-ZICHLIK-RASMSIZ-12-09.md` — «no giant sections · design for
   the viewport · spacious but NOT empty · education below the tool».

   Bu sahifa MAQOLA emas, ASBOB. Shu sababli qayta kompozitsiya qilindi:

   1 · QAROR QABUL QILISH TEPAGA. Hero 546 → ~420 px (assimetrik: chapda
       yorliq/H1/CTA, oʻngda tushuntirish). 1440×900 da konfiguratorning
       birinchi qadami birinchi ekranga chiqadi.
   2 · ASBOBDAN OLDIN UZUN MATN YOʻQ. «Texnika toifasi» savoli va uning besh
       gapli izohi endi bitta qator: chapda savol, oʻngda oʻlchangan izoh.
       «Nega uchta maydon soʻraladi» — akkordeon (matn oʻchmadi, yigʻildi).
   3 · TAʼLIM QISMI PASTDA VA YIGʻILGAN. TAN-06 (standartlar), TAN-07 (xato
       tanlov oqibatlari) va TAN-08 (boshqa suyuqliklar) — uzun tushuntirish;
       ularning sarlavhalari koʻrinib turadi, tanasi <details> ichida.
       Har uchtasi UCH XIL koʻrinadi: akronim registri (oq) · raqamli registr
       (navy) · yoʻnalish registri (nomi + «nimaga qaraladi» qatori koʻrinadi).
   4 · IKKI QOʻSHNI BOB BITTA GʻOYANI AYTARDI. TAN-05 (viskozitet nimani
       aytadi) va TAN-06 (spetsifikatsiya nimani aytadi) — bitta bob boʻldi:
       bitta sirt, bitta padding juftligi, ichida bogʻlovchi (C) sarlavha.
   5 · Ritm: A 60 · B 48 · C 34 px → boʻlimlar orasi 82–124 px.

   Qonun oʻzgarmadi: soya 0 · tracking ≤ 0 · yuqoriga tekislash · radius
   6/8/12/14 · matn VERBATIM · quyuq band 2 (hero + TAN-07) · rasm YOʻQ
   (faqat loyihalangan slot) · aksent koʻk 2 joyda (hero CTA + 5W-XX relsi).
   ========================================================================== */

/* ==========================================================================
   §0 · RITM — har boʻlimning oʻz paddingi (0-2-1, tizim.css §6 dan keyin)
   ========================================================================== */
main [data-blok="TAN-02"][data-blok]{padding-block:clamp(38px,3.6vw,50px) clamp(40px,4vw,54px)}
main [data-blok="TAN-03"][data-blok]{padding-block:0 clamp(44px,4.4vw,60px)}
main [data-blok="TAN-04"][data-blok]{padding-block:clamp(28px,2.8vw,38px)}
main [data-blok="TAN-05"][data-blok]{padding-block:clamp(44px,4.4vw,58px)}
main [data-blok="TAN-06"][data-blok]{padding-block:clamp(40px,4vw,54px)}
main [data-blok="TAN-07"][data-blok]{padding-block:clamp(46px,4.6vw,62px)}
main [data-blok="TAN-08"][data-blok]{padding-block:clamp(36px,3.6vw,48px)}
main [data-blok="TAN-09"][data-blok]{padding-block:clamp(30px,3vw,40px)}
main [data-blok="TAN-10"][data-blok]{padding-block:clamp(40px,4vw,54px)}
main [data-blok="TAN-11"][data-blok]{padding-block:clamp(28px,2.8vw,38px) clamp(32px,3.2vw,44px)}

/* boʻlim shapkasi — sarlavha bloki bilan kontent orasi bitta qiymat */
[data-blok^="TAN-"] .t2-bosh{gap:clamp(8px,.9vw,12px);margin-bottom:clamp(20px,2.1vw,28px)}
/* Bob ochuvchi — hero bilan bitta kompozitsiya: yorliq, ostida chapda
   sarlavha, oʻngda lid. Ustma-ust terilganda bu blok 180 px edi, endi 125. */
[data-blok^="TAN-"] .t2-bosh--bob{
  grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  column-gap:clamp(24px,4vw,72px);align-items:start;
}
[data-blok^="TAN-"] .t2-bosh--bob > .t2-yoz{grid-column:1/-1}
[data-blok^="TAN-"] .t2-bosh--bob > h2{grid-column:1;align-self:start}
[data-blok^="TAN-"] .t2-bosh--bob > .t2-lid{grid-column:2;grid-row:2;padding-top:.4em;max-width:40em}
[data-blok^="TAN-"] .t2-bosh--qator{padding-bottom:var(--s4);margin-bottom:clamp(20px,2.1vw,28px)}
[data-blok^="TAN-"] .t2-lid{font-size:clamp(16px,1.15vw,17px);line-height:1.5;max-width:44em}

/* ==========================================================================
   §1 · TAN-01 · HERO — ixcham, assimetrik
   Chapda yorliq → H1 → amal; oʻngda tushuntirish. Balandlik 380–440 px:
   asbob birinchi ekranda koʻrinsin (3-brif §3).
   ========================================================================== */
main [data-blok="TAN-01"].hs{min-height:clamp(330px,44vh,420px)}
[data-blok="TAN-01"] .hs__ich{padding-top:clamp(100px,12vh,124px);padding-bottom:clamp(16px,1.8vw,24px)}
[data-blok="TAN-01"] .hs__krosh{margin-bottom:clamp(14px,1.6vw,22px)}
[data-blok="TAN-01"] .hs__matn{
  max-width:none;
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  column-gap:clamp(32px,5vw,88px);row-gap:clamp(10px,1.1vw,15px);
  align-items:start;
}
[data-blok="TAN-01"] .hs__matn > .yorliq{grid-column:1;grid-row:1}
[data-blok="TAN-01"] h1{grid-column:1;grid-row:2;max-width:11em;font-size:clamp(29px,2.9vw,42px)}
[data-blok="TAN-01"] .hs__matn .lid{grid-column:2;grid-row:2;max-width:30em;padding-top:.45em}
[data-blok="TAN-01"] .hs__amal{grid-column:1;grid-row:3;margin-top:clamp(6px,.8vw,12px)}
[data-blok="TAN-01"] .hs__meta{margin-top:clamp(18px,2vw,26px);padding-top:var(--s3)}

/* ==========================================================================
   §2 · TAN-02 · ASBOB — asbobdan oldin uzun matn turmaydi
   ========================================================================== */
[data-blok="TAN-02"] .t2-bosh--asbob{margin-bottom:var(--s5)}
[data-blok="TAN-02"] .t2-tablar{margin-bottom:0}
[data-blok="TAN-02"] .t2-tablar .tab{padding-block:0 14px}
[data-blok="TAN-02"] .t2-rels .szr-rels__t{padding-bottom:16px}
[data-blok="TAN-02"] .t2-rels{margin-bottom:clamp(20px,2.2vw,30px)}
[data-blok="TAN-02"] .t2-qadam{padding-bottom:clamp(18px,2vw,28px)}

/* savol | izoh — bitta qator, hairline bilan yopiladi */
[data-blok="TAN-02"] .t2-qadam__bosh{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  column-gap:clamp(24px,3.6vw,64px);row-gap:8px;align-items:start;
  padding-bottom:clamp(14px,1.6vw,20px);margin-bottom:clamp(16px,1.8vw,24px);
  border-bottom:1px solid var(--t2-chiziq);
}
[data-blok="TAN-02"] .t2-qadam .szr-savol{font-size:clamp(19px,1.7vw,23px);padding-top:2px}
[data-blok="TAN-02"] .t2-qadam .szr-lid{
  font-size:15px;line-height:1.55;max-width:74ch;margin:0;
}
[data-blok="TAN-02"] .t2-qadam .szr-izoh{margin-top:var(--s4);font-size:14px}

/* toifa plitalari — balandlik kontentdan chiqadi (186 px min-height boʻsh
   joyni ushlab turardi), ikonka kichrayadi */
[data-blok="TAN-02"] .t2-toifa .szr-plita{
  padding:var(--s4);gap:6px;min-height:0;
}
[data-blok="TAN-02"] .t2-toifa .szr-plita .ik{width:19px;height:19px}
[data-blok="TAN-02"] .t2-toifa .szr-plita__ost{font-size:12.5px;line-height:1.4}

/* asbob osti — quti emas, hairline qator */
[data-blok="TAN-02"] .t2-asbob__ost{
  background:none;padding:var(--s4) 0 0;margin-top:var(--s4);
  border-top:1px solid var(--t2-chiziq);gap:var(--s4) var(--s10);
}
[data-blok="TAN-02"] .t2-tds{margin-top:var(--s4);font-size:14px}

/* «Nega uchta maydon soʻraladi» — asbobning yordami, yigʻilgan holda */
.z-nega{
  margin-top:clamp(22px,2.4vw,32px);padding-top:clamp(16px,1.8vw,24px);
  border-top:1px solid var(--t2-chiziq);
}
.z-nega__t .t2-nega__bosh{font-size:clamp(19px,1.7vw,23px);line-height:1.2;margin:0;max-width:none}
.z-nega .t2-nega__royxat{margin-top:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(24px,3vw,56px);border-top:1px solid var(--t2-chiziq-ich);padding-top:var(--s4)}
.z-nega .t2-nega__royxat li{border-top:0;padding:0;font-size:15px;line-height:1.55}
.z-nega .t2-nega__royxat li::before{position:static;display:block;margin-bottom:6px}

/* ==========================================================================
   §3 · AKKORDEON TILI — `.z-ak`
   Uzun tushuntirish oʻchmaydi, yigʻiladi. Quti yoʻq, soya yoʻq, ikonka yoʻq —
   faqat hairline qator va chapdan oʻngga qarab kichrayadigan «+» belgisi.
   ========================================================================== */
.z-ak__t{
  --z-mark:var(--navy);
  list-style:none;cursor:pointer;display:flex;align-items:baseline;
  gap:clamp(16px,2vw,32px);justify-content:space-between;
}
.z-ak__t::-webkit-details-marker{display:none}
.z-ak__t::after{
  content:"";flex:none;width:13px;height:13px;align-self:center;
  background:
    linear-gradient(var(--z-mark) 0 0) 50% 50%/13px 1.5px no-repeat,
    linear-gradient(var(--z-mark) 0 0) 50% 50%/1.5px 13px no-repeat;
  opacity:.62;transition:opacity var(--anim) var(--ease);
}
.z-ak[open] > .z-ak__t::after{
  background:linear-gradient(var(--z-mark) 0 0) 50% 50%/13px 1.5px no-repeat;opacity:.9;
}
.z-ak__t:hover::after{opacity:1}
.z-ak__t:focus-visible{outline:2px solid var(--aksent);outline-offset:6px}
.z-ak__m{padding-top:clamp(10px,1.1vw,14px)}
.z-ak--quyuq .z-ak__t{--z-mark:#fff}

/* ==========================================================================
   §4 · TAN-05 · BELGINI OʻQISH + SIFAT SINFI (birlashgan bob)
   ========================================================================== */
[data-blok="TAN-05"] .t2-sae{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-blok="TAN-05"] .t2-sae__q{
  gap:var(--s3);padding:clamp(14px,1.5vw,20px) clamp(18px,2vw,32px) clamp(18px,1.8vw,26px) 0;
}
[data-blok="TAN-05"] .t2-sae__q:not(:first-child){padding-left:clamp(18px,2vw,32px)}
[data-blok="TAN-05"] .t2-sae__x{font-size:clamp(42px,5vw,72px);line-height:.9}
[data-blok="TAN-05"] .t2-sae__q h3{font-size:17px}
[data-blok="TAN-05"] .t2-sae__q .tana-k{font-size:14.5px;line-height:1.5}

/* Kompozitsiya: 8/4 — chapda «5 W 30» displeyi, oʻngda TECHNICAL DETAIL
   sloti (u avval taqqoslashning tepasida alohida qator egallardi, 270 px).
   Pastda taqqoslash: chapda savol, oʻngda relslar. `.t2-taq` display:contents
   boʻladi — bolalari bevosita shu toʻrga tushadi. */
[data-blok="TAN-05"] .ich{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(20px,2.6vw,44px);row-gap:clamp(20px,2.2vw,30px);align-items:start;
}
[data-blok="TAN-05"] .ich > *{grid-column:1/-1}
[data-blok="TAN-05"] .t2-sae{grid-column:1/span 8;grid-row:2}
[data-blok="TAN-05"] .t2-taq{display:contents}
[data-blok="TAN-05"] .t2-taq__kadr{grid-column:9/-1;grid-row:2;margin:0;
  border-top:1px solid var(--navy)}   /* displey chizigʻi 12 ustunni kesib oʻtadi */
[data-blok="TAN-05"] .t2-taq__bosh{
  grid-column:1/span 4;grid-row:3;font-size:clamp(19px,1.7vw,23px);max-width:14em;
  padding-top:clamp(14px,1.5vw,20px);border-top:1px solid var(--t2-chiziq);
}
[data-blok="TAN-05"] .t2-taq__m{
  grid-column:5/-1;grid-row:3;gap:var(--s4);
  padding-top:clamp(14px,1.5vw,20px);border-top:1px solid var(--t2-chiziq);
}
[data-blok="TAN-05"] .t2-taq__m{grid-row:3/span 2}
[data-blok="TAN-05"] .t2-sae__ost{grid-column:1/span 4;grid-row:4;display:grid;gap:var(--s4);justify-items:start}
[data-blok="TAN-05"] .t2-sae__ost .eslatma{font-size:15px;line-height:1.55}
[data-blok="TAN-05"] .t2-taq .kadr{max-height:min(26vh,236px);aspect-ratio:4/3}
[data-blok="TAN-05"] .t2-taq__juft{gap:var(--s4);margin-block:0}
[data-blok="TAN-05"] .t2-taq__m .kichik{font-size:14px}
[data-blok="TAN-05"] .t2-sae__ost{margin-top:clamp(18px,1.9vw,26px)}

/* ==========================================================================
   §4b · TAN-06 · SIFAT SINFI — akronim registri
   Toʻrtta bir xil matn ustuni EMAS: akronim va tavsifi bitta qatorda
   koʻrinadi, taʼrifi soʻralganda ochiladi.
   ========================================================================== */
[data-blok="TAN-06"] .t2-std{border-top:1px solid var(--t2-chiziq)}
[data-blok="TAN-06"] .t2-std__q{
  display:block;padding-block:clamp(13px,1.4vw,18px);
  border-bottom:1px solid var(--t2-chiziq);
}
[data-blok="TAN-06"] .t2-std__q h3{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;
  font-size:clamp(15px,1.2vw,17px);
}
[data-blok="TAN-06"] .t2-akr{
  display:inline-block;font-size:clamp(22px,2.1vw,30px);line-height:1;
  min-width:3.6em;
}
[data-blok="TAN-06"] .t2-std__q .tana-k{max-width:72ch;font-size:15px;line-height:1.6}
[data-blok="TAN-06"] .t2-std__q .kichik{margin-top:var(--s3);font-size:14px}

[data-blok="TAN-06"] .t2-qoida{margin-top:clamp(22px,2.4vw,34px);gap:clamp(22px,3vw,52px)}
[data-blok="TAN-06"] .t2-qoida__k h3{font-size:18px}
[data-blok="TAN-06"] .t2-qoida__k .tana-k{font-size:15px;line-height:1.6}

/* ==========================================================================
   §5 · TAN-07 · XATO TANLOV — raqamli registr (quyuq langar)
   Olti oqibat bitta ustunda: raqam + sarlavha koʻrinadi, tanasi yigʻiladi.
   Ikki ustunli toʻrda akkordeon qoʻshnisini siljitardi.
   ========================================================================== */
[data-blok="TAN-07"] .t2-xato{grid-template-columns:minmax(0,1fr)}
[data-blok="TAN-07"] .t2-xato__q,
[data-blok="TAN-07"] .t2-xato__q--keng{
  grid-column:1;grid-template-columns:auto minmax(0,1fr);
  column-gap:clamp(16px,2.2vw,38px);row-gap:0;
  padding-block:clamp(13px,1.4vw,18px);align-items:baseline;
}
[data-blok="TAN-07"] .t2-xato__q::before,
[data-blok="TAN-07"] .t2-xato__q--keng::before{
  grid-row:1;font-size:clamp(20px,1.8vw,26px);min-width:1.7em;
}
[data-blok="TAN-07"] .z-ak{grid-column:2}
[data-blok="TAN-07"] .t2-xato__q h3,
[data-blok="TAN-07"] .t2-xato__q--keng h3{font-size:clamp(17px,1.4vw,20px);line-height:1.25}
[data-blok="TAN-07"] .t2-xato__q .tana-k{max-width:74ch;font-size:15px;line-height:1.6}
[data-blok="TAN-07"] .t2-xato__ost{margin-top:clamp(20px,2.2vw,32px)}
[data-blok="TAN-07"] .t2-xato__bosh{margin-bottom:0}

/* ==========================================================================
   §6 · TAN-08 · BOSHQA SUYUQLIKLAR — yoʻnalish registri
   Nomi va «nimaga qaraladi» qatori doim koʻrinadi (sahifaning javobi shu),
   uzun izoh yigʻiladi.
   ========================================================================== */
[data-blok="TAN-08"] .t2-yon{border-top:1px solid var(--t2-chiziq)}
[data-blok="TAN-08"] .z-yon{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  column-gap:clamp(24px,3.4vw,64px);row-gap:10px;align-items:start;
  padding-block:clamp(18px,1.9vw,26px);
  border-bottom:1px solid var(--t2-chiziq);
}
[data-blok="TAN-08"] .z-yon h3{grid-column:1;grid-row:1;font-size:clamp(19px,1.7vw,24px)}
[data-blok="TAN-08"] .z-yon .z-ak{grid-column:2;grid-row:1/span 2}
[data-blok="TAN-08"] .z-yon .ha{grid-column:1;grid-row:2;align-self:start}
[data-blok="TAN-08"] .t2-yon__nima{
  margin:0;padding-left:var(--s4);border-left:2px solid var(--navy);
  font-size:15px;line-height:1.5;color:var(--navy);font-weight:600;
}
[data-blok="TAN-08"] .t2-yon__izoh{max-width:74ch;font-size:15px;line-height:1.6}

/* ==========================================================================
   §6b · TAN-03 · NATIJA — asbobning chiqishi (JS ochadi)
   Sukut boʻyicha yashirin, shuning uchun sahifa balandligiga kirmaydi; lekin
   ochilganda 2 594 px edi — foydalanuvchi javobni koʻrish uchun uch ekran
   aylantirardi. Zichligi matn oʻlchovi va qator paddingi bilan tortildi.
   ========================================================================== */
[data-blok="TAN-03"] .t2-nat__bosh{margin-bottom:clamp(20px,2.2vw,30px)}
[data-blok="TAN-03"] .t2-nat__bosh h2{font-size:clamp(24px,2.3vw,32px)}
[data-blok="TAN-03"] .t2-tavsiya__m{gap:clamp(16px,1.7vw,24px)}
[data-blok="TAN-03"] .t2-spek__q{padding-block:clamp(12px,1.3vw,17px)}
[data-blok="TAN-03"] .t2-spek dd{gap:6px}
[data-blok="TAN-03"] .t2-spek__qiy{font-size:15px;line-height:1.5}
[data-blok="TAN-03"] .t2-sabab .tana-k,
[data-blok="TAN-03"] .t2-spek .tana-k{font-size:15px;line-height:1.6;max-width:64ch}
[data-blok="TAN-03"] .kichik{font-size:14px;line-height:1.5}
[data-blok="TAN-03"] .t2-suyuq,[data-blok="TAN-03"] .t2-muq{
  margin-top:clamp(26px,2.6vw,36px);padding-top:clamp(20px,2.1vw,28px);
}
[data-blok="TAN-03"] .t2-suyuq__bosh h3,[data-blok="TAN-03"] .t2-muq__bosh h3{font-size:clamp(19px,1.7vw,23px)}
[data-blok="TAN-03"] .t2-suyuq__bosh,[data-blok="TAN-03"] .t2-muq__bosh{gap:var(--s3)}
[data-blok="TAN-03"] .t2-suyuq__bosh .tana-k,[data-blok="TAN-03"] .t2-muq__bosh .tana-k{font-size:15px;line-height:1.6}
[data-blok="TAN-03"] .t2-suyuq__reg li,[data-blok="TAN-03"] .t2-muq__q{padding-block:clamp(12px,1.3vw,17px)}
[data-blok="TAN-03"] .t2-nat__cta{gap:var(--s3);margin-top:clamp(22px,2.2vw,30px)}
[data-blok="TAN-03"] .t2-nat__jav{margin-top:clamp(22px,2.2vw,30px);padding-top:var(--s4)}
[data-blok="TAN-03"] .t2-yoq__chap .tana-k{font-size:15px;line-height:1.6}
[data-blok="TAN-03"] .t2-yoq__forma{gap:var(--s4)}
[data-blok="TAN-03"] .t2-yoq__ong{gap:var(--s4)}

/* ==========================================================================
   §7 · TAN-04 · JARAYON · TAN-09 · ULGURJI · TAN-10 · FORMA · TAN-11
   ========================================================================== */
[data-blok="TAN-04"] .t2-jarayon{gap:clamp(20px,2.6vw,44px)}
[data-blok="TAN-04"] .t2-jarayon__q{gap:8px}
[data-blok="TAN-04"] .t2-jarayon__q .tana-k{font-size:15px;line-height:1.55}
[data-blok="TAN-04"] .t2-jarayon__ost{margin-top:clamp(18px,2vw,26px);font-size:14px}

[data-blok="TAN-09"] .t2-ulg{gap:clamp(24px,3.4vw,64px)}
[data-blok="TAN-09"] .t2-ulg__chap{gap:var(--s4)}
[data-blok="TAN-09"] .t2-ulg__chap .tana-k{font-size:15px;line-height:1.6}
[data-blok="TAN-09"] .t2-ulg__reg li{padding-block:clamp(12px,1.3vw,17px)}
[data-blok="TAN-09"] .t2-ulg__reg h3{font-size:17px}
[data-blok="TAN-09"] .t2-ulg__reg .tana-k{font-size:15px;line-height:1.55}

[data-blok="TAN-10"] .t2-savol__chap{gap:var(--s4)}
[data-blok="TAN-10"] .t2-savol__javob,[data-blok="TAN-10"] .javobgarlik{font-size:14px;line-height:1.55}
[data-blok="TAN-10"] .t2-forma{gap:var(--s4)}
[data-blok="TAN-10"] .t2-tez{margin-top:var(--s2)}

[data-blok="TAN-11"] .t2-yakun{gap:var(--s5)}

/* ==========================================================================
   §8 · RESPONSIV — 1100 · 900 · 760 · 390
   Mobil ATAYLAB: ixcham hero, bitta ustun, ulkan tipografika yoʻq.
   ========================================================================== */
@media (max-width:1100px){
  [data-blok="TAN-02"] .t2-qadam__bosh{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  [data-blok="TAN-08"] .z-yon{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .z-nega .t2-nega__royxat{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s5)}
}
@media (max-width:900px){
  [data-blok^="TAN-"] .t2-bosh--bob{grid-template-columns:minmax(0,1fr)}
  [data-blok^="TAN-"] .t2-bosh--bob > h2,
  [data-blok^="TAN-"] .t2-bosh--bob > .t2-lid{grid-column:1;grid-row:auto;padding-top:0}
  [data-blok="TAN-05"] .t2-sae{grid-column:1/-1;grid-row:auto}
  [data-blok="TAN-05"] .t2-taq__kadr{grid-column:1/-1;grid-row:auto}
  [data-blok="TAN-05"] .t2-taq__bosh,
  [data-blok="TAN-05"] .t2-taq__m{grid-column:1/-1;grid-row:auto}
  [data-blok="TAN-05"] .t2-taq__bosh{border-top:0;padding-top:0}
  [data-blok="TAN-05"] .t2-taq__m{grid-row:auto}
  [data-blok="TAN-05"] .t2-sae__ost{grid-column:1/-1;grid-row:auto}
  [data-blok="TAN-05"] .ich{row-gap:clamp(16px,2vw,24px)}
  [data-blok="TAN-01"] .hs__matn{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-01"] .hs__matn > .yorliq,
  [data-blok="TAN-01"] h1,
  [data-blok="TAN-01"] .hs__matn .lid,
  [data-blok="TAN-01"] .hs__amal{grid-column:1;grid-row:auto}
  [data-blok="TAN-01"] .hs__matn .lid{padding-top:0}
  [data-blok="TAN-05"] .t2-sae{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  main [data-blok="TAN-01"].hs{min-height:clamp(300px,48vh,380px)}
  [data-blok="TAN-01"] .hs__meta{grid-template-columns:minmax(0,1fr);gap:8px}
  [data-blok="TAN-01"] .hs__meta li:nth-child(2),
  [data-blok="TAN-01"] .hs__meta li:nth-child(3){justify-content:flex-start}
  [data-blok="TAN-02"] .t2-qadam__bosh,
  [data-blok="TAN-08"] .z-yon{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-08"] .z-yon h3,
  [data-blok="TAN-08"] .z-yon .z-ak,
  [data-blok="TAN-08"] .z-yon .ha{grid-column:1;grid-row:auto}
  [data-blok="TAN-05"] .t2-sae{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-05"] .t2-sae__q{border-right:0;border-bottom:1px solid var(--t2-chiziq);
    padding:var(--s4) 0!important}
  [data-blok="TAN-05"] .t2-sae__q:last-child{border-bottom:0}
  [data-blok="TAN-05"] .t2-sae__x{font-size:clamp(38px,10vw,52px)}
  [data-blok="TAN-06"] .t2-akr{min-width:0}
  [data-blok="TAN-07"] .t2-xato__q,
  [data-blok="TAN-07"] .t2-xato__q--keng{column-gap:14px}
  .z-nega .t2-nega__royxat{grid-template-columns:minmax(0,1fr);row-gap:var(--s4)}
}
@media (max-width:760px){
  /* hero: header ostidagi boʻshliq mobilda ixcham */
  [data-blok="TAN-01"] .hs__ich{padding-top:clamp(80px,10vh,100px)}
}
@media (max-width:520px){
  /* qadam relsi: raqam va nom bitta qatorda — tik terilganda uch qadam
     ekranning uchdan birini egallardi */
  [data-blok="TAN-02"] .t2-rels .szr-rels__t{
    display:grid;grid-template-columns:auto minmax(0,1fr);
    column-gap:12px;align-items:baseline;padding-block:11px;
  }
  [data-blok="TAN-02"] .t2-rels .szr-rels__n{font-size:18px!important;line-height:1.2}
  [data-blok="TAN-02"] .t2-rels .szr-rels__m{display:flex;flex-wrap:wrap;gap:1px 10px;align-items:baseline}
  [data-blok="TAN-02"] .t2-rels .szr-rels__nom{font-size:16px!important}
  [data-blok="TAN-02"] .t2-rels .szr-rels__qiy{font-size:13px}
}
@media (max-width:430px){
  [data-blok="TAN-02"] .t2-toifa{grid-template-columns:minmax(0,1fr)}
  .z-ak__t{gap:12px}
}

/* ==========================================================================
   §9 · KOʻRIK TUZATISHLARI (2026-09-13, mustaqil koʻrik)
   --------------------------------------------------------------------------
   Yiqilgan bandlar: 3 (boʻshliq ataylab) · 4 (ulkan boʻsh maydon) ·
   13 (planshet ataylab) · 16 (slotlar loyihalangan) · 17 (tugallanmagan
   detal) · 20 (art-direksiya). Har tuzatish quyida oʻz sarlavhasi ostida.
   Bu boʻlim §8 dan KEYIN turadi — shuning uchun oʻzgargan bloklarning
   responsiv qoidalari ham shu yerda qayta yoziladi.
   ========================================================================== */

/* --------------------------------------------------------------------------
   9.1 · TAN-01 · hero yorligʻi header boshqaruvi bilan raqobatlashmaydi
   `.hs__kadr` `inset:-26px 0` — 26 px zaxira qoʻshiladi, shunda yorliq
   krosh (breadcrumb) qatori bilan bitta relsda turadi, headerdan emas
   sahifadan oʻqiladi.
   -------------------------------------------------------------------------- */
[data-blok="TAN-01"] .hs__kadr:not(:has(img))::after{
  top:calc(26px + clamp(100px,12vh,124px) - 3px);
}

/* --------------------------------------------------------------------------
   9.2 · TAN-02 · «Nega uchta maydon soʻraladi» — akkordeon tili tiklandi
   Markupga `z-ak` qoʻshildi (marker «+» → «−»); bu yerda ota-grid yoyiladi,
   shunda summary ham, roʻyxat ham toʻliq kenglikda turadi va ustun matni
   15 belgidan ≈55 belgiga chiqadi.
   -------------------------------------------------------------------------- */
.z-nega{grid-template-columns:minmax(0,1fr);gap:0}
.z-nega .t2-nega__royxat li{display:block;grid-template-columns:none}
.z-nega .t2-nega__royxat li::before{margin-bottom:8px}

/* --------------------------------------------------------------------------
   9.3 · TAN-05 · «5 W 30» displeyi toʻliq toʻrga chiqdi + slot koʻrinadigan
   Ikki kasal birga davolanadi:
     · displey 8 ustunda edi — ustun matni 1024 px da 25 belgi (13-band);
       endi 12 ustun, 1150 px dan pastda esa gorizontal registr (planshet
       uchun ATAYLAB alohida kompozitsiya);
     · slot foni boʻlim foni bilan bir xil edi (242,246,251) — endi `kadr--oq`
       sirti, oʻlchami 312×234 → ≈405×304 va u taqqoslash qatorining eng
       baland elementi, yaʼni kompozitsiyaning oʻng langari (16-band);
     · figuraga qoʻyilgan `border-top` radius tufayli ikki chekkada pastga
       burilib qoʻsh ramka beradi — olib tashlandi (17-band).
   -------------------------------------------------------------------------- */
[data-blok="TAN-05"] .t2-sae{grid-column:1/-1;grid-row:2}
[data-blok="TAN-05"] .t2-taq__bosh{
  grid-column:1/span 4;grid-row:3;max-width:13em;
  padding-top:clamp(14px,1.5vw,20px);border-top:1px solid var(--t2-chiziq);
}
[data-blok="TAN-05"] .t2-sae__ost{
  grid-column:1/span 4;grid-row:4;margin-top:0;align-self:start;
}
[data-blok="TAN-05"] .t2-taq__m{
  grid-column:5/span 4;grid-row:3/span 2;
  padding-top:clamp(14px,1.5vw,20px);border-top:1px solid var(--t2-chiziq);
}
[data-blok="TAN-05"] .t2-taq__kadr{
  grid-column:9/-1;grid-row:3/span 2;align-self:start;
  border-top:0;margin:0;
}
[data-blok="TAN-05"] .t2-taq .kadr{aspect-ratio:4/3;max-height:none}

/* --------------------------------------------------------------------------
   9.4 · TAN-06 · toʻrt standart — qator roʻyxati emas, 2×2 texnik toʻr
   TAN-06 · 07 · 08 uchalasi bir xil anatomiyada edi (hairline qator +
   oʻng chekkadagi «+»), balandliklari 881/841/883 — ritm yoʻq. Endi
   TAN-06 ikki ustunli toʻr (ikki xil «+» oʻqi), ogʻirligi OʻRTA.
   -------------------------------------------------------------------------- */
[data-blok="TAN-06"] .t2-std{
  grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;
}
[data-blok="TAN-06"] .t2-std__q:nth-child(odd){padding-right:clamp(20px,2.4vw,40px)}
[data-blok="TAN-06"] .t2-std__q:nth-child(even){
  padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--t2-chiziq);
}
[data-blok="TAN-06"] .t2-std__q .tana-k{max-width:60ch}
[data-blok="TAN-06"] .t2-qoida{
  margin-top:clamp(18px,1.9vw,26px);padding-top:clamp(16px,1.7vw,22px);
  border-top:1px solid var(--t2-chiziq);
}

/* --------------------------------------------------------------------------
   9.5 · TAN-08 · uch yoʻnalish — gorizontal texnik rels
   Akkordeon qatorlari TAN-06/07 bilan bir xil skanerlanardi. Endi uch
   yoʻnalish yonma-yon turadi (parallel maʼlumot = parallel ustun), ogʻirlik
   590 → ≈390 px: ritm YUQORI → OʻRTA → YUQORI → PAST boʻladi.
   -------------------------------------------------------------------------- */
[data-blok="TAN-08"] .t2-yon{
  grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;
}
[data-blok="TAN-08"] .z-yon{
  grid-template-columns:minmax(0,1fr);row-gap:clamp(12px,1.3vw,18px);
  padding:clamp(18px,1.9vw,26px) clamp(20px,2.4vw,40px) clamp(20px,2vw,28px) 0;
  border-bottom:0;align-content:start;
}
[data-blok="TAN-08"] .z-yon:not(:first-child){
  padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--t2-chiziq);
}
[data-blok="TAN-08"] .z-yon h3{grid-column:1;grid-row:1;font-size:clamp(19px,1.6vw,22px)}
[data-blok="TAN-08"] .z-yon .z-ak{grid-column:1;grid-row:2}
[data-blok="TAN-08"] .z-yon .ha{grid-column:1;grid-row:3;align-self:start}
[data-blok="TAN-08"] .t2-yon__izoh{max-width:none}

/* --------------------------------------------------------------------------
   9.6 · TAN-10 · chapdagi 517×386 px boʻsh maydon yoʻqoldi
   Sabab: ustun besh blokka loyihalangan, ikkitasi (`t2-savol__javob` va
   `t2-tez`) MIJOZDAN tokeni bilan yashirin. Davo — kompozitsiya qayta
   tuzildi: chap ustun 4/12 (sarlavha + lid + javobgarlik), panel 8/12 va
   forma UCH ustunli, shunda ikki ustun balandligi tenglashadi.
   Sirt: markupdagi oʻlik `bolim--quyuq` olib tashlandi (render allaqachon
   yengil edi), boʻlim OQ boʻldi — TAN-09 canvas → TAN-10 oq → TAN-11 canvas.
   Shu sababli `tizim.css` §quyuq qoidalari endi ishlamaydi va ranglar shu
   yerda qayta beriladi.
   -------------------------------------------------------------------------- */
[data-blok="TAN-10"] .t2-savol{
  grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(24px,3vw,56px);align-items:start;
}
[data-blok="TAN-10"] .t2-savol__chap{gap:var(--s5);align-content:start}
[data-blok="TAN-10"] .t2-savol__chap h2{color:var(--navy)}
[data-blok="TAN-10"] .t2-savol__chap .t2-lid{color:var(--slate);max-width:none}
[data-blok="TAN-10"] .t2-savol__chap .javobgarlik{
  color:var(--slate);padding-top:var(--s4);border-top:1px solid var(--t2-chiziq);
}
[data-blok="TAN-10"] .t2-panel{
  background:var(--t2-canvas);border:1px solid var(--t2-chiziq);
}
[data-blok="TAN-10"] .t2-panel .maydon input,
[data-blok="TAN-10"] .t2-panel .maydon select,
[data-blok="TAN-10"] .t2-panel .maydon textarea{background:var(--t2-oq)}
[data-blok="TAN-10"] .t2-forma{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-blok="TAN-10"] .t2-forma .keng textarea{min-height:96px}

/* --------------------------------------------------------------------------
   9.7 · TAN-03 · asbobning JAVOBI — 1 870 → ≈1 100 px
   Sahifaning butun maqsadi shu panel, lekin javobni oʻqish uchun ikki yarim
   ekran aylantirilardi. Matn OʻCHMADI — qayta kompozitsiya qilindi:
     · tavsiyaga 4:5 PRODUCT sloti qoʻshildi, blok uch ustunga boʻlindi
       (slot · artikul+CTA · texnik registr), registr esa 2×2 ga;
     · «Nega shu artikul tanlandi» izohi akkordeonga yigʻildi;
     · «Qoʻshimcha suyuqliklar» va «Muqobil variantlar» BITTA qatorga
       (5/12 va 7/12) — DOM tartibi oʻzgarmadi, joylashtirish gridda;
     · «bazada yoʻq» formasi ikki ustunli qatorga.
   -------------------------------------------------------------------------- */
[data-blok="TAN-03"] .tan-nat--ochiq{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(20px,2.6vw,44px);row-gap:clamp(24px,2.6vw,36px);
  align-items:start;
}
[data-blok="TAN-03"] .tan-nat--ochiq > *{grid-column:1/-1}
[data-blok="TAN-03"] .t2-nat__bosh{grid-row:1;margin-bottom:0}
[data-blok="TAN-03"] .tan-nat--ochiq > .tan-holat{grid-row:2}
[data-blok="TAN-03"] .t2-tavsiya{grid-row:3}
[data-blok="TAN-03"] .t2-suyuq{grid-column:1/span 5;grid-row:4}
[data-blok="TAN-03"] .t2-muq{grid-column:6/-1;grid-row:4}
[data-blok="TAN-03"] .t2-nat__cta{grid-row:5;margin-top:0}
[data-blok="TAN-03"] .t2-nat__jav{grid-row:6;margin-top:0}

/* tavsiya: slot · artikul · texnik registr */
[data-blok="TAN-03"] .t2-tavsiya{
  grid-template-columns:minmax(0,200px) minmax(0,3fr) minmax(0,8fr);
  gap:clamp(20px,2.4vw,40px);
}
[data-blok="TAN-03"] .t2-tavsiya__kadr{
  margin:0;aspect-ratio:4/5;max-height:none;align-self:start;
}
[data-blok="TAN-03"] .t2-tavsiya__nom{padding-right:0}
[data-blok="TAN-03"] .t2-tavsiya__nom h3{font-size:clamp(23px,2vw,29px)}
[data-blok="TAN-03"] .t2-tavsiya__amal{gap:var(--s4)}
[data-blok="TAN-03"] .t2-spek{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(24px,2.6vw,44px);
}
[data-blok="TAN-03"] .t2-spek__q{grid-template-columns:minmax(0,1fr);gap:10px}
[data-blok="TAN-03"] .t2-sabab{gap:0}

/* suyuqliklar va muqobillar — bitta qatorda, ichi tik terilgan */
[data-blok="TAN-03"] .t2-suyuq,
[data-blok="TAN-03"] .t2-muq{
  grid-template-columns:minmax(0,1fr);gap:var(--s5);
  margin-top:0;padding-top:clamp(20px,2.1vw,28px);
}
[data-blok="TAN-03"] .t2-muq__grid{gap:0}

/* «bazada yoʻq» — forma bitta qatorga */
[data-blok="TAN-03"] .t2-yoq{margin-top:clamp(28px,2.8vw,40px)}
[data-blok="TAN-03"] .t2-yoq__forma{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s5);
}
[data-blok="TAN-03"] .t2-yoq__forma .btn{grid-column:1/-1}

/* --------------------------------------------------------------------------
   9.8 · RESPONSIV — §8 dan keyin qayta yoziladi (1150 · 900 · 760)
   1150 px — PLANSHET uchun ataylab alohida kompozitsiya: «5 W 30» displeyi
   gorizontal registrga aylanadi (ustun matni ≥50 belgi), slot esa
   taqqoslashning oʻng ustunida qoladi.
   -------------------------------------------------------------------------- */
@media (max-width:1150px){
  /* TAN-05 · displey → gorizontal registr */
  [data-blok="TAN-05"] .t2-sae{
    grid-template-columns:minmax(0,1fr);grid-column:1/-1;grid-row:2;
  }
  [data-blok="TAN-05"] .t2-sae__q{
    display:grid;grid-template-columns:2.4em minmax(0,1fr);
    column-gap:clamp(20px,3vw,40px);row-gap:6px;align-items:baseline;
    border-right:0;border-bottom:1px solid var(--t2-chiziq);
    padding:clamp(14px,1.6vw,20px) 0!important;
  }
  [data-blok="TAN-05"] .t2-sae__q:last-child{border-bottom:0}
  [data-blok="TAN-05"] .t2-sae__x{
    grid-column:1;grid-row:1/span 2;font-size:clamp(38px,4.2vw,54px);
  }
  [data-blok="TAN-05"] .t2-sae__q h3{grid-column:2;grid-row:1}
  [data-blok="TAN-05"] .t2-sae__q .tana-k{grid-column:2;grid-row:2;max-width:64ch}
  /* TAN-05 · taqqoslash: chapda matn (7/12), oʻngda slot (5/12) */
  [data-blok="TAN-05"] .t2-taq__bosh{grid-column:1/span 7;grid-row:3}
  [data-blok="TAN-05"] .t2-taq__m{grid-column:1/span 7;grid-row:4;border-top:0;padding-top:0}
  [data-blok="TAN-05"] .t2-taq__kadr{grid-column:8/-1;grid-row:3/span 2}
  [data-blok="TAN-05"] .t2-sae__ost{grid-column:1/-1;grid-row:5}
  /* TAN-08 · uch ustun planshetda ham qoladi, matn qisqaradi */
  [data-blok="TAN-08"] .z-yon{padding-right:clamp(14px,1.8vw,24px)}
  [data-blok="TAN-08"] .z-yon:not(:first-child){padding-left:clamp(14px,1.8vw,24px)}
  /* TAN-10 · forma ikki ustunga */
  [data-blok="TAN-10"] .t2-forma{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="TAN-10"] .t2-savol{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  /* TAN-03 */
  [data-blok="TAN-03"] .t2-tavsiya{grid-template-columns:minmax(0,170px) minmax(0,4fr) minmax(0,7fr)}
}
@media (max-width:960px){
  [data-blok="TAN-03"] .t2-tavsiya{grid-template-columns:minmax(0,160px) minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-tavsiya__m{grid-column:1/-1}
  [data-blok="TAN-03"] .t2-suyuq{grid-column:1/-1;grid-row:4}
  [data-blok="TAN-03"] .t2-muq{grid-column:1/-1;grid-row:5}
  [data-blok="TAN-03"] .t2-nat__cta{grid-row:6}
  [data-blok="TAN-03"] .t2-nat__jav{grid-row:7}
  [data-blok="TAN-08"] .t2-yon{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="TAN-08"] .z-yon:nth-child(odd){padding-left:0;border-left:0}
  [data-blok="TAN-08"] .z-yon:nth-child(even){padding-left:clamp(14px,1.8vw,24px);border-left:1px solid var(--t2-chiziq)}
  [data-blok="TAN-08"] .z-yon:nth-child(-n+2){border-bottom:1px solid var(--t2-chiziq)}
}
@media (max-width:900px){
  [data-blok="TAN-05"] .t2-taq__bosh,
  [data-blok="TAN-05"] .t2-taq__m,
  [data-blok="TAN-05"] .t2-taq__kadr,
  [data-blok="TAN-05"] .t2-sae__ost{grid-column:1/-1;grid-row:auto}
  [data-blok="TAN-05"] .t2-taq__bosh{border-top:0;padding-top:0;max-width:none}
  [data-blok="TAN-05"] .t2-taq__m{border-top:0;padding-top:0}
  [data-blok="TAN-05"] .t2-taq .kadr{max-height:min(38vh,320px)}
  [data-blok="TAN-06"] .t2-std{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-06"] .t2-std__q:nth-child(odd){padding-right:0}
  [data-blok="TAN-06"] .t2-std__q:nth-child(even){padding-left:0;border-left:0}
  [data-blok="TAN-10"] .t2-savol{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-10"] .t2-savol__chap .javobgarlik{padding-top:0;border-top:0}
}
@media (max-width:760px){
  [data-blok="TAN-05"] .t2-sae__q{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-05"] .t2-sae__x{grid-column:1;grid-row:1}
  [data-blok="TAN-05"] .t2-sae__q h3{grid-column:1;grid-row:2}
  [data-blok="TAN-05"] .t2-sae__q .tana-k{grid-column:1;grid-row:3}
  [data-blok="TAN-08"] .t2-yon{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-08"] .z-yon{padding:clamp(16px,1.8vw,22px) 0!important;border-left:0!important;
    border-bottom:1px solid var(--t2-chiziq)!important}
  [data-blok="TAN-08"] .z-yon:last-child{border-bottom:0!important}
  [data-blok="TAN-10"] .t2-forma{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-tavsiya{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-tavsiya__kadr{max-width:200px}
  [data-blok="TAN-03"] .t2-spek{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-yoq__forma{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   §10 · KOʻRIK TUZATISHLARI · 2-oʻtish (oʻlchovdan keyingi tortish)
   ========================================================================== */

/* 10.1 · hero yorligʻi headerdan 16 px past — endi u sahifa mazmuni, header
   boshqaruvining davomi emas. Qiymat qatʼiy: `--tz-hero-ust` vh ga bogʻliq
   edi va past ekranda yana headerga tegib ketardi. */
[data-blok="TAN-01"] .hs__kadr:not(:has(img))::after{top:calc(26px + 130px)}

/* 10.2 · TAN-10 · ikki ustun balandligi tenglashtirildi (boʻsh maydon
   416×266 → ≈350×90 px): chap ustun 3.4/12 va sarlavhasi boʻlim kegliga
   koʻtarildi, oʻng panel esa siqildi. */
[data-blok="TAN-10"] .t2-savol{grid-template-columns:minmax(0,3.4fr) minmax(0,8.6fr)}
[data-blok="TAN-10"] .t2-savol__chap h2{font-size:clamp(30px,2.9vw,42px);line-height:1.08}
[data-blok="TAN-10"] .t2-panel{padding:clamp(22px,2.2vw,32px)}
[data-blok="TAN-10"] .t2-forma .keng textarea{min-height:72px}

/* 10.3 · TAN-03 · javob ekrani yana tortildi
   · muqobil variantlar ikki ustunda (341 → ≈220 px);
   · Telegram qatori va uning izohi bitta qatorda;
   · yakuniy javobgarlik oʻlchami kengaydi — uch qator emas, ikki. */
[data-blok="TAN-03"] .t2-muq__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,2.2vw,36px);
}
[data-blok="TAN-03"] .t2-muq__q:nth-child(2){border-top:0;padding-top:0}
[data-blok="TAN-03"] .t2-nat__cta{
  grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  column-gap:clamp(24px,3vw,56px);align-items:start;justify-items:start;
}
[data-blok="TAN-03"] .t2-nat__jav{max-width:78ch}
[data-blok="TAN-03"] .t2-nat__cta-izoh{max-width:46ch}

@media (max-width:1150px){
  [data-blok="TAN-10"] .t2-savol{grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr)}
}
@media (max-width:900px){
  [data-blok="TAN-10"] .t2-savol{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-nat__cta{grid-template-columns:minmax(0,1fr);row-gap:var(--s4)}
}
@media (max-width:760px){
  [data-blok="TAN-03"] .t2-muq__grid{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-muq__q:nth-child(2){border-top:1px solid var(--t2-chiziq-ich);padding-top:clamp(18px,1.8vw,26px)}
}

/* ==========================================================================
   §11 · PLANSHET (900–1150 px) ATAYLAB LOYIHALANGAN — 13-band
   1024 px da oʻlchab koʻrilgach: TAN-08 uch ustunda matn 33 belgiga tushar,
   TAN-10 da chap ustun ostida 310×291 px boʻshliq qolar, TAN-03 da muqobil
   variantlar ikki ustunga siqilar edi. Uchala kompozitsiya shu oraliq uchun
   alohida yoziladi (desktopning siqilgan nusxasi emas).
   ========================================================================== */
@media (max-width:1150px){
  /* TAN-08 · uch yoʻnalish → ikki ustun (matn ≈57 belgi) */
  [data-blok="TAN-08"] .t2-yon{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="TAN-08"] .z-yon:nth-child(odd){padding-left:0;border-left:0}
  [data-blok="TAN-08"] .z-yon:nth-child(even){
    padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--t2-chiziq);
  }
  [data-blok="TAN-08"] .z-yon:nth-child(-n+2){border-bottom:1px solid var(--t2-chiziq)}
  [data-blok="TAN-08"] .z-yon:nth-child(n+3){padding-top:clamp(18px,1.9vw,26px)}

  /* TAN-10 · ikki ustun oʻrniga: sarlavha relsi tepada, forma butun kenglikda
     (uch ustunli) — planshetda tor panel formani choʻzib yuborardi */
  [data-blok="TAN-10"] .t2-savol{
    grid-template-columns:minmax(0,1fr);row-gap:clamp(20px,2.4vw,30px);
  }
  [data-blok="TAN-10"] .t2-savol__chap{
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    column-gap:clamp(24px,3vw,48px);row-gap:var(--s4);align-items:start;
  }
  [data-blok="TAN-10"] .t2-savol__chap > .t2-yoz{grid-column:1/-1;grid-row:1}
  [data-blok="TAN-10"] .t2-savol__chap > h2{grid-column:1;grid-row:2}
  [data-blok="TAN-10"] .t2-savol__chap > .t2-lid{grid-column:2;grid-row:2;padding-top:.3em}
  [data-blok="TAN-10"] .t2-savol__chap > .javobgarlik{grid-column:1/-1;grid-row:3}
  [data-blok="TAN-10"] .t2-forma{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* TAN-03 · muqobil variantlar tik terilsin (ikki ustunda 250 px edi) */
  [data-blok="TAN-03"] .t2-muq__grid{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-03"] .t2-muq__q:nth-child(2){
    border-top:1px solid var(--t2-chiziq-ich);padding-top:clamp(18px,1.8vw,26px);
  }
  [data-blok="TAN-03"] .t2-suyuq{grid-column:1/span 6;grid-row:4}
  [data-blok="TAN-03"] .t2-muq{grid-column:7/-1;grid-row:4}
}
@media (max-width:900px){
  [data-blok="TAN-08"] .t2-yon{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="TAN-10"] .t2-savol__chap{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-10"] .t2-savol__chap > h2,
  [data-blok="TAN-10"] .t2-savol__chap > .t2-lid,
  [data-blok="TAN-10"] .t2-savol__chap > .javobgarlik{grid-column:1;grid-row:auto;padding-top:0}
  [data-blok="TAN-10"] .t2-forma{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="TAN-03"] .t2-suyuq{grid-column:1/-1;grid-row:4}
  [data-blok="TAN-03"] .t2-muq{grid-column:1/-1;grid-row:5}
}
@media (max-width:760px){
  [data-blok="TAN-08"] .t2-yon{grid-template-columns:minmax(0,1fr)}
  [data-blok="TAN-08"] .z-yon:nth-child(even){padding-left:0;border-left:0}
  [data-blok="TAN-10"] .t2-forma{grid-template-columns:minmax(0,1fr)}
}

/* 11.1 · TAN-05 · slotning yuqori qirrasi qoʻshni ikki ustunning MATNI bilan
   bir chiziqda tursin (ular hairline + padding bilan ochiladi, slotda esa
   chiziq yoʻq — 9.3 da olib tashlandi). */
[data-blok="TAN-05"] .t2-taq__kadr{margin-top:calc(clamp(14px,1.5vw,20px) + 1px)}
@media (max-width:900px){
  [data-blok="TAN-05"] .t2-taq__kadr{margin-top:0}
}