/* ==========================================================================
   GRAUMANN · BOSH SAHIFA QATLAMI (g6-index) — 14.09
   qur.py `g6` dan keyin oʻzi ulaydi (faqat index.html).

   §1 · BOSH-02 · moy tanlash natijasi — LIQUI MOLY «Your vehicle →
        Recommended products» oqimi, S6 tilida: kartasiz shapka, uch plita
        (TAVSIYA · TALAB · KARTER+QADOQ), soyasiz, radius simmetrik.
   ========================================================================== */

/* natija paneli — CTA ostida, hairline bilan ajratilgan */
[data-blok="BOSH-02"] .tanlash-natija{
  margin-top:32px;padding-top:28px;border-top:1px solid #CFDBE8;
  display:grid;gap:22px;
}
[data-blok="BOSH-02"] .tanlash-natija[hidden],
[data-blok="BOSH-02"] .maydon__izoh[hidden]{display:none !important}
/* natija ochiq — «Mos moyni topish» tugmasi yashirinadi (natija allaqachon bor) */
[data-blok="BOSH-02"].tanlash--natija [data-topish="texnika"]{display:none}

/* shapka: «SIZNING TEXNIKANGIZ» + texnika nomi · oʻngda Oʻzgartirish */
.tn-bosh{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 24px;flex-wrap:wrap}
.tn-bosh .s6-yoz{margin-bottom:8px}
.tn-tex{
  margin:0;font-size:22px;font-weight:700;color:var(--navy);
  letter-spacing:-.02em;line-height:1.25;text-wrap:balance;
}
.tn-tex__dv{font-weight:400;color:var(--slate);font-size:16px;letter-spacing:0}
.tn-tex__dv::before{content:"· "}
.tn-ozgart{background:none;border:0;padding:0;cursor:pointer;font:inherit;margin-top:4px}

/* uch plita */
.tn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tn-k{
  background:var(--s6-canvas,#F2F6FB);border-radius:14px;padding:22px 24px;
  display:flex;flex-direction:column;gap:8px;min-width:0;
  box-shadow:none;border:0;
}
.tn-k--asosiy{background:var(--navy);color:#fff}
.tn-k__yoz{font-size:12px;font-weight:600;letter-spacing:0;color:var(--blue-400,#3A97E0)}
.tn-k--asosiy .tn-k__yoz{color:#76BFF8}
.tn-k__qiy{
  margin:0;font-size:20px;font-weight:700;color:var(--navy);
  letter-spacing:-.02em;line-height:1.25;text-wrap:balance;
}
.tn-k--asosiy .tn-k__qiy{color:#fff}
.tn-k__ost{margin:0;font-size:13.5px;line-height:1.5;color:var(--slate);text-wrap:pretty}
.tn-k--asosiy .tn-k__ost{color:rgba(255,255,255,.72)}

/* 0W-20 talab qilinganda: muqobil izohi */
.tn-muqobil{margin:0;font-size:14px;line-height:1.55;color:var(--slate);max-width:60em}

/* amallar: artikul tugmasi + matn-havolalar */
.tn-amal{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap}
.tn-amal .s6-ha{font-size:15px}

/* select ichidagi optgroup — brauzer standarti, faqat rangi */
[data-blok="BOSH-02"] .maydon select optgroup{color:var(--slate);font-weight:600}
[data-blok="BOSH-02"] .maydon select option{color:var(--navy);font-weight:400}

@media (max-width:1000px){
  .tn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tn-k--asosiy{grid-column:1/-1}
}
@media (max-width:640px){
  [data-blok="BOSH-02"] .tanlash-natija{margin-top:24px;padding-top:20px;gap:18px}
  .tn-grid{grid-template-columns:1fr;gap:12px}
  .tn-k{padding:18px 20px}
  .tn-tex{font-size:19px}
  .tn-tex__dv{display:block;font-size:14.5px;margin-top:4px}
  .tn-tex__dv::before{content:none}
  .tn-amal{gap:14px 20px}
  .tn-amal .btn{width:100%;justify-content:space-between}
}

/* 14.09 · BOSH-04 «Asosiy mahsulotlar»: kanistr renderlari (katalog bilan bir xil shaffof WebP) —
   plitasiz, oq karta ustida; spetsifikatsiya qatori endi haqiqiy qiymat bilan koʻrinadi */
.s6-mah__kadr--shaffof{background:none !important;border-radius:0 !important;aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important}
.s6-mah__kadr--shaffof img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block}
body:not([data-holat="qoralama"]) .s6-mah__spec{display:inline}
/* Otabek 14.09: kanistr karta ichida vertikal MARKAZDA tursin (yuqoriga yopishmasin) */
.s6-mah .s6-mah__kadr--shaffof{align-self:center !important}
/* kanistr HECH QAYERDA kesilmasin — g6.css §18 (≤1100: .s6-mah bitta ustun, kadr 220px) va ≤900
   (.s6-kadr[class*="s6-"]{aspect-ratio:16/10 !important}) qoidalarini (0,3,0) bilan bosamiz */
.s6-flag .s6-mah .s6-mah__kadr--shaffof{aspect-ratio:1/1 !important;height:auto !important;min-height:0 !important}
/* bitta ustunli holat (≤1100): kanistr 220 px, gorizontal markazda, matndan 14 px yuqorida */
@media (max-width:1100px){
  .s6-flag .s6-mah .s6-mah__kadr--shaffof{width:220px;max-width:220px;margin:0 auto 14px;justify-self:center}
}