/* ==========================================================================
   g6-katalog.css — KATALOG sahifasining S6 qatlami (2026-09-14)
   Brif: S6-BRIF.md · etalon: index.html + css/g6.css · referens: solveex.framer.website
   Bloklar: K6-02 ish maydoni (canvas) · K6-03 yoʻnalish haqida (oq) ·
            K6-04 savol-javob (canvas) · K6-05 konversiya (navy). KAT-01 hero tegilmagan.
   Qonun: soya 0 · tracking ≤ 0 · yuqoriga tekislash · radius 20 (karta) / 14 (kadr) /
   12 (kontrol) · AI-slop yoʻq · matn max-width bilan sindirilmaydi.
   Eski qatlamlar (kat · kat2 · z-katalog · r-katalog · g5-katalog · tizim · kompozitsiya)
   JS hook-klasslari (.k2-* / .kat-*) ustida turibdi — shuning uchun oʻsha elementlarda
   (0,3,1)+ selektor va kerak joyda !important.
   ========================================================================== */
:root{
  --k6-top:126px;              /* qattiq header (114) + halqa */
  --k6-kontrol:12px;
}

/* --------------------------------------------------------------------------
   §0 · DARVOZA — K6 bloklari uchun (kat.css §0 mantiqi, yangi kodlar)
   Mijozdan kutilayotgan tokenlar jonli sahifada koʻrinmaydi, DOM da qoladi.
   -------------------------------------------------------------------------- */
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .mijozdan,
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .mijozdan-tinish,
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .kat-kutilmoqda,
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .kat-namuna,
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .kat-mah--shablon,
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .s6-kat-mah__q--spek:has(.mijozdan),
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .s6-kat-yonalish__son:has(.mijozdan),
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .s6-kat-qiymat-kutish:has(.mijozdan),
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .s6-kat-q--kutish:has(.mijozdan),
body:not([data-holat="qoralama"]) main [data-blok^="K6"] .s6-kat-mah__teg:has(> .s6-kat-mah__yon > .mijozdan){display:none !important}
main [data-blok^="K6"] .mijozdan-tinish{display:inline}
[data-holat="qoralama"] main [data-blok^="K6"] .mijozdan{border-bottom:1px dashed var(--chiziq);color:var(--slate);font-size:.88em}
/* `hidden` darvozasi — fayl OXIRIDA (§11), (0,3,1)+ spetsifiklik bilan */
/* tugma grid/flex katagida choʻzilmaydi */
main [data-blok^="K6"] .btn{justify-self:start;align-self:start;width:auto}
/* S6 aksent tugmasi (etalon: komponent.css) — z-katalog §7 hamma .btn--asos ni navy qilgan edi */
main [data-blok^="K6"] .btn--asos{background:var(--aksent);color:#fff;border-color:transparent}
main [data-blok^="K6"] .btn--asos:hover{background:#55A8E6}
main [data-blok^="K6"] .btn--asos .btn__oq{background:#fff;color:var(--navy)}
main [data-blok^="K6"] .btn--asos:hover .btn__oq{background:#EAF2FB}
main [data-blok^="K6"] .s6-kat-holat__yuk{display:none;margin:0 0 12px;font-size:14px;color:var(--slate)}
[data-holat="qoralama"] main [data-blok^="K6"] .s6-kat-holat__yuk{display:block}
main [data-blok^="K6"] .holat{display:none}
main [data-blok^="K6"] .holat.korinsin{display:block;margin-top:20px;padding:14px 16px;background:var(--s6-canvas);border-radius:12px;font-size:14px;color:var(--ink)}
main [data-blok^="K6"] .s6-teg{display:inline-block}
main [data-blok^="K6"] .s6-raqam{display:inline-block}

/* --------------------------------------------------------------------------
   §1 · K6-02 · ASBOB PLITASI — katta qidiruv + 6 yoʻnalish plitkasi
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-panel{padding:32px 32px 28px;gap:0;display:block}
main .s6-kat .s6-kat-qidiruv{display:block;margin:0}
main .s6-kat .s6-kat-qidiruv__y{margin:0 0 12px;text-transform:uppercase}   /* koʻrinish: plitadagi boshqa yorliqlar bilan bir xil; matn tugunida «Qidiruv» qoladi */
main .s6-kat .s6-kat-qidiruv__maydon{
  display:flex;align-items:center;gap:12px;
  background:var(--s6-canvas);border-radius:14px;padding:8px 8px 8px 22px;min-height:68px;
}
main .s6-kat .s6-kat-qidiruv__maydon:focus-within{outline:1.5px solid var(--navy);outline-offset:0}
main .s6-kat .s6-kat-qidiruv__ik{width:22px;height:22px;color:var(--slate);flex:none}
main .s6-kat .s6-kat-qidiruv__maydon input{
  flex:1 1 auto;min-width:0;width:auto;background:none;border:0;outline:none;box-shadow:none;
  font-size:17px;line-height:1.3;color:var(--navy);padding:0;height:auto;min-height:0;border-radius:0;
}
main .s6-kat .s6-kat-qidiruv__maydon input::placeholder{color:var(--slate);opacity:1}
main .s6-kat .s6-kat-qidiruv__maydon input::-webkit-search-cancel-button{display:none}
main .s6-kat .s6-kat-qidiruv__tozala{
  display:grid;place-items:center;width:38px;height:38px;flex:none;
  border:0 !important;background:none !important;border-radius:10px;padding:0 !important;margin:0 !important;
  color:var(--slate) !important;font-size:22px;line-height:1;cursor:pointer;
}
main .s6-kat .s6-kat-qidiruv__tozala:hover{background:var(--s6-canvas-2) !important;color:var(--navy) !important}
main .s6-kat .s6-kat-qidiruv__t{flex:none;min-height:52px;margin-left:4px}

main .s6-kat .s6-kat-yonalish{margin-top:28px}
main .s6-kat .s6-kat-yonalish > .s6-yoz{margin:0 0 12px}
main .s6-kat .s6-kat-yonalish__plitkalar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
/* .k2-yon__q — JS hook; eski qatlam (kat2/z/g5) uni chiziqli «indeks» qilib qoʻygan → toʻliq qayta */
main .s6-kat .s6-kat-yonalish__q{
  position:relative;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;
  gap:10px !important;min-height:88px !important;padding:16px 18px 16px !important;margin:0 !important;
  background:var(--s6-canvas) !important;border:0 !important;border-radius:var(--k6-kontrol) !important;
  box-shadow:none !important;color:var(--navy) !important;text-align:left !important;cursor:pointer;
  font:inherit;font-size:15.5px !important;
  transition:background var(--anim) var(--ease),color var(--anim) var(--ease) !important;
}
main .s6-kat .s6-kat-yonalish__q::before,main .s6-kat .s6-kat-yonalish__q::after{content:none !important;display:none !important}
main .s6-kat .s6-kat-yonalish__q:hover{background:var(--s6-aksent-yengil) !important;border-color:transparent !important}
main .s6-kat .s6-kat-yonalish__q:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
main .s6-kat .s6-kat-yonalish__q[aria-pressed="true"]{background:var(--navy) !important;color:#fff !important;border-color:transparent !important}
main .s6-kat .s6-kat-yonalish__q .s6-raqam{line-height:1;padding-top:2px;height:20px}
main .s6-kat .s6-kat-yonalish__q[aria-pressed="true"] .s6-raqam{color:var(--s6-oq-55)}
main .s6-kat .s6-kat-yonalish__ik{width:20px;height:20px;color:var(--blue-700);flex:none}
main .s6-kat .s6-kat-yonalish__q[aria-pressed="true"] .s6-kat-yonalish__ik{color:#76BFF8}
main .s6-kat .s6-kat-yonalish__nom{
  font-size:15.5px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.01em !important;
  color:inherit !important;margin-top:auto;
}
main .s6-kat .s6-kat-yonalish__nom::after{content:none !important}
main .s6-kat .s6-kat-yonalish__son{font-size:12.5px;color:var(--slate)}
main .s6-kat .s6-kat-yonalish__q[aria-pressed="true"] .s6-kat-yonalish__son{color:var(--s6-oq-70) !important;background:none !important}
main .s6-kat .s6-kat-panel__ost{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 40px;align-items:start;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--chiziq);
}
main .s6-kat .s6-kat-yonalish__izoh{font-size:14.5px;line-height:1.55}
main .s6-kat .s6-kat-panel__narx{padding-top:2px;white-space:nowrap}

/* --------------------------------------------------------------------------
   §2 · K6-02 · ROʻYXAT SHAPKASI (+ yoʻnalish kirishi, JS toʻldiradi)
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-bosh{margin:40px 0 14px;scroll-margin-top:calc(var(--k6-top) + 4px);grid-template-columns:minmax(0,1fr)}
main .s6-kat .s6-kat-bosh .s6-yoz{margin:0}
/* .k2-kirish — JS hook; eski qatlam 12 ustunli grid + chiziq qoʻygan → toʻliq qayta */
main .s6-kat .s6-kat-kirish{
  display:flex !important;flex-direction:column;align-items:flex-start;gap:10px !important;
  margin:12px 0 4px !important;padding:0 !important;border:0 !important;background:none !important;
}
main .s6-kat .s6-kat-kirish[hidden]{display:none !important}
main .s6-kat .s6-kat-kirish .k2-kirish__raqam{display:none !important}   /* raqam plitkada turibdi */
main .bolim[data-blok] .s6-kat-kirish .k2-kirish__nom{margin:0 !important}
main .s6-kat .s6-kat-kirish .k2-kirish__qara{font-size:16px !important;line-height:1.5 !important;color:var(--slate) !important;margin:0 !important;max-width:none !important;letter-spacing:0 !important}
main .s6-kat .s6-kat-kirish .k2-kirish__ha{margin-top:2px}

/* --------------------------------------------------------------------------
   §3 · K6-02 · FILTR RELSI — toza toolbar, desktopda yopishqoq (canvas halqa)
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-rels{
  position:sticky;top:var(--k6-top);z-index:20;
  background:var(--s6-canvas);padding:10px 0 12px;margin:0 0 12px;
}
main .s6-kat .s6-kat-rels__plita{padding:10px 12px;gap:0;border-radius:16px;display:block}
main .s6-kat .s6-kat-rels__qator{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
/* .k2-filtrlar — JS hook (guruhlar shu yerga qaytariladi) */
main .s6-kat .s6-kat-filtrlar{display:flex !important;align-items:center;flex-wrap:wrap;gap:8px !important;min-width:0;margin:0 !important;padding:0 !important;border:0 !important}
/* .k2-f / .k2-f__t / .k2-f__panel — JS hooklar */
main .s6-kat .s6-kat-f{position:relative;border:0 !important;padding:0 !important;margin:0 !important}
main .s6-kat .s6-kat-f__t{
  display:inline-flex !important;align-items:center;gap:8px !important;
  padding:0 14px !important;min-height:44px;margin:0 !important;
  background:var(--s6-canvas) !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;
  font:inherit;font-size:14.5px !important;font-weight:600 !important;letter-spacing:-.01em !important;
  color:var(--navy) !important;white-space:nowrap;cursor:pointer;
  transition:background var(--anim) var(--ease),color var(--anim) var(--ease);
}
main .s6-kat .s6-kat-f__t:hover,main .s6-kat .s6-kat-f__t[aria-expanded="true"]{background:var(--s6-aksent-yengil) !important}
main .s6-kat .s6-kat-f__t:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
main .s6-kat .k2-f--faol > .s6-kat-f__t{background:var(--navy) !important;color:#fff !important}
main .s6-kat .s6-kat-f__b{width:14px;height:14px;color:currentColor;opacity:.7;flex:none;transition:transform var(--anim) var(--ease)}
main .s6-kat .s6-kat-f__t[aria-expanded="true"] .s6-kat-f__b{transform:rotate(180deg)}
main .s6-kat .s6-kat-f__son{
  display:inline-block !important;min-width:20px;height:20px;padding:0 6px !important;
  background:var(--blue-400) !important;color:#fff !important;border-radius:6px !important;border:0 !important;
  font-size:12px !important;font-weight:600 !important;line-height:20px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0 !important;
}
main .s6-kat .s6-kat-f--yopiq > .s6-kat-f__t{color:var(--slate) !important}
main .s6-kat .s6-kat-f__panel{
  position:absolute !important;top:calc(100% + 8px) !important;left:0 !important;right:auto !important;z-index:30 !important;
  min-width:280px !important;max-width:min(440px,86vw) !important;width:max-content;
  background:#fff !important;border:1px solid var(--chiziq) !important;border-radius:14px !important;
  padding:16px !important;margin:0 !important;box-shadow:none !important;
  display:grid !important;gap:12px !important;text-align:left;
}
main .s6-kat .s6-kat-f__panel--keng{min-width:340px !important}
main .s6-kat .s6-kat-qiymatlar{display:grid;gap:4px;margin:0;padding:0;list-style:none}
/* .kat-q — JS hook (sae qiymatlari) */
main .s6-kat .s6-kat-q{
  display:flex !important;align-items:center;gap:10px;width:100%;
  padding:10px 12px !important;margin:0 !important;border:0 !important;border-radius:8px !important;
  background:none !important;box-shadow:none !important;font:inherit;font-size:14.5px !important;font-weight:500 !important;
  color:var(--ink) !important;text-align:left;cursor:pointer;letter-spacing:0 !important;
}
main .s6-kat .s6-kat-q::before,main .s6-kat .s6-kat-q::after{content:none !important}
main .s6-kat .s6-kat-q:hover{background:var(--s6-canvas) !important}
main .s6-kat .s6-kat-q[aria-pressed="true"]{background:var(--navy) !important;color:#fff !important;font-weight:600 !important}
main .s6-kat .s6-kat-q--kutish{padding:6px 12px 0}
main .s6-kat .s6-kat-hajmlar{display:flex;flex-wrap:wrap;gap:8px}
/* .k2-hajm — JS hook (matn = qiymat) */
main .s6-kat .s6-kat-hajm{
  display:inline-flex !important;align-items:center;gap:8px !important;
  padding:0 14px !important;min-height:42px;margin:0 !important;
  background:var(--s6-canvas) !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;
  font:inherit;font-size:14px !important;font-weight:600 !important;color:var(--navy) !important;letter-spacing:0 !important;cursor:pointer;
  font-variant-numeric:tabular-nums;
}
main .s6-kat .s6-kat-hajm .ik{width:18px;height:18px;color:var(--blue-700) !important}
main .s6-kat .s6-kat-hajm:hover{background:var(--s6-aksent-yengil) !important}
main .s6-kat .s6-kat-hajm[aria-pressed="true"]{background:var(--navy) !important;color:#fff !important}
main .s6-kat .s6-kat-hajm[aria-pressed="true"] .ik{color:#76BFF8 !important}
main .s6-kat .s6-kat-texnika{display:grid;gap:4px}
/* .k2-tex — JS hook */
main .s6-kat .s6-kat-tex{
  display:flex !important;align-items:center;gap:12px !important;width:100%;text-align:left;
  padding:10px 12px !important;margin:0 !important;border:0 !important;border-radius:8px !important;
  background:none !important;box-shadow:none !important;font:inherit;font-size:14.5px !important;font-weight:500 !important;
  color:var(--ink) !important;cursor:pointer;letter-spacing:0 !important;
}
main .s6-kat .s6-kat-tex .ik{width:20px;height:20px;color:var(--blue-700) !important;flex:none}
main .s6-kat .s6-kat-tex:hover{background:var(--s6-canvas) !important}
main .s6-kat .s6-kat-tex[aria-pressed="true"]{background:var(--navy) !important;color:#fff !important;font-weight:600 !important}
main .s6-kat .s6-kat-tex[aria-pressed="true"] .ik{color:#76BFF8 !important}
main .s6-kat .s6-kat-f__kut{margin:0;padding:2px 12px 0}
main .s6-kat .s6-kat-qidir{
  width:100%;min-height:44px;padding:0 14px;border:1px solid var(--chiziq);border-radius:10px;
  background:var(--s6-canvas);font:inherit;font-size:14px;color:var(--ink);
}
main .s6-kat .s6-kat-qidir:disabled{color:#93A4B6;cursor:not-allowed}
main .s6-kat .s6-kat-qiymat-kutish{margin:0;font-size:12.5px;color:var(--slate)}
/* «?» izohi — kartasiz, chiziq ustida */
main .s6-kat .s6-kat-nima{border-top:1px solid var(--chiziq);padding-top:10px;margin:0}
main .s6-kat .s6-kat-nima > summary{
  display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;
  list-style:none;cursor:pointer;border-radius:8px;color:var(--slate);background:var(--s6-canvas);
  font-size:14px;font-weight:600;transition:background var(--anim) var(--ease),color var(--anim) var(--ease);
}
main .s6-kat .s6-kat-nima > summary::-webkit-details-marker{display:none}
main .s6-kat .s6-kat-nima > summary::marker{content:""}
main .s6-kat .s6-kat-nima > summary:hover,main .s6-kat .s6-kat-nima[open] > summary{background:var(--s6-aksent-yengil);color:var(--navy)}
main .s6-kat .s6-kat-nima > p{margin:10px 0 0;max-width:none}
main .s6-kat .s6-kat-nima > p + p{margin-top:8px}
/* toolbar oʻngidagi suzuvchi «?» */
main .s6-kat .s6-kat-nima--suzuvchi{position:relative;border-top:0;padding-top:0}
main .s6-kat .s6-kat-nima--suzuvchi > p{
  position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:280px;margin:0;
  background:#fff;border:1px solid var(--chiziq);border-radius:14px;padding:14px 16px;
}

main .s6-kat .s6-kat-rels__ong{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-left:auto}
/* .k2-hisob — role=status */
main .s6-kat .s6-kat-hisob{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14.5px;font-weight:600;color:var(--navy);white-space:nowrap}
main .s6-kat .s6-kat-hisob .k2-hisob__jonli{display:inline !important;font-size:14.5px !important;font-weight:600 !important;color:var(--navy) !important;font-variant-numeric:tabular-nums;letter-spacing:0 !important}
main .s6-kat .s6-kat-saralash,main .s6-kat .s6-kat-rejim{display:inline-flex;align-items:center;gap:10px}
main .s6-kat .s6-kat-select{
  appearance:none;-webkit-appearance:none;min-height:44px;padding:0 38px 0 14px;
  border:0 !important;border-radius:10px !important;background-color:var(--s6-canvas) !important;
  font:inherit;font-size:14.5px !important;font-weight:600 !important;color:var(--navy) !important;letter-spacing:-.01em;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2301244C' stroke-width='1.8' stroke-linecap='round' d='M1 1.4 6 6.2l5-4.8'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:12px 8px !important;
}
main .s6-kat .s6-kat-select:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
main .s6-kat .s6-kat-segment{display:inline-flex;background:var(--s6-canvas);border-radius:10px;padding:3px;gap:2px}
/* .k2-seg — JS hook */
main .s6-kat .s6-kat-seg{
  display:inline-flex !important;align-items:center;min-height:38px;padding:0 14px !important;margin:0 !important;
  border:0 !important;border-radius:8px !important;background:transparent !important;box-shadow:none !important;
  font:inherit;font-size:14px !important;font-weight:600 !important;color:var(--slate) !important;letter-spacing:-.01em !important;cursor:pointer;
  transition:background var(--anim) var(--ease),color var(--anim) var(--ease);
}
main .s6-kat .s6-kat-seg:hover{color:var(--navy) !important}
main .s6-kat .s6-kat-seg[aria-pressed="true"]{background:var(--navy) !important;color:#fff !important}
/* .k2-filtr-t — mobil (≤1100) filtr tugmasi */
main .s6-kat .s6-kat-filtr-t{
  display:none !important;align-items:center;gap:8px;min-height:44px;padding:0 16px !important;margin:0 !important;
  background:var(--navy) !important;color:#fff !important;border:0 !important;border-radius:10px !important;box-shadow:none !important;
  font:inherit;font-size:14.5px !important;font-weight:600 !important;letter-spacing:-.01em !important;cursor:pointer;
}
main .s6-kat .s6-kat-filtr-t__n{
  display:inline-block !important;min-width:20px;height:20px;padding:0 6px !important;border-radius:6px !important;
  background:var(--blue-400) !important;color:#fff !important;font-size:12px !important;font-weight:600 !important;line-height:20px;text-align:center;
}
/* tanlangan chiplar qatori (.k2-chiplar — JS hook) */
main .s6-kat .s6-kat-chiplar{
  display:flex !important;align-items:center;flex-wrap:wrap;gap:8px !important;
  margin:10px 0 0 !important;padding:12px 4px 4px !important;border:0 !important;border-top:1px solid var(--chiziq) !important;background:none !important;
}
main .s6-kat .s6-kat-chiplar[hidden]{display:none !important}
main .s6-kat .s6-kat-chiplar__joy{display:contents}
main .s6-kat .k2-chip{
  display:inline-flex !important;align-items:center;gap:8px !important;min-height:34px;padding:0 10px 0 12px !important;margin:0 !important;
  background:var(--s6-canvas) !important;border:0 !important;border-radius:8px !important;box-shadow:none !important;
  font:inherit;font-size:13.5px !important;font-weight:600 !important;color:var(--navy) !important;letter-spacing:0 !important;cursor:pointer;
}
main .s6-kat .k2-chip:hover{background:var(--s6-aksent-yengil) !important}
main .s6-kat .k2-chip__x{color:var(--slate) !important;font-size:16px !important;line-height:1}
/* .kat-tozala — matn tugmasi */
main .s6-kat .s6-kat-tozala{
  display:inline-flex !important;align-items:center;min-height:34px;padding:0 4px !important;margin:0 0 0 4px !important;
  border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;
  font:inherit;font-size:13.5px !important;font-weight:600 !important;color:var(--slate) !important;letter-spacing:0 !important;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--chiziq);
}
main .s6-kat .s6-kat-tozala:hover{color:var(--navy) !important;text-decoration-color:var(--navy)}

/* --------------------------------------------------------------------------
   §4 · K6-02 · MAHSULOT KARTALARI — bosh sahifadagi «Asosiy mahsulotlar» tilida
   (.k2-natija / .k2-list / .k2-mah — JS hooklar)
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-natija{display:block !important;margin:0;padding:0}
main .s6-kat .s6-kat-jadval-bosh{display:none}
main .s6-kat .s6-kat-list{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:var(--s6-gap) !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;
}
main .s6-kat .s6-kat-list .s6-kat-mah{
  position:relative !important;
  display:grid !important;grid-template-columns:minmax(170px,200px) minmax(0,1fr) !important;grid-template-rows:auto auto auto 1fr auto !important;
  column-gap:24px !important;row-gap:0 !important;align-items:start !important;
  padding:24px !important;margin:0 !important;min-height:0 !important;
  background:#fff !important;border:0 !important;border-radius:var(--s6-r) !important;box-shadow:none !important;overflow:visible !important;
  transition:background var(--anim) var(--ease);
}
main .s6-kat .s6-kat-list .s6-kat-mah:hover{background:#fff !important;border-color:transparent !important}
main .s6-kat .s6-kat-list .s6-kat-mah:focus-within{outline:2px solid var(--navy);outline-offset:2px}
main .s6-kat .s6-kat-mah__havola{position:absolute;inset:0;z-index:1;border-radius:var(--s6-r)}
main .s6-kat .s6-kat-mah__havola:focus-visible{outline:none}
main .s6-kat .s6-kat-mah__kadr{grid-column:1 !important;grid-row:1 / -1 !important;width:100%;align-self:start;margin:0}
main .s6-kat .s6-kat-mah__teg,main .s6-kat .s6-kat-mah__nom,main .s6-kat .s6-kat-mah__tex,main .s6-kat .s6-kat-mah__ost{grid-column:2 !important;min-width:0}
main .s6-kat .s6-kat-mah__teg{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;margin:0 0 10px;padding:0}
main .s6-kat .s6-kat-mah__nishon::before{content:"·";margin-right:10px;color:var(--slate)}
main .s6-kat .s6-kat-mah__nom{display:flex;flex-direction:column;gap:6px}
main .s6-kat .s6-kat-mah__h{font-size:22px !important;line-height:1.2 !important;margin:0 0 2px !important}
main .s6-kat .s6-kat-mah__tav{font-size:15.5px;line-height:1.5;color:var(--ink);margin:0;max-width:none}
main .s6-kat .s6-kat-mah__qosh{font-size:14.5px;line-height:1.55;max-width:none}
main .s6-kat .s6-kat-mah__tex{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:16px 0 0;padding:0}
main .s6-kat .s6-kat-mah__q{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;
  padding:10px 0;margin:0;border-top:1px solid var(--chiziq);
}
main .s6-kat .s6-kat-mah__q:last-child{border-bottom:1px solid var(--chiziq)}
main .s6-kat .s6-kat-mah__q dt{font-size:13.5px;font-weight:400;color:var(--slate);margin:0;letter-spacing:0;text-transform:none}
main .s6-kat .s6-kat-mah__q dd{font-size:15px;font-weight:700;color:var(--navy);margin:0;text-align:right;font-variant-numeric:tabular-nums}
main .s6-kat .s6-kat-mah__q--qadoq dd{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 6px;font-weight:600}
main .s6-kat .s6-kat-hajm-q{white-space:nowrap}
main .s6-kat .s6-kat-hajm-q + .s6-kat-hajm-q::before{content:"·";margin-right:6px;color:var(--slate);font-weight:400}
main .s6-kat .s6-kat-mah__ost{display:flex;align-items:center;gap:22px;margin-top:18px;padding:0;border:0}
main .s6-kat .s6-kat-mah__btn{position:relative;z-index:0}
main .s6-kat .s6-kat-list .s6-kat-mah:hover .s6-kat-mah__btn{background:#55A8E6}
main .s6-kat .s6-kat-list .s6-kat-mah:hover .s6-kat-mah__btn .btn__oq .ik{transform:rotate(-45deg)}
main .s6-kat .s6-kat-mah__sorov{position:relative;z-index:2}
/* roʻyxat oxiri — eslatma qatori, roʻyxatning toʻliq kengligida */
main .s6-kat .s6-kat-oxiri{
  grid-column:1 / -1 !important;display:flex !important;align-items:center;justify-content:space-between;gap:24px;
  margin:4px 0 0 !important;padding:18px 4px 0 !important;border:0 !important;border-top:1px solid var(--chiziq) !important;
  background:none !important;border-radius:0 !important;box-shadow:none !important;align-self:auto !important;
}
main .s6-kat .s6-kat-oxiri[hidden]{display:none !important}
main .s6-kat .s6-kat-oxiri .s6-p{margin:0}
main .s6-kat .s6-kat-oxiri strong{color:var(--navy)}

/* ── roʻyxat rejimi: registr qatorlari ── */
main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh{
  display:grid;grid-template-columns:72px minmax(0,2.2fr) 1fr .9fr 1fr 1.4fr 130px;gap:0 20px;align-items:end;
  padding:0 24px 10px;margin:0 0 8px;
}
main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh span{font-size:13px;font-weight:600;color:var(--slate);letter-spacing:0}
main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh span:first-child{grid-column:1 / 3}
main .s6-kat .s6-kat-list[data-rejim="royxat"]{gap:8px !important}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah{
  grid-column:1 / -1 !important;
  grid-template-columns:72px minmax(0,2.2fr) 1fr .9fr 1fr 1.4fr 130px !important;grid-template-rows:auto !important;
  column-gap:20px !important;align-items:center !important;padding:16px 24px !important;
}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__kadr{grid-column:1 !important;grid-row:1 !important;width:72px;border-radius:10px}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__nom{grid-column:2 !important;grid-row:1;gap:3px}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__h{font-size:17px !important;margin:0 !important}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__tav{font-size:13.5px;color:var(--slate)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__qosh{display:none}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__teg{display:contents}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__nishon{display:none}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__yon{grid-column:3;grid-row:1;font-size:14px;font-weight:500;color:var(--ink)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__tex{display:contents}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q{display:block;grid-row:1;padding:0;border:0 !important}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q dt{display:none}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q dd{text-align:left;font-size:14.5px}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--sae{grid-column:4}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--spek{grid-column:5}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--qadoq{grid-column:6}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--qadoq dd{justify-content:flex-start}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__ost{grid-column:7 !important;grid-row:1;margin:0;flex-direction:column;align-items:flex-start;gap:8px}
/* Batafsil — roʻyxatda tugma emas, matn-havola (butun qator bosiladi) */
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn{
  display:inline-flex;gap:8px;min-height:0;padding:0;background:none;border:0;color:var(--navy);font-size:14.5px;
}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__m{padding:0}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__oq{width:16px;height:16px;background:none !important;color:var(--navy)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__oq .ik{width:16px;height:16px}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah:hover .s6-kat-mah__btn{background:none;color:var(--blue-700)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__sorov{font-size:13.5px;font-weight:500;color:var(--slate)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__sorov:hover{color:var(--blue-700)}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__sorov .ik{width:14px;height:14px}
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-oxiri{margin-top:12px !important}

/* --------------------------------------------------------------------------
   §5 · K6-02 · BOʻSH HOLAT · ROʻYXAT OSTI · SAHIFALASH
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-holat{display:block !important;margin:0;padding:0;border:0;background:none}
main .s6-kat .s6-kat-holat[hidden]{display:none !important}
main .s6-kat .s6-kat-holat__q{
  display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:24px 48px !important;align-items:start !important;
  padding:32px !important;margin:0 !important;background:#fff !important;border:0 !important;border-radius:var(--s6-r) !important;box-shadow:none !important;
}
main .s6-kat .s6-kat-holat__q[hidden]{display:none !important}
main .s6-kat .s6-kat-holat__matn{display:flex;flex-direction:column;gap:10px;max-width:none}
main .s6-kat .s6-kat-holat__matn .s6-h3{margin-bottom:4px !important;font-size:20px !important;line-height:1.3 !important;letter-spacing:-.02em !important}
main .s6-kat .s6-kat-holat__tanlangan{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:14px 0 0;border-top:1px solid var(--chiziq);font-size:13.5px;color:var(--slate)}
main .s6-kat .s6-kat-holat__amal{flex-direction:column;align-items:flex-start;gap:14px;padding-top:4px}
main .s6-kat .s6-kat-ost{margin-top:28px;padding-top:20px;align-items:flex-start}
main .s6-kat .s6-kat-ost__matn{display:flex;flex-direction:column;gap:6px;max-width:72em}
main .s6-kat .s6-kat-ost .s6-ha{flex:none;padding-top:2px}
main .s6-kat .s6-kat-sahifalash{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px}
main .s6-kat .s6-kat-sahifalash__orta{display:flex;align-items:center;gap:16px}
main .s6-kat .s6-kat-raqamlar{display:inline-flex;gap:10px}
main .s6-kat .s6-kat-raqamlar a{text-decoration:none}
main .s6-kat .s6-kat-raqamlar a[aria-current="page"]{color:var(--navy);font-weight:600}
main .s6-kat .s6-kat-nav{font-size:14px;font-weight:600;color:var(--navy);text-decoration:none}
main .s6-kat .s6-kat-nav[aria-disabled="true"]{color:var(--slate)}
main .s6-kat .s6-kat-sahifada{display:inline-flex;align-items:center;gap:10px}

/* --------------------------------------------------------------------------
   §6 · K6-02 · MOBIL FILTR VARAGʻI (.k2-varaq — JS hook)
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-varaq{
  position:fixed !important;inset:auto 0 0 0 !important;z-index:80 !important;
  display:grid !important;grid-template-rows:auto 1fr auto !important;max-height:86vh;
  background:#fff !important;border:0 !important;border-radius:20px 20px 0 0 !important;box-shadow:none !important;padding:0 !important;
}
main .s6-kat .s6-kat-varaq[hidden]{display:none !important}
main .s6-kat .s6-kat-varaq__bosh{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--chiziq)}
main .s6-kat .s6-kat-varaq__yop{
  border:0 !important;background:var(--s6-canvas) !important;border-radius:10px !important;min-height:40px;padding:0 14px !important;margin:0 !important;
  font:inherit;font-size:14px !important;font-weight:600 !important;color:var(--navy) !important;cursor:pointer;box-shadow:none !important;
}
main .s6-kat .s6-kat-varaq__ich{overflow-y:auto !important;padding:6px 22px 18px !important;display:grid !important;gap:0 !important;border:0 !important}
main .s6-kat .s6-kat-varaq__ich .s6-kat-f{position:static !important;border-bottom:1px solid var(--chiziq) !important;padding:6px 0 !important}
main .s6-kat .s6-kat-varaq__ich .s6-kat-f:last-child{border-bottom:0 !important}
main .s6-kat .s6-kat-varaq__ich .s6-kat-f__t{
  width:100% !important;justify-content:space-between !important;background:none !important;padding:14px 0 !important;border-radius:0 !important;
  font-size:16px !important;color:var(--navy) !important;
}
main .s6-kat .s6-kat-varaq__ich .k2-f--faol > .s6-kat-f__t{background:none !important;color:var(--navy) !important}
main .s6-kat .s6-kat-varaq__ich .s6-kat-f__b{display:none}
main .s6-kat .s6-kat-varaq__ich .s6-kat-f__panel{
  position:static !important;border:0 !important;border-radius:0 !important;padding:0 0 14px !important;
  min-width:0 !important;max-width:none !important;width:auto;
}
main .s6-kat .s6-kat-varaq__ost{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 22px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--chiziq);
}
body.k2-varaq-ochiq{overflow:hidden}
body.k2-varaq-ochiq::after{content:"";position:fixed;inset:0;z-index:79;background:rgba(1,36,76,.42)}

/* --------------------------------------------------------------------------
   §7 · K6-03 · YOʻNALISH HAQIDA — 5/7 split, kartasiz akkordeon registri
   (.k2-reg__q / .k2-reg__nom / .k2-reg__qara — JS hooklar; eski qatlam kartaga solgan)
   -------------------------------------------------------------------------- */
main .s6-kat-reg__grid{align-items:start;gap:40px 64px}
main .s6-kat-reg__chap{display:flex;flex-direction:column;align-items:flex-start;gap:0}
main .s6-kat-reg__chap .s6-yoz{margin-bottom:14px}
main .bolim[data-blok] .s6-kat-reg__chap .s6-h2{margin-bottom:18px !important}
main .s6-kat-reg__r{display:block}
main .s6-kat-reg .s6-kat-reg__q{
  display:block !important;margin:0 !important;padding:0 !important;
  background:none !important;border:0 !important;border-top:1px solid var(--chiziq) !important;border-radius:0 !important;box-shadow:none !important;
  align-self:auto !important;
}
main .s6-kat-reg .s6-kat-reg__q:last-child{border-bottom:1px solid var(--chiziq) !important}
main .s6-kat-reg .s6-kat-reg__q[open]{background:none !important}
main .s6-kat-reg .s6-kat-reg__sum{
  display:grid !important;grid-template-columns:36px minmax(0,1fr) 20px !important;align-items:start !important;gap:16px !important;
  padding:20px 0 !important;margin:0 !important;cursor:pointer;list-style:none;background:none !important;border:0 !important;
}
main .s6-kat-reg .s6-kat-reg__sum::-webkit-details-marker{display:none}
main .s6-kat-reg .s6-kat-reg__sum::marker{content:""}
main .s6-kat-reg .s6-kat-reg__sum .s6-raqam{padding-top:4px}
main .s6-kat-reg .s6-kat-reg__matn{display:flex;flex-direction:column;gap:5px;min-width:0}
main .s6-kat-reg .s6-kat-reg__nom{
  display:block !important;font-size:20px !important;line-height:1.3 !important;font-weight:700 !important;letter-spacing:-.02em !important;
  color:var(--navy) !important;grid-column:auto !important;grid-row:auto !important;text-align:left !important;justify-self:auto !important;
}
main .s6-kat-reg .s6-kat-reg__sum:hover .s6-kat-reg__nom{color:var(--blue-700) !important}
main .s6-kat-reg .s6-kat-reg__qara{
  display:block !important;font-size:14px !important;line-height:1.5 !important;color:var(--slate) !important;
  grid-column:auto !important;grid-row:auto !important;text-align:left !important;justify-self:auto !important;font-weight:400 !important;
}
main .s6-kat-reg .s6-kat-reg__sum .s6-akk__ik{margin-top:4px}
main .s6-kat-reg .s6-kat-reg__q[open] .s6-akk__ik{transform:rotate(45deg)}
main .s6-kat-reg .s6-kat-reg__m{padding:0 0 22px 52px !important;margin:0 !important;max-width:none !important;font-size:15.5px !important;line-height:1.6 !important;color:var(--slate) !important}

/* --------------------------------------------------------------------------
   §8 · K6-04 · SAVOL-JAVOB — .s6-akk akkordeon + .s6-eslatma yakuni
   -------------------------------------------------------------------------- */
main .s6-kat-sj__bosh{margin-bottom:24px}
main .s6-kat-sj__r{display:block}
main .s6-kat-sj .s6-kat-sj__q{margin:0;border-top:1px solid var(--chiziq);border-bottom:0}
main .s6-kat-sj .s6-kat-sj__q:last-child{border-bottom:1px solid var(--chiziq)}
main .s6-kat-sj .s6-kat-sj__sum{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:start;gap:16px;padding:20px 0}
main .s6-kat-sj .s6-kat-sj__sum .s6-raqam{padding-top:4px}
main .s6-kat-sj .s6-kat-sj__s{font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-.02em;color:var(--navy)}
main .s6-kat-sj .s6-kat-sj__sum:hover .s6-kat-sj__s{color:var(--blue-700)}
main .s6-kat-sj .s6-kat-sj__sum .s6-akk__ik{margin-top:3px}
main .s6-kat-sj .s6-kat-sj__m{padding:0 0 22px 52px;max-width:none}
main .s6-kat-sj .s6-kat-yakun{margin-top:28px;padding-top:24px;align-items:center}
main .s6-kat-sj .s6-kat-yakun__m{font-size:18px;line-height:1.35;letter-spacing:-.02em}
main .s6-kat-sj .s6-kat-yakun__m strong{color:var(--navy)}
main .s6-kat-sj .s6-kat-yakun .s6-amal{flex:none}

/* --------------------------------------------------------------------------
   §9 · K6-05 · KONVERSIYA (navy) — chapda matn/tugmalar, oʻngda forma oq plitada
   -------------------------------------------------------------------------- */
main .s6-kat-konv__grid{gap:48px 64px;align-items:start}
main .s6-kat-konv__chap{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
main .bolim[data-blok] .s6-kat-konv__chap .s6-h2{margin-bottom:6px !important}
main .s6-kat-konv__chap .s6-p{color:var(--s6-oq-70)}
main .s6-kat-konv__btn{margin-top:8px}
main .s6-kat-konv__ega{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;
  margin-top:28px;padding-top:28px;border-top:1px solid var(--s6-oq-chiziq);
}
main .s6-kat-konv__ega .s6-ha{margin-top:4px}
main .s6-kat-konv__hudud{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
main .s6-kat-konv__hudud .s6-kat-select{background-color:rgba(255,255,255,.1) !important;color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' d='M1 1.4 6 6.2l5-4.8'/%3E%3C/svg%3E") !important}
main .s6-kat-forma{gap:0;padding:32px;scroll-margin-top:calc(var(--k6-top) + 4px)}
/* oq plita navy boʻlim ichida — g6 `.s6--navy .s6-h3/.s6-p/.s6-mayda` oq rangini qaytaramiz */
main .bolim.s6--navy[data-blok] .s6-kat-forma .s6-h3{color:var(--navy) !important}
main .bolim.s6--navy[data-blok] .s6-kat-forma .s6-p{color:var(--slate) !important}
main .bolim.s6--navy[data-blok] .s6-kat-forma .s6-mayda{color:var(--slate) !important}
main .bolim.s6--navy[data-blok] .s6-kat-forma .holat.korinsin{color:var(--ink) !important}
main .s6-kat-forma__h{font-size:20px}
main .s6-kat-forma__izoh{margin:8px 0 22px}
main .s6-kat-forma__maydonlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}
main .s6-kat-forma__maydonlar .keng{grid-column:1 / -1}
main .s6-kat-forma__ost{margin-top:22px;padding-top:20px}
main .s6-kat-forma__ost .s6-mayda{max-width:52em}

/* --------------------------------------------------------------------------
   §10 · RESPONSIV
   -------------------------------------------------------------------------- */
@media (max-width:1240px){
  main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah{grid-template-columns:64px minmax(0,2fr) 1fr .9fr 1.3fr 120px !important}
  main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh span:nth-child(4){display:none}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--spek{display:none}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--qadoq{grid-column:5}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__ost{grid-column:6 !important}
}
@media (max-width:1100px){
  /* filtr guruhlari pastdan chiqadigan varaqqa koʻchadi (JS) */
  main .s6-kat .s6-kat-rels .s6-kat-filtrlar{display:none !important}
  main .s6-kat .s6-kat-filtr-t{display:inline-flex !important}
  main .s6-kat .s6-kat-rels__ong{margin-left:0;width:100%;justify-content:space-between}
  main .s6-kat .s6-kat-yonalish__plitkalar{grid-template-columns:repeat(3,minmax(0,1fr))}
  main .s6-kat .s6-kat-panel__ost{grid-template-columns:minmax(0,1fr);gap:8px}
  main .s6-kat .s6-kat-panel__narx{white-space:normal}
  main .s6-kat .s6-kat-list .s6-kat-mah{grid-template-columns:minmax(150px,170px) minmax(0,1fr) !important;column-gap:20px !important;padding:20px !important}
}
@media (max-width:1024px){
  main .s6-kat .s6-kat-list{grid-template-columns:minmax(0,1fr) !important}
  main .s6-kat .s6-kat-list .s6-kat-mah{grid-template-columns:minmax(170px,200px) minmax(0,1fr) !important}
  /* roʻyxat rejimi planshetda kartaga qaytadi — ustunlar sigʻmaydi */
  main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh{display:none}
  main .s6-kat .s6-kat-list[data-rejim="royxat"]{gap:var(--s6-gap) !important}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah{
    grid-template-columns:minmax(150px,170px) minmax(0,1fr) !important;grid-template-rows:auto auto auto 1fr auto !important;
    align-items:start !important;padding:20px !important;
  }
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__kadr{grid-row:1 / -1 !important;width:100%;border-radius:var(--s6-r-kadr)}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__teg{display:flex;grid-column:2 !important}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__nishon{display:inline-block}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__yon{grid-column:auto;grid-row:auto;font-size:12.5px;font-weight:600;color:var(--slate)}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__nom{grid-row:auto;gap:6px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__h{font-size:20px !important}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__tav{font-size:15px;color:var(--ink)}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__tex{display:grid;grid-column:2 !important;margin-top:14px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q{display:grid;grid-row:auto;grid-column:auto;padding:9px 0;border-top:1px solid var(--chiziq) !important}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q:last-child{border-bottom:1px solid var(--chiziq) !important}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q dt{display:block}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q dd{text-align:right}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--qadoq dd{justify-content:flex-end}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__q--spek{display:grid}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__ost{grid-column:2 !important;grid-row:auto;margin-top:16px;flex-direction:row;align-items:center;gap:22px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn{display:inline-flex;min-height:52px;padding:5px 5px 5px 20px;background:var(--aksent);color:#fff;font-size:14px;gap:14px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__m{padding-block:4px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__oq{width:42px;height:42px;background:#fff !important;color:var(--navy)}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__btn .btn__oq .ik{width:17px;height:17px}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__sorov{font-size:15px;font-weight:600;color:var(--navy)}
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__sorov .ik{width:16px;height:16px}
  main .s6-kat-reg__grid,main .s6-kat-konv__grid{grid-template-columns:minmax(0,1fr)}
  main .s6-kat-reg__grid{gap:28px}
}
@media (max-width:760px){
  main .s6-kat .s6-kat-panel{padding:20px 18px 18px}
  main .s6-kat .s6-kat-qidiruv__maydon{flex-wrap:wrap;padding:8px;min-height:0}
  main .s6-kat .s6-kat-qidiruv__ik{margin-left:8px}
  main .s6-kat .s6-kat-qidiruv__maydon input{flex-basis:calc(100% - 100px);padding:12px 0}
  main .s6-kat .s6-kat-qidiruv__t{width:100%;justify-content:space-between;margin:0}
  main .s6-kat .s6-kat-yonalish{margin-top:22px}
  main .s6-kat .s6-kat-yonalish__plitkalar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  main .s6-kat .s6-kat-yonalish__q{min-height:76px;padding:14px 14px !important}
  main .s6-kat .s6-kat-panel__ost{grid-template-columns:minmax(0,1fr)}
  main .s6-kat .s6-kat-panel__narx{white-space:normal}
  main .s6-kat .s6-kat-bosh{margin-top:32px}
  main .s6-kat .s6-kat-rels{position:static;padding:0;margin-bottom:12px}
  main .s6-kat .s6-kat-rels__plita{padding:10px}
  main .s6-kat .s6-kat-rels__ong{gap:8px 12px}
  main .s6-kat .s6-kat-rejim > .s6-teg,main .s6-kat .s6-kat-saralash > .s6-teg{display:none}
  main .s6-kat .s6-kat-nima--suzuvchi{display:none}
  main .s6-kat .s6-kat-list .s6-kat-mah,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:none !important;row-gap:0 !important;padding:18px !important}
  main .s6-kat .s6-kat-list .s6-kat-mah__kadr,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__kadr{grid-column:1 !important;grid-row:auto !important;width:160px !important;max-width:160px;margin-bottom:16px}
  main .s6-kat .s6-kat-mah__teg,main .s6-kat .s6-kat-mah__nom,main .s6-kat .s6-kat-mah__tex,main .s6-kat .s6-kat-mah__ost,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__teg,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__nom,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__tex,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__ost{grid-column:1 !important}
  main .s6-kat .s6-kat-mah__ost{flex-wrap:wrap;gap:14px 22px}
  main .s6-kat .s6-kat-oxiri{flex-direction:column;align-items:flex-start;gap:12px}
  main .s6-kat .s6-kat-holat__q{grid-template-columns:minmax(0,1fr) !important;padding:22px !important}
  main .s6-kat .s6-kat-ost{flex-direction:column;align-items:flex-start;gap:14px}
  main .s6-kat-reg .s6-kat-reg__sum,main .s6-kat-sj .s6-kat-sj__sum{grid-template-columns:30px minmax(0,1fr) 20px !important;gap:12px !important;padding:16px 0 !important}
  main .s6-kat-reg .s6-kat-reg__nom{font-size:18px !important}
  main .s6-kat-reg .s6-kat-reg__m,main .s6-kat-sj .s6-kat-sj__m{padding-left:0 !important;padding-left:0}
  main .s6-kat-sj .s6-kat-sj__s{font-size:16.5px}
  main .s6-kat-sj .s6-kat-yakun{flex-direction:column;align-items:flex-start;gap:16px}
  main .s6-kat-konv__grid{gap:36px}
  main .s6-kat-forma{padding:22px 18px}
  main .s6-kat-forma__maydonlar{grid-template-columns:minmax(0,1fr);gap:14px}
}
@media (max-width:480px){
  main .s6-kat .s6-kat-yonalish__plitkalar{grid-template-columns:repeat(2,minmax(0,1fr))}
  main .s6-kat .s6-kat-rels__ong{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  main .s6-kat *{transition:none !important}
}

/* --------------------------------------------------------------------------
   §11 · `hidden` DARVOZASI — ENG OXIRIDA: JS yashirgan element (qator · panel ·
   chiplar · holat · varaq · kirish) hech qanday display qoidasi ostida koʻrinib
   qolmasin. Spetsifiklik (0,3,1)+ va kaskadda eng keyingi.
   -------------------------------------------------------------------------- */
main .bolim[data-blok^="K6"] [hidden],
main .s6-kat .s6-kat-list .s6-kat-mah[hidden],
main .s6-kat .s6-kat-list .s6-kat-oxiri[hidden],
main .s6-kat .s6-kat-f .s6-kat-f__panel[hidden],
main .s6-kat .s6-kat-holat .s6-kat-holat__q[hidden],
main .s6-kat .s6-kat-varaq[hidden],
main .s6-kat .s6-kat-kirish[hidden],
main .s6-kat .s6-kat-chiplar[hidden],
main .s6-kat .s6-kat-holat[hidden]{display:none !important}

/* 14.09 · Otabek: K6-03 chapda boʻsh joy → kadr; K6-04 FAQ boshqacha koʻrinsin (oq kartalar 2×2) */
main .s6-kat-reg__kadr{margin-top:28px;width:100%}
main .s6-kat-sj__ong{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:0}
main .s6-kat-sj__ong .s6-kat-yakun__m{margin:0}
main .s6-kat-sj__r{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
main .s6-kat-sj .s6-kat-sj__q{background:#fff;border-radius:var(--s6-r);border:0 !important;padding:8px 24px;margin:0;align-self:start}
main .s6-kat-sj .s6-kat-sj__q:last-child{border-bottom:0 !important}
main .s6-kat-sj .s6-kat-sj__sum{padding:18px 0}
main .s6-kat-sj .s6-kat-sj__m{padding:0 0 22px 52px}
@media (max-width:900px){
  main .s6-kat-sj__r{grid-template-columns:minmax(0,1fr)}
  main .s6-kat-sj .s6-kat-sj__m{padding-left:0}
}
/* 14.09 · ikonlar: yoʻnalish plitkalari va registr qatorlari */
main .s6-kat-yonalish__ust{display:flex;align-items:center;justify-content:space-between;width:100%}
main .s6-kat-yonalish__ust .ik{width:22px;height:22px;color:var(--blue-700)}
main .k2-yon__q[aria-pressed="true"] .s6-kat-yonalish__ust .ik{color:#76BFF8}
main .s6-kat-reg__ik{width:22px !important;height:22px !important;color:var(--blue-700);margin-top:2px}
/* 3-raund · 10: K6-03 kadr kichikroq, ustunlar tekis */
main .s6-kat-reg__kadr{aspect-ratio:16/10 !important;margin-top:24px}
main .s6-kat-reg__grid{align-items:start}
main .s6-kat-reg__kadr{aspect-ratio:auto !important;flex:1 1 auto;min-height:220px}
main .s6-kat-reg__grid{align-items:stretch}
main .s6-kat-reg__chap{height:100%}
main .s6-kat-reg__q[open] .s6-kat-reg__sum{border-bottom:0}
main .s6-kat-reg__q[open] .s6-akk__m,main .s6-kat-reg__q[open] .s6-kat-reg__m{border-top:0;margin-top:-6px}

/* --------------------------------------------------------------------------
   §12 · 14.09 · MAHSULOT BAZASI KELDI — 15 karta (sahifalar/mahsulotlar.json)
   Otabek: «rasmlarni sifatli qilib, orqa fonini oʻchirib qoʻsh» → kadr plitasiz:
   shaffof WebP oq karta ustida turadi (fon yoʻq, ramka yoʻq, soya yoʻq).
   -------------------------------------------------------------------------- */
main .s6-kat .s6-kat-mah__kadr--shaffof{background:none !important;border-radius:0 !important;overflow:visible}
main .s6-kat .s6-kat-mah__kadr--shaffof img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block}
/* roʻyxat rejimida 72px li kichik kadr ham plitasiz */
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__kadr--shaffof{background:none !important}
/* karta hover — rasm 2 % kattalashadi (bosh sahifadagi kadr oʻtishi bilan bir xil nozik harakat) */
main .s6-kat .s6-kat-mah__kadr--shaffof img{transition:transform var(--anim) var(--ease)}
main .s6-kat .s6-kat-list[data-rejim="plitka"] .s6-kat-mah:hover .s6-kat-mah__kadr--shaffof img{transform:scale(1.02)}
@media (prefers-reduced-motion:reduce){ main .s6-kat .s6-kat-mah:hover .s6-kat-mah__kadr--shaffof img{transform:none} }

/* Batafsil tugmasi yoʻq kartada (sahifasi hali yoʻq) — «Narxni soʻrash» tugma vaznida */
main .s6-kat .s6-kat-mah__ost > .s6-kat-mah__sorov:first-child{font-weight:600;color:var(--navy)}

/* Spetsifikatsiya paneli — 8 API sinfi ikki ustunda */
main .s6-kat .s6-kat-qiymatlar--ikki{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}

/* Yoʻnalish plitkasi: mahsuloti yoʻq (tormoz · gidravlika) — son oʻrnida «Tayyorlanmoqda» (slate, AA);
   ochroq kulrang 3.26:1 bilan AA dan oʻtmadi — rang bilan emas, soʻzning oʻzi bilan ajraladi */
main .s6-kat .s6-kat-yonalish__q--bosh[aria-pressed="true"] .s6-kat-yonalish__son{color:var(--s6-oq-55)}
/* son endi haqiqiy — darvoza (§0) uni yashirmaydi, JS toʻldiradi */
main .s6-kat .s6-kat-yonalish__son:empty{display:none}
/* rasm ustuni kengroq — kanistr kartada koʻzga tashlansin (170–200 → 210–240 px); faqat desktop,
   mobil (≤760) bitta ustun qoladi (§8 qoidasi) */
@media (min-width:761px){
  main .s6-kat .s6-kat-list[data-rejim="plitka"] .s6-kat-mah{grid-template-columns:minmax(200px,240px) minmax(0,1fr) !important}
}
/* shaffof kadr har doim 1:1 — g6.css mobil qoidasi (.s6-kadr[class*="s6-"]{aspect-ratio:16/10}) ni bosadi,
   aks holda 160px li rasm 100px li figure'dan toshib yorliq ustiga chiqadi */
main .s6-kat .s6-kat-mah__kadr--shaffof{aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important}
/* texnik qator: uzun qiymat (GM DEXRON VI · AISIN WARNER AW-1) yorliq ustiga chiqmasin —
   yorliq oʻz enida, qiymat qolgan joyni oladi va kerak boʻlsa ikki qatorga oʻtadi */
main .s6-kat .s6-kat-mah__q{grid-template-columns:auto minmax(0,1fr)}
main .s6-kat .s6-kat-mah__q dd{overflow-wrap:anywhere}
/* roʻyxat rejimi: spetsifikatsiya ustuni kengroq (API SQ · ILSAC GF-5/GF-6A bir qatorda), qadoq torroq */
main .s6-kat .s6-kat-natija[data-rejim="royxat"] .s6-kat-jadval-bosh,
main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah{grid-template-columns:72px minmax(0,2fr) .95fr .85fr 1.5fr .9fr 130px !important}
/* Otabek 14.09 (bosh sahifa kartasi uchun aytdi, bir blok = bir dizayn): kanistr kartada vertikal markazda */
@media (min-width:761px){
  main .s6-kat .s6-kat-list[data-rejim="plitka"] .s6-kat-mah__kadr--shaffof{align-self:center !important}
}
/* mobil (≤760): kanistr 160 → 220 px, gorizontal markazda (plitka va roʻyxat rejimida ham) */
@media (max-width:760px){
  main .s6-kat .s6-kat-list .s6-kat-mah__kadr--shaffof,
  main .s6-kat .s6-kat-list[data-rejim="royxat"] .s6-kat-mah__kadr--shaffof{width:220px !important;max-width:220px;margin:0 auto 14px;justify-self:center}
}