/* ==========================================================================
   Z-INDEX.CSS  ·  BOSH SAHIFA · 3-BRIF ZICHLIK QAYTA KOMPOZITSIYASI
   brif/3-ZICHLIK-RASMSIZ-12-09.md  ·  2026-09-13
   --------------------------------------------------------------------------
   Nima uchun: sahifa 10 926 px edi — 1440×900 ekranning 12 barobari. Muammo
   padding emas, KOMPOZITSIYA edi: beshta ulkan assortiment kartasi (1 437 px),
   ikkita 340 px li boʻsh mahsulot sloti, toʻrt qatorli solishtirishning ikki
   ustunga koʻchirilgani (1 178 px). Brif aynan shularni taqiqlaydi.

   Bu fayl ENG OXIRIDA yuklanadi (qur.py: … → tizim → kompozitsiya → zichlik3 →
   z-index). Umumiy qatlamlarga (tizim.css · kompozitsiya.css · zichlik3.css)
   tegilmagan — ortga qaytarish: qur.py z-index.css ni topmasa ulamaydi, yaʼni
   shu faylni oʻchirish yetadi (+ qismlar/bosh/.zax-3brif/ dagi ikki manba).

   Qonun oʻzgarmadi: soya 0 · tracking ≤ 0 · yuqoriga tekislash · radius 6·8·12·14 ·
   matn VERBATIM · quyuq band 2 (hero + BOSH-07) · haqiqiy rasm 0.

   §0 tokenlar · §1 bob ritmi va sirtlar · §2 umumiy slot tuzatishlari ·
   §3 BOSH-02 · §4 BOSH-03 · §5 BOSH-04 · §6 BOSH-05 · §7 BOSH-06 · §8 tasma ·
   §9 BOSH-07 · §10 BOSH-08 · §11 BOSH-09 · §12 BOSH-10 · §13 BOSH-11 ·
   §14 BOSH-12 · §15 BOSH-13 · §16 responsiv
   ========================================================================== */

/* ==========================================================================
   §0 · TOKENLAR — sahifaning oʻz ritmi
   A bob ochuvchi · B asosiy · C bogʻlovchi · D bob ichidagi ulanish
   ========================================================================== */
:root{
  --z-a:clamp(40px,3.9vw,56px);
  --z-b:clamp(34px,3.3vw,48px);
  --z-c:clamp(26px,2.5vw,36px);
  --z-d:clamp(20px,1.9vw,26px);   /* bitta bob ichidagi ikki boʻlim orasi */
}

/* ==========================================================================
   §1 · BOB RITMI VA SIRTLAR
   Vizual ogʻirlik YUQORI → OʻRTA → PAST → YUQORI ketma-ketligida boradi;
   ketma-ket uchta bir xil ogʻirlik yoʻq. Sirt ham almashadi:
     01 navy · 02 yuza · 03 yuza · 04 OQ ┐ bitta bob
                                   05 OQ ┘
     06 yuza · tasma navy · 07 navy · 08 oq · 09 yuza · 10 oq · 11 navy ·
     12 yuza · 13 oq
   ========================================================================== */
main [data-blok="BOSH-02"][data-blok]{padding-block:var(--z-c)}
main [data-blok="BOSH-03"][data-blok]{padding-block:var(--z-b)}
main [data-blok="BOSH-04"][data-blok]{padding-block:var(--z-b) var(--z-d);background:var(--oq)}
main [data-blok="BOSH-05"][data-blok]{padding-block:var(--z-d) var(--z-a);background:var(--oq)}
main [data-blok="BOSH-06"][data-blok]{padding-block:var(--z-c);background:var(--canvas)}
main [data-blok="BOSH-07"][data-blok]{padding-block:var(--z-b)}
main [data-blok="BOSH-08"][data-blok]{padding-block:var(--z-c)}
main [data-blok="BOSH-09"][data-blok]{padding-block:var(--z-b)}
main [data-blok="BOSH-10"][data-blok]{padding-block:var(--z-c)}
main [data-blok="BOSH-11"][data-blok]{padding-block:var(--z-c)}
main [data-blok="BOSH-12"][data-blok]{padding-block:var(--z-c)}
main [data-blok="BOSH-13"][data-blok]{padding-block:var(--z-b)}

/* boʻlim shapkasi bilan kontent orasi — bitta qiymat, sahifa boʻylab */
main [data-blok^="BOSH-"] .bosh,
main [data-blok^="BOSH-"] .bosh-qator{margin-bottom:clamp(18px,1.9vw,26px)}
main [data-blok^="BOSH-"] .bosh{gap:clamp(8px,.85vw,11px)}

/* ==========================================================================
   §2 · MEDIA-SLOT — «mini» oʻlcham (≤ 190 px)
   tizim.css §15 sloti 236 px dan kichik boʻlganda pastdagi texnik yozuvi
   qutiga sigʻmaydi. Mini slotda yozuv indeksga qisqaradi, ramka esa qoladi —
   slot baribir loyihalangan, boʻsh kulrang quti emas.
   ========================================================================== */
main [data-blok="BOSH-03"] .xizmat__media:not(:has(img))::after{display:none}
main [data-blok="BOSH-04"] .b04__media:not(:has(img))::after,
main [data-blok="BOSH-09"] .himoya__kadr:not(:has(img))::after{
  content:attr(data-indeks);left:12px;bottom:10px;font-size:10px;color:#8496A8;
}
main [data-blok="BOSH-03"] .xizmat__media:not(:has(img))::before,
main [data-blok="BOSH-09"] .himoya__kadr:not(:has(img))::before,
main [data-blok="BOSH-04"] .b04__media:not(:has(img))::before{
  inset:7px;padding:5px 6px;font-size:9px;border-radius:5px;
}
main [data-blok="BOSH-03"] .xizmat__media:not(:has(img)){background-color:var(--oq)}

/* ==========================================================================
   §3 · BOSH-02 · MOY TANLASH — ixcham asbob
   Brif: «compact, immediately understandable; horizontal/compact step system».
   Asbob oʻzgarmadi — faqat nafas oladigan joy boʻsh joyga aylanib ketmagan:
   plita relsi past, maydon qatori zich, javobgarlik qatori panelning dumi.
   ========================================================================== */
[data-blok="BOSH-02"] .tanlash__bosh{margin-bottom:clamp(16px,1.6vw,22px)}
[data-blok="BOSH-02"] .tab-ich{padding-top:clamp(18px,1.9vw,26px)}
[data-blok="BOSH-02"] .plitalar{margin-bottom:clamp(18px,1.9vw,26px)}
[data-blok="BOSH-02"] .plita{padding-block:12px 14px;gap:8px}
[data-blok="BOSH-02"] .plita .ik{width:22px;height:22px}
[data-blok="BOSH-02"] .tanlash .maydonlar,
[data-blok="BOSH-02"] .maydonlar{margin-bottom:clamp(18px,1.9vw,24px);gap:var(--s5)}
[data-blok="BOSH-02"] .maydon select,
[data-blok="BOSH-02"] .maydon input{min-height:46px;height:46px}
[data-blok="BOSH-02"] .maydon__izoh{margin-top:5px}
[data-blok="BOSH-02"] .panel__ost{margin-top:clamp(16px,1.7vw,22px);padding-top:var(--s4)}
[data-blok="BOSH-02"] .javobgarlik{font-size:12.5px;line-height:1.5}

