/* ========================================================================== g6-qollash.css — QOʻLLASH SOHALARI · S6 sahifa qatlami (2026-09-14) Etalon: css/g6.css (bosh sahifa). Bu fayl g6.css dan KEYIN yuklanadi (qur.py oʻzi ulaydi). Yangi blok kodlari S6-02…S6-10 — eski `[data-blok="S-0x"]`, `g5-*`, `sq-*` qatlamlari yangi markupga tegmaydi; JS uchun saqlangan eski klasslar (.sq-tab · .sq-t · .sq-pan · .tablar · .tab · .tab-ich · .plitalar · .plita · .maydon) ustida eski qatlamlar turgani uchun ular (0,3,1)+ selektor va !important bilan qayta yoziladi. Qonun: soya 0 · tracking ≤ 0 · yuqoriga tekislash · radius 20/14/12 · AI-slop yoʻq · rang faqat tokenlar.css · shrift Century Gothic W · matn verbatim. Ortga qaytarish: shu faylni oʻchirish + sahifalar/qollash.html ni git dan qaytarish. ========================================================================== */ /* -------------------------------------------------------------------------- §0 · SAHIFA UMUMIY — yashirin holat · yolgʻiz shapka · ishlab chiqarish darvozasi -------------------------------------------------------------------------- */ /* `.s6-karta{display:flex}` va `.tab-ich{display:grid}` `hidden` atributini bosib ketadi */ main .bolim.s6[data-blok] [hidden], main .bolim[data-blok="S6-07"] .tab-ich[hidden], main .bolim[data-blok="S6-03"] .sq-pan[hidden]{display:none !important} /* lid ham, tugma ham boʻlmagan shapka — H2 toʻliq kenglikda */ main .bolim[data-blok] .s6-bosh--yolgiz{grid-template-columns:minmax(0,1fr)} /* Qiymati FAQAT MIJOZDAN tokenidan iborat yordamchi qatorlar jonli saytda koʻrinmaydi (brif: «boʻsh «Spetsifikatsiya:» yorligʻini olib tashlash mumkin»). Markupda qoladi — da hammasi qayta chiqadi. */ body:not([data-holat="qoralama"]) main .s6 .s6-chip:has(> .mijozdan){display:none} body:not([data-holat="qoralama"]) main .s6 .s6-chiplar-m:not(:has(.s6-chip:not(:has(> .mijozdan)))){display:none} body:not([data-holat="qoralama"]) main .s6 .s6-aloqa li:has(.mijozdan){display:none} body:not([data-holat="qoralama"]) main .s6 .s6-sorov__aloqa:not(:has(li:not(:has(.mijozdan)))){display:none} body:not([data-holat="qoralama"]) main .s6 .s6-forma__ost:has(.mijozdan){display:none} /* -------------------------------------------------------------------------- §1 · S6-02 · OLTITA SOHA — plita butunligicha havola (bosh sahifa .s6-yon tili) -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-02"] .s6-soha{ color:inherit;text-decoration:none;cursor:pointer; transition:background var(--anim) var(--ease); } main .bolim[data-blok="S6-02"] .s6-soha:hover{background:var(--s6-aksent-yengil)} main .bolim[data-blok="S6-02"] .s6-soha:hover .s6-yon__ha{color:var(--blue-700)} main .bolim[data-blok="S6-02"] .s6-soha:hover .s6-yon__ha .ik{transform:rotate(-45deg)} main .bolim[data-blok="S6-02"] .s6-soha:focus-visible{outline:2px solid var(--navy);outline-offset:3px} main .bolim[data-blok="S6-02"] .s6-soha .s6-h3{text-wrap:pretty} /* -------------------------------------------------------------------------- §2 · S6-03 · SOHA TAFSILOTI — segment tablar + oq panel (.sq-tab / .sq-t / .sq-pan — JS hooklari, eski g5-qollash + g6 §19 qoidalari ustida) -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-03"] .sq-tab{ display:flex !important;flex-wrap:wrap !important;gap:6px !important; background:#FFFFFF !important;border:0 !important;border-radius:14px !important; padding:6px !important;margin:0 0 20px !important;box-shadow:none !important; } main .bolim[data-blok="S6-03"] .sq-t{ flex:1 1 auto !important;display:inline-flex !important;align-items:center !important; justify-content:center !important;gap:10px !important; min-height:48px !important;padding:10px 18px !important;margin:0 !important; border:0 !important;border-radius:10px !important;background:transparent !important; color:var(--navy) !important;font-family:var(--shrift) !important;font-size:14.5px !important; font-weight:600 !important;letter-spacing:0 !important;line-height:1.25 !important; white-space:nowrap;cursor:pointer;box-shadow:none !important;transform:none !important; transition:background var(--anim) var(--ease),color var(--anim) var(--ease); } main .bolim[data-blok="S6-03"] .sq-t:hover{background:var(--s6-aksent-yengil) !important;color:var(--navy) !important} main .bolim[data-blok="S6-03"] .sq-t[aria-selected="true"]{background:var(--navy) !important;color:#FFFFFF !important} main .bolim[data-blok="S6-03"] .sq-t:focus-visible{outline:2px solid var(--navy);outline-offset:2px} main .bolim[data-blok="S6-03"] .s6-segment__n{ font-family:var(--shrift);font-weight:400;font-size:14px;color:var(--slate); font-variant-numeric:tabular-nums;letter-spacing:0; } main .bolim[data-blok="S6-03"] .sq-t[aria-selected="true"] .s6-segment__n{color:rgba(255,255,255,.62)} main .bolim[data-blok="S6-03"] .sq-pan{ display:block !important;background:#FFFFFF !important;border:0 !important; border-radius:var(--s6-r) !important;padding:clamp(22px,2.4vw,32px) !important; box-shadow:none !important;scroll-margin-top:110px;outline:none; } main .bolim[data-blok="S6-03"] .sq-pan[hidden]{display:none !important} main .bolim[data-blok="S6-03"] .sq-pan:focus-visible{outline:2px solid var(--navy);outline-offset:3px} main .bolim[data-blok="S6-03"] .s6-pan__ich{gap:clamp(24px,3vw,44px);align-items:stretch} main .bolim[data-blok="S6-03"] .s6-pan__chap{display:flex;flex-direction:column;gap:18px;min-width:0} /* kadr oʻng ustun balandligini toʻldiradi — panel pastki chizigʻi ikkala ustunda bitta */ main .bolim[data-blok="S6-03"] .s6-pan__chap .s6-kadr{flex:1 1 auto;aspect-ratio:auto;min-height:340px} main .bolim[data-blok="S6-03"] .s6-plaka{display:flex;flex-direction:column;gap:6px;padding:0 6px} main .bolim[data-blok="S6-03"] .s6-plaka__q{ display:block;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:var(--navy); } main .bolim[data-blok="S6-03"] .s6-pan__ong{display:flex;flex-direction:column;gap:14px;min-width:0} main .bolim[data-blok="S6-03"] .s6-pan__ong .s6-yoz{margin-bottom:0} main .bolim[data-blok="S6-03"] .s6-pan__h{font-size:clamp(22px,1.9vw,26px);line-height:1.2;letter-spacing:-.025em} main .bolim[data-blok="S6-03"] .s6-pan__ong > .s6-p{font-size:16px;line-height:1.6} main .bolim[data-blok="S6-03"] .s6-pan__eslatma{ color:var(--navy);font-weight:600;padding-top:14px;border-top:1px solid var(--chiziq); } main .bolim[data-blok="S6-03"] .s6-reg{display:grid;margin:8px 0 0;padding:0;border-top:1px solid var(--chiziq)} main .bolim[data-blok="S6-03"] .s6-reg > div{ display:grid;grid-template-columns:minmax(150px,32%) minmax(0,1fr);gap:6px 24px; padding:14px 0;border-bottom:1px solid var(--chiziq);align-items:start; background:none;border-radius:0; } main .bolim[data-blok="S6-03"] .s6-reg dt{font-size:13.5px;font-weight:600;color:var(--slate);letter-spacing:0;margin:0;text-transform:none} main .bolim[data-blok="S6-03"] .s6-reg dd{margin:0;font-size:15px;line-height:1.55;color:var(--navy)} main .bolim[data-blok="S6-03"] .s6-pan__ost{ display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-top:6px; } main .bolim[data-blok="S6-03"] .s6-chiplar-m{display:flex;flex-wrap:wrap;gap:8px;margin:0} main .bolim[data-blok="S6-03"] .s6-chip{ display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px; background:var(--s6-canvas);font-size:13px;font-weight:600;color:var(--navy);letter-spacing:0; } /* -------------------------------------------------------------------------- §3 · S6-04 · YIGʻMA JADVAL — canvas plita, hairline qatorlar, 4 ustun -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-04"] .s6-jad__karta{padding:10px 20px} main .bolim[data-blok="S6-04"] .s6-jadval td{width:auto;color:var(--slate)} main .bolim[data-blok="S6-04"] .s6-jadval tbody th{width:19%;padding-right:20px} main .bolim[data-blok="S6-04"] .s6-jadval th:nth-child(2), main .bolim[data-blok="S6-04"] .s6-jadval td:nth-child(2){width:28%} main .bolim[data-blok="S6-04"] .s6-jadval td[data-nom="Qadoq"]{width:15%;white-space:nowrap;color:var(--navy)} main .bolim[data-blok="S6-04"] .s6-jadval thead th{padding-top:12px;padding-bottom:12px} main .bolim[data-blok="S6-04"] .s6-jadval th, main .bolim[data-blok="S6-04"] .s6-jadval td{padding:15px 12px} main .bolim[data-blok="S6-04"] .s6-eslatma{margin-top:24px} /* -------------------------------------------------------------------------- §4 · S6-05 · XIZMAT MUDDATI — katta raqam plitasi + holatlar registri (teg bilan) -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-05"] .s6-km__ost{ font-size:17px;font-weight:600;color:var(--navy);line-height:1.4;margin:12px 0 16px; } main .bolim[data-blok="S6-05"] .s6-km > .s6-p{margin:0} main .bolim[data-blok="S6-05"] .s6-km__oqibat-m{margin-top:18px;padding-top:18px;border-top:1px solid var(--chiziq)} main .bolim[data-blok="S6-05"] .s6-km__akk{margin-top:24px} main .bolim[data-blok="S6-05"] .s6-km__akk .s6-akk__sum{color:var(--slate)} main .bolim[data-blok="S6-05"] .s6-holat__r--teg li{grid-template-columns:34px minmax(0,1fr);padding:14px 0} main .bolim[data-blok="S6-05"] .s6-holat__r--teg li > div{display:grid;gap:5px;min-width:0} main .bolim[data-blok="S6-05"] .s6-holat__r--teg .s6-teg{color:var(--blue-700)} main .bolim[data-blok="S6-05"] .s6-muddat__ost{align-items:flex-start} main .bolim[data-blok="S6-05"] .s6-muddat__matn{display:grid;gap:8px;flex:1 1 320px;min-width:0} main .bolim[data-blok="S6-05"] .s6-muddat__ost .s6-ha{flex:none;margin-top:4px} /* -------------------------------------------------------------------------- §5 · S6-06 · QADOQ — sarlavhasiz hajm plitalari (izoh matni bilan) -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-06"] .s6-hajm__ust{margin-bottom:12px} main .bolim[data-blok="S6-06"] .s6-hajm .s6-p{font-size:14.5px} /* -------------------------------------------------------------------------- §6 · S6-07 · ANIQ TAVSIYA OLISH — moy tanlash paneli (bosh sahifa BOSH-02 tili) (.tablar / .tab / .tab-ich / .plitalar / .plita / .maydon — umumiy JS va komponent qatlamlari; koʻrinish shu yerda qayta yoziladi) -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-07"] .s6-panel{gap:0;padding:clamp(22px,2.6vw,32px)} main .bolim[data-blok="S6-07"] .tablar{ display:inline-flex !important;align-self:flex-start;flex-wrap:wrap !important;gap:4px !important; padding:4px !important;margin:0 !important;width:auto !important; background:var(--s6-canvas) !important;border:0 !important;border-radius:12px !important; } main .bolim[data-blok="S6-07"] .tab{ padding:10px 16px !important;min-height:42px !important;margin:0 !important; border:0 !important;border-radius:9px !important;background:transparent !important; color:var(--slate) !important;font-family:var(--shrift) !important;font-size:14px !important; font-weight:600 !important;letter-spacing:0 !important;line-height:1.3 !important; box-shadow:none !important;transform:none !important;cursor:pointer; transition:background var(--anim) var(--ease),color var(--anim) var(--ease); } main .bolim[data-blok="S6-07"] .tab:hover{color:var(--navy) !important} main .bolim[data-blok="S6-07"] .tab[aria-selected="true"]{background:var(--navy) !important;color:#FFFFFF !important} main .bolim[data-blok="S6-07"] .tab:focus-visible{outline:2px solid var(--navy);outline-offset:2px} main .bolim[data-blok="S6-07"] .tab-ich{ display:grid !important;gap:22px !important;justify-items:start;padding:26px 0 0 !important;margin:0 !important;width:100% !important; } main .bolim[data-blok="S6-07"] .tab-ich > .s6-yoz{margin:0} main .bolim[data-blok="S6-07"] .plitalar{ display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:10px !important; width:100% !important;margin:0 !important;border:0 !important;padding:0 !important; } main .bolim[data-blok="S6-07"] .plita{ display:grid !important;justify-items:start !important;align-content:start !important;gap:12px !important; padding:16px 16px 18px !important;min-height:96px;margin:0 !important; border:0 !important;border-radius:12px !important;background:var(--s6-canvas) !important; color:var(--navy) !important;font-family:var(--shrift) !important;font-size:14px !important; font-weight:600 !important;line-height:1.3 !important;letter-spacing:0 !important;text-align:left !important; box-shadow:none !important;transform:none !important;cursor:pointer; transition:background var(--anim) var(--ease),color var(--anim) var(--ease); } main .bolim[data-blok="S6-07"] .plita .ik{width:26px !important;height:26px !important;color:var(--blue-700) !important;transition:color var(--anim) var(--ease)} main .bolim[data-blok="S6-07"] .plita:hover{background:var(--s6-aksent-yengil) !important;color:var(--navy) !important} main .bolim[data-blok="S6-07"] .plita.tanlangan{background:var(--navy) !important;color:#FFFFFF !important} main .bolim[data-blok="S6-07"] .plita.tanlangan .ik{color:#76BFF8 !important} main .bolim[data-blok="S6-07"] .plita:focus-visible{outline:2px solid var(--navy);outline-offset:2px} main .bolim[data-blok="S6-07"] .maydonlar{ display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important; width:100% !important;margin:0 !important;align-items:start !important; } main .bolim[data-blok="S6-07"] .maydon input, main .bolim[data-blok="S6-07"] .maydon select, main .bolim[data-blok="S6-07"] .maydon textarea{ background-color:var(--s6-canvas) !important;border:1px solid transparent !important; border-radius:12px !important;min-height:52px !important;color:var(--ink) !important; } main .bolim[data-blok="S6-07"] .maydon input:focus, main .bolim[data-blok="S6-07"] .maydon select:focus{background-color:#FFFFFF !important;border-color:var(--navy) !important} main .bolim[data-blok="S6-07"] .maydon select:disabled{background-color:var(--s6-canvas) !important;color:#8A9BAD !important} main .bolim[data-blok="S6-07"] .s6-belgi-maydon{width:100%;max-width:640px} main .bolim[data-blok="S6-07"] .s6-panel__ost{ display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap; margin-top:26px;padding-top:22px;border-top:1px solid var(--chiziq); } main .bolim[data-blok="S6-07"] .s6-panel__ost .s6-mayda{flex:1 1 320px;min-width:0} main .bolim[data-blok="S6-07"] .s6-panel__ost .s6-ha{flex:none} /* -------------------------------------------------------------------------- §7 · S6-08 · BESH YOʻNALISH, BITTA MANBA — navy plita, 7/5 -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-08"] .s6-manba__karta{ display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 48px; align-items:start;padding:clamp(28px,3vw,40px); } main .bolim[data-blok="S6-08"] .s6-manba__matn{display:grid;gap:16px;min-width:0} main .bolim[data-blok="S6-08"] .s6-manba__amal{justify-self:end} /* -------------------------------------------------------------------------- §8 · S6-09 · SAVOL-JAVOB — chapda sarlavha + amal + mutaxassis izohi, oʻngda akkordeon -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-09"] .s6-sss__grid{gap:40px 64px;align-items:start} main .bolim[data-blok="S6-09"] .s6-sss__chap{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0} main .bolim[data-blok="S6-09"] .s6-sss__chap .s6-yoz{margin-bottom:0} main .bolim[data-blok="S6-09"] .s6-sss__chap .s6-amal{margin-top:6px} main .bolim[data-blok="S6-09"] .s6-izoh{ display:grid;gap:12px;justify-items:start;width:100%; margin-top:22px;padding-top:24px;border-top:1px solid var(--chiziq); } main .bolim[data-blok="S6-09"] .s6-izoh .s6-yoz{margin:0} main .bolim[data-blok="S6-09"] .s6-sss__ong{display:flex;flex-direction:column;align-items:flex-start;min-width:0} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk{margin:0;width:100%} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk + .s6-akk{border-top:0} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk__sum{padding:20px 0;align-items:start} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk__sum > span{font-size:17px;font-weight:600;color:var(--navy);line-height:1.4} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk__ik{margin-top:3px} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk__m{padding:0 0 22px} main .bolim[data-blok="S6-09"] .s6-sss__ha{margin-top:24px} /* -------------------------------------------------------------------------- §9 · S6-10 · SOʻROV — navy plita (3 ustuvorlik + aloqa) + canvas forma plitasi -------------------------------------------------------------------------- */ main .bolim[data-blok="S6-10"] .s6-sorov__chap .s6-yoz{margin-bottom:0} main .bolim[data-blok="S6-10"] .s6-sorov__r{list-style:none;margin:10px 0 0;padding:0} main .bolim[data-blok="S6-10"] .s6-sorov__r li{ display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start; padding:18px 0;border-top:1px solid var(--s6-oq-chiziq); } main .bolim[data-blok="S6-10"] .s6-sorov__r li .s6-raqam{padding-top:5px} main .bolim[data-blok="S6-10"] .s6-sorov__r li .s6-p{margin-top:5px} main .bolim[data-blok="S6-10"] .s6-sorov__aloqa{margin-top:auto} main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon input, main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon select, main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon textarea{ background-color:#FFFFFF !important;border:1px solid transparent !important;border-radius:12px !important; } main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon input:focus, main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon select:focus, main .bolim[data-blok="S6-10"] .s6-sorov__forma .maydon textarea:focus{border-color:var(--navy) !important} main .bolim[data-blok="S6-10"] .s6-forma__ost{margin-top:14px} /* -------------------------------------------------------------------------- §10 · RESPONSIV -------------------------------------------------------------------------- */ @media (max-width:1200px){ /* segment bitta qatorga sigʻmaganda 3×2 toʻr — oxirgi tab yolgʻiz qolmaydi */ main .bolim[data-blok="S6-03"] .sq-tab{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important} main .bolim[data-blok="S6-03"] .sq-t{justify-content:flex-start !important;white-space:normal} } @media (max-width:1100px){ main .bolim[data-blok="S6-07"] .plitalar{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media (max-width:1024px){ main .bolim[data-blok="S6-08"] .s6-manba__karta{grid-template-columns:minmax(0,1fr)} main .bolim[data-blok="S6-08"] .s6-manba__amal{justify-self:start} main .bolim[data-blok="S6-03"] .s6-pan__ich{align-items:start} main .bolim[data-blok="S6-03"] .s6-pan__chap .s6-kadr{flex:none;aspect-ratio:4/3;min-height:0;max-width:560px} } @media (max-width:760px){ main .bolim[data-blok="S6-03"] .sq-tab{padding:5px !important;gap:4px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important} main .bolim[data-blok="S6-03"] .sq-t{padding:10px 14px !important;font-size:14px !important;min-height:46px !important} main .bolim[data-blok="S6-03"] .sq-pan{padding:18px !important} main .bolim[data-blok="S6-03"] .s6-reg > div{grid-template-columns:minmax(0,1fr);gap:4px} main .bolim[data-blok="S6-03"] .s6-pan__ost{flex-direction:column;align-items:flex-start} main .bolim[data-blok="S6-03"] .s6-pan__chap .s6-kadr{max-width:none} /* jadval — qatorlar blokka aylanadi, yorliq data-nom dan */ main .bolim[data-blok="S6-04"] .s6-jad__karta{padding:4px 18px} main .bolim[data-blok="S6-04"] .s6-jadval thead{display:none} main .bolim[data-blok="S6-04"] .s6-jadval, main .bolim[data-blok="S6-04"] .s6-jadval tbody, main .bolim[data-blok="S6-04"] .s6-jadval tr, main .bolim[data-blok="S6-04"] .s6-jadval th, main .bolim[data-blok="S6-04"] .s6-jadval td{display:block;width:auto !important} main .bolim[data-blok="S6-04"] .s6-jadval tr{padding:16px 0;border-bottom:1px solid var(--chiziq)} main .bolim[data-blok="S6-04"] .s6-jadval tbody tr:last-child{border-bottom:0} main .bolim[data-blok="S6-04"] .s6-jadval tbody th{padding:0 0 8px;border:0;font-size:17px} main .bolim[data-blok="S6-04"] .s6-jadval td{padding:6px 0;border:0;white-space:normal} main .bolim[data-blok="S6-04"] .s6-jadval td::before{ content:attr(data-nom);display:block;font-size:12.5px;font-weight:600;color:var(--slate);margin-bottom:2px; } main .bolim[data-blok="S6-05"] .s6-km{padding:24px} main .bolim[data-blok="S6-05"] .s6-holat{padding:22px 22px 10px} main .bolim[data-blok="S6-05"] .s6-muddat__ost{flex-direction:column;align-items:flex-start} /* ustunli flex da `flex-basis:320px` BALANDLIKKA aylanadi — mobilda oʻchiriladi */ main .bolim[data-blok="S6-05"] .s6-muddat__matn{flex:0 1 auto} main .bolim[data-blok="S6-07"] .s6-panel{padding:18px} main .bolim[data-blok="S6-07"] .tablar{display:flex !important;width:100% !important} main .bolim[data-blok="S6-07"] .tab{flex:1 1 auto} main .bolim[data-blok="S6-07"] .tab-ich{padding-top:20px !important;gap:18px !important} main .bolim[data-blok="S6-07"] .plitalar{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important} main .bolim[data-blok="S6-07"] .plita{padding:14px 14px 16px !important;min-height:0} main .bolim[data-blok="S6-07"] .maydonlar{grid-template-columns:minmax(0,1fr) !important;gap:16px !important} main .bolim[data-blok="S6-07"] .s6-panel__ost{flex-direction:column;align-items:flex-start;margin-top:22px} main .bolim[data-blok="S6-07"] .s6-panel__ost .s6-mayda{flex:0 1 auto} main .bolim[data-blok="S6-08"] .s6-manba__karta{padding:24px} main .bolim[data-blok="S6-09"] .s6-sss__grid{gap:32px} main .bolim[data-blok="S6-09"] .s6-sss__ong .s6-akk__sum > span{font-size:16px} main .bolim[data-blok="S6-10"] .s6-sorov__chap{padding:24px} main .bolim[data-blok="S6-10"] .s6-sorov__forma{padding:20px} } @media (max-width:480px){ main .bolim[data-blok="S6-03"] .sq-tab{grid-template-columns:minmax(0,1fr) !important} main .bolim[data-blok="S6-07"] .tab{flex-basis:100%} } /* 14.09 · Otabek: tablar ikonli, panel matni qisqa, registr/jadval ikonli */ main .bolim.s6[data-blok] .s6-segment__ik{width:20px;height:20px;flex:none;color:var(--blue-700)} main .bolim.s6[data-blok] .s6-segment__t[aria-selected="true"] .s6-segment__ik{color:#76BFF8} main .bolim.s6[data-blok] .s6-reg dt{display:flex;align-items:center;gap:10px} main .bolim.s6[data-blok] .s6-reg__ik{width:20px;height:20px;flex:none;color:var(--blue-700)} main .bolim.s6[data-blok] .s6-jadval__soha{display:inline-flex;align-items:center;gap:10px} main .bolim.s6[data-blok] .s6-jadval__soha .ik{width:22px;height:22px;flex:none;color:var(--blue-700)} main .bolim.s6[data-blok] .s6-sorov__kadr{flex:1 1 auto;min-height:200px;aspect-ratio:auto;width:100%;margin-top:8px;background:rgba(255,255,255,.08)} main .bolim.s6[data-blok] .s6-holat__r li{grid-template-columns:44px minmax(0,1fr) !important;align-items:start} main .bolim.s6[data-blok] .s6-holat__ik{width:40px !important;height:40px !important;border-radius:10px;background:var(--s6-canvas)} /* 3-raund · 16: «Besh yoʻnalish, bitta manba» — boʻlim foni yoʻq, qoʻshni sirtda ixcham */ main > section.bolim.s6-manba--ixcham[data-blok]{padding-block:0 clamp(40px,4.4vw,64px) !important;background:var(--s6-canvas) !important} main > section.bolim.s6-manba--ixcham[data-blok]{padding-top:0 !important;margin-top:-8px} main .bolim.s6[data-blok] .s6-tan__ost,main .bolim.s6[data-blok] .s6-panel__ost{border-top:0 !important}