/* ==========================================================================
   g6-mahsulot.css — MAHSULOT SAHIFASI · S6 qatlami (2026-09-14)
   Solvex product-card tili · etalon: index.html (BOSH-03…13) + css/g6.css.
   qur.py uni g6.css dan KEYIN oʻzi ulaydi. Faqat yangi `M6-*` bloklariga tegishli.
   Hero M-00 ga tegilmaydi (tizim.css `.hs--mahsulot`).

   Eski qatlamlar (g5-mahsulot · z-/r-mahsulot · komponent) JS uchun saqlangan
   klasslarga (.m5-qadoq__t · .m5-lenta__t · .m5-tab .tab · .tab-ich) hali ham
   qoida yozadi — shuning uchun selektorlar (0,3,1)+ va kerak joyda !important.

   Qonun: rang faqat tokenlar.css palitrasi · soya 0 · tracking ≤ 0 · yuqoriga
   tekislash · radius 20 (karta) / 14 (kadr) / 12 (kontrol) · quyuq band 2 (hero + M6-10).

   2-RAUND (14.09, Otabek feedbacki): har karta/qator/registrga ikon — karta darajasida
   `.s6-ik-doira` (44 px), qator darajasida `.s6-qik` (20 px inline, §11) · ichki `.s6-yoz`
   yorliqlar karta sarlavhasi `.s6-h3`/`.s6-h4` boʻldi · navy plitalar yuqoriga tekis,
   pastda boʻsh joy yoʻq (margin-top:auto olib tashlandi) · M6-05 ogoh registri gridning
   ostida 3 ustun · M6-09 chap ustunda choʻziluvchan kadr · matn qisqartirishlari HTML da.
   ========================================================================== */

/* --------------------------------------------------------------------------
   §0 · UMUMIY — darvoza · urgʻu · roʻyxat resetlari
   -------------------------------------------------------------------------- */
body:not([data-holat="qoralama"]) main .bolim[data-blok] .s6-kut{display:none}      /* tokensiz maʼnosini yoʻqotadigan ibora */
main .bolim[data-blok] .s6-p b,
main .bolim[data-blok] .s6-lid b,
main .bolim[data-blok] .s6-mayda b{color:var(--navy);font-weight:600}
main .bolim[data-blok] .s6-karta--navy .s6-p b,
main .bolim.s6--navy[data-blok] .s6-p b{color:#fff}
main .bolim[data-blok] dl,main .bolim[data-blok] dd,main .bolim[data-blok] dt{margin:0;padding:0}
main .bolim[data-blok] ul.s6-grid,main .bolim[data-blok] ol.s6-karta,main .bolim[data-blok] ul.s6-art{list-style:none;margin:0;padding:0}
main .bolim[data-blok] .s6-eslatma > .btn{flex:none}
main .bolim[data-blok] .s6-eslatma--matn{justify-content:flex-start}
main .bolim[data-blok] .s6-bosh__ong--teg{justify-self:end;padding-bottom:10px}
main .bolim[data-blok] .s6-bosh--yolgiz{grid-template-columns:minmax(0,1fr)}
main .bolim[data-blok] .s6-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* zichlik: mahsulot sahifasida boʻlim paddingi 72 (etalon 92) — sahifa 11 770 → ≈ 9 000 px nishoni */
main > section.bolim.s6[data-blok^="M6-"]{padding-block:clamp(48px,5vw,72px) !important}
main .bolim[data-blok] .s6-bosh{margin-bottom:30px}
/* navy boʻlim ichidagi OQ plita: matn ranglari qaytadi (g6 `.s6--navy .s6-p/.s6-mayda` oq qiladi) */
main .bolim.s6--navy[data-blok] .s6-karta--oq .s6-p{color:var(--slate)}
main .bolim.s6--navy[data-blok] .s6-karta--oq .s6-mayda{color:var(--slate)}
main .bolim.s6--navy[data-blok] .s6-karta--oq .s6-lid{color:var(--slate)}
main .bolim.s6--navy[data-blok] .s6-karta--oq .s6-yoz{color:var(--slate)}

/* --------------------------------------------------------------------------
   §1 · M6-01 · SAHNA — galereya (JS: [data-kadr] · .m5-lenta__t) + nom + qadoq segmenti
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-sahna__grid{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);gap:24px 56px;align-items:start}

/* galereya: katta 1:1 kadr + uch kichik kadr */
main .bolim[data-blok] .s6-gal{display:grid;gap:14px;align-content:start;row-gap:14px}
main .bolim[data-blok] .s6-gal__kadr{
  background:var(--s6-canvas-2) !important;border:0 !important;padding:0 !important;
  border-radius:var(--s6-r-kadr) !important;aspect-ratio:1/1 !important;display:block !important;
}
main .bolim[data-blok] .s6-lenta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;border:0}
main .bolim[data-blok] .s6-lenta__t{
  display:grid;gap:8px;align-content:start;padding:0;margin:0;
  background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;text-align:left;
  transform:none;transition:none;color:var(--slate);
}
main .bolim[data-blok] .s6-lenta__t:hover{transform:none;background:none;border-color:transparent}
main .bolim[data-blok] .s6-lenta__kadr{
  border:2px solid transparent;border-radius:12px;
  transition:border-color var(--anim) var(--ease);
}
main .bolim[data-blok] .s6-lenta__t:hover .s6-lenta__kadr{border-color:var(--blue-400)}
main .bolim[data-blok] .s6-lenta__t[aria-pressed="true"] .s6-lenta__kadr{border-color:var(--navy)}
main .bolim[data-blok] .s6-lenta__m{font-size:12.5px;line-height:1.35;color:var(--slate);font-weight:400;letter-spacing:0}
main .bolim[data-blok] .s6-lenta__t[aria-pressed="true"] .s6-lenta__m{color:var(--navy);font-weight:600}