/* ==========================================================================
   §4 · BOSH-03 · ASSORTIMENT — «01…05 bitta tizim»
   Brif: «no five giant cards … 01 Motor 02 Diesel 03 Transmission 04 Brake
   05 Hydraulic as ONE system (left index + right content)».

   Bob shapkasi uch zonaga boʻlindi (sarlavha · lid · katalog tugmasi) —
   avval ular ustma-ust turib 200 px yeyardi. Qator endi BITTA satr:
     [01] [16:10 mini kadr] [nom + nishon] [tavsif] [havola] [oʻq]
   1 437 → ~680 px. Raqam CSS `counter()` dan — matnga qoʻshilmaydi.
   ========================================================================== */
[data-blok="BOSH-03"] .z3__bosh{
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);
  gap:clamp(20px,2.4vw,40px);
  align-items:start;
  margin-bottom:clamp(22px,2.4vw,32px);
}
[data-blok="BOSH-03"] .z3__t{margin-bottom:0}
[data-blok="BOSH-03"] .z3__t h2{max-width:12em}
[data-blok="BOSH-03"] .z3__yon{display:contents}
[data-blok="BOSH-03"] .z3__yon .lid{max-width:38em;padding-top:6px}
[data-blok="BOSH-03"] .z3__yon .btn{justify-self:end;align-self:start}

[data-blok="BOSH-03"] .z3__roy{counter-reset:z3}
main [data-blok="BOSH-03"] .xizmat__q{
  counter-increment:z3;
  grid-template-columns:30px 96px minmax(198px,1.4fr) minmax(0,3.3fr) auto 44px;
  column-gap:clamp(12px,1.4vw,20px);
  row-gap:0;
  align-items:start;
  padding-block:clamp(10px,1.05vw,13px);
}
main [data-blok="BOSH-03"] .xizmat__q::after{
  content:counter(z3,decimal-leading-zero);
  grid-column:1;grid-row:1;align-self:start;
  font-size:12px;font-weight:700;color:var(--aksent-mayda);
  letter-spacing:.02em;font-variant-numeric:tabular-nums;
  padding-top:22px;
}
main [data-blok="BOSH-03"] .xizmat__media{
  grid-column:2;grid-row:1;width:96px;aspect-ratio:16/10;
  align-self:start;border-radius:8px;
}
main [data-blok="BOSH-03"] .xizmat__nom{
  grid-column:3;grid-row:1;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;
  padding-top:16px;
}
main [data-blok="BOSH-03"] .xizmat__nom h3{order:1;font-size:19px;max-width:none}
main [data-blok="BOSH-03"] .xizmat__nom .nishon{order:2;padding:2px 7px;font-size:10px}
main [data-blok="BOSH-03"] .xizmat__m{display:contents}
main [data-blok="BOSH-03"] .xizmat__m .tana-k{
  grid-column:4;grid-row:1;max-width:none;padding-top:16px;
  font-size:14px;line-height:1.55;
}
main [data-blok="BOSH-03"] .xizmat__m .ha{
  grid-column:5;grid-row:1;white-space:nowrap;padding-top:18px;
}
main [data-blok="BOSH-03"] .xizmat__oq{grid-column:6;grid-row:1;margin-top:14px}

/* ==========================================================================
   §5 · BOSH-04 · ASOSIY MAHSULOTLAR — ixcham artikul varaqasi
   Brif: «no huge cards; placeholder · positioning · 3 short benefits ·
   viscosity · packaging · CTA — one viewport».
   1:1 mahsulot sloti (manba talabi) qoladi, lekin 340 px li «boʻsh ekran»
   emas — 150 px li artikul kadri nom bilan YONMA-YON. 790 → ~480 px.
   ========================================================================== */
[data-blok="BOSH-04"] .b04__yoyma{
  grid-template-columns:minmax(0,3.3fr) minmax(0,4.35fr) minmax(0,4.35fr);
}
[data-blok="BOSH-04"] .b04__rels{gap:var(--s4)}
[data-blok="BOSH-04"] .b04__rels .lid{max-width:30em}
[data-blok="BOSH-04"] .b04__art{
  grid-template-columns:124px minmax(0,1fr);
  column-gap:clamp(14px,1.4vw,20px);
}
main [data-blok="BOSH-04"] .b04__media{
  grid-column:1;grid-row:1/-1;
  width:124px;aspect-ratio:1/1;margin-bottom:0;align-self:start;
}
[data-blok="BOSH-04"] .b04__izoh{grid-column:2;grid-row:2;margin-bottom:7px;align-self:start}
[data-blok="BOSH-04"] .b04__nom{
  grid-column:2;grid-row:3;margin-bottom:0;align-self:start;
  font-size:clamp(18px,1.45vw,20px);text-wrap:pretty;
}
[data-blok="BOSH-04"] .b04__qator{grid-column:2;margin-top:clamp(14px,1.5vw,20px)}
[data-blok="BOSH-04"] .b04__qator li{padding-block:8px}
[data-blok="BOSH-04"] .b04__ost{
  grid-column:2;grid-row:7;margin-top:12px;padding-top:12px;
}
[data-blok="BOSH-04"] .b04__ost .ha{margin-top:8px}

/* ==========================================================================
   §6 · BOSH-05 · 5W-30 YOKI 10W-40 — solishtirish jadvali
   Brif: «hierarchy (summaries, then comparison), numbers prominent, details
   secondary, accordion for long explanations».
   Manba (matnlar-v2/index.md) bu blokni allaqachon JADVAL deb yozgan; bento
   mozaikasi uni ikki ustunga yoyib 1 178 px qilgan edi. Jadval qaytarildi:
   qator nomi bir marta, ikki qiymat yonma-yon → gorizontal solishtirish.
   1 178 → ~660 px.
   ========================================================================== */
[data-blok="BOSH-05"] .b05v2__kirish{
  gap:clamp(10px,1.05vw,13px);
  margin-bottom:clamp(22px,2.4vw,32px);
}
[data-blok="BOSH-05"] .b05v2__lid{padding-top:4px}

[data-blok="BOSH-05"] .z5__moz{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(20px,2.4vw,36px);
  align-items:start;
}

/* --- jadval --- */
[data-blok="BOSH-05"] .z5__jad-o{min-width:0}
[data-blok="BOSH-05"] .z5__j{width:100%;border-collapse:collapse;table-layout:fixed}
[data-blok="BOSH-05"] .z5__j th,
[data-blok="BOSH-05"] .z5__j td{
  padding:11px 20px 11px 0;vertical-align:top;
  border-bottom:1px solid var(--chiziq-ichki);
}
[data-blok="BOSH-05"] .z5__j td:last-child,
[data-blok="BOSH-05"] .z5__j th:last-child{padding-right:0}
[data-blok="BOSH-05"] .z5__bosh-bo{border-bottom:1px solid var(--chiziq);padding:0}
[data-blok="BOSH-05"] .z5__nomi{
  padding:0 20px 12px 0;
  border-bottom:1px solid var(--chiziq);
  font-size:clamp(21px,1.9vw,27px);line-height:1;font-weight:700;
  letter-spacing:var(--tracking-zich);color:var(--navy);text-transform:none;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
[data-blok="BOSH-05"] .z5__nomi::before{
  content:"";display:inline-block;width:10px;height:10px;
  margin-right:10px;background:var(--aksent);
}
[data-blok="BOSH-05"] .z5__nomi--b::before{background:var(--navy)}
[data-blok="BOSH-05"] .z5__j tbody th{
  width:21%;padding-left:0;
  font-size:var(--mayda);line-height:1.35;font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--navy);
}
[data-blok="BOSH-05"] .z5__j tbody td{
  font-size:14px;line-height:1.55;color:var(--slate);text-wrap:pretty;
}
[data-blok="BOSH-05"] .z5__r--asos td{
  font-size:15px;line-height:1.45;color:var(--navy);
}
[data-blok="BOSH-05"] .z5__j tbody tr:last-child th,
[data-blok="BOSH-05"] .z5__j tbody tr:last-child td{border-bottom:0;padding-bottom:0}

/* --- 0 °C chizmasi: mozaikaning navy langari --- */
/* chizma endi bento toʻrida emas — b05.css ning ≤800/≤640 dagi `span 7 / span 12`
   qoidalari 12 ta yashirin ustun yasab jadvalni 129 px ga siqib qoʻyardi. */
[data-blok="BOSH-05"] .z5__chizma{grid-column:auto;padding:clamp(16px,1.6vw,20px);gap:0}
[data-blok="BOSH-05"] .z5__chizma .b05v2__y--chizma{padding-bottom:11px}
[data-blok="BOSH-05"] .z5__chizma .b05v2__bars{padding-top:16px;gap:12px}
[data-blok="BOSH-05"] .z5__chizma .b05v2__qt-izoh{padding-top:14px;max-width:none;font-size:13px;line-height:1.5}
/* oʻq chizigʻi 10W-XX relsiga tegib turib «uchinchi oʻlchov» boʻlib oʻqilardi */
[data-blok="BOSH-05"] .z5__chizma .b05v2__oq{margin-top:2px}
[data-blok="BOSH-05"] .z5__chizma .b05v2__oq-r{border-top-color:rgba(255,255,255,.14)}

/* --- eslatma akkordeoni + CTA --- */
[data-blok="BOSH-05"] .z5__past{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(20px,2.4vw,36px);align-items:start;
  margin-top:clamp(20px,2.2vw,30px);
  padding-top:clamp(16px,1.8vw,24px);
  border-top:1px solid var(--chiziq);
}
[data-blok="BOSH-05"] .z5__akk{min-width:0}
[data-blok="BOSH-05"] .z5__akk > summary{
  list-style:none;cursor:pointer;
  display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:14px;align-items:start;
  font-size:clamp(15px,1.15vw,16px);line-height:1.45;font-weight:600;
  letter-spacing:var(--tracking);color:var(--navy);
}
[data-blok="BOSH-05"] .z5__akk > summary::-webkit-details-marker{display:none}
[data-blok="BOSH-05"] .z5__akk > summary::before{
  content:"TEXNIK ESLATMA";
  grid-column:1/-1;
  font-size:var(--mayda);line-height:1.3;font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--aksent-mayda);
  margin-bottom:8px;
}
[data-blok="BOSH-05"] .z5__akk > summary::after{
  content:"";grid-column:2;align-self:start;margin-top:5px;
  width:9px;height:9px;border-right:1.5px solid var(--navy);border-bottom:1.5px solid var(--navy);
  transform:rotate(45deg);transition:transform var(--anim) var(--ease);
}
[data-blok="BOSH-05"] .z5__akk[open] > summary::after{transform:rotate(-135deg);margin-top:8px}
[data-blok="BOSH-05"] .z5__akk-m{
  margin-top:12px;padding-top:12px;border-top:1px solid var(--chiziq-ichki);
  font-size:14px;line-height:1.6;color:var(--slate);max-width:62ch;
}
[data-blok="BOSH-05"] .z5__cta{display:flex;justify-content:flex-end}

/* ==========================================================================
   §7 · BOSH-06 · BESHTA ISH — zich texnik toʻr
   Brif: «compact 5-point composition, number · title · 2–3 lines».
   Katak ichidagi 32 px padding + 20 px ikonka oraligʻi qatorni 221 px qilardi;
   kontent atigi 129 px edi. Endi katak kontentga oʻlchangan.
   ========================================================================== */
[data-blok="BOSH-06"] .bosh--tor{max-width:none}
[data-blok="BOSH-06"] .bosh .lid{max-width:46em}
[data-blok="BOSH-06"] .ish__q{padding:clamp(14px,1.5vw,19px) clamp(18px,2vw,28px);gap:8px}
[data-blok="BOSH-06"] .ish__ik{width:24px;height:24px;margin-bottom:8px}
[data-blok="BOSH-06"] .ish__q h3{font-size:18px}
[data-blok="BOSH-06"] .ish__q .tana-k{font-size:14px;line-height:1.5}
[data-blok="BOSH-06"] .ish-cta__m{font-size:18px}
[data-blok="BOSH-06"] .ish__cta{gap:var(--s4)}

/* ==========================================================================
   §8 · BOB OʻTISHI — toʻliq kenglikdagi tasma sloti
   Balandlik boblar orasidagi nafas uchun yetarli; «ekran» boʻlishi shart emas.
   ========================================================================== */
main .tasma-kadr{height:clamp(150px,14vw,196px)}

/* ==========================================================================
   §9 · BOSH-07 · ZAMONAVIY DVIGATEL — quyuq langar
   Quyuq band saqlanadi (sahifada ikkitadan biri). Faqat plita ichi zichlashdi.
   ========================================================================== */
[data-blok="BOSH-07"] .b07v1__kir{margin-bottom:clamp(18px,2vw,26px)}
[data-blok="BOSH-07"] .b07v1__omil{padding-block:clamp(12px,1.3vw,16px);gap:7px}
[data-blok="BOSH-07"] .b07v1__omil h3{font-size:17px}
[data-blok="BOSH-07"] .b07v1__omil .tana-k{font-size:14px;line-height:1.5}
[data-blok="BOSH-07"] .b07v1__langar{padding:clamp(16px,1.6vw,21px)}
[data-blok="BOSH-07"] .b07v1__izoh{font-size:13.5px;line-height:1.5}
[data-blok="BOSH-07"] .b07v1__raqam{font-size:clamp(38px,4.2vw,62px)}

/* ==========================================================================
   §10 · BOSH-08 · XIZMAT MUDDATI
   Brif: «large number 15,000–40,000 km, then compact 6 conditions».
   Raqam langar boʻlib qoladi; 6 holat qatori va dum zichlashdi.
   ========================================================================== */
[data-blok="BOSH-08"] .b08v2__bosh{margin-bottom:clamp(16px,1.8vw,24px)}
[data-blok="BOSH-08"] .b08v2__langar{padding:clamp(16px,1.7vw,22px);gap:var(--s3)}
[data-blok="BOSH-08"] .b08v2__lid{font-size:14.5px;line-height:1.5;max-width:none}
/* toʻr `align-content:stretch` edi: chap ustun (raqam + OQIBATI) balandroq boʻlgani
   uchun oʻng ustundagi olti holat qatori choʻzilib, ular orasida 40+ px oʻlik joy
   ochilardi. Qatorlar oʻz oʻlchamida — roʻyxat ritmi bir tekis. */
[data-blok="BOSH-08"] .b08v2__tor{align-content:start;gap:clamp(12px,1.3vw,18px)}
[data-blok="BOSH-08"] .b08v2__q{padding-top:11px}
[data-blok="BOSH-08"] .b08v2__m{font-size:13.5px;line-height:1.5}
[data-blok="BOSH-08"] .b08v2__oqibat{padding:13px 0 0}
[data-blok="BOSH-08"] .b08v2__g{font-size:clamp(16px,1.35vw,19px);line-height:1.4}
[data-blok="BOSH-08"] .b08v2__past{margin-top:clamp(18px,2vw,26px);padding-top:var(--s5)}
[data-blok="BOSH-08"] .b08v2__d{font-size:14px;line-height:1.5}

/* ==========================================================================
   §11 · BOSH-09 · ORIGINALLIK
   Brif: «one strong placeholder + 01…05 — compact, scannable».
   Bitta 1:1 «AUTHENTICITY MACRO» kadri (manba nisbati) chapda, ikki tekshiruv
   izohi uning yonida; oʻngda beshta savol registri — qatorlar zich.
   ========================================================================== */
[data-blok="BOSH-09"] .grid.g-7-5{gap:clamp(24px,3vw,48px)}
/* avval kadr · izoh-1 birinchi qatorda, izoh-2 esa kadr OSTIDA qolib ketardi —
   ustun tishli koʻrinardi. Endi kadr chap ustunda ikkala izohni tutadi. */
[data-blok="BOSH-09"] .himoya{
  grid-template-columns:minmax(0,200px) minmax(0,1fr);
  gap:clamp(16px,1.8vw,26px);align-items:start;
}
[data-blok="BOSH-09"] .himoya__kadr{grid-column:1;grid-row:1/3;align-self:start}
[data-blok="BOSH-09"] .himoya__k{grid-column:2}
[data-blok="BOSH-09"] .himoya__k h4{font-size:17px}
[data-blok="BOSH-09"] .himoya__k .tana-k{font-size:14px;line-height:1.5}
[data-blok="BOSH-09"] .reg__q{padding-block:clamp(9px,1vw,13px)}
[data-blok="BOSH-09"] .reg__q .tana-k{font-size:14px;line-height:1.5}

/* ==========================================================================
   §12 · BOSH-10 · QADOQ
   Brif: «elegant scale visualization 1L → 200L, much more compact than a
   five-card grid». Shkala qoladi — faqat ikonka maydoni 196 → 120 px
   (proporsiya oʻzgarmaydi, u `--sk-h` da).
   ========================================================================== */
main [data-blok="BOSH-10"] .b10v1__hero{margin-bottom:clamp(22px,2.4vw,32px)}
main [data-blok="BOSH-10"] .b10v1__olchov{grid-template-rows:98px auto}
main [data-blok="BOSH-10"] .b10v1__ik{height:calc(98px * var(--sk-h,.5))}
main [data-blok="BOSH-10"] .b10v1__izoh{font-size:13.5px;line-height:1.5}
main [data-blok="BOSH-10"] .b10v1__cta{margin-top:clamp(20px,2.2vw,30px)}

/* ==========================================================================
   §13 · BOSH-11 · HAMKORLIK — quyuq band (ikkinchi va oxirgi)
   ========================================================================== */
[data-blok="BOSH-11"] .b11v3__kir{margin-bottom:clamp(18px,2vw,26px)}
[data-blok="BOSH-11"] .b11v3__langar{padding:clamp(18px,1.9vw,26px);gap:var(--s4)}
.b11v3 .b11v3__langar .b11v3__lid{font-size:clamp(18px,1.7vw,23px);line-height:1.35;max-width:22em}
.b11v3 .b11v3__amal{padding-top:clamp(18px,1.9vw,24px);gap:clamp(18px,2vw,28px)}
.b11v3 .b11v3__kim li{font-size:16px}
.b11v3 .b11v3__plita{padding-top:12px;gap:5px}
[data-blok="BOSH-11"] .b11v3__n{font-size:clamp(20px,1.8vw,24px);line-height:1.05}
[data-blok="BOSH-11"] .b11v3__h{font-size:16px}
[data-blok="BOSH-11"] .b11v3__p{font-size:13.5px;line-height:1.5}

/* ==========================================================================
   §14 · BOSH-12 · UCH QADAM — bogʻlovchi (eng yengil bob)
   ========================================================================== */
[data-blok="BOSH-12"] .b12v1__kirish{margin-bottom:clamp(16px,1.8vw,24px)}
[data-blok="BOSH-12"] .b12v1__t{font-size:14px;line-height:1.5}
[data-blok="BOSH-12"] .b12v1__b{font-size:17px}

/* ==========================================================================
   §15 · BOSH-13 · SOʻROV — yakuniy konversiya
   Muammo: chap ustunda 151 px matn, oʻngda 625 px forma — 474 px «boʻsh matn
   maydoni» (brif ABSOLUTE RULE #5). Aloqa roʻyxati mijozdan kelmagani uchun
   yashirin, demak ustunni matn toʻldirmaydi.
   Yechim: chap ustun torayadi va sarlavha bob-ochuvchi keglga koʻtariladi
   (yakuniy bobning yagona hukmron elementi), forma esa kengayib uch ustunli
   maydon toʻriga oʻtadi — balandlik ustun emas, KENGLIK boʻylab taqsimlanadi.
   ========================================================================== */
[data-blok="BOSH-13"] .grid.g-5-7{
  grid-template-columns:minmax(0,3.9fr) minmax(0,8.1fr);
  gap:clamp(28px,3.4vw,56px);
}
[data-blok="BOSH-13"] h2{font-size:var(--tz-h2-a)!important;line-height:1.04;max-width:11em}
[data-blok="BOSH-13"] .sorov__chap .lid{max-width:30em}
[data-blok="BOSH-13"] .panel{padding:clamp(22px,2.2vw,32px)}
[data-blok="BOSH-13"] .panel > h4{margin-bottom:var(--s4)!important}
[data-blok="BOSH-13"] .chiplar{margin-bottom:var(--s6)!important}
[data-blok="BOSH-13"] .sorov__forma{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--s5) clamp(12px,1.3vw,18px);
}
[data-blok="BOSH-13"] .sorov__forma .maydon.keng{grid-column:1/-1}
[data-blok="BOSH-13"] .sorov__forma textarea{min-height:70px}
[data-blok="BOSH-13"] .panel input,
[data-blok="BOSH-13"] .panel select{min-height:46px;height:46px}
[data-blok="BOSH-13"] .panel__ost{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(18px,2vw,32px);align-items:start;
  margin-top:clamp(18px,2vw,26px);padding-top:var(--s5);
}
[data-blok="BOSH-13"] .panel__ost .javobgarlik{font-size:12.5px;line-height:1.5;max-width:52em}

/* ==========================================================================
   §16 · RESPONSIV — 1200 · 1100 · 900 · 760 · 430
   Mobil ATAYLAB loyihalanadi: bitta ustun, ulkan tipografika yoʻq,
   ulkan slot yoʻq, gorizontal skroll yoʻq.
   ========================================================================== */

/* ---------- ≤1200: BOSH-03 shapkasi ikki qatorga, BOSH-05 jadvali kengayadi ---------- */
@media (max-width:1200px){
  [data-blok="BOSH-04"] .b04__yoyma{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="BOSH-03"] .z3__bosh{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
  [data-blok="BOSH-03"] .z3__yon .btn{grid-column:2;justify-self:start;margin-top:var(--s5)}
  [data-blok="BOSH-05"] .z5__moz,
  [data-blok="BOSH-05"] .z5__past{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-05"] .z5__chizma{max-width:none}
  [data-blok="BOSH-05"] .z5__cta{justify-content:flex-start;padding-top:0}
  [data-blok="BOSH-13"] .grid.g-5-7{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr)}
}

/* ---------- 761–1100: BOSH-03 qatori ikki satrga (b03.css ni bosadi) ---------- */
@media (min-width:761px) and (max-width:1100px){
  main [data-blok="BOSH-03"] .xizmat__q{
    grid-template-columns:30px 88px minmax(0,1fr) 44px;
    grid-template-rows:auto auto;
    row-gap:6px;
  }
  main [data-blok="BOSH-03"] .xizmat__media{grid-column:2;grid-row:1/3}
  main [data-blok="BOSH-03"] .xizmat__nom{grid-column:3;grid-row:1;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .tana-k{grid-column:3;grid-row:2;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .ha{grid-column:3;grid-row:3;padding-top:8px}
  main [data-blok="BOSH-03"] .xizmat__q::after{grid-column:1;grid-row:1;padding-top:2px}
  main [data-blok="BOSH-03"] .xizmat__oq{grid-column:4;grid-row:1;margin-top:0}
}

/* ---------- ≤1100: BOSH-04 varaqasi ikki ustunda qoladi, kadr kichrayadi ---------- */
@media (max-width:1100px){
  [data-blok="BOSH-04"] .b04__art{grid-template-columns:104px minmax(0,1fr)}
  main [data-blok="BOSH-04"] .b04__media{width:104px}
  [data-blok="BOSH-13"] .sorov__forma{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-blok="BOSH-13"] .sorov__forma .maydon.keng{grid-column:1/-1}
}

/* ---------- ≤900 ---------- */
@media (max-width:900px){
  [data-blok="BOSH-03"] .z3__bosh{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  [data-blok="BOSH-03"] .z3__yon .btn{grid-column:1;margin-top:0}
  [data-blok="BOSH-13"] .grid.g-5-7{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-13"] h2{max-width:16em}
}

/* ---------- ≤760: bitta ustun ---------- */
@media (max-width:760px){
  [data-blok="BOSH-04"] .b04__yoyma{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-09"] .himoya{grid-template-columns:minmax(0,140px) minmax(0,1fr)}
  main [data-blok="BOSH-10"] .b10v1__olchov{grid-template-rows:none}
  main [data-blok="BOSH-10"] .b10v1__ik{height:calc(64px * var(--sk-h,.5))}
  main [data-blok="BOSH-03"] .xizmat__q{
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    column-gap:14px;row-gap:6px;
    padding-block:16px;
  }
  main [data-blok="BOSH-03"] .xizmat__media{grid-column:1;grid-row:1/3;width:64px}
  main [data-blok="BOSH-03"] .xizmat__q::after{display:none}
  main [data-blok="BOSH-03"] .xizmat__nom{grid-column:2;grid-row:1;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .tana-k{grid-column:2;grid-row:2;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .ha{grid-column:1/-1;grid-row:3;padding-top:8px}
  main [data-blok="BOSH-03"] .xizmat__oq{display:none}

  /* BOSH-04 — kadr nomning chapida, kichik */
  [data-blok="BOSH-04"] .b04__art{grid-template-columns:92px minmax(0,1fr)}
  main [data-blok="BOSH-04"] .b04__media{width:92px;max-width:92px}

  /* BOSH-05 jadvali mobilda blokka aylanadi — gorizontal skroll yoʻq */
  [data-blok="BOSH-05"] .z5__j,
  [data-blok="BOSH-05"] .z5__j thead,
  [data-blok="BOSH-05"] .z5__j tbody,
  [data-blok="BOSH-05"] .z5__j tr,
  [data-blok="BOSH-05"] .z5__j th,
  [data-blok="BOSH-05"] .z5__j td{display:block;width:auto}
  [data-blok="BOSH-05"] .z5__j thead{display:none}
  [data-blok="BOSH-05"] .z5__j tbody tr{
    padding-block:14px;border-bottom:1px solid var(--chiziq-ichki);
  }
  [data-blok="BOSH-05"] .z5__j tbody tr:last-child{border-bottom:0}
  [data-blok="BOSH-05"] .z5__j tbody th{width:auto;padding:0 0 8px}
  [data-blok="BOSH-05"] .z5__j tbody tr:last-child th{
    border-bottom:1px solid var(--chiziq-ichki);padding-bottom:8px;
  }
  [data-blok="BOSH-05"] .z5__j tbody tr:last-child td{padding-bottom:0}
  [data-blok="BOSH-05"] .z5__j tbody td{
    padding:0;border-bottom:0;
    display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;
  }
  [data-blok="BOSH-05"] .z5__j tbody td + td{margin-top:8px}
  [data-blok="BOSH-05"] .z5__j tbody td::before{
    content:attr(data-us);
    font-size:11px;line-height:1.5;font-weight:700;color:var(--navy);
    letter-spacing:var(--tracking-caps);font-variant-numeric:tabular-nums;
  }
  [data-blok="BOSH-05"] .z5__past{gap:var(--s6)}

  /* BOSH-13 — forma bitta ustun */
  [data-blok="BOSH-13"] .sorov__forma{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-13"] .panel__ost{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
}

/* ---------- ≤430: eng tor ekran ---------- */
@media (max-width:430px){
  main [data-blok="BOSH-03"] .xizmat__q{grid-template-columns:56px minmax(0,1fr);column-gap:12px}
  main [data-blok="BOSH-03"] .xizmat__media{width:56px}
  main [data-blok="BOSH-03"] .xizmat__nom h3{font-size:17px}
  [data-blok="BOSH-04"] .b04__art{grid-template-columns:minmax(0,1fr)}
  main [data-blok="BOSH-04"] .b04__media{grid-column:1;grid-row:auto;width:108px;margin-bottom:14px}
  [data-blok="BOSH-04"] .b04__izoh,
  [data-blok="BOSH-04"] .b04__nom,
  [data-blok="BOSH-04"] .b04__qator,
  [data-blok="BOSH-04"] .b04__ost{grid-column:1;grid-row:auto}
  [data-blok="BOSH-05"] .z5__j tbody td{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-05"] .z5__j tbody td::before{margin-bottom:2px}
}

/* ==========================================================================
   §17 · 13.09 · MUSTAQIL KOʻRIK TUZATISHLARI
   Koʻrik topgan kamchiliklar: boʻsh ustunlar (BOSH-02 · BOSH-13), identifikatorsiz
   slotlar (BOSH-03), planshet kengligining sozlanmagani (761–1100), mobil matn
   eni (BOSH-09), tugallanmagan grafikalar (BOSH-05 oʻqi · BOSH-07 shkalasi ·
   BOSH-12 yakun belgisi), qator sinishi (BOSH-10) va hero yorligʻining header
   qidiruv tugmasiga yopishgani.
   Manba tomonda: sahifadagi `tasma-kadr` olib tashlandi (izohi index.html da),
   BOSH-05 ning qiymatsiz `b05v2__oq` relsi olib tashlandi, BOSH-07 shkalasining
   oʻng uchiga `data-t="550 °C"` yorligʻi berildi.

   §17.1 hero slot yorligʻi · §17.2 BOSH-02 · §17.3 BOSH-03 · §17.4 BOSH-05 ·
   §17.5 BOSH-07 · §17.6 BOSH-09 · §17.7 BOSH-10 · §17.8 BOSH-12 · §17.9 BOSH-13
   ========================================================================== */

/* --------------------------------------------------------------------------
   §17.1 · HERO SLOT YORLIGʻI — headerdan pastga
   Yorliq `--tz-hero-ust - 8px` da edi: uning tepa qirrasi header qidiruv
   tugmasining ostiga yopishib, bir xil radius va 1 px ramka bilan oʻsha
   tugmaning dropdowni boʻlib oʻqilardi. Endi u header chizigʻidan sezilarli
   past — sahifa mazmuni, header boshqaruvining davomi emas.
   Toʻgʻri joyi umumiy qatlam (tizim.css §15, `.hs--mahsulot` uchun allaqachon
   yechilgan) — nazoratchiga taklif sifatida yozildi; bu sahifa darajasidagi
   vaqtinchalik bosim.
   -------------------------------------------------------------------------- */
main [data-blok="BOSH-01"] .hs__kadr:not(:has(img))::after{
  top:calc(var(--tz-hero-ust) + 44px);
}

/* --------------------------------------------------------------------------
   §17.2 · BOSH-02 · MOY TANLASH — chap rels gorizontal shapkaga aylandi
   Muammo: chap ustun (4/12) faqat yorliq va bitta havoladan iborat edi, ostida
   414 × 379 px boʻsh maydon qolardi — ABSOLUTE RULE #5 («no empty text
   columns»). Boʻlimda H2 yoʻq, yaʼni ustunni toʻldiradigan matn ham yoʻq.
   Brifning oʻz koʻrsatmasi: «if content is missing — simplify the composition».
   Yechim: yorliq chapda, yordam havolasi oʻngda — bitta gorizontal shapka
   qatori; asbob esa toʻliq 12/12 ga chiqadi («compact, immediately
   understandable» talabiga ham yaqinroq: olti texnika segmenti va uch maydon
   bitta kenglikda yoyiladi, hech biri qatorga sinmaydi).
   -------------------------------------------------------------------------- */
[data-blok="BOSH-02"] .tanlash__bosh{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:10px clamp(24px,3vw,48px);
  margin:0 0 clamp(16px,1.7vw,22px);padding-top:0;
}
[data-blok="BOSH-02"] .tanlash__bosh .ha{max-width:none;line-height:1.45}
[data-blok="BOSH-02"] .tanlash .panel,
[data-blok="BOSH-02"] .panel{grid-column:1/-1}
/* maydonlar toʻliq kenglikda ham oʻlchangan boʻlsin — kontrol 420 px dan
   oshmaydi, aks holda «Marka» selekti sahifaning uchdan birini egallaydi */
[data-blok="BOSH-02"] .maydon select,
[data-blok="BOSH-02"] .maydon input{max-width:420px}

/* --------------------------------------------------------------------------
   §17.3 · BOSH-03 · ASSORTIMENT
   (a) SLOT IDENTIFIKATORI. §2 da slot yozuvi butunlay oʻchirilgan edi —
       96 × 60 px quti ichida faqat «16:10» qolib, beshta bir xil boʻsh oq
       quti hosil boʻlardi (ABSOLUTE RULE #1 aynan shuni taqiqlaydi).
       Endi slot 108 px: yuqori oʻng burchakda nisbat, pastki chap burchakda
       texnik yorliq (MOTOR · DIESEL · TRANSMISSION · BRAKE · HYDRAULIC) —
       beshta slot bir-biridan farq qiladi, chap chetdagi 01–05 indeksi esa
       brifning «left index + right content» tuzilmasini saqlaydi.
   (b) PLANSHET (761–1100): qator uch satrdan ikki satrga tushdi va shapka
       ≥1001 da uch zonada qoladi — «Butun katalog» endi boʻsh maydon
       oʻrtasida osilib qolmaydi.
   (c) MOBIL: 01–05 sanogʻi qaytdi, tavsif toʻliq kenglikda (≈45 belgi/qator).
   -------------------------------------------------------------------------- */
main [data-blok="BOSH-03"] .xizmat__media:not(:has(img))::after{
  display:block;content:attr(data-yorliq);
  left:10px;right:8px;bottom:9px;
  font-size:9px;line-height:1.2;letter-spacing:.04em;color:#8496A8;
  white-space:nowrap;overflow:hidden;text-overflow:clip;
}
main [data-blok="BOSH-03"] .xizmat__media:not(:has(img))::before{
  inset:5px;padding:5px 6px;
}
main [data-blok="BOSH-03"] .xizmat__q{
  grid-template-columns:30px 108px minmax(186px,1.4fr) minmax(0,3.3fr) auto 44px;
}
main [data-blok="BOSH-03"] .xizmat__media{width:108px}
main [data-blok="BOSH-03"] .xizmat__q::after{padding-top:24px}
main [data-blok="BOSH-03"] .xizmat__nom{padding-top:18px}
main [data-blok="BOSH-03"] .xizmat__m .tana-k{padding-top:18px}
main [data-blok="BOSH-03"] .xizmat__m .ha{padding-top:20px}
main [data-blok="BOSH-03"] .xizmat__oq{margin-top:16px}

/* --------------------------------------------------------------------------
   §17.4 · BOSH-05 · qiymatsiz oʻq relsi olib tashlandi (manbada)
   Chiziq + ikki shtrix hech nimani oʻlchamasdi va skrinshotda kesilgan
   qutining tepa yarmiday koʻrinardi. «~8 s» va «~28 s» shkalani oʻzi oʻqiydi.
   -------------------------------------------------------------------------- */
[data-blok="BOSH-05"] .z5__chizma .b05v2__bars{padding-bottom:2px}

/* --------------------------------------------------------------------------
   §17.5 · BOSH-07 · shkala va «05» katagining chizigʻi
   (a) Oʻng shtrix yorliqsiz edi — oʻquvchi uning 550 °C ekanini bilolmasdi.
       Qiymat manbaga `data-t` atributi orqali berildi (matn emas), shkala
       endi haqiqatan oʻlchaydi: 0 °C · 100 °C · 550 °C.
   (b) «05 Qisqa masofa» katagi 4 ustunli, yonidagi oq langar esa 5-ustundan
       boshlanadi: ajratuvchi chiziq langardan bitta grid-oraliq oldin
       uzilib, tasodifiy kalta koʻrinardi. Endi chiziq aynan langarning chap
       qirrasigacha yetadi — uzilish emas, ulanish boʻlib oʻqiladi.
   -------------------------------------------------------------------------- */
@media (min-width:901px){
  [data-blok="BOSH-07"] .b07v1__omil.s4{position:relative}
  /* kenglik = bento ustun oraligʻi (tizim.css §8) — chiziq aynan oq langarning
     chap qirrasida tugaydi, bir piksel ham oshmaydi */
  [data-blok="BOSH-07"] .b07v1__omil.s4::after{
    content:"";position:absolute;top:-1px;left:100%;
    width:clamp(24px,3vw,48px);height:1px;background:rgba(255,255,255,.16);
  }
}

/* --------------------------------------------------------------------------
   §17.6 · BOSH-09 · MOBIL — 1:1 slot izohlar bilan yonma-yon qolgan edi
   390 px da izohlarga atigi 193 px (≈25 belgi/qator) qolardi. Endi ≤760 da
   slot oʻz qatorida, oʻlchangan (52 % kenglik), izohlar toʻliq kenglikda.
   -------------------------------------------------------------------------- */
@media (max-width:760px){
  [data-blok="BOSH-09"] .himoya{
    grid-template-columns:minmax(0,1fr);gap:clamp(14px,3vw,20px);
  }
  [data-blok="BOSH-09"] .himoya__kadr{
    grid-column:1;grid-row:1;width:min(156px,44%);margin-bottom:2px;
  }
  [data-blok="BOSH-09"] .himoya__k{grid-column:1}
}

/* --------------------------------------------------------------------------
   §17.7 · BOSH-10 · beshinchi ustun matni 11 px pastda turardi
   `.b10v1__q` toʻrining `align-content` sukut boʻyicha stretch edi: «200 L»
   izohi bir qator, qolganlari ikki qator boʻlgani uchun ortiqcha boʻshliq
   birinchi qatorga taqsimlanib matnni pastga surardi. BOSH-08 dagi tuzatish
   bilan bir xil yechim.
   -------------------------------------------------------------------------- */
main [data-blok="BOSH-10"] .b10v1__q{align-content:start}

/* --------------------------------------------------------------------------
   §17.8 · BOSH-12 · yopuvchi relsdagi yolgʻiz belgi
   Ochuvchi relsda 01/02/03 ga tekislangan uchta tugun bor; yopuvchi chiziqda
   esa chap chetda yolgʻiz bitta belgi qolib, unutilgan element taassurotini
   berardi. Endi u oʻng chetda — marshrutning manzili (chapda start, oʻngda
   finish), yaʼni belgi maʼno kasb etadi.
   -------------------------------------------------------------------------- */
@media (min-width:1024px){
  .b12v1__yakun::before{left:auto;right:0}
}

/* --------------------------------------------------------------------------
   §17.9 · BOSH-13 · SOʻROV — boʻsh chap ustun yoʻqoldi
   Muammo: chap ustunda 403 × 290 px boʻsh maydon (ABSOLUTE RULE #5) va
   sarlavha oʻrta pogʻonada (32 px) — yakuniy bobning hukmron elementi yoʻq
   edi. Aloqa kanallari MIJOZDAN darvozasi ortida, yaʼni ustunni toʻldiradigan
   kontent yoʻq → brifning «if content is missing — simplify the composition».
   Yechim: yorliq + sarlavha + lid toʻliq kenglikdagi bob-ochuvchi qatorga
   chiqdi (sarlavha 40 px — sahifaning A pogʻonasi), forma esa 12/12 ga.
   -------------------------------------------------------------------------- */
[data-blok="BOSH-13"] .grid.g-5-7{
  grid-template-columns:minmax(0,1fr);
  gap:clamp(20px,2.2vw,30px);
}
/* tizim.css §1 BOSH-13 ni B pogʻonada (32 px) ushlab turardi — bu yerda u
   yakuniy bobning ochuvchisi, shuning uchun A pogʻonaga koʻtariladi. */
main [data-blok="BOSH-13"][data-blok] h2{
  font-size:var(--tz-h2-a)!important;line-height:1.04;max-width:13em;
}
[data-blok="BOSH-13"] .sorov__chap .bosh{
  display:grid;
  grid-template-columns:minmax(0,6.4fr) minmax(0,5.6fr);
  column-gap:clamp(28px,3.4vw,56px);row-gap:clamp(8px,.9vw,11px);
  align-items:start;
}
[data-blok="BOSH-13"] .sorov__chap .bosh > .yorliq{grid-column:1;grid-row:1}
[data-blok="BOSH-13"] .sorov__chap .bosh > h2{grid-column:1;grid-row:2}
[data-blok="BOSH-13"] .sorov__chap .bosh > .lid{
  grid-column:2;grid-row:1/3;align-self:start;
  padding-top:6px;max-width:34em;
}
[data-blok="BOSH-13"] .panel{grid-column:1}
[data-blok="BOSH-13"] .sorov__forma textarea{min-height:64px}

/* ==========================================================================
   §18 · RESPONSIV — §17 ning planshet va mobil qatlamlari
   (§16 dan KEYIN turadi, shuning uchun oʻsha yerdagi qoidalarni bosadi)
   ========================================================================== */

/* ---------- 1001–1200: BOSH-03 shapkasi uch zonada qoladi ---------- */
@media (min-width:1001px){
  [data-blok="BOSH-03"] .z3__bosh{
    grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);
  }
  [data-blok="BOSH-03"] .z3__yon{display:contents}
  [data-blok="BOSH-03"] .z3__yon .btn{grid-column:3;justify-self:end;margin-top:0}
}

/* ---------- ≤1000: shapka ikki zonada, tugma lidning BEVOSITA ostida ----------
   Avval tugma implicit 2-qatorga tushib, chap ustundagi baland sarlavha
   tufayli lid bilan orasida ≈120 px boʻshliq ochilardi. Endi oʻng zona oddiy
   ustun: lid → tugma. */
@media (max-width:1000px){
  [data-blok="BOSH-03"] .z3__bosh{
    grid-template-columns:minmax(0,6fr) minmax(0,6fr);
  }
  [data-blok="BOSH-03"] .z3__yon{
    grid-column:2;display:flex;flex-direction:column;align-items:flex-start;
    gap:clamp(16px,1.8vw,22px);
  }
  [data-blok="BOSH-03"] .z3__yon .lid{padding-top:4px}
  [data-blok="BOSH-03"] .z3__yon .btn{margin-top:0}
}
@media (max-width:900px){
  [data-blok="BOSH-03"] .z3__bosh{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-03"] .z3__yon{grid-column:1}
}

/* ---------- 761–1100: BOSH-03 qatori IKKI satr ----------
   Avval uch satr edi (nom / tavsif / havola) — beshta qator boʻlimni
   1 066 px ga koʻtarardi. Endi: [01][kadr][nom] · [tavsif][havola]. */
@media (min-width:761px) and (max-width:1100px){
  main [data-blok="BOSH-03"] .xizmat__q{
    grid-template-columns:30px 104px minmax(0,1fr) auto 44px;
    grid-template-rows:auto auto;
    column-gap:clamp(12px,1.4vw,18px);row-gap:6px;
  }
  main [data-blok="BOSH-03"] .xizmat__media{grid-column:2;grid-row:1/3;width:104px}
  main [data-blok="BOSH-03"] .xizmat__q::after{grid-column:1;grid-row:1;padding-top:2px}
  main [data-blok="BOSH-03"] .xizmat__nom{grid-column:3/5;grid-row:1;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .tana-k{grid-column:3;grid-row:2;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .ha{
    grid-column:4;grid-row:2;padding-top:0;justify-self:end;
  }
  main [data-blok="BOSH-03"] .xizmat__oq{grid-column:5;grid-row:1/3;margin-top:0;align-self:start}
}

/* ---------- ≤760: BOSH-03 mobil ----------
   01–05 sanogʻi qaytdi (§16 uni display:none qilgan edi) va tavsif toʻliq
   kenglikda — avval u 250 px da ≈32 belgi/qator edi. */
@media (max-width:760px){
  main [data-blok="BOSH-03"] .xizmat__q{
    grid-template-columns:26px 100px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    column-gap:14px;row-gap:10px;padding-block:16px;
  }
  main [data-blok="BOSH-03"] .xizmat__q::after{
    display:block;grid-column:1;grid-row:1;padding-top:2px;font-size:11px;
  }
  main [data-blok="BOSH-03"] .xizmat__media{grid-column:2;grid-row:1;width:100px}
  main [data-blok="BOSH-03"] .xizmat__nom{grid-column:3;grid-row:1;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .tana-k{grid-column:1/-1;grid-row:2;padding-top:0}
  main [data-blok="BOSH-03"] .xizmat__m .ha{grid-column:1/-1;grid-row:3;padding-top:0}

  /* BOSH-13 — shapka bitta ustun */
  [data-blok="BOSH-13"] .sorov__chap .bosh{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-13"] .sorov__chap .bosh > .lid{
    grid-column:1;grid-row:auto;padding-top:0;
  }
}

/* ---------- ≤430 ---------- */
@media (max-width:430px){
  main [data-blok="BOSH-03"] .xizmat__q{grid-template-columns:24px 92px minmax(0,1fr);column-gap:12px}
  main [data-blok="BOSH-03"] .xizmat__media{width:92px}
}

/* ---------- 761–1200: BOSH-05 planshetda 900 px dan oshmaydi ----------
   Koʻrik: 1024 px da boʻlim 939 px edi. Ikki sabab: (1) eslatma akkordeoni
   bilan CTA bitta ustunga tushib qoʻshimcha qator ochardi, (2) navy chizma
   toʻliq kenglikda ochilib ichki oraliqlari desktop qiymatida qolardi.
   Endi akkordeon va CTA planshetda ham yonma-yon, chizma esa oʻlchangan. */
@media (min-width:761px) and (max-width:1200px){
  [data-blok="BOSH-05"] .z5__past{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:clamp(20px,2.4vw,36px);
  }
  [data-blok="BOSH-05"] .z5__cta{justify-content:flex-end;padding-top:0}
  [data-blok="BOSH-05"] .z5__chizma{padding:clamp(14px,1.5vw,18px)}
  [data-blok="BOSH-05"] .z5__chizma .b05v2__bars{padding-top:12px;gap:10px}
  [data-blok="BOSH-05"] .z5__chizma .b05v2__qt-izoh{padding-top:12px}
  [data-blok="BOSH-05"] .z5__moz{gap:clamp(16px,2vw,24px)}
}

/* ---------- 620–900: BOSH-03 shapkasi ikki zonada qoladi, qator yengillashadi ----
   768 px da shapka bitta ustunga tushib (yorliq → sarlavha → lid → tugma ustma-ust)
   boʻlim 952 px ga koʻtarilardi, qatorning tavsif ustuni esa atigi ≈302 px (≈38
   belgi) edi. Endi shapka shu kenglikda ham ikki zonali, oʻq tugmasi esa olib
   turiladi — «Yoʻnalishni koʻrish» havolasi oʻsha vazifani bajaradi va tavsifga
   qoʻshimcha 58 px kenglik qoladi. */
@media (min-width:620px) and (max-width:900px){
  [data-blok="BOSH-03"] .z3__bosh{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
  [data-blok="BOSH-03"] .z3__yon{
    grid-column:2;display:flex;flex-direction:column;align-items:flex-start;
    gap:clamp(14px,1.8vw,20px);
  }
}
@media (min-width:761px) and (max-width:900px){
  main [data-blok="BOSH-03"] .xizmat__oq{display:none}
  main [data-blok="BOSH-03"] .xizmat__q{
    grid-template-columns:28px 96px minmax(0,1fr) auto;
  }
  main [data-blok="BOSH-03"] .xizmat__media{width:96px}
  main [data-blok="BOSH-03"] .xizmat__nom{grid-column:3/5}
}
@media (max-width:619px){
  [data-blok="BOSH-03"] .z3__bosh{grid-template-columns:minmax(0,1fr)}
  [data-blok="BOSH-03"] .z3__yon{grid-column:1}
}

/* ---------- 761–900: BOSH-10 va BOSH-05 planshet-portret ----------
   768 px da BOSH-10 981 px edi: shkala ikki ustunga tushgach 98 px li ikonka
   relsi uch qator boʻlib takrorlanardi. Rels ≤760 dagi oʻlchamiga tushiriladi —
   proporsiya (`--sk-h`) saqlanadi, balandlik esa uch barobar kam yeyiladi.
   BOSH-05 da jadval qatorlari va navy chizma shu kenglikda biroz tortiladi. */
@media (min-width:761px) and (max-width:900px){
  main [data-blok="BOSH-10"] .b10v1__olchov{grid-template-rows:none;row-gap:10px}
  main [data-blok="BOSH-10"] .b10v1__ik{height:calc(72px * var(--sk-h,.5))}

  [data-blok="BOSH-05"] .b05v2__kirish{margin-bottom:clamp(16px,2vw,22px)}
  [data-blok="BOSH-05"] .z5__j th,
  [data-blok="BOSH-05"] .z5__j td{padding-block:8px}
  [data-blok="BOSH-05"] .z5__moz{gap:clamp(14px,1.8vw,20px)}
  [data-blok="BOSH-05"] .z5__past{margin-top:clamp(16px,1.8vw,22px);padding-top:clamp(14px,1.6vw,18px)}
  [data-blok="BOSH-05"] .z5__chizma{padding:14px}
  [data-blok="BOSH-05"] .z5__chizma .b05v2__bars{padding-top:10px;gap:9px}
}

/* ---------- Slot tili bitta boʻlsin: BOSH-04 va BOSH-09 ham yorliq koʻrsatadi ----
   BOSH-03 slotlari endi texnik yorliq bilan identifikatsiya qilinadi; qolgan
   ikki slot esa faqat indeks koʻrsatib turardi — sahifada ikki xil slot tili
   paydo boʻlardi. Endi uchalasi ham bir xil oʻqiladi: nisbat yuqori oʻngda,
   «indeks + texnik yorliq» pastki chap burchakda.
   (BOSH-04 manbasida yorliq «IMAGE AREA — PRODUCT» dan «PRODUCT» ga qisqardi —
   124 px li slotga sigʻishi uchun; bu HTML atributi, matn emas.) */
main [data-blok="BOSH-04"] .b04__media:not(:has(img))::after,
main [data-blok="BOSH-09"] .himoya__kadr:not(:has(img))::after{
  content:attr(data-indeks) "  " attr(data-yorliq);
  left:11px;right:9px;bottom:9px;
  font-size:9px;line-height:1.2;letter-spacing:.04em;color:#8496A8;
  white-space:pre;overflow:hidden;
}
main [data-blok="BOSH-04"] .b04__media:not(:has(img))::before,
main [data-blok="BOSH-09"] .himoya__kadr:not(:has(img))::before{inset:6px}

/* --------------------------------------------------------------------------
   §19 · BOSH-07 · shkalaning OXIRGI yorligʻi oʻqdan tashqariga chiqib ketardi
   (nazoratchi koʻrigi, 13.09)
   `.b07v1__t` yorligʻi doim `left:0` dan boshlanadi — uchinchi belgi `left:100%`
   da turgani uchun «550 °C» oʻqning oʻng uchidan TASHQARIGA yozilardi va 390 px
   da quyuq panelning chetiga chiqib ketardi (oʻlchandi: 1170×89 kesimda «°C»
   panel qirrasi ustida). Oxirgi yorliq oʻqning ICHIGA, oʻngga tekislanadi —
   boshlanish yorligʻi chapdan, tugash yorligʻi oʻngdan oʻqiladi.
   -------------------------------------------------------------------------- */
.b07v1__t--urgu::after{left:auto;right:0;text-align:right}