/* ========================================================================== MAHSULOT SAHIFASI · 4-BRIF: BOʻSHLIQ · VERTIKAL RITM · BOʻLIM AJRALISHI Brif: brif/4-BOSHLIQ-RITM-13-09.md · 2026-09-13 -------------------------------------------------------------------------- Bu QAYTA DIZAYN EMAS. Rang, shrift, kompozitsiya, tuzilma va matn tegilmagan. Faqat: boʻlim ajralishi · ichki munosabat · sahifa ritmi. OʻLCHANGAN MUAMMO (1440, oldin): ajralish 74 · 95 · 90 · 103 · 91 · 91 · 103 · 90 · 91 · 91 · 104 — bitta boshlanishdan (74) tashqari HAMMASI 90–104 oraligʻida. Yaʼni ajralish bor, RITM yoʻq: sahifa bir tekis «gʻiylab» oqadi, oʻquvchi qaysi joyda yangi bob boshlanganini boʻshliqdan bilmaydi (brif §20: «Hamma ajralish bir xil boʻlsa — ritm YOʻQ, bu ham xato»). Qoʻshimcha: MAH-00 → MAH-01 74 px (quyuq lenta yorugʻ sahnaga yopishgan, brif §4 quyuq↔yorugʻ uchun 80–120 soʻraydi). YECHIM — brifning 21-bandi boʻyicha: SECTION HEIGHT ≠ SECTION SEPARATION. Boʻlimlarning BALANDLIGI deyarli oʻzgarmadi (jami 8 026 → 8 010 px), faqat ular orasidagi MASOFA sahifaning maʼno tuzilishiga qarab qayta taqsimlandi. Sahifa hatto QISQARDI: 8 855 → 8 839 px (−16). Yaʼni «kengroq» emas, «toʻgʻri joylashtirilgan» boʻldi (brif FINAL TARGET). Qayerdan olindi: MAH-TAB va MAH-09 da sarlavha bloki ostidagi IKKI KARRA margin (32+32, boshliq4 `.bosh` qoidasi `.bosh-qator` ichidagi `.bosh` ga ham tushib qolgan) — 88 px behuda boʻshliq. Oʻsha 88 px bobga aylantirildi. SAHIFANING BOB TUZILISHI (PDP): A · MAH-00 + MAH-01 + MAH-TAB — artikulning OʻZI: sahna, xarid, oʻlchov B · MAH-02 + MAH-03 + MAH-07 — TUSHUNTIRISH: nimaga, qanday xossa, hujjat C · MAH-04 + MAH-05 — EKSPLUATATSIYA: qaysi texnikaga, qancha D · MAH-08 — ISHONCH: originallik E · MAH-09 + MAH-10 + MAH-11 — QAROR: muqobil, savol, soʻrov YANGI RITM (1440 · paddinglar yigʻindisi, KOʻRIK-2 dan keyin): 94 · 100 · 132 · 86 · 72 · 126 · 100 · 116 · 86 · 72 · 126 qulay qulay BOB yaqin TIG BOB qulay keng yaqin TIG BOB Pogʻonalar aniq ajraladi: tigʻiz 72 · qulay 86–100 · keng 116 · BOB 126–132. (Birinchi qurilishda BOB oʻtishlaridan biri 112 boʻlib, «keng» deb atalgan 116 dan past tushib qolgan edi — ierarxiya chiqishda teskari oʻqilardi.) Barcha qiymat `css/boshliq4.css` §1 tokenlaridan: ixcham 36 · normal 50 · keng 66 · bob 76 (mobilda 26 · 36 · 48 · 56). Yangi raqam oʻylab topilmagan. Ajralish = ikki qoʻshni paddingning yigʻindisi (margin ishlatilmaydi — boʻlimlar tegib turishi kerak, sirt juftligi shu bilan oʻqiladi). ⚠ SPETSIFIKLIK: `z-mahsulot.css` `main [data-blok="MAH-01"][data-blok]` (0-2-1) yozgan. Shuning uchun bu yerda `main section[data-blok=…][data-blok]` (0-2-2) — bir pogʻona ogʻirroq va roʻyxatda keyin turadi. Ortga qaytarish: shu faylni oʻchirish (qur.py uni oʻzi topib ulaydi). -------------------------------------------------------------------------- KOʻRIK-2 (13.09, mustaqil koʻrikdan keyin) — nima oʻzgardi: §1 MAH-07 pastki qirrasi ixcham → normal (bob oʻtishi 112 → 126) §1 MAH-01 shifti +space-xs (§2 dagi lenta polining oʻrniga) §2 quyuq lentaning poli 48 → 36 (brif §21: boʻlim semirtirilmaydi) §3 MAH-04 · MAH-11 shapka margini 0 → 8 (shapka → kontent 24 → 32) §3b MAH-03 · MAH-08 · MAH-09 ikki ustunli shapka: yorliq → sarlavha 32 → 18 §3c MAH-01 CTA juftligi 22 → 30 · MAH-11 B2B havolasi 8 → 32 Sahifa balandligi: 8 839 → 8 840 px (+1), mobil 17 383 → 17 417 px. ========================================================================== */ /* ========================================================================== §1 · BOʻLIM AJRALISHI — har boʻlimning ikki qirrasi alohida sozlandi -------------------------------------------------------------------------- Har qatorda: nima uchun shu tier tanlangani. ========================================================================== */ /* --- A bobi: artikulning oʻzi ------------------------------------------- MAH-01 (sahna) va MAH-TAB (texnik varaqa) bitta gʻoyaning ikki qismi: «mana artikul» va «mana uning oʻlchovi». Shuning uchun ular orasi NORMAL (100), bob oʻtishi emas. Lentadan sahnaga kirish ham normal (98) — quyuq lenta yorugʻ sahnaga yopishib turgani tuzatildi (brif §4: 80–120). */ /* KOʻRIK-2 (13.09): yuqori qirra pad-normal dan bir pogʻona (space-xs) yuqori. Sabab §2 da: quyuq lentaning oʻz poli 48 → 36 ga qaytarildi (brif §21: ajralish boʻlimni SEMIRTIRISH bilan emas, qoʻshni shift bilan beriladi), shu 8 px shu yerga koʻchdi. Ajralish 98 → 94 (brif §4 quyuq↔yorugʻ: 80–120). */ main section[data-blok="MAH-01"][data-blok]{ padding-block:calc(var(--pad-normal) + var(--space-xs)) var(--pad-normal); } /* MAH-TAB pastki qirrasi KENG: undan keyin sahifaning eng kuchli oʻtishi keladi — zich texnik registrdan editorial prozaga (132 px). */ main section[data-blok="MAH-TAB"][data-blok]{ padding-block:var(--pad-normal) var(--pad-keng); } /* --- B bobi: tushuntirish ----------------------------------------------- MAH-02 yuqori qirrasi KENG → MAH-TAB bilan birga 132 px: bu sahifadagi eng katta nafas, chunki bu yerda registr butunlay almashadi (jadval → proza). Pastki qirrasi IXCHAM: «bu moy nimaga moʻljallangan» va «xossalari» — bitta fikrning davomi, ular bir-biriga bogʻlanib turishi kerak (86 px). */ main section[data-blok="MAH-02"][data-blok]{ padding-block:var(--pad-keng) var(--pad-ixcham); } /* MAH-03 → MAH-07: eng TIGʻIZ ajralish (72 px). Sabab matnda: MAH-03 ning lidi «Aniq oʻlchov qiymatlari TDS varaqasida beriladi» deb tugaydi, MAH-07 esa oʻsha varaqaning oʻzi. Ikki boʻlim bitta jumlaning davomi — ular orasiga bob oʻtishi qoʻyilsa, bogʻ uziladi. */ main section[data-blok="MAH-03"][data-blok]{ padding-block:var(--pad-normal) var(--pad-ixcham); } /* KOʻRIK-2 (13.09): pastki qirra IXCHAM (36) emas, NORMAL (50). Oldin MAH-07 → MAH-04 ajralishi 112 px edi — u sahifaning uchta BOB oʻtishidan biri boʻla turib, oddiy «keng» oʻtishdan (MAH-05 → MAH-08, 116) KICHIK chiqardi: ierarxiya teskari oʻqilardi. Endi 50 + 76 = 126 (brif §1 va §6: muhim editorial oʻtish 120–144) va «keng» dan yuqorida turadi. MAH-07 ning YUQORI qirrasi ixcham qoladi — MAH-03 bilan bogʻi (72 px) ataylab tigʻiz, chunki MAH-03 ning lidi aynan shu hujjatga ishora qiladi. Boʻlim balandligi 293 → 307: baribir sahifadagi eng ingichka band, yaʼni brifning 5-bandi (kichik boʻlimni choʻzma) buzilmaydi. */ main section[data-blok="MAH-07"][data-blok]{ padding-block:var(--pad-ixcham) var(--pad-normal); } /* --- C bobi: ekspluatatsiya --------------------------------------------- MAH-07 (yupqa bogʻlovchi bob, 293 px) dan MAH-04 (quyuq, yangi bob) ga oʻtish BOB (112 px). Brifning 5-bandi aynan shu holat: kichik boʻlim choʻzilmaydi — undan KEYINGI ajralish kattalashadi. MAH-04 → MAH-05 normal (100): ikkalasi ham «bu moyni qanday ishlatasiz». */ main section[data-blok="MAH-04"][data-blok]{ padding-block:var(--pad-bob) var(--pad-normal); } /* MAH-05 pastki qirrasi KENG → MAH-08 bilan 116 px: ekspluatatsiyadan ishonch boʻlimiga oʻtish (yangi savol: «bu haqiqiy mahsulotmi?»). */ main section[data-blok="MAH-05"][data-blok]{ padding-block:var(--pad-normal) var(--pad-keng); } /* --- D → E: ishonchdan qarorga ------------------------------------------ MAH-08 → MAH-09 normal (86): originallikdan muqobilga — yangi gʻoya, lekin ikkalasi ham xarid qaroriga xizmat qiladi. */ main section[data-blok="MAH-08"][data-blok]{ padding-block:var(--pad-normal) var(--pad-normal); } /* MAH-09 → MAH-10 TIGʻIZ (72): «sizga mos kelmasa» va «tez-tez beriladigan savollar» — ikkalasi ham eʼtirozga javob, bitta guruh. */ main section[data-blok="MAH-09"][data-blok]{ padding-block:var(--pad-ixcham) var(--pad-ixcham); } /* MAH-10 → MAH-11 BOB (126): savoldan AMALGA oʻtish. Sahifaning yakuniy qarori shu yerda — konversiya boʻlimi oʻz nafasi bilan ochiladi. */ main section[data-blok="MAH-10"][data-blok]{ padding-block:var(--pad-ixcham) var(--pad-normal); } main section[data-blok="MAH-11"][data-blok]{ padding-block:var(--pad-bob) var(--pad-keng); } /* ========================================================================== §2 · MAH-00 — QUYUQ LENTANING POLI (brif §4) -------------------------------------------------------------------------- Lenta 274 px edi, artikul plitasi pastki qirradan atigi 28 px yuqorida turardi — quyuq band keyingi yorugʻ boʻlimga deyarli yopishgan (74 px). Nafasning yarmi lentaning OʻZ poliga, yarmi MAH-01 ning shiftiga berildi: ajralish 74 → 98, lenta 274 → 294 px (PDP heroi uchun 300 px chegarasi ichida qoladi, tizim.css §11). Slot kattalashtirilmadi (brif §17). KOʻRIK-2 (13.09) — brif §21 boʻyicha TUZATILDI. Yuqoridagi yechimda nafasning yarmi lentaning OʻZ balandligidan olingan edi (274 → 294), yaʼni ajralish rychagi sifatida boʻlim balandligi ishlatilgan. Brif bunga aniq qarshi: «Do NOT fix cramped sections by making the whole section huge … Always distinguish SECTION HEIGHT from SECTION SEPARATION». Endi pol 48 → 36 px (lenta 294 → 282, eski holatidan atigi +8 — quyuq bandning oʻz poli boʻlishi kompozitsion jihatdan kerak), yetishmagan qism esa MAH-01 ning SHIFTIGA berildi (§1). Ajralish 94 px — brif §4 ning quyuq → yorugʻ uchun soʻragan 80–120 oraligʻida, dastlabki 74 dan yuqori. ========================================================================== */ main section[data-blok="MAH-00"] .hs__ich{ padding-bottom:clamp(24px,2.6vw,36px); /* eski: clamp(20px,2.2vw,28px) */ } /* ========================================================================== §3 · ICHKI MUNOSABAT — SARLAVHA BLOKI (brif §2, §16) -------------------------------------------------------------------------- Oʻlchangan xato: `.bosh-qator` ichidagi `.bosh` ga ham, qobigʻiga ham margin-bottom 32 tushgan (boshliq4 §3 ikkalasini bir qoidada nomlaydi). Natija: MAH-TAB da sarlavhadan yorliq relsigacha 64 px, MAH-09 da esa sarlavhadan kontentgacha 88 px (32 + 32 + toʻr gapi 24) — brif 24–32 soʻraydi. Ikkalasida ham sarlavha oʻz kontentidan uzilib qolgan edi. ========================================================================== */ main [data-blok^="MAH"] .bosh-qator > .bosh{margin-bottom:0} /* MAH-09 da qobiqning ostida yana toʻr gapi (24) bor — shuning uchun bu yerda qobiq margini 8 ga tushadi: 8 + 24 = 32 (brif: shapka → kontent). */ main section[data-blok="MAH-09"] .bosh-qator{margin-bottom:var(--space-xs)} /* Xuddi shu xato MAH-04 va MAH-11 da: `z-mahsulot.css` bu ikki boʻlimda `.bosh{margin-bottom:0}` deb yozgan (chunki ustun toʻrining OʻZ gapi 24 px bor), lekin boshliq4 ning umumiy qoidasi bir pogʻona ogʻirroq boʻlgani uchun 32 px qaytib kelgan — natijada sarlavhadan kontentgacha 56 px. Toʻr gapi yagona manba boʻlib qoladi: 24 px (brif: 24–32). MAH-04 da bu chap (uzun) ustunda — boʻlim 866 → 834 px ga tushadi. KOʻRIK-2 (13.09): 0 emas, space-xs. Sof toʻr gapi (24) brif §2 ning «Description ↓ 28–40 ↓ CTA / content» talabidan past edi va sahifada ikki xil qoida hosil qilardi (qolgan toʻqqiz boʻlimda bu masofa 32). Endi 8 + 24 = 32 — MAH-09 dagi yechim bilan bir xil, sahifa boʻyicha yagona. MAH-11 da balandlikka taʼsir yoʻq (chap ustun oʻng paneldan past). */ main section[data-blok="MAH-04"] .bosh, main section[data-blok="MAH-11"] .bosh{margin-bottom:var(--space-xs)} /* ========================================================================== §3b · IKKI USTUNLI SHAPKA — YORLIQ → SARLAVHA (brif §2) [KOʻRIK-2, 13.09] -------------------------------------------------------------------------- OʻLCHANGAN XATO: MAH-08 va MAH-09 da yorliq → sarlavha 32 px edi, qolgan toʻqqiz boʻlimda 18 px. Brif §2 bu munosabat uchun 16–20 px beradi. SABAB (oʻlchov bilan): bu ikki boʻlimda `.bosh` — 7fr/5fr toʻr; yorliq 1-qatorda, H2 2-qatorda, LID esa 2-ustunda `grid-row:1/span 2` bilan turadi. Ikki qatorga choʻzilgan LID (90 px) yorliq+H2 dan (16+18+35=69) baland boʻlgani uchun CSS ortiqcha 27 px ni IKKALA qatorga teng boʻladi — yaʼni yorliqning tagiga ham 13 px qoʻshadi. `row-gap` ni kichraytirish yordam bermaydi: masofa (lid − yorliq − h2 + gap)/2 formulasi boʻyicha hisoblanadi, gap 0 boʻlganda ham 23 px chiqadi. YECHIM — ortiqcha boʻshliqni qatorlar orasida boʻlish oʻrniga BITTA moslashuvchan qatorga yigʻish: · MAH-08: `grid-template-rows:max-content 1fr` — 1-qator endi aniq yorliq balandligi, ortiqcha joy H2 ning OSTIDAGI qatorga tushadi. Blok balandligi oʻzgarmaydi (uni baribir LID belgilaydi). · MAH-09: LID uchinchi qatorni (havola) ham qamrab oladi — `1/span 3`. Endi chap ustun (16+18+35+34+26=129) LIDdan baland, choʻzilish umuman yoʻqoladi va blok 144 → 129 px ga tushadi. Natija: yorliq → sarlavha 18 px — sahifaning qolgan toʻqqiz boʻlimi bilan bir xil. MAH-03 ham shu naqshda (21 → 18). LID ning yuqori margini `z-mahsulot.css` da 1 px edi: ikki ustunli shapkada lid H2 ning tagida emas, YORLIQ bilan bitta optik qatorda boshlanadi. `boshliq4.css` §3 ning umumiy `.bosh > .lid{margin-top:6px}` qoidasi (u ustma-ust turgan sarlavha→tavsif munosabati uchun yozilgan) buni 5 px pastga surib, tik tekislashni buzgan — shu uch boʻlimda oʻz qiymati tiklanadi. ⚠ Faqat ≥901 px: undan past kenglikda `z-mahsulot.css` shapkani bitta ustunga yigʻadi (yorliq → sarlavha → lid ustma-ust) va u yerda choʻzilish muammosi yoʻq — mobil qiymatlar boshliq4 §6 dan keladi (14 px). ========================================================================== */ @media (min-width:901px){ main section[data-blok="MAH-08"] .bosh, main section[data-blok="MAH-03"] .bosh{grid-template-rows:max-content 1fr} main section[data-blok="MAH-09"] .bosh > .lid{grid-row:1/span 3} main section[data-blok="MAH-03"] .bosh > .lid, main section[data-blok="MAH-08"] .bosh > .lid, main section[data-blok="MAH-09"] .bosh > .lid{margin-top:1px} /* Havola endi choʻzilgan qatordan emas, oʻz margininidan masofa oladi: 18 + 16 = 34 px (brif §2: kontent → CTA 28–40). */ main section[data-blok="MAH-09"] .bosh > .ha{margin-top:var(--space-sm)} } /* ========================================================================== §3c · AMAL MATNGA YOPISHMAYDI (brif §2) [KOʻRIK-2, 13.09] -------------------------------------------------------------------------- Brif: «Do not let buttons sit directly against text», kontent → CTA 28–40. Oʻlchandi: · MAH-01 — sahifaning ENG asosiy CTA juftligi («Ulgurji narx soʻrash» + «TDS Pasporti») tavsif matnidan 22 px pastda turardi. Ustun gapi (20) + 8 = 30 px. Oʻng ustun (377) chap ustundan (527) past — boʻlim balandligiga taʼsiri YOʻQ. · MAH-11 — B2B blokida amal havolasi xatboshidan atigi 8 px pastda edi (xatboshining davomi boʻlib oʻqilardi), sarlavhadan esa 32 px. Yaʼni ierarxiya teskari. Endi: h4 → xatboshi 24 (brif §3: kichik sarlavha → kontent 24–32), xatboshi → havola 32 (brif §2). Chap ustun 464 → 488, oʻng panel 540 — boʻlim balandligi oʻzgarmaydi. ========================================================================== */ main section[data-blok="MAH-01"] .pdp-amal{margin-top:var(--space-xs)} main section[data-blok="MAH-11"] .mah-b2b > .tana-k{margin-top:var(--space-sm)} main section[data-blok="MAH-11"] .mah-b2b > .ha{margin-top:var(--space-md)} /* ========================================================================== §4 · TEXNIK REGISTR VA JADVAL QATORI (brif §3) -------------------------------------------------------------------------- «Uzun matn bitta zich devorga aylanmasin.» 15 qatorli spetsifikatsiya jadvalida qator oraligʻi 12 px edi — brifning 12–20 oraligʻining eng past chetida, koʻzga devor boʻlib koʻrinardi. 14 px ga koʻtarildi. Balandlikka taʼsiri YOʻQ: bu ustun (jadval 472 → 502) yonidagi ustundan (spetsifikatsiya + atamalar registri, 507) baribir past qoladi — boʻlim balandligini oʻng ustun belgilaydi. ========================================================================== */ .mah-tds th,.mah-tds td{padding-block:7px} .mah-tds thead th{padding-bottom:11px} /* Viskozitet yorligʻidagi oʻlchov nuqtalari registri — bandlar orasi 12 px pol qiymatida edi (brif: roʻyxat bandlari 12–20). */ .pdp-vis .reg__q{padding-block:14px} .pdp-vis .reg__q:first-child{padding-top:14px} /* ========================================================================== §5 · BOʻLIM ICHIDAGI NAFAS — faqat ustun ZAXIRASI boricha (brif §2, §18) -------------------------------------------------------------------------- Ikki ustunli boʻlimlarda balandlikni UZUN ustun belgilaydi; qisqa ustunga qoʻshilgan boʻshliq boʻlim balandligiga umuman qoʻshilmaydi. Shu zaxira ichida ichki munosabatlar brif oraligʻiga chiqarildi. ========================================================================== */ /* MAH-04 · uchta ogohlantirish xatboshisi orasi 32 px edi — toʻr gapi (16) va `main p + p` margini (16) ustma-ust tushgan. Brif §3 xatboshi→xatboshi uchun 16–24 beradi: 24 px (bandning yuqori cheti — bular uchta MUSTAQIL ogohlantirish, davomli proza emas). Oʻng ustun (669) chapdan (700) past — boʻlim balandligiga qoʻshilmaydi. */ main section[data-blok="MAH-04"] .mah-ogoh{gap:var(--space-sm) 0} main section[data-blok="MAH-04"] .mah-ogoh .eslatma + .eslatma{margin-top:var(--space-xs)} /* MAH-04 · chap ustunda «Mosligini tekshirish» havolasi roʻyxat qadamida (24 px) turardi — amal matnga yopishmasin (brif §2: kontent → CTA 28–40). */ main section[data-blok="MAH-04"] .mah-ogoh__ha{margin-top:var(--space-xs)} /* MAH-11 · chap ustun (472 px) oʻng paneldan (540 px) past. Uch mustaqil modul — sarlavha bloki · tanlangan artikul · B2B sharti — 16 px bilan ketma-ket turardi, yaʼni xatboshi qadami bilan. Modul qadami 24 px (brif §3: kichik sarlavha → kontent 24–32). Boʻlim balandligi oʻzgarmaydi. */ main section[data-blok="MAH-11"] .mah-sorov__chap{gap:var(--space-md)} /* ========================================================================== §6 · MOBIL (≤760) — brif §15: desktop qiymati KOʻPAYTIRILMAYDI -------------------------------------------------------------------------- Tierlar oʻzgarmaydi, faqat token qiymatlari kichrayadi (boshliq4 §6: ixcham 26 · normal 36 · keng 48 · bob 56). Natijadagi ajralish: 72 · 73 · 97 · 63 · 53 · 82 · 72 · 85 · 63 · 53 · 94 Brif: oddiy 48–72 · katta oʻtish 72–96. Ritm shakli desktopnikiga teng, miqyosi kichik. Sahifa uzunligi oshmadi: 17 398 → 17 383 px (−15). ========================================================================== */ @media (max-width:760px){ /* Lentaning poli mobilda ham tekshirildi: 20 → 36 px (ajralish 52 → 72). KOʻRIK-2: pol 36 → 28, yetishmagan 8 px MAH-01 ning shiftiga (§1 dagi calc mobil tokendan hisoblaydi: 36 + 8 = 44). Ajralish 28 + 44 = 72 px — mobilda oʻzgarmaydi (brif §15: 48–72), quyuq lenta esa 8 px ixchamlashadi. */ main section[data-blok="MAH-00"] .hs__ich{padding-bottom:28px} /* B2B moduli mobilda: 16 va 24 (brif §15 — ichki kontent 16–32, desktop qiymati koʻpaytirilmaydi). */ main section[data-blok="MAH-11"] .mah-b2b > .tana-k{margin-top:var(--space-xs)} main section[data-blok="MAH-11"] .mah-b2b > .ha{margin-top:var(--space-sm)} /* Mobilda ikki ustun bitta ustunga yigʻiladi — «zaxira» yoʻqoladi, shuning uchun §5 dagi qoʻshimchalar mobilda qaytariladi: har piksel koʻrinadi. */ main section[data-blok="MAH-11"] .mah-sorov__chap{gap:var(--space-sm)} main section[data-blok="MAH-04"] .mah-ogoh .eslatma + .eslatma{margin-top:4px} /* Jadval mobilda tik registrga aylanadi — qator ritmi u yerda oʻz qoidasidan keladi, bu yerda pol qiymat saqlanadi. */ .mah-tds th,.mah-tds td{padding-block:6px} .pdp-vis .reg__q{padding-block:12px} } /* ========================================================================== §N · NAZORATCHI KOʻRIGI (13.09) — sarlavha ↔ tavsif toʻqnashuvi Oʻlchandi: ixcham modullarda `h3 → p` oraligʻi 5–13 px edi (brif §2: «Do not let headings and descriptions visually collide»). Editorial 24–32 px bu yerda notoʻgʻri boʻlardi — bular karta/registr sarlavhalari, sarlavha va tavsif BITTA birlik. Shuning uchun pol 16 px: toʻqnashuv yoʻqoladi, modul shishmaydi. ========================================================================== */ main [data-blok="MAH-03"] .bp,main [data-blok="MAH-03"] .ich div:has(> h3 + p){row-gap:var(--space-sm)} main [data-blok="MAH-07"] .mah-huj__m{row-gap:var(--space-sm)} main [data-blok="MAH-05"] .mah-sarf__q{row-gap:var(--space-sm)} main [data-blok="MAH-08"] div:has(> h3 + p){row-gap:var(--space-sm)} main [data-blok="MAH-09"] .mah-solish__k{row-gap:var(--space-sm)}