/* oʻng ustun */
main .bolim[data-blok] .s6-sahna__matn{display:flex;flex-direction:column;min-width:0}
main .bolim[data-blok] .s6-sahna__matn > .s6-yoz{margin:0 0 14px}
main .bolim[data-blok] .s6-sahna__h1{
  font-size:clamp(32px,3.3vw,48px);line-height:1.06;letter-spacing:-.03em;font-weight:700;
  color:var(--navy);margin:0 0 16px;max-width:none;text-wrap:pretty;
}
main .bolim[data-blok] .s6-sahna__matn > .s6-lid{margin:0 0 26px}

/* mos keladi / mos emas — ikki ustunli hairline roʻyxat */
main .bolim[data-blok] .s6-moslik{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0 0 26px}
main .bolim[data-blok] .s6-moslik__q{
  display:flex;flex-direction:column;gap:8px;padding:16px 0 18px;
  border-top:1px solid var(--chiziq);border-bottom:1px solid var(--chiziq);
}
main .bolim[data-blok] .s6-moslik__t{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:700;color:var(--navy);letter-spacing:0;line-height:1.2;
}
main .bolim[data-blok] .s6-moslik__t .ik{width:18px;height:18px;color:var(--blue-700);flex:none}
main .bolim[data-blok] .s6-moslik__q--yoq .s6-moslik__t{color:var(--slate)}
main .bolim[data-blok] .s6-moslik__q--yoq .s6-moslik__t .ik{color:var(--slate)}
main .bolim[data-blok] .s6-moslik dd{font-size:14.5px;line-height:1.55;color:var(--slate)}
main .bolim[data-blok] .s6-moslik dd b{color:var(--ink);font-weight:600}

/* amal */
main .bolim[data-blok] .s6-sahna__matn .s6-amal{gap:12px}
main .bolim[data-blok] .s6-amal__izoh{margin:10px 0 0}

