/* ==========================================================================
   BLOKLAR — BOSH-01 … BOSH-13
   Arxetiplar almashib turadi: qoʻshni ikki blok bir xil koʻrinmaydi.
   ========================================================================== */

/* ==========================================================================
   BOSH-01 · HERO — Manufact karkasi:
   chap: katta H1 · oʻng: yorliq + lid + CTA · past: meta qator · ost: 21:9 kadr
   ========================================================================== */
.hero{padding-top:clamp(56px,6vw,96px);padding-bottom:0;background:var(--canvas)}
.hero__grid{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(32px,4.6vw,80px);align-items:start;
}
.hero__chap{display:grid;gap:var(--s6);align-content:start}
.hero h1{max-width:12em}
.hero__ong{display:grid;gap:var(--s6);align-content:start;padding-top:6px}
.hero__ong .lid{max-width:46ch}
.hero__tugmalar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}

.hero__meta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s6);margin-top:clamp(40px,4.6vw,72px);
  padding-block:var(--s5);border-top:1px solid var(--chiziq);
}
.hero__meta li{
  display:flex;align-items:center;gap:10px;
  font-size:var(--mayda);line-height:1.4;font-weight:600;
  letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--navy);
}
.hero__meta li::before{content:"";width:6px;height:6px;background:var(--aksent);flex:none}
.hero__meta li:nth-child(2){justify-content:center}
.hero__meta li:nth-child(3){justify-content:flex-end}

/* toʻliq ekran kengligidagi kadr — sahifadagi yagona bunday element */
.hero__kadr{width:100%;margin-top:0;border-radius:0;border-inline:0;border-bottom:0;
  aspect-ratio:21/9;min-height:260px}

/* ==========================================================================
   BOSH-02 · MOY TANLASH PANELI
   ========================================================================== */
.tanlash{background:var(--oq)}
.tanlash .panel{background:var(--oq);border-color:var(--chiziq)}
.tanlash__bosh{display:flex;align-items:flex-start;justify-content:space-between;
  gap:var(--s8);flex-wrap:wrap;margin-bottom:var(--s8)}
.tanlash__bosh h2{font-size:var(--h2-kichik);max-width:22ch}
.tab-ich{padding-top:var(--s8)}
.tanlash .plitalar{margin-bottom:var(--s8)}
.tanlash .maydonlar{margin-bottom:var(--s8)}
.qadam-yoz{font-size:var(--kichik);font-weight:600;color:var(--navy);
  margin-bottom:var(--s4)}

/* ==========================================================================
   BOSH-03 · ASSORTIMENT — Manufact «xizmatlar registri»: kartasiz qatorlar
   ========================================================================== */
.xizmat{display:grid}
.xizmat__q{
  display:grid;
  grid-template-columns:236px minmax(0,1fr) minmax(0,1.25fr) 44px;
  gap:clamp(20px,2.6vw,44px);align-items:start;
  padding-block:clamp(22px,2.4vw,34px);
  border-top:1px solid var(--chiziq);
  transition:background var(--anim) var(--ease);
}
.xizmat__q:last-child{border-bottom:1px solid var(--chiziq)}
.xizmat__q:hover{background:rgba(255,255,255,.6)}
.bolim--yuza .xizmat__q:hover{background:rgba(255,255,255,.75)}
.xizmat__media{aspect-ratio:16/10;min-height:0}
.xizmat__nom{display:grid;gap:10px;align-content:start;padding-top:2px}
.xizmat__nom h3{max-width:18ch}
.xizmat__m{display:grid;gap:var(--s4);align-content:start;padding-top:2px}
.xizmat__oq{justify-self:end;margin-top:2px}

/* ==========================================================================
   BOSH-04 · ASOSIY MAHSULOTLAR — ikki ustun, oʻrtada tik chiziq
   ========================================================================== */
.mahsulot{position:relative;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,6vw,104px)}
/* ajratuvchi chiziq ustunlarni torraytirmasin — bo'shliq oʻrtasida turadi */
.mahsulot::before{content:"";position:absolute;top:0;bottom:0;left:50%;
  width:1px;background:var(--chiziq)}
.mahsulot__k{display:grid;gap:var(--s5);align-content:start}
.mahsulot__media{aspect-ratio:1/1;max-height:300px;min-height:0}
.mahsulot__bosh{display:grid;gap:10px}
.mahsulot__spek{display:grid;gap:6px;padding-top:var(--s4);
  border-top:1px solid var(--chiziq-ichki)}

/* ==========================================================================
   BOSH-05 · SOLISHTIRISH
   ========================================================================== */
.solish__vaqt{
  display:grid;gap:var(--s4);margin-top:var(--s8);
  padding-top:var(--s6);border-top:1px solid var(--chiziq);
}
.vaqt-oq{display:grid;gap:var(--s5)}
.vaqt-q{display:grid;grid-template-columns:86px minmax(0,1fr) 74px;
  gap:var(--s4);align-items:center}
.vaqt-q__n{font-size:var(--kichik);font-weight:700;color:var(--navy)}
.vaqt-q__rels{height:8px;background:var(--blue-50);border-radius:2px;position:relative}
.vaqt-q__tola{position:absolute;inset:0 auto 0 0;background:var(--aksent);
  border-radius:2px}
.vaqt-q:nth-child(2) .vaqt-q__tola{background:var(--navy)}
.vaqt-q__s{font-size:var(--kichik);font-weight:700;color:var(--navy);
  text-align:right;font-variant-numeric:tabular-nums}

/* ==========================================================================
   BOSH-06 · MOY BESHTA ISH — texnik toʻr
   ========================================================================== */
.ish{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--chiziq)}
.ish__q{
  display:grid;gap:12px;align-content:start;
  padding:clamp(22px,2.4vw,32px) clamp(20px,2.2vw,32px);
  border-right:1px solid var(--chiziq-ichki);
  border-bottom:1px solid var(--chiziq-ichki);
}
.ish__q:nth-child(3n){border-right:0}
.ish__q:nth-child(-n+3){border-top:0}
.ish__n{font-size:var(--mayda);font-weight:700;color:var(--aksent-mayda);
  letter-spacing:var(--tracking-caps)}
.ish__q h3{font-size:20px}
.ish__q:first-child{padding-left:0}
.ish__q:nth-child(3n+1){padding-left:0}

/* ==========================================================================
   BOSH-07 · QUYUQ LANGAR — motor kichraydi + «550 °C»
   ========================================================================== */
.yuk{background:var(--navy)}
.yuk__raqam{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(28px,4vw,72px);align-items:start;
  margin-top:clamp(40px,4.6vw,72px);padding-top:clamp(28px,3vw,48px);
  border-top:1px solid var(--chiziq-quyuq);
}
.yuk__raqam .raqam__k{white-space:nowrap}
.yuk__raqam p{max-width:56ch}

/* ==========================================================================
   BOSH-08 · XIZMAT MUDDATI
   ========================================================================== */
.muddat__raqam{display:grid;gap:var(--s3);margin-top:var(--s6);
  padding-block:var(--s6);border-block:1px solid var(--chiziq)}
.muddat__raqam .raqam__o{white-space:nowrap}

/* ==========================================================================
   BOSH-09 · ORIGINALLIK
   ========================================================================== */
.himoya{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.himoya__k{display:grid;gap:var(--s4);align-content:start}
.himoya__media{aspect-ratio:1/1;min-height:0}

/* ==========================================================================
   BOSH-10 · QADOQ SHKALASI — bitta tayanch chizigʻida haqiqiy nisbatlar
   ========================================================================== */
.qadoq{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(16px,2.2vw,36px);align-items:start;
  padding-bottom:var(--s6);
}
.qadoq__tayanch{height:1px;background:var(--chiziq);margin-bottom:var(--s6)}
.qadoq__k{display:grid;grid-template-rows:230px auto;gap:12px;align-content:start}
.qadoq__sil-uy{display:grid;align-items:end;height:100%}
.qadoq__sil{
  width:100%;max-width:104px;
  background:linear-gradient(180deg,var(--blue-50),#D4E3F3);
  border:1px solid var(--chiziq);border-radius:4px 4px 2px 2px;
  position:relative;
}
.qadoq__sil::before{
  content:"";position:absolute;left:18%;top:-9px;width:26%;height:10px;
  background:var(--navy);border-radius:2px 2px 0 0;
}
.qadoq__h{font-size:clamp(20px,2vw,28px);font-weight:700;color:var(--navy);
  line-height:1;letter-spacing:var(--tracking-zich)}
.qadoq__kim{font-size:var(--mayda);font-weight:600;letter-spacing:var(--tracking-caps);
  text-transform:uppercase;color:var(--aksent-mayda)}
.qadoq__k .mayda{line-height:1.45}

/* ==========================================================================
   BOSH-11 · HAMKORLIK — ikkinchi quyuq band
   ========================================================================== */
.hamkor{background:var(--navy)}
.hamkor__media{aspect-ratio:3/2;min-height:0}

/* ==========================================================================
   BOSH-12 · UCH QADAM
   ========================================================================== */
.qadamlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--chiziq)}
.qadam{display:grid;gap:var(--s4);align-content:start;
  padding:clamp(24px,2.6vw,36px) clamp(20px,2.4vw,36px);
  border-right:1px solid var(--chiziq-ichki)}
.qadam:first-child{padding-left:0}
.qadam:last-child{border-right:0}
.qadam__n{font-size:clamp(34px,3.6vw,50px);line-height:.9;font-weight:700;
  color:var(--navy);letter-spacing:-.04em}
.qadam__n::after{content:"";display:block;width:36px;height:2px;
  background:var(--aksent);margin-top:var(--s4)}
.qadam h3{font-size:20px}

/* ==========================================================================
   BOSH-13 · SOʻROV
   ========================================================================== */
.sorov__chap{display:grid;gap:var(--s8);align-content:start}
.aloqa{display:grid;gap:0;border-top:1px solid var(--chiziq)}
.aloqa li{display:flex;align-items:flex-start;gap:var(--s4);
  padding-block:var(--s5);border-bottom:1px solid var(--chiziq-ichki)}
.aloqa .ik{width:20px;height:20px;color:var(--aksent);margin-top:2px}
.aloqa div{display:grid;gap:4px}
.aloqa__nom{font-size:var(--mayda);letter-spacing:var(--tracking-caps);
  text-transform:uppercase;color:var(--slate);font-weight:600}
.sorov__forma{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s5)}
.sorov__forma .keng{grid-column:1/-1}

/* ==========================================================================
   RESPONSIV
   ========================================================================== */
@media (max-width:1100px){
  .hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--s8)}
  .hero h1{max-width:none}
  .xizmat__q{grid-template-columns:200px minmax(0,1fr) 44px}
  .xizmat__m{grid-column:2/3}
  .ish{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ish__q:nth-child(3n){border-right:1px solid var(--chiziq-ichki)}
  .ish__q:nth-child(2n){border-right:0}
  .ish__q:nth-child(3){border-top:1px solid var(--chiziq-ichki)}
  .ish__q:nth-child(3n+1){padding-left:clamp(20px,2.2vw,32px)}
  .ish__q:nth-child(2n+1){padding-left:0}
  .yuk__raqam{grid-template-columns:minmax(0,1fr)}
  .qadamlar{grid-template-columns:minmax(0,1fr)}
  .qadam{border-right:0;border-bottom:1px solid var(--chiziq-ichki);padding-left:0}
  .qadam:last-child{border-bottom:0}
}
@media (max-width:900px){
  .mahsulot{grid-template-columns:minmax(0,1fr)}
  .mahsulot__k + .mahsulot__k{border-left:0;padding-left:0;
    border-top:1px solid var(--chiziq);padding-top:var(--s8)}
  .qadoq{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}
  .sorov__forma{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .hero__meta{grid-template-columns:minmax(0,1fr);gap:var(--s3)}
  .hero__meta li:nth-child(2),.hero__meta li:nth-child(3){justify-content:flex-start}
  .xizmat__q{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .xizmat__m{grid-column:auto}
  .xizmat__oq{display:none}   /* matn-havola bilan takrorlanadi */
  .xizmat__media{max-width:320px}
  .ish{grid-template-columns:minmax(0,1fr)}
  .ish__q{border-right:0!important;padding-left:0!important;
    padding-inline:0}
  .ish__q:nth-child(2),.ish__q:nth-child(3){border-top:1px solid var(--chiziq-ichki)}
  .himoya{grid-template-columns:minmax(0,1fr)}
  .qadoq{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vaqt-q{grid-template-columns:70px minmax(0,1fr) 64px}
}

/* ==========================================================================
   ISHONCH TASMASI (umumiy 1.2) — futer ustidagi yupqa uch ustunli tasma.
   Ikona ishlatilmaydi (manba talabi). Olti sahifada bor, bosh sahifada yoʻq.
   ========================================================================== */
.tasma{position:relative;background:var(--canvas);
  border-top:1px solid var(--chiziq);padding-block:var(--bolim-pad-kichik)}
.tasma > *{position:relative;z-index:1}
.tasma__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3.4vw,64px);align-items:start}
.tasma__k{display:grid;gap:var(--s4);align-content:start;
  padding-left:clamp(16px,1.8vw,28px);border-left:1px solid var(--chiziq)}
.tasma__k:first-child{padding-left:0;border-left:0}
.tasma__k h3{font-size:20px;line-height:1.25}
@media (max-width:900px){
  .tasma__grid{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .tasma__k{padding-left:0;border-left:0;padding-top:var(--s6);
    border-top:1px solid var(--chiziq)}
  .tasma__k:first-child{padding-top:0;border-top:0}
}