/* ==========================================================================
   GRAUMANN · g7 — TEXNIK TUZATISHLAR QATLAMI (15.09)
   Hamma qatlamdan KEYIN ulanadi. Faqat oʻlchangan texnik nuqson tuzatiladi;
   kompozitsiya, boʻshliq va tipografikaga tegilmaydi.
   Ortga qaytarish: qur.py dagi "g7" ni olib tashlash yetadi.
   ========================================================================== */

/* --------------------------------------------------------------------------
   §1 · KICHIK MATN KONTRASTI (WCAG AA)

   Oʻlchov (15.09, jonli sayt): `.s6-yoz` (13 px CAPS yorliq, 58 ta) va
   `.s6-raqam` (14 px tartib raqami, 116 ta) `--blue-400` (#3A97E0) da
   yozilgan edi — oq fonda 3.14:1, yuza fonda (#F2F6FB) 2.90:1.
   AA kichik matn uchun 4.5:1 talab qiladi, ikkalasi ham oʻtmaydi.

   Tugma koʻki (#3A97E0, 3.14:1) DIZAYN-TIZIMI da bilib qabul qilingan
   istisno — unga TEGILMAYDI. Bu yerda faqat MATN roli tuzatiladi:
   yorliq va raqam bir pogʻona quyuqroq brend koʻkiga (`--blue-700`,
   #1568AB — palitrada allaqachon bor, «bosilgan holat» rangi) oʻtadi.
   Oʻlchov: oq fonda 5.83:1 · yuza fonda 5.18:1 — ikkalasi ham AA dan oʻtadi.

   Quyuq (navy) sirtdagi yorliq/raqam #76BFF8 da qoladi — u yerda kontrast
   yetarli va g6 §navy qoidalari yuqoriroq ogʻirlikda yozilgan.
   -------------------------------------------------------------------------- */
.s6-yoz{ color:var(--blue-700) }
.s6-raqam{ color:var(--blue-700) !important }
main .g5-qator__n,
main .k2-reg__n,
main .k2-sj__n,
main .m5-xoss__n,
main .szr-rels__n,
main .sq-t__n,
main .b-akk__n,
main .ga-n,
main .g5-qadam__n,
main .s6-segment__n{ color:var(--blue-700) !important }

/* quyuq sirtda eski (yorugʻ) qiymat qaytariladi — yuqoridagi !important
   qoidalar ogʻirligi teng boʻlgan joyda ham ustun chiqishi uchun */
.s6-karta--navy .s6-yoz,
.s6--navy .s6-yoz,
.s6-karta--aksent .s6-yoz,
.s6-yoz--oq{ color:#76BFF8 }
.s6-karta--navy .s6-raqam,
.s6--navy .s6-raqam{ color:#76BFF8 !important }
.s6-yoz--qizil{ color:#D63E3E }

/* --------------------------------------------------------------------------
   §2 · `font-size-adjust` OLIB TASHLANDI (tezlik)

   `asos.css` da `body{font-size-adjust:.48}` bor edi. U butun hujjatga meros
   boʻlib tushadi va brauzer HAR uslub qayta hisobida har element uchun shrift
   metrikasini qayta oʻlchaydi. Oʻlchov (15.09, lokal, Chrome):
       font-size-adjust bilan  → RecalcStyle 1 830 ms · FCP (mobil CPU) 7 700 ms
       font-size-adjust siz    → RecalcStyle     3 ms
   Sahifaning butun sekinligi shu bitta xossada edi (CSS hajmi, `:has()`,
   SVG sprite — hech biri sezilarli emas, oʻlchab tekshirildi).

   Koʻrinish oʻzgarmasligi uchun aynan shu nisbat `tokenlar.css` dagi Outfit
   `@font-face` larga `size-adjust:102.137%` boʻlib koʻchirildi — u shrift
   yuklanganda bir marta hisoblanadi.
   -------------------------------------------------------------------------- */
body{ font-size-adjust:none }

/* --------------------------------------------------------------------------
   §3 · `60ch` → `644px` (tezlik, bosh sahifa heroi)

   `cs-hero.css` dagi `.cs-hero__lid{max-width:60ch}` yolgʻiz oʻzi uslub qayta
   hisobiga 1 850 ms qoʻshardi (oʻlchandi: shu bitta eʼlonni `60em` ga
   almashtirsa — 5 ms). Sabab: `ch` birligi shrift metrikasi bilan bogʻlangan,
   karuseldagi 5 ta lid uchun u har hisobda qaytadan oʻlchanadi.
   644 px — aynan shu shriftdagi 60ch ning oʻlchangan qiymati (644.12 px),
   shuning uchun qator uzunligi piksel darajasida oʻzgarmaydi.
   -------------------------------------------------------------------------- */
main .bolim.cs-hero[data-blok] .cs-hero__lid{ max-width:644px }

/* --------------------------------------------------------------------------
   §4 · SHRIFT STACKIDAGI MAVJUD BOʻLMAGAN NOMLAR (tezlik — eng katta topilma)

   Oʻlchov (15.09): stackda OʻRNATILMAGAN shrift nomi boʻlsa, brauzer har matn
   boʻlagi uchun tizim boʻylab qidiruv qiladi. Qiymati:
       "Outfit","Century Gothic",Futura,system-ui,…  → Layout 1 870 ms (mobil CPU 7 500 ms)
       "Outfit",system-ui,-apple-system,sans-serif    → Layout    43 ms
   Bu Century Gothic ga xos emas — ixtiyoriy mavjud boʻlmagan nom (hatto
   oʻylab topilgani ham) shu narxni beradi. Shuning uchun stackda faqat
   yuklanadigan yuz (Outfit) va TIZIM kalit soʻzlari qoladi.

   «Century Gothic» eski versiyadan (bosh-yangi) qolgan meros edi — hozirgi
   dizayn tizimi Outfit ga qurilgan, shuning uchun uni yoʻqotish koʻrinishga
   taʼsir qilmaydi (u faqat shrift yuklanguncha boʻlgan ~0,3 s da koʻrinardi).
   -------------------------------------------------------------------------- */
:root{ --shrift:"Outfit",system-ui,-apple-system,sans-serif }

/* Mono: saytda `'JetBrains Mono', monospace` 147 joyda yozilgan, lekin uning
   `@font-face` i faqat `kat-qora.css` da edi va u sahifalarga ulanmaydi —
   yaʼni nom mavjud emas va yuqoridagi qidiruv narxini beradi. Yuz shu yerda
   eʼlon qilinadi: nom mavjud boʻladi, matn esa moʻljallangan shriftda chiqadi. */
@font-face{
  font-family:"JetBrains Mono";
  src:url("../shrift/jbm-latin.woff2") format("woff2");
  font-weight:100 800;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url("../shrift/jbm-latin-ext.woff2") format("woff2");
  font-weight:100 800;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,
    U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,
    U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ── MOBIL KADR FOKUSI (2026-09-15) ───────────────────────────────────────────
   g6.css:1332 mobilda HAR QANDAY `.s6-kadr` ni 16/10 ga majburlaydi.
   Manba kvadrat yoki portret boʻlsa (1.0–1.36) bu boʻyini 15–40 % qirqadi va
   odamlarning BOSHI kesiladi (15.09 oʻlchovda aniqlandi). object-fit markazdan
   kesadi, shuning uchun mobilda fokusni tepaga suramiz — yoʻqotish pastdan ketadi.
   Faqat mobil; desktopda kadrlar oʻz nisbatida va kesim 0 %.
   -------------------------------------------------------------------------- */
@media (max-width:700px){
  .s6-kadr img{ object-position:50% 22% }
  /* panorama kadrlar (nisbat > 1.8) 16/10 uyada ENIDAN kesiladi — markaz toʻgʻri */
  .s6-kadr--panorama img{ object-position:50% 50% }
}

/* ── Q4 QOLDIGʻI · roʻyxat oxiri chizigʻi (2026-09-15) ────────────────────────
   EDIT-3 Q4: «Eslatma/xulosa qatorlari ustidagi CHIZIQ yoʻq (.s6-eslatma
   border-top va shunga oʻxshash hairline'lar)». Katalogdagi «Roʻyxat oxiri…»
   qatori (.k2-sorov.s6-eslatma.s6-kat-oxiri) shu raundda eʼtibordan qolgan —
   g6-katalog.css:331 unga `border-top:1px !important` beryapti.
   Ajralish baribir bor: qator ustidagi 18px padding va roʻyxatning oxiri.
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-oxiri{ border-top:0 !important }

/* ── TIL ALMASHTIRGICHI · UZ / RU / EN (2026-09-15) ───────────────────────────
   Uchta til bo'lgach yorliqlar bir-biriga yopishib qolardi: ajratuvchi nuqta
   qo'shildi, faol til og'irlik bilan ajraladi (rang bilan emas — qorong'i hero
   ustida ham, oq shapkada ham bir xil o'qiladi).
   -------------------------------------------------------------------------- */
.header .til{gap:0;align-items:center}
.header .til a{padding:0 8px;position:relative;opacity:.62;transition:opacity 180ms ease}
.header .til a + a::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:11px;background:currentColor;opacity:.3;
}
.header .til a:hover{opacity:1}
.header .til a[aria-current]{opacity:1;font-weight:700}
.header .til a:first-child{padding-left:0}
.header .til a:last-child{padding-right:0}

/* mobil menyudagi til qatori — tugmadan keyin, markazda, nishon 44 px */
.mobil__til{display:none}
@media (max-width:1000px){
  .mobil .mobil__til{
    display:flex;justify-content:center;gap:0;
    margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--chiziq);
  }
  .mobil .mobil__til a{padding:10px 14px;min-height:44px;display:flex;align-items:center}
}

/* --------------------------------------------------------------------------
   §3 · 15.09 Otabek — SOʻROV/HAMKORLIK QATLAMI OLIB TASHLANDI

   Sayt boʻylab forma, «soʻrov qoldirish», «hamkorlik soʻrovi», «mutaxassisga
   yozish» chaqiruvlari va aloqa/brend sahifalari olib tashlandi. Bu yerda
   faqat shundan kelib chiqqan TARTIB tuzatiladi — yangi uslub yozilmaydi.
   -------------------------------------------------------------------------- */

/* Ishonch tasmasi: uch karta → ikki karta (bento.css §tasma !important beradi) */
.tasma--ikki .tasma__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
@media (max-width:1000px){
  .tasma--ikki .tasma__grid{grid-template-columns:minmax(0,1fr) !important}
}

/* Futer ustunlari: toʻrt → ikki */
.s6-futer__ustunlar{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){
  .s6-futer__ustunlar{grid-template-columns:minmax(0,1fr)}
}

/* Header tepa qatori: havolalar ketdi, faqat til almashtirgichi qoldi */
.header__ust .ich{justify-content:flex-end}

/* «Bu texnika hali bazada yoʻq» — forma ketdi, band endi bitta matn ustuni
   (avval 5/7 grid edi; oʻng ustunsiz grid boʻsh yarim qoldirardi) */
.s6-yoq--matn{max-width:640px}

/* S6-08 (qoʻllash) — oʻngdagi hamkorlik tugmasi ketdi, plita bitta ustun boʻldi */
main .bolim[data-blok="S6-08"] .s6-manba__karta{grid-template-columns:minmax(0,1fr) !important}

/* H-09 «Sotib olayotganda tekshiring» — pastdagi «bizga yozing» havolasi ketgach
   navy plitada boʻsh joy qolardi: kadr endi qolgan balandlikni toʻldiradi
   (g6.css 1300-qator `max-height:160px` ni yengadi) */
main .bolim[data-blok="H-09"] .s6-tekshir__kadr{
  flex:1 1 auto !important;min-height:160px !important;max-height:none !important;
}

/* ==========================================================================
   §5 · 2026-09-15 · Uzun tarjimada tugma katakdan toshmasin
   --------------------------------------------------------------------------
   `.btn` — inline-flex, matni bitta qatorda turadi. Oʻzbekcha «Texnikamga moy
   tanlash» sigʻadi, ruscha «Подобрать масло для моей техники» esa 321 px
   boʻlib ketadi va BOSH-07 CTA katagidan chiqadi (RU bosh sahifa 1280 va
   1440 px da gorizontal skroll berardi). Matn katagiga `min-width:0` berilsa
   flex uni siqib qatorga boʻladi; `max-width:100%` tugmani otasidan
   chiqarmaydi. Oʻzbekcha koʻrinishga taʼsir qilmaydi — u baribir sigʻadi.
   ========================================================================== */
.btn{max-width:100%}
.btn__m{min-width:0;overflow-wrap:break-word;text-wrap:balance}
/* `_bs34.css:8675` — `.s6 .btn__m{white-space:nowrap}`. Oʻzbekcha matn sigʻgani
   uchun sezilmasdi; ruschasi esa qatorga boʻlinolmay katakdan chiqib ketardi.
   `normal` — matn FAQAT sigʻmaganda boʻlinadi, sigʻsa bir qatorda qoladi,
   shuning uchun oʻzbekcha koʻrinish oʻzgarmaydi. Hero CTA si istisno: u yerda
   joy yetarli va bir qator ataylab saqlanadi. */
.s6 .btn__m{white-space:normal}
.cs-hero__amal .btn__m{white-space:nowrap}
/* Tor ekranda hero CTA si ham boʻlinadi — 320 px da ruscha matn bir qatorga
   sigʻmay herodan chiqib ketardi. */
@media (max-width:560px){ .cs-hero__amal .btn__m{white-space:normal} }

/* ==========================================================================
   §6 · 2026-09-15 · Solishtirish jadvali eng tor ekranda
   --------------------------------------------------------------------------
   BOSH-05 jadvali 320 px da ruscha matn bilan 329 px boʻlib qoladi (uzbekcha
   sigʻadi). Qonun: jadval kengroq boʻlishi mumkin, lekin OʻZ `overflow-x`
   konteynerida — sahifa gorizontal skroll bermasin.
   ========================================================================== */
@media (max-width:420px){
  main .s6-jadval-karta{overflow-x:auto;-webkit-overflow-scrolling:touch}
  main .s6-jadval th,main .s6-jadval td{padding:10px 6px}
  main .s6-jadval{font-size:13.5px}
}

/* ==========================================================================
   §7 · 2026-09-15 · Moy tanlash qadam relsi eng tor ekranda
   --------------------------------------------------------------------------
   T6-02 relsi uch ustunli grid. 320 px da ustunga ~50 px matn joyi qoladi —
   oʻzbekcha «Toifa» sigʻadi, ruscha «Категория» va inglizcha «Category» esa
   sigʻmay sahifani toshirardi. Oraliqni qisqartiramiz va soʻzni boʻlishga
   ruxsat beramiz; tuzilma (uch ustun, ost chiziq holati) oʻzgarmaydi.
   ========================================================================== */
@media (max-width:420px){
  main .bolim.s6[data-blok] .s6-rels{gap:0 10px}
  main .bolim.s6[data-blok] .s6-rels__t{gap:8px}
  main .bolim.s6[data-blok] .s6-rels__nom{font-size:14px;overflow-wrap:anywhere}
  main .bolim.s6[data-blok] .s6-rels__qiy{font-size:12px}
}

/* ==========================================================================
   5. MAHSULOT · «Toʻldirish talablari» butun enga  (2026-09-16, Otabek)
   --------------------------------------------------------------------------
   Muammo: 1-tabda oʻng ustun (spetsifikatsiya + toʻldirish talablari) chapdagi
   jadval kartasidan ~437 px uzun edi — chap tomonda katta boʻsh joy qolardi.
   Yechim: «Toʻldirish talablari» oʻng ustundan chiqarilib, gridning ikkala
   ustunini egallaydigan alohida qatorga qoʻyildi. Ichida 4/8 boʻlinish:
   chapda yorliq + SAE/API/ILSAC, oʻngda ishlab chiqaruvchi roʻyxati 3 ustunda.
   ========================================================================== */
main .bolim[data-blok] .s6-grid--7-5 > .s6-oem--keng{grid-column:1 / -1}

main .bolim[data-blok] .s6-oem--keng{padding:28px 32px}
main .bolim[data-blok] .s6-oem--keng .s6-oem__ich{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:24px 56px;align-items:start;width:100%;
}
main .bolim[data-blok] .s6-oem--keng .s6-oem__chap,
main .bolim[data-blok] .s6-oem--keng .s6-oem__ong{display:grid;gap:14px;align-content:start;min-width:0}
main .bolim[data-blok] .s6-oem--keng .s6-oem__chap > .s6-ik-doira{margin-bottom:2px}
main .bolim[data-blok] .s6-oem--keng .s6-h4{margin:0}
main .bolim[data-blok] .s6-oem--keng .s6-oem__tavs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px}
main .bolim[data-blok] .s6-oem--keng .s6-oem__qator{gap:14px 40px}

@media (max-width:1024px){
  main .bolim[data-blok] .s6-oem--keng .s6-oem__ich{grid-template-columns:minmax(0,1fr);gap:20px}
  main .bolim[data-blok] .s6-oem--keng .s6-oem__tavs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  main .bolim[data-blok] .s6-oem--keng{padding:20px}
  main .bolim[data-blok] .s6-oem--keng .s6-oem__tavs{grid-template-columns:minmax(0,1fr)}
}