/* qadoq tanlagich — segment (JS: .m5-qadoq__t[aria-pressed]) */
main .bolim[data-blok] .s6-qadoq{display:grid;gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-qadoq > .s6-yoz{margin:0}
main .bolim[data-blok] .s6-segment{
  display:flex;flex-wrap:wrap;gap:4px;padding:4px;width:fit-content;max-width:100%;
  background:var(--s6-canvas);border:0;border-radius:12px;
}
main .bolim[data-blok] .s6-segment__t{
  display:inline-flex;align-items:center;gap:8px;padding:0 16px;min-height:44px;
  background:transparent;border:0;border-radius:9px;box-shadow:none;cursor:pointer;
  color:var(--navy);font-size:14.5px;font-weight:600;letter-spacing:0;white-space:nowrap;
  transition:background var(--anim) var(--ease),color var(--anim) var(--ease);
}
main .bolim[data-blok] .s6-segment__t .ik{width:17px;height:17px;color:var(--slate);flex:none}
main .bolim[data-blok] .s6-segment__t em{font-style:normal;font-weight:400;font-size:12.5px;color:var(--slate);margin-left:2px}
main .bolim[data-blok] .s6-segment__t:hover{background:#fff;color:var(--navy);border-color:transparent}
main .bolim[data-blok] .s6-segment__t[aria-pressed="true"],
main .bolim[data-blok] .s6-segment__t[aria-pressed="true"]:hover{background:var(--navy);color:#fff}
main .bolim[data-blok] .s6-segment__t[aria-pressed="true"] .ik,
main .bolim[data-blok] .s6-segment__t[aria-pressed="true"] em{color:rgba(255,255,255,.72)}
main .bolim[data-blok] .s6-qadoq__izoh{color:var(--navy);font-weight:600;font-size:15px}

/* uch ishonch qatori — kartasiz */
main .bolim[data-blok] .s6-ishonch{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;
  margin:30px 0 0;padding:26px 0 0;border-top:1px solid var(--chiziq);
}
main .bolim[data-blok] .s6-ishonch li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
main .bolim[data-blok] .s6-ishonch li > div{padding-top:9px}
main .bolim[data-blok] .s6-ishonch li > div{display:grid;gap:4px}
main .bolim[data-blok] .s6-ishonch .s6-h3{font-size:17px}
main .bolim[data-blok] .s6-ishonch .s6-p{font-size:14.5px}

/* --------------------------------------------------------------------------
   §2 · M6-02 · TEXNIK XUSUSIYATLAR — segment tablar (JS: .m5-tab .tab / .tab-ich)
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-tab{display:block}
main .bolim[data-blok] .s6-tab .tablar{
  display:inline-flex !important;flex-wrap:wrap;gap:4px !important;padding:4px;max-width:100%;
  background:#fff;border:0 !important;border-radius:12px;margin:0 0 24px !important;
}
main .bolim[data-blok] .s6-tab .tab{
  display:inline-flex;align-items:center;padding:0 18px !important;min-height:44px;margin:0 !important;
  background:transparent !important;border:0 !important;border-radius:9px !important;box-shadow:none;
  color:var(--navy) !important;font-size:14.5px !important;font-weight:600 !important;letter-spacing:0;white-space:nowrap;
  transition:background var(--anim) var(--ease),color var(--anim) var(--ease);
}
main .bolim[data-blok] .s6-tab .tab:hover{background:var(--s6-canvas) !important;color:var(--navy) !important}
main .bolim[data-blok] .s6-tab .tab[aria-selected="true"],
main .bolim[data-blok] .s6-tab .tab[aria-selected="true"]:hover{background:var(--navy) !important;color:#fff !important}
main .bolim[data-blok] .s6-tab .tab-ich{padding:0 !important;margin:0}
main .bolim[data-blok] .s6-tab .tab-ich[hidden]{display:none !important}

/* 1-panel: jadval plitasi (ostida izohlar) · oʻng ustun ikki plita */
main .bolim[data-blok] .s6-panel > .s6-grid--7-5{align-items:start}
main .bolim[data-blok] .s6-texnik__ong{display:grid;gap:20px;min-width:0}
main .bolim[data-blok] .s6-jadval-karta--3{padding:8px 22px 22px;overflow-x:auto}
main .bolim[data-blok] .s6-jadval--tex{font-size:14.5px;line-height:1.45}
main .bolim[data-blok] .s6-jadval--tex th,
main .bolim[data-blok] .s6-jadval--tex td{padding:8px 10px;vertical-align:top;border-bottom:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-jadval--tex thead th{font-size:12.5px;font-weight:600;color:var(--slate);padding:12px 10px 10px}
main .bolim[data-blok] .s6-jadval--tex tbody th{font-weight:600;color:var(--navy);width:40%}
main .bolim[data-blok] .s6-jadval--tex td{width:30%;color:var(--slate)}
main .bolim[data-blok] .s6-jadval--tex tbody tr:last-child th,
main .bolim[data-blok] .s6-jadval--tex tbody tr:last-child td{border-bottom:0}
main .bolim[data-blok] .s6-jadval__yoq{color:var(--slate);opacity:.5}
main .bolim[data-blok] .s6-jadval__talab{color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums}
/* boʻsh qiymat: token oʻrniga «—» (qator yirtilmaydi) */
body:not([data-holat="qoralama"]) main .bolim[data-blok] td:has(> .mijozdan:only-child)::after,
body:not([data-holat="qoralama"]) main .bolim[data-blok] dd:has(> .mijozdan:only-child)::after{content:"—";color:var(--slate);opacity:.5}

/* 1-panel: spetsifikatsiya plitasi + yopiq akkordeon */
main .bolim[data-blok] .s6-spek{padding:26px 28px 24px;gap:14px}
main .bolim[data-blok] .s6-spek > .s6-ik-doira{margin-bottom:2px}
main .bolim[data-blok] .s6-spek__r{margin-top:-4px}
main .bolim[data-blok] .s6-spek__r > div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-spek__r dt{font-size:14px;line-height:1.45;color:var(--slate)}
main .bolim[data-blok] .s6-spek__r dd{font-size:15px;line-height:1.45;font-weight:700;color:var(--navy);text-align:right;white-space:nowrap}
main .bolim[data-blok] .s6-spek > .s6-mayda{margin-top:0}
main .bolim[data-blok] .s6-akk--ich{margin-top:0;border-bottom:0}
main .bolim[data-blok] .s6-akk--ich .s6-akk__sum{padding:16px 0 0}
main .bolim[data-blok] .s6-akk--ich[open] .s6-akk__sum{padding-bottom:12px}
main .bolim[data-blok] .s6-akk__m--kop{display:grid;gap:10px;padding:0 0 6px}
main .bolim[data-blok] .s6-akk__m--kop .s6-p b{color:var(--navy);font-weight:600}
main .bolim[data-blok] .s6-izohlar{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;
  margin:6px 10px 0;padding-top:16px;border-top:1px solid var(--chiziq);
}
/* toʻldirish talablari + OEM tavsiyalari — spetsifikatsiya ostidagi plita */
main .bolim[data-blok] .s6-oem{padding:26px 28px;gap:14px}
main .bolim[data-blok] .s6-oem > .s6-ik-doira{margin-bottom:2px}
main .bolim[data-blok] .s6-h4{font-size:15px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--navy);margin:8px 0 -4px}
main .bolim[data-blok] .s6-oem__qator{display:flex;flex-wrap:wrap;gap:12px 36px}
main .bolim[data-blok] .s6-oem__qator > div{display:flex;flex-direction:column;gap:6px}
main .bolim[data-blok] .s6-oem__qator dt{font-size:12.5px;font-weight:600;color:var(--slate);letter-spacing:0}
main .bolim[data-blok] .s6-oem__qator dd{font-size:22px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
main .bolim[data-blok] .s6-oem__tavs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
main .bolim[data-blok] .s6-oem__tavs li{font-size:14.5px;line-height:1.4;color:var(--ink);font-weight:600;letter-spacing:0}
main .bolim[data-blok] .s6-oem > .s6-mayda{margin-top:4px}
/* hujjatlar — tablar ostidagi qator */
main .bolim[data-blok] .s6-huj{margin-top:30px;padding-top:26px;border-top:1px solid var(--chiziq)}

/* 2-panel: chizma + besh oʻlchov nuqtasi */
main .bolim[data-blok] .s6-chizma-k{padding:24px;gap:14px}
main .bolim[data-blok] .s6-chizma__svg{display:block;width:100%;height:auto}
main .bolim[data-blok] .s6-chizma__svg .gt{font-family:var(--shrift);font-size:15px;font-weight:600;fill:var(--slate);letter-spacing:0}
main .bolim[data-blok] .s6-chizma__svg .gt--navy{fill:var(--navy)}
main .bolim[data-blok] .s6-chizma__svg .gt[fill="#FFFFFF"]{fill:#fff}
main .bolim[data-blok] .s6-nuqta{padding:20px 28px;gap:0}
main .bolim[data-blok] .s6-nuqta li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:14px;padding:14px 0;border-top:1px solid var(--chiziq);align-items:start}
main .bolim[data-blok] .s6-nuqta li:first-child{border-top:0;padding-top:4px}
main .bolim[data-blok] .s6-nuqta li:last-child{padding-bottom:4px}
main .bolim[data-blok] .s6-nuqta li > div{display:grid;gap:4px}
main .bolim[data-blok] .s6-nuqta .s6-raqam{padding-top:4px}
main .bolim[data-blok] .s6-nuqta .s6-h3{font-size:16px}
main .bolim[data-blok] .s6-nuqta .s6-p{font-size:14.5px}

/* 3-panel: mos keluvchi avtomobillar — 3 ustun kartalar + navy eslatma */
main .bolim[data-blok] .s6-mos__k{padding:24px 26px 26px;gap:8px}
main .bolim[data-blok] .s6-mos__k > .s6-ik-doira{margin-bottom:8px}
main .bolim[data-blok] .s6-mos__k .s6-h3{font-size:18px}
main .bolim[data-blok] .s6-mos__k .s6-teg{margin-bottom:6px}
main .bolim[data-blok] .s6-mos__k--eslatma{gap:16px}
main .bolim[data-blok] .s6-mos__k--eslatma .s6-p{color:rgba(255,255,255,.86)}
main .bolim[data-blok] .s6-mos__havolalar{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:0;padding-top:8px}

/* --------------------------------------------------------------------------
   §3 · M6-03 · NIMAGA MOʻLJALLANGAN — akkordeonlar + uch omil (raqam sanagʻichdan)
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-nima__grid{gap:32px 64px;align-items:start}
main .bolim[data-blok] .s6-nima__chap{display:flex;flex-direction:column;align-items:flex-start}
main .bolim[data-blok] .s6-nima__chap .s6-akk{margin-top:0;width:100%}
main .bolim[data-blok] .s6-nima__chap .s6-akk + .s6-akk{border-top:0}
main .bolim[data-blok] .s6-nima__ha{margin-top:22px}
main .bolim[data-blok] .s6-omil--sanoq{counter-reset:omil}
main .bolim[data-blok] .s6-omil--sanoq .s6-omil__q{counter-increment:omil}
main .bolim[data-blok] .s6-omil--sanoq .s6-omil__q:first-child{padding-top:0}
main .bolim[data-blok] .s6-omil--sanoq .s6-omil__q > div{padding-top:9px}
main .bolim[data-blok] .s6-omil--sanoq .s6-omil__q::after{
  content:counter(omil,decimal-leading-zero);
  font-family:var(--shrift);font-weight:400;font-size:14px;letter-spacing:0;line-height:1;
  color:var(--slate);font-variant-numeric:tabular-nums;padding-top:8px;
}

/* --------------------------------------------------------------------------
   §4 · M6-04 · XOSSALARI — toʻrt ustun, 12-katak aksent eslatma
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-xoss__grid{gap:16px}
main .bolim[data-blok] .s6-xoss__k{padding:20px 20px 22px;gap:6px}
main .bolim[data-blok] .s6-xoss__ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
main .bolim[data-blok] .s6-xoss__k .s6-h3{font-size:17px}
main .bolim[data-blok] .s6-xoss__k .s6-p{font-size:14.5px;line-height:1.5}
main .bolim[data-blok] .s6-xoss__eslatma{font-size:17px;line-height:1.4;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:0}

/* hujjat plitalari */
main .bolim[data-blok] .s6-huj__ost{margin-top:18px}
main .bolim[data-blok] .s6-huj__k{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px 18px;align-items:start;padding:24px 26px}
main .bolim[data-blok] .s6-huj__m{padding-top:9px}
main .bolim[data-blok] .s6-huj__m{display:grid;gap:6px}
main .bolim[data-blok] .s6-huj__m .s6-h3{font-size:18px}
main .bolim[data-blok] .s6-huj__holat{white-space:nowrap;padding-top:5px}

/* --------------------------------------------------------------------------
   §5 · M6-05 · QOʻLLASH SOHASI — tavsiya plitasi + navy spetsifikatsiya plitasi + ogoh registri
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-qol__tavsiya{padding:24px 30px 30px;gap:0}
main .bolim[data-blok] .s6-qol__royxat{list-style:none;margin:0;padding:0}
main .bolim[data-blok] .s6-qol__royxat li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-qol__royxat li:first-child{padding-top:4px}
main .bolim[data-blok] .s6-qol__royxat .s6-p{font-size:15px;line-height:1.55}
main .bolim[data-blok] .s6-qol__tavsiya > .s6-mayda{margin-top:14px}
main .bolim[data-blok] .s6-qol__ha{margin-top:22px}
main .bolim.s6-qol[data-blok] .s6-grid--7-5{align-items:start}
main .bolim[data-blok] .s6-qol__spek{padding:26px 30px 28px;gap:0}
main .bolim[data-blok] .s6-qol__spek > .s6-ik-doira{margin-bottom:14px}
main .bolim[data-blok] .s6-qol__r li{
  display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--s6-oq-chiziq);
  font-size:16px;font-weight:600;color:#fff;letter-spacing:0;
}
main .bolim[data-blok] .s6-qol__r li .ik{width:20px;height:20px;color:#76BFF8;flex:none}
body:not([data-holat="qoralama"]) main .bolim[data-blok] .s6-qol__r li:has(.mijozdan){display:none}
main .bolim[data-blok] .s6-qol__ost{margin-top:22px}
main .bolim[data-blok] .s6-qol__ost + .s6-mayda{margin-top:10px}
main .bolim[data-blok] .s6-ogoh{list-style:none;margin:24px 0 0;padding:26px 0 0;border-top:1px solid var(--chiziq);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px}
main .bolim[data-blok] .s6-ogoh li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:0}
main .bolim[data-blok] .s6-ogoh li .s6-p{font-size:14.5px}

/* --------------------------------------------------------------------------
   §6 · M6-06 · QANCHA KETADI — ikki savol plitasi + holatlar + besh hajm qatori
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-sarf__k{padding:28px 30px;gap:22px}
main .bolim[data-blok] .s6-sarf__q{display:grid;gap:8px;justify-items:start}
main .bolim[data-blok] .s6-sarf__q > .s6-ik-doira{margin-bottom:6px}
main .bolim[data-blok] .s6-sarf__q + .s6-sarf__q{padding-top:20px;border-top:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-sarf__q .s6-h3{font-size:18px}
main .bolim[data-blok] .s6-holat--sarf{padding:26px 30px}
main .bolim[data-blok] .s6-holat--sarf .s6-holat__r{list-style:none}
main .bolim[data-blok] .s6-holat--sarf .s6-holat__r li{grid-template-columns:20px minmax(0,1fr);border-bottom:0;border-top:1px solid var(--chiziq);padding:12px 0}
main .bolim[data-blok] .s6-holat--sarf .s6-holat__r li:nth-child(-n+2){border-top:0;padding-top:4px}
main .bolim[data-blok] .s6-holat__ha{margin-top:auto;padding-top:18px}
main .bolim[data-blok] .s6-hajm-bosh{margin:30px 0 14px !important;font-size:18px}
main .bolim[data-blok] .s6-sarf .s6-hajm{padding:22px;gap:6px}
main .bolim[data-blok] .s6-sarf .s6-hajm__ust{margin-bottom:12px}
main .bolim[data-blok] .s6-sarf .s6-hajm .s6-p{font-size:14.5px}
main .bolim[data-blok] .s6-sarf .s6-eslatma{margin-top:24px}
main .bolim[data-blok] .s6-eslatma__m{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;min-width:0}
main .bolim[data-blok] .s6-eslatma--matn{gap:14px;align-items:flex-start}

/* --------------------------------------------------------------------------
   §7 · M6-07 · ORIGINALLIK — ikki himoya kartasi + navy nazorat plitasi
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-himoya__ust--raqam{justify-content:flex-start;gap:14px}
main .bolim[data-blok] .s6-himoya__ust--raqam .s6-raqam{padding-top:0}
main .bolim[data-blok] .s6-yana{padding:24px 26px 26px;gap:12px;justify-content:flex-start}
main .bolim[data-blok] .s6-yana > .s6-ik-doira{margin-bottom:4px}
main .bolim[data-blok] .s6-yana__r{list-style:none;margin:2px 0 0;padding:0}
main .bolim[data-blok] .s6-yana__r li{
  display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;
  padding:12px 0;border-top:1px solid var(--s6-oq-chiziq);
}
main .bolim[data-blok] .s6-yana__r li .s6-p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}
main .bolim[data-blok] .s6-yana__ost{margin-top:2px;padding-top:0}

/* --------------------------------------------------------------------------
   §8 · M6-08 · MUQOBIL VARIANT — artikul plitasi + kartasiz solishtirish registri
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-muqobil__grid{gap:24px 48px;align-items:start}
main .bolim[data-blok] .s6-art{display:grid;gap:16px}
main .bolim[data-blok] .s6-art__k{
  display:grid;grid-template-columns:minmax(170px,236px) minmax(0,1fr);gap:22px;padding:22px;
  text-decoration:none;color:inherit;
}
main .bolim[data-blok] .s6-art__kadr{align-self:start}
main .bolim[data-blok] .s6-art__tana{display:flex;flex-direction:column;gap:6px;min-width:0;height:100%}
main .bolim[data-blok] .s6-art__tana .s6-h3{font-size:20px}
main .bolim[data-blok] .s6-art__ha{margin-top:auto;padding-top:14px}
main .bolim[data-blok] .s6-art__k:hover .s6-art__ha{color:var(--blue-700)}
main .bolim[data-blok] .s6-art__k:hover .s6-art__ha .ik{transform:rotate(-45deg)}
body:not([data-holat="qoralama"]) main .bolim[data-blok] .s6-art__bosh{display:none}   /* nomi faqat MIJOZDAN tokeni */
main .bolim[data-blok] .s6-solish{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
main .bolim[data-blok] .s6-solish__q{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;width:100%;padding:0 0 20px;border-bottom:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-solish__q > div{display:grid;gap:8px;padding-top:9px}
main .bolim[data-blok] .s6-solish__q + .s6-solish__q{padding-top:20px}
main .bolim[data-blok] .s6-solish__q .s6-h3{font-size:19px}
main .bolim[data-blok] .s6-solish__iz{margin-top:14px}
main .bolim[data-blok] .s6-solish__ost{margin-top:18px;color:var(--ink)}
main .bolim[data-blok] .s6-solish__btn{margin-top:22px}

/* --------------------------------------------------------------------------
   §9 · M6-09 · SAVOL-JAVOB — 5/12 sarlavha, 7/12 akkordeon registri
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-fq__grid{gap:24px 64px;align-items:stretch}
main .bolim[data-blok] .s6-fq__kadr{aspect-ratio:auto !important;flex:1 1 auto;min-height:220px;margin-top:28px}
main .bolim[data-blok] .s6-akk__nom{display:flex;align-items:flex-start;gap:12px;min-width:0}
main .bolim[data-blok] .s6-fq__chap{display:flex;flex-direction:column}
main .bolim[data-blok] .s6-fq__r{display:flex;flex-direction:column}
main .bolim[data-blok] .s6-fq__r .s6-akk{margin-top:0}
main .bolim[data-blok] .s6-fq__r .s6-akk + .s6-akk{border-top:0}
main .bolim[data-blok] .s6-fq__r .s6-akk__sum{font-size:17px;padding:20px 0}
main .bolim[data-blok] .s6-fq__r .s6-akk__m--kop{padding-bottom:22px}
main .bolim[data-blok] .s6-ha--ich{display:inline-flex;font-size:inherit;vertical-align:baseline;gap:5px}
main .bolim[data-blok] .s6-ha--ich .ik{width:14px;height:14px}

/* --------------------------------------------------------------------------
   §10 · M6-10 · SOʻROV — navy band, chapda matn, oʻngda oq forma plitasi
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-srv__grid{gap:40px 64px;align-items:start}
main .bolim[data-blok] .s6-srv__chap{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
main .bolim[data-blok] .s6-srv__chap > .s6-yoz{margin:0}
main .bolim[data-blok] .s6-xulosa{width:100%;margin-top:14px;padding-top:22px;border-top:1px solid var(--s6-oq-chiziq);display:grid;gap:10px}
main .bolim[data-blok] .s6-xulosa > .s6-yoz{margin:0}
main .bolim[data-blok] .s6-xulosa__q{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;flex-wrap:wrap}
main .bolim[data-blok] .s6-xulosa__m{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:#fff;letter-spacing:-.01em}
main .bolim[data-blok] .s6-xulosa__m{display:flex;align-items:flex-start;gap:10px;min-width:0}
main .bolim[data-blok] .s6-xulosa__m .s6-qik{margin-top:2px}
main .bolim[data-blok] .s6-b2b{width:100%;margin-top:10px;padding-top:22px;border-top:1px solid var(--s6-oq-chiziq);display:grid;gap:10px;justify-items:start}
main .bolim[data-blok] .s6-b2b > .s6-ik-doira{margin-bottom:4px}
main .bolim[data-blok] .s6-b2b .s6-h3{font-size:18px}
main .bolim[data-blok] .s6-srv__chap > .s6-mayda{margin-top:6px}
main .bolim[data-blok] .s6-srv__forma{padding:30px;gap:0}
main .bolim[data-blok] .s6-forma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
main .bolim[data-blok] .s6-forma .keng{grid-column:1/-1}
main .bolim[data-blok] .s6-srv__forma .s6-srv__ost{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-top:22px;padding-top:20px;border-top:1px solid var(--chiziq);
}
main .bolim[data-blok] .s6-srv__ost .s6-mayda{max-width:52em}
main .bolim[data-blok] .s6-srv__forma .maydon > span:first-child{color:var(--navy)}

/* --------------------------------------------------------------------------
   §11 · 2-RAUND PRIMITIVLARI (14.09, Otabek feedbacki) — ikon tizimi
   · karta darajasi: `.s6-ik-doira` (g6 §21: 44 px, ichida 20 px). Oq boʻlimda karta
     TASHQARISIDA turgan doira koʻrinmas (oq ustida oq) — `--yuza` modifikatori canvas fon beradi.
   · qator darajasi: `.s6-qik` — 20 px inline ikon, tugma koʻki; navy sirtda `--oq`.
   · akkordeon ichidagi roʻyxat `.s6-akk__royxat` (M6-03) — ikon + matn qatorlari.
   -------------------------------------------------------------------------- */
main .bolim[data-blok] .s6-ik-doira--yuza{background:var(--s6-canvas)}
main .bolim[data-blok] .s6-qik{width:20px !important;height:20px !important;color:var(--blue-700);flex:none;margin-top:2px}
main .bolim[data-blok] .s6-qik--oq,
main .bolim[data-blok] .s6-karta--navy .s6-qik,
main .bolim.s6--navy[data-blok] .s6-qik{color:#76BFF8}
main .bolim[data-blok] .s6-akk__nom .s6-qik{margin-top:3px}
main .bolim[data-blok] .s6-akk__royxat{list-style:none;margin:0;padding:0 0 18px;display:grid;gap:0}
main .bolim[data-blok] .s6-akk__royxat li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:9px 0}
main .bolim[data-blok] .s6-akk__royxat li + li{border-top:1px solid var(--chiziq)}
main .bolim[data-blok] .s6-akk__royxat .s6-p{font-size:15px;line-height:1.55}
/* karta ichidagi h3 raqamli ust qatori bilan: raqam koʻk (g6), ikon doirada */
main .bolim[data-blok] .s6-xoss__ust .s6-raqam{padding-top:0}

/* --------------------------------------------------------------------------
   §12 · RESPONSIV
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
  main .bolim[data-blok] .s6-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  main .bolim[data-blok] .s6-gal{max-width:520px}
  main .bolim[data-blok] .s6-ishonch{grid-template-columns:repeat(2,minmax(0,1fr))}
  main .bolim[data-blok] .s6-ogoh{grid-template-columns:minmax(0,1fr);gap:16px}
  main .bolim[data-blok] .s6-huj__k{grid-template-columns:44px minmax(0,1fr)}
  main .bolim[data-blok] .s6-huj__holat{grid-column:2;padding-top:0}
  main .bolim[data-blok] .s6-fq__grid{align-items:start}
  main .bolim[data-blok] .s6-fq__kadr{aspect-ratio:21/9 !important;min-height:0;margin-top:24px}
}
@media (max-width:900px){
  main .bolim[data-blok] .s6-moslik{grid-template-columns:minmax(0,1fr);gap:0}
  main .bolim[data-blok] .s6-moslik__q + .s6-moslik__q{border-top:0}
}
@media (max-width:760px){
  main .bolim[data-blok] .s6-sahna__grid{grid-template-columns:minmax(0,1fr);gap:28px}
  main .bolim[data-blok] .s6-gal{max-width:none}
  main .bolim[data-blok] .s6-lenta{gap:10px}
  main .bolim[data-blok] .s6-segment{width:100%}
  main .bolim[data-blok] .s6-segment__t{flex:1 1 auto;justify-content:center}
  main .bolim[data-blok] .s6-oem{padding:20px}
  main .bolim[data-blok] .s6-oem__qator{gap:12px 28px}
  main .bolim[data-blok] .s6-huj{margin-top:28px;padding-top:22px}
  main .bolim[data-blok] .s6-ishonch{grid-template-columns:minmax(0,1fr);gap:18px}
  main .bolim[data-blok] .s6-tab .tablar{display:flex !important;width:100%}
  main .bolim[data-blok] .s6-tab .tab{flex:1 1 auto;justify-content:center;padding:0 12px !important;white-space:normal;text-align:center;min-height:42px}
  main .bolim[data-blok] .s6-jadval-karta--3{padding:4px 14px 6px}
  main .bolim[data-blok] .s6-jadval--tex th,main .bolim[data-blok] .s6-jadval--tex td{padding:9px 6px;font-size:13.5px}
  main .bolim[data-blok] .s6-spek,main .bolim[data-blok] .s6-nuqta,main .bolim[data-blok] .s6-chizma-k{padding:20px}
  main .bolim[data-blok] .s6-spek__r > div{flex-direction:column;gap:2px}
  main .bolim[data-blok] .s6-spek__r dd{text-align:left;white-space:normal}
  main .bolim[data-blok] .s6-izohlar{grid-template-columns:minmax(0,1fr)}
  main .bolim[data-blok] .s6-nima__grid,main .bolim[data-blok] .s6-fq__grid,main .bolim[data-blok] .s6-srv__grid,main .bolim[data-blok] .s6-muqobil__grid{gap:28px}
  main .bolim[data-blok] .s6-xoss__grid{gap:12px}
    main .bolim[data-blok] .s6-bosh__ong--teg{justify-self:start;padding-bottom:0}
  main .bolim[data-blok] .s6-huj__k{grid-template-columns:44px minmax(0,1fr);padding:20px}
  main .bolim[data-blok] .s6-huj__holat{grid-column:2;padding-top:0}
  main .bolim[data-blok] .s6-qol__tavsiya,main .bolim[data-blok] .s6-qol__spek,main .bolim[data-blok] .s6-sarf__k,main .bolim[data-blok] .s6-holat--sarf{padding:22px}
  main .bolim[data-blok] .s6-holat--sarf .s6-holat__r li:nth-child(2){border-top:1px solid var(--chiziq);padding-top:12px}
  main .bolim[data-blok] .s6-art__k{grid-template-columns:minmax(0,1fr);padding:18px}
  main .bolim[data-blok] .s6-art__kadr{max-width:180px}
  main .bolim[data-blok] .s6-fq__r .s6-akk__sum{font-size:16px;padding:16px 0}
  main .bolim[data-blok] .s6-fq__grid{align-items:start}
  main .bolim[data-blok] .s6-fq__kadr{aspect-ratio:16/10 !important;min-height:0;margin-top:20px}
  main .bolim[data-blok] .s6-solish__q{grid-template-columns:44px minmax(0,1fr);gap:14px}
  main .bolim[data-blok] .s6-ishonch li{gap:14px}
  main .bolim[data-blok] .s6-srv__forma{padding:22px}
  main .bolim[data-blok] .s6-forma{grid-template-columns:minmax(0,1fr)}
  main .bolim[data-blok] .s6-srv__forma .s6-srv__ost{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:620px){
  main .bolim[data-blok] .s6-grid--4{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  main .bolim[data-blok] .s6-oem__tavs{grid-template-columns:minmax(0,1fr)}
  main .bolim[data-blok] .s6-sahna__matn .s6-amal .btn{width:100%;justify-content:space-between}
  main .bolim[data-blok] .s6-sahna__matn .s6-amal .btn--chegara{justify-content:center}
}