/* ==========================================================================
   G5 · MOY TANLASH KOMPOZITSIYASI  (5-brif, 8 blok)
   Brif: «MOY TANLASH SAHIFASI — TANLAGICH USTUVOR»

   Sahifaning YAGONA vazifasi — tanlagich. Shuning uchun:
     · T-02 boʻlimi eng katta va yagona OQ PANELga joylashgan (canvas ustida),
       qolgan barcha boʻlimlar kartasiz — editorial registr va hairline;
     · qadam relsining raqamlari 40 px: foydalanuvchi qaysi qadamda turgani
       ekranning eng katta ikkinchi tipografik elementi;
     · TEXNIK BILIM (883 soʻz) yettita YOPIQ akkordeonga tushdi —
       koʻrinadigan matn 24 soʻz.

   Arxetip har blokda almashadi:
     T-01  toʻliq kenglikdagi foto hero        · QUYUQ (1/2)
     T-02  asbob (oq panel + qadam relsi)      · canvas
     TAN-03 vitrina (portret + registr)        · oq      [sehrgar ochadi]
     T-04  uch ustunli sabab                   · canvas  [natija bilan birga]
     T-05  split: matn 4 / forma paneli 8      · oq
     T-06  akkordeon registri (7 yopiq soʻrov) · canvas
     T-07  CTA tasmasi (biznes)                · QUYUQ (2/2)
     T-08  yakuniy harakat                     · canvas (oq `tasma` bilan
                                                  qoʻshilib ketmasligi uchun)

   Yuklanish tartibi: … → z-moy-tanlash → boshliq4 → r-moy-tanlash → g5 → BU FAYL.
   Ortga qaytarish: shu faylni oʻchirish + sahifalar/moy-tanlash.html ni tiklash.
   ========================================================================== */

/* ==========================================================================
   §0 · RITM — ajralish 104–180 px
   Eski qatlamlar `main section[data-blok="TAN-03"][data-blok]` (0-2-2) bilan
   yozilgan; g5 ning `main [data-blok].g5-b` (0-1-1) undan kuchsiz. Shuning
   uchun natija bloki uchun ataylab kuchliroq selektor.
   ⚠ Natija va sabab bloklari YOPIQ turganda ham ritm saqlanadi: T-02 pb (82)
   + T-05 pt (82) = 164 — ochiq holatdagi ajralish bilan bir xil.
   ========================================================================== */
main section[data-blok="TAN-03"][data-blok].g5-b{
  padding-top:var(--g5-p-keng);
  padding-bottom:var(--g5-p-keng);
}
/* hero → tanlagich: sahifaning eng muhim oʻtishi */
main .hs + [data-blok="T-02"].g5-b{padding-top:calc(var(--g5-p-bob) + 16px)}

/* Natija yopiq boʻlsa, uning maʼnoviy davomi (SABAB) ham yopiq:
   «Nega shu artikul tanlandi» natijasiz maʼnosiz. */
main [data-blok="TAN-03"][hidden] + [data-blok="T-04"]{display:none}

/* ==========================================================================
   §1 · SAHIFA BOʻYLAB — kichik primitivlar
   Eski `moy-tanlash.css` va `tan.css` bu sahifadan uzildi; ulardan faqat
   shu ikkita qoida kerak edi va ular shu yerda qayta yozildi.
   ========================================================================== */

/* shablon qiymati — JS toʻldirguncha turadigan joy */
.shab{color:var(--slate);font-weight:600;letter-spacing:0}
.shab::before{content:"["}
.shab::after{content:"]"}

/* holat qatorlari (yuklanish · forma javobi) ishlab chiqarishda koʻrinmaydi */
body:not([data-holat="qoralama"]) .tan-holat{display:none}
.tan-holat{display:flex;align-items:center;gap:9px;margin:0;
  font-size:var(--kichik);line-height:1.5;color:var(--slate)}
.tan-holat::before{content:"";width:7px;height:7px;flex:none;background:var(--aksent)}

/* ——— ISHLAB CHIQARISH DARVOZASI (`MIJOZDAN` tokenlari) ———
   g5.css tokenlarni `[data-blok^="T-"]` boʻyicha yashiradi — «TAN-03» unga
   tushmaydi, shuning uchun alohida qator. Jumla ICHIDAGI tokenni shunchaki
   yashirib boʻlmaydi («Javob ___ ichida keladi» sinadi), shuning uchun:
     · butun qatori tokenga bogʻliq boʻlsa — qator yashiriladi;
     · qatorning faqat OXIRGI jumlasi tokenga bogʻliq boʻlsa — `.tn-kut`
       spani yashiriladi va texnik fakt (masalan «GL-4 … GL-5 quyilmaydi»)
       ekranda qoladi. */
body:not([data-holat="qoralama"]) [data-blok="TAN-03"] .mijozdan{display:none}
body:not([data-holat="qoralama"]) .tn-kut{display:none}
body:not([data-holat="qoralama"]) .tn-jarayon__ost:has(.mijozdan),
body:not([data-holat="qoralama"]) .tn-savol__javob:has(.mijozdan),
body:not([data-holat="qoralama"]) .tn-tez:has(.mijozdan){display:none}

/* kichik registr yorligʻi — sayt boʻylab bitta shakl */
.tn-yoz{
  display:block;font-size:12px;line-height:1;font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate);
}

/* ==========================================================================
   §2 · T-01 · HERO
   ========================================================================== */
[data-blok="T-01"] .hs__matn{max-width:min(54ch,60%)}
[data-blok="T-01"] .hs__matn .lid{max-width:42ch}
/* quyuq kadr ustida aksent soʻz yorugʻroq boʻlishi kerak (AA) */
[data-blok="T-01"] h1 .urgu{color:#7CC0F2}
@media (max-width:900px){[data-blok="T-01"] .hs__matn{max-width:100%}}

/* ==========================================================================
   §3 · T-02 · TANLAGICH — sahifaning asosiy elementi
   ========================================================================== */
[data-blok="T-02"] .tn-bosh{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:var(--s5);margin-bottom:var(--s6);
}
/* `sehrgar.css` `[hidden]{display:none!important}` ni faqat `.szr` ichida
   beradi; natija xulosasi panel TASHQARISIDA turadi va `.szr__natija-xul`
   ning `display:flex` i UA qoidasidan kuchli — yashirin holatda ham
   aksent nuqtasi koʻrinib qolardi. */
[data-blok="T-02"] [hidden]{display:none !important}

/* /* ——— panel: bitta OQ sirt, BENTO KONTEYNER ——— */
.tn-asbob{
  background:#FFFFFF;border:1px solid #DCE5F0;border-radius:24px;
  padding:clamp(26px,3vw,44px);
  box-shadow:0 1px 3px rgba(0,0,0,0.02);
}

/* tablar */
.tn-tablar{border-bottom:1px solid var(--g5-chiziq);margin-bottom:0}
.tn-tablar .tab{padding:0 24px 16px;font-size:15px}
.tn-tablar .tab:first-child{padding-left:0}
.tn-tab{padding-top:clamp(26px,2.8vw,38px)}

/* ——— qadam relsi ——— */
.tn-rels{
  border-top:1px solid var(--g5-chiziq);
  border-bottom:1px solid var(--g5-chiziq);
  margin-bottom:clamp(28px,3vw,42px);
}
.tn-rels .szr-rels{border-right:1px solid var(--g5-chiziq-ich)}
.tn-rels .szr-rels:last-child{border-right:0}
.tn-rels .szr-rels__t{
  align-items:center;gap:clamp(14px,1.4vw,20px);
  padding:clamp(16px,1.7vw,22px) clamp(14px,1.6vw,24px);
}
.tn-rels .szr-rels:first-child .szr-rels__t{padding-left:0}
.tn-rels .szr-rels__n{
  font-size:clamp(28px,2.8vw,40px);line-height:1;font-weight:700;
  letter-spacing:var(--tracking-zich);padding-top:0;
  font-variant-numeric:tabular-nums;color:#7A8B9E;
}

.tn-qadam__bosh{display:grid;row-gap:10px}
.szr-savol{
  margin:0;font-size:clamp(22px,2vw,28px);line-height:1.1;font-weight:700;
  letter-spacing:var(--tracking-zich);color:var(--navy);
}
.tn-qadam .szr-izoh{max-width:var(--g5-olcham-tana);font-size:var(--kichik)}
.tn-qadam__ost{color:var(--slate)}

/* toifa plitalari — 4 TA TOZA BENTO KARTA */
.tn-toifa{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
  border:0;margin:20px 0 24px 0;
}
.tn-toifa .szr-plita{
  display:flex;flex-direction:column;align-items:flex-start;
  min-height:130px;padding:22px;background:#FFFFFF;
  border:1.5px solid #DCE5F0;border-radius:16px;cursor:pointer;
  transition:all .22s ease;box-sizing:border-box;
}
.tn-toifa .szr-plita:first-child{padding-left:22px}
.tn-toifa .szr-plita:hover{
  border-color:#0B63A8;background:#F4F8FC;transform:translateY(-2px);
}
.tn-toifa .szr-plita.tanlangan{
  background:#EAF4FD;border-color:#0B63A8;
}
.tn-toifa .szr-plita .ik{
  width:32px;height:32px;padding:6px;background:#EAF4FD;color:#0B63A8;
  border-radius:8px;margin-bottom:12px;flex:none;
}
.tn-toifa .szr-plita.tanlangan .ik{
  background:#0B63A8;color:#FFFFFF;
}
.szr-plita__nom{
  font-size:17px;font-weight:700;color:#01244C;margin-bottom:6px;
}
.szr-plita__ost{
  font-size:13px;line-height:1.45;color:#64748B;
}
@media (max-width:1024px){
  .tn-toifa{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .tn-toifa{grid-template-columns:minmax(0,1fr)}
}

/* maydonlar */
.tn-maydonlar{gap:clamp(16px,1.8vw,24px)}
.tn-juft legend{padding-bottom:14px}
.tn-amal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5) var(--s8)}
.tn-belgi{max-width:var(--g5-olcham-tana)}
.tn-belgi > span:first-child{font-size:var(--kichik)}

/* ——— panel ostidagi qator ——— */
.tn-asbob__ost{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:start;column-gap:var(--s10);
  margin-top:clamp(26px,2.8vw,38px);padding-top:var(--s5);
  border-top:1px solid var(--g5-chiziq-ich);
}
.tn-yordam{display:grid;row-gap:10px;justify-items:start}

/* ——— TDS qatori · akkordeon · JARAYON relsi (panel TASHQARISIDA) ——— */
.tn-tds{
  margin:clamp(22px,2.4vw,32px) 0 0;max-width:var(--g5-olcham-tana);
  font-size:var(--kichik);line-height:1.55;color:var(--slate);
}
.tn-akk{margin-top:clamp(22px,2.4vw,32px);border-top-color:var(--g5-chiziq)}
.tn-akk > details{border-bottom-color:var(--g5-chiziq)}
.tn-akk > details > summary{font-size:var(--h4)}

/* deka: «Panel ostida JARAYON 3 BENTO KARTA» */
.tn-jarayon{margin-top:clamp(48px,5vw,80px)}
.tn-jarayon__rels{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
  margin:20px 0 0 0;padding:0;border:none;
}
.tn-jarayon__rels > li{
  list-style:none;background:#FFFFFF;border:1px solid #DCE5F0;border-radius:18px;
  padding:24px;display:flex;flex-direction:column;align-items:flex-start;
  transition:transform .22s ease,border-color .22s ease;
}
.tn-jarayon__rels > li:hover{border-color:#0B63A8;transform:translateY(-2px)}
.tn-jarayon__rels .g5-qadam__n{
  font-family:'JetBrains Mono',monospace,sans-serif;font-size:13px;font-weight:700;
  color:#0B63A8;background:#E9F3FC;padding:3px 8px;border-radius:4px;margin-bottom:12px;
}
.tn-jarayon__rels h3{margin:0 0 8px 0;font-size:18px;font-weight:700;color:#01244C}
.tn-jarayon__rels p{margin:0;font-size:14px;line-height:1.55;color:#475569}
.tn-jarayon__ost{
  margin:var(--s6) 0 0;padding-top:var(--s4);
  border-top:1px solid var(--g5-chiziq-ich);color:var(--slate);
}
@media (max-width:900px){
  .tn-jarayon__rels{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:900px){
  .tn-asbob__ost{grid-template-columns:minmax(0,1fr);row-gap:var(--s5)}
}
@media (max-width:760px){
  .tn-asbob{padding:20px 18px 24px;border-radius:var(--r-kontrol)}
  .tn-tablar .tab{padding:0 14px 13px;font-size:14px}
  .tn-rels .szr-rels__t{flex-direction:row;align-items:center;gap:10px;padding:14px 10px}
  .tn-rels .szr-rels__n{font-size:20px}
  .tn-toifa .szr-plita{padding-left:0;padding-right:0}
}

/* ==========================================================================
   §4 · TAN-03 · NATIJA — vitrina: portret + kartasiz registr
   ========================================================================== */
.tn-nat{display:grid;row-gap:clamp(30px,3.2vw,44px)}
.tn-nat__bosh{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:start;column-gap:var(--s10);
}
.tn-nat__bosh .g5-shapka{margin-bottom:0;row-gap:14px}
.tn-nat__xul{margin:0;font-size:var(--kichik);line-height:1.5;color:var(--slate)}
.tn-nat__holat{display:grid;row-gap:8px;justify-items:end;text-align:right}
.tn-nat__holat .tan-nat__son{
  margin:0;font-size:var(--kichik);font-weight:600;color:var(--navy);
}

/* ——— tavsiya: chapda 1:1 portret, oʻngda maʼlumot ustuni ——— */
.tn-tavsiya{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  column-gap:clamp(32px,4.4vw,72px);align-items:start;
  border-top:1px solid var(--g5-chiziq);padding-top:clamp(24px,2.6vw,36px);
}
/* Kadr foni ham, boʻlim sirti ham oq — portret «suzadi», quti chizilmaydi
   (bosh sahifadagi G-04 bilan bitta qaror). */
.tn-tavsiya__kadr{border-radius:0;background:none}
.tn-tavsiya__m{display:grid;row-gap:clamp(22px,2.4vw,32px)}
.tn-tavsiya__nom{display:grid;row-gap:12px;justify-items:start}
.tn-tavsiya__nom h3{
  margin:0;font-size:var(--h3);line-height:1.14;font-weight:700;
  letter-spacing:var(--tracking-zich);color:var(--navy);
}
.tn-tavsiya__yon{margin:0;font-size:var(--kichik);color:var(--slate)}
.tn-tavsiya__amal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);margin-top:6px}

/* ——— texnik registr ——— */
.tn-reg{margin:0;display:grid;border-top:1px solid var(--g5-chiziq-ich)}
.tn-reg__q{
  display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);
  column-gap:var(--s6);padding-block:clamp(14px,1.5vw,20px);
  border-bottom:1px solid var(--g5-chiziq-ich);
}
.tn-reg dt{
  font-size:12px;line-height:1.4;font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate);
}
.tn-reg dd{margin:0;display:grid;row-gap:8px}
.tn-reg__qiy{
  margin:0;font-size:var(--tana);line-height:1.45;color:var(--ink);
}
.tn-reg__qiy strong{color:var(--navy);font-weight:700;letter-spacing:var(--tracking-zich)}
.tn-reg .mayda{margin:0;max-width:var(--g5-olcham-tana)}

/* qadoq chiplari — tasdiqlanmagani oʻchiq */
.chip.tn-chip--ochiq{background:var(--g5-canvas);color:var(--slate);border-color:transparent}
.chip.tn-chip--ochiq:hover{border-color:var(--g5-chiziq)}

/* ——— ost bandlar: suyuqliklar · muqobillar ——— */
.tn-band{border-top:1px solid var(--g5-chiziq);padding-top:clamp(24px,2.6vw,36px)}
.tn-band__bosh{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  column-gap:clamp(32px,4.4vw,72px);align-items:baseline;
  margin-bottom:clamp(18px,2vw,26px);
}
.tn-band__bosh h3{
  margin:0;font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy);
}
.tn-band__bosh .mayda{margin:0;max-width:var(--g5-olcham-tana)}

.tn-suyuq{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;padding:0;list-style:none;border-top:1px solid var(--g5-chiziq-ich);
}
.tn-suyuq > li{
  display:grid;row-gap:10px;align-content:start;
  padding:clamp(16px,1.8vw,24px) clamp(20px,2.2vw,32px) 0 0;
  border-right:1px solid var(--g5-chiziq-ich);
}
.tn-suyuq > li:last-child{border-right:0;padding-right:0;padding-left:clamp(20px,2.2vw,32px)}
.tn-suyuq .mayda{margin:0;max-width:var(--g5-olcham-tana)}

.tn-nat__cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5) var(--s6);
  border-top:1px solid var(--g5-chiziq);padding-top:clamp(22px,2.4vw,32px);
}
.tn-nat__cta-izoh{flex:1 1 100%;margin:0;max-width:var(--g5-olcham-tana)}

.tn-muq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,3.4vw,56px);border-top:1px solid var(--g5-chiziq-ich)}
.tn-muq__q{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  column-gap:var(--s6);align-items:start;padding-top:clamp(18px,2vw,26px);
}
.tn-muq__kadr{border-radius:0;background:none}
.tn-muq__m{display:grid;row-gap:10px;justify-items:start}
.tn-muq__m h4{margin:0;font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy)}
.tn-muq__m .mayda{margin:0;max-width:var(--g5-olcham-tana)}
.tn-muq__q:last-child{grid-template-columns:minmax(0,1fr)}

.tn-nat__jav{border-top:1px solid var(--g5-chiziq-ich);padding-top:var(--s5)}

/* ——— «bazada yoʻq» holati ——— */
.tn-yoq{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  column-gap:clamp(32px,5vw,88px);align-items:start;
  margin-top:clamp(34px,3.6vw,52px);padding-top:clamp(28px,3vw,40px);
  border-top:1px solid var(--g5-chiziq);
}
.tn-yoq__chap{display:grid;row-gap:14px;justify-items:start}
.tn-yoq__chap h3{margin:0;font-size:var(--h3);line-height:1.16;font-weight:700;color:var(--navy)}
.tn-yoq__chap p{margin:0;font-size:var(--kichik);line-height:1.55;color:var(--slate)}
.tn-yoq__ong{display:grid;row-gap:var(--s5)}
.tn-yoq__forma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:end}
.tn-yoq__forma .btn{grid-column:1/-1;justify-self:start}

@media (max-width:1024px){
  .tn-tavsiya,.tn-band__bosh{grid-template-columns:minmax(0,1fr);row-gap:var(--s8)}
  .tn-tavsiya__kadr{max-width:300px}
  .tn-muq{grid-template-columns:minmax(0,1fr);row-gap:var(--s6)}
}
@media (max-width:900px){
  .tn-nat__bosh{grid-template-columns:minmax(0,1fr);row-gap:var(--s5)}
  .tn-nat__holat{justify-items:start;text-align:left}
  .tn-suyuq{grid-template-columns:minmax(0,1fr)}
  .tn-suyuq > li{border-right:0;padding-right:0}
  .tn-suyuq > li:last-child{padding-left:0;padding-top:var(--s5);border-top:1px solid var(--g5-chiziq-ich)}
  .tn-yoq{grid-template-columns:minmax(0,1fr);row-gap:var(--s8)}
}
@media (max-width:640px){
  .tn-reg__q{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .tn-muq__q{grid-template-columns:minmax(0,1fr);row-gap:var(--s5)}
  .tn-muq__kadr{max-width:220px}
  .tn-yoq__forma{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   §5 · T-04 · NEGA SHU ARTIKUL — uch ustun, xatboshisiz
   ========================================================================== */
.tn-sabab{margin:0;padding:0}
.tn-sabab p{max-width:30ch}

/* ==========================================================================
   §6 · T-05 · MUTAXASSIS YORDAMI — split 4/8
   ========================================================================== */
.tn-savol{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:24px;align-items:stretch;
}
.tn-savol__chap{
  display:grid;row-gap:var(--s6);align-content:start;
  background:#FFFFFF;border:1px solid #DCE5F0;border-radius:20px;
  padding:clamp(26px,2.8vw,40px);
}
.tn-savol__chap .g5-shapka{margin-bottom:0}
.tn-savol__javob{
  margin:0;font-size:var(--kichik);line-height:1.55;color:var(--ink);
  border-left:3px solid #0B63A8;padding-left:var(--s5);
}
.tn-tez{display:grid;row-gap:10px}
.tn-tez ul{margin:0;padding:0;list-style:none;display:grid;row-gap:8px}
.tn-tez li{display:flex;align-items:center;gap:10px;font-size:var(--kichik);color:var(--ink)}
.tn-tez .ik{width:16px;height:16px;color:var(--aksent-mayda);flex:none}

/* forma paneli — BENTO KONSOL */
.tn-panel{
  background:#FFFFFF;border:1px solid #DCE5F0;border-radius:20px;
  padding:clamp(26px,2.8vw,40px);box-shadow:0 1px 3px rgba(0,0,0,0.02);
}
.tn-panel .maydon input,.tn-panel .maydon select,.tn-panel .maydon textarea{
  background-color:#F8FAFC;border:1px solid #DCE5F0;border-radius:8px;
  padding:10px 14px;
}
.tn-panel .maydon input:focus,.tn-panel .maydon select:focus,.tn-panel .maydon textarea:focus{
  background-color:#FFFFFF;border-color:#0B63A8;outline:none;
}
.tn-panel .panel__ost{border-top-color:#DCE5F0}
.tn-forma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.tn-forma .keng{grid-column:1/-1}

@media (max-width:1024px){
  .tn-savol{grid-template-columns:minmax(0,1fr);row-gap:var(--s8)}
}
@media (max-width:640px){
  .tn-forma{grid-template-columns:minmax(0,1fr)}
  .tn-panel{padding:22px 18px;border-radius:var(--r-kontrol)}
}

/* ==========================================================================
   §7 · T-06 · TEXNIK BILIM — BENTO ACCORDIONS
   ========================================================================== */
.tn-bilim{display:grid;row-gap:var(--s6)}
.tn-bilim__yoz{margin-top:var(--s6)}
.tn-bilim__yoz:first-child{margin-top:0}
.tn-bilim__akk{
  display:flex;flex-direction:column;gap:12px;border:none;
}
.tn-bilim__akk > details{
  background:#FFFFFF;border:1px solid #DCE5F0;border-radius:16px;
  overflow:hidden;transition:border-color .2s ease;
}
.tn-bilim__akk > details:hover{border-color:#0B63A8}
.tn-bilim__akk > details > summary{
  font-size:clamp(17px,1.4vw,20px);padding:20px 24px;font-weight:700;
  color:#01244C;cursor:pointer;
}
.tn-bilim__akk > details[open] > summary{
  border-bottom:1px solid #DCE5F0;
}
/* akkordeon ichi kengroq: ichida split va registr bor */
.tn-akk__ich{
  max-width:none;padding:24px;background:#F8FAFC;display:grid;row-gap:var(--s6);
}
.tn-akk__ich > p{max-width:var(--g5-olcham-tana)}
.tn-akk__ich > p + p{margin-top:0}
.tn-akk__ich > .ha{justify-self:start}
.tn-akk__ich > .javobgarlik{max-width:var(--g5-olcham-tana)}
.tn-akk__qisqa{font-weight:600;color:var(--navy)}

/* ——— SAE displeyi: 3:2 etiketka kadri + uch qismning registri ——— */
.tn-sae{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  column-gap:clamp(28px,3.6vw,56px);align-items:start;
}
.tn-sae__kadr{background:var(--g5-canvas-2);border-radius:14px;overflow:hidden}
.tn-sae__reg{margin:0;display:grid;border-top:1px solid var(--g5-chiziq)}
.tn-sae__reg > div{padding-block:var(--s5);border-bottom:1px solid var(--g5-chiziq-ich)}
.tn-sae__reg dt{
  display:flex;align-items:center;gap:16px;
  font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy);
}
.tn-sae__x{
  flex:none;width:clamp(42px,3.4vw,54px);
  font-size:clamp(24px,2.2vw,32px);line-height:1;font-weight:700;
  letter-spacing:var(--tracking-zich);color:var(--aksent-mayda);
  font-variant-numeric:tabular-nums;
}
.tn-sae__reg dd{
  margin:8px 0 0;padding-left:calc(clamp(42px,3.4vw,54px) + 16px);
  font-size:var(--kichik);line-height:1.55;color:var(--slate);
}

/* ——— sovuq start taqqoslashi ———
   Rels matn oʻlchoviga bogʻlanadi: butun kenglikka choʻzilgan 10 px band
   grafik emas, AJRATUVCHI CHIZIQ boʻlib oʻqilardi. */
.tn-taq{border-top:1px solid var(--g5-chiziq);padding-top:var(--s6);display:grid;row-gap:var(--s4);
  max-width:min(100%,760px)}
.tn-taq h4{margin:0;font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy)}
.tn-taq__q{display:grid;row-gap:8px}
.tn-taq__n{
  margin:0;font-size:var(--kichik);font-weight:600;color:var(--navy);
  font-variant-numeric:tabular-nums;
}
.tn-taq__rels{display:block;height:10px;background:var(--g5-chiziq-ich);border-radius:2px;overflow:hidden}
.tn-taq__tola{display:block;height:100%;background:var(--aksent);border-radius:2px}
.tn-taq__tola--ikki{background:var(--navy)}
.tn-taq > p{max-width:var(--g5-olcham-tana)}

/* ——— standart taʼriflari (ACEA · API · ILSAC · OEM · qoidalar) ——— */
.tn-std{margin:0;display:grid;border-top:1px solid var(--g5-chiziq);max-width:min(100%,880px)}
.tn-std > div{padding-block:var(--s5);border-bottom:1px solid var(--g5-chiziq-ich)}
.tn-std dt{font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy)}
.tn-std dd{margin:8px 0 0;font-size:var(--kichik);line-height:1.6;color:var(--slate);max-width:var(--g5-olcham-tana)}
.tn-std b{color:var(--navy)}

/* ——— notoʻgʻri tanlovning oltita oqibati ——— */
.tn-oqibat{
  counter-reset:oq;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,3.6vw,56px);margin:0;padding:0;list-style:none;
  border-top:1px solid var(--g5-chiziq);
}
.tn-oqibat > li{
  counter-increment:oq;padding-block:var(--s5);
  border-bottom:1px solid var(--g5-chiziq-ich);
}
.tn-oqibat > li::before{
  content:counter(oq,decimal-leading-zero);
  display:block;margin-bottom:8px;
  font-size:13px;font-weight:600;color:var(--aksent-mayda);
  letter-spacing:var(--tracking-caps);font-variant-numeric:tabular-nums;
}
.tn-oqibat h4{margin:0 0 8px;font-size:var(--h4);line-height:1.25;font-weight:700;color:var(--navy)}
.tn-oqibat p{margin:0;font-size:var(--kichik);line-height:1.6;color:var(--slate)}

.tn-bilim__amal{margin-top:clamp(30px,3.2vw,44px)}

@media (max-width:900px){
  .tn-sae{grid-template-columns:minmax(0,1fr);row-gap:var(--s6)}
  .tn-oqibat{grid-template-columns:minmax(0,1fr)}
}

/* ==========================================================================
   §8 · T-07 · ULGURJI (quyuq)
   ========================================================================== */
.tn-ulg{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  column-gap:clamp(32px,5vw,88px);align-items:start;
}
.tn-ulg__chap{display:grid;row-gap:var(--s8);align-content:start}
.tn-ulg__chap .g5-shapka{margin-bottom:0}
.tn-ulg__amal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6)}
.tn-ulg__amal .mayda{margin:0;color:rgba(255,255,255,.66)}
.tn-ulg__reg{margin:0;padding:0}
.tn-ulg__reg h3{margin:0 0 6px;font-size:var(--h4);line-height:1.25;font-weight:700;color:#fff}
.tn-ulg__reg p{margin:0;font-size:var(--kichik);line-height:1.55;color:rgba(255,255,255,.76);max-width:44ch}
.tn-ulg__reg .g5-qator__n{color:#8FC4EE}
[data-blok="T-07"] .g5-reg{border-top-color:var(--g5-chiziq-quyuq)}
[data-blok="T-07"] .g5-reg > li{border-bottom-color:var(--g5-chiziq-quyuq)}
[data-blok="T-07"] .g5-reg > li:last-child{border-bottom:0}

@media (max-width:1024px){
  .tn-ulg{grid-template-columns:minmax(0,1fr);row-gap:var(--s10)}
}
@media (max-width:640px){
  /* 44 px li raqam ustuni sarlavhani siqib qoʻyardi (390 px da oʻlchandi) */
  .tn-ulg__reg .g5-qator{grid-template-columns:28px minmax(0,1fr);column-gap:var(--s4)}
}

/* ==========================================================================
   §9 · T-08 · YAKUNIY CTA
   ========================================================================== */
.tn-yakun{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:start;column-gap:var(--s12);
}
.tn-yakun h2{
  margin:0;font-size:var(--g5-h-a);line-height:1.04;font-weight:700;
  letter-spacing:var(--tracking-zich);color:var(--navy);max-width:14ch;
}
.tn-yakun__amal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s6);padding-top:6px}

@media (max-width:900px){
  .tn-yakun{grid-template-columns:minmax(0,1fr);row-gap:var(--s8)}
}

/* ==========================================================================
   §10 · SOYA YOʻQ — sahifa boʻylab
   ========================================================================== */
[data-blok^="T-"] *,[data-blok^="TAN-"] *{box-shadow:none !important}


/* ⚠ NAZORATCHI (13.09): sahifada shkaladan tashqari ikki kegl bor edi —
   qadam sarlavhalari 32 px va yakuniy CTA 32 px. `g5.css` §4 selektori
   kuchaytirilgandan keyin butun sayt A 52 · B 40 · C 30 shkalasida ishlaydi;
   bu ikkisi ham shunga keltirildi (yakuniy CTA — bob ochuvchi A). */
main [data-blok^="T-"] .tn-qadam__bosh h2{font-size:var(--g5-h-c);line-height:1.12}
main [data-blok^="T-"] .tn-yakun h2{font-size:var(--g5-h-a);line-height:1.04}