/* ==========================================================================
   BOSH-01 · HERO — toʻliq ekranli kadr (getpitlane.framer.website karkasi)
   Rasm butun blokni qoplaydi, matn pastki-chapda, header rasm ustida turadi.
   Faqat bosh sahifada ulanadi (META: css: hero).
   ========================================================================== */

.hero{
  position:relative;
  display:flex;align-items:flex-end;
  min-height:min(78vh,760px);
  padding-block:0;
  background:var(--navy);          /* rasm yuklanguncha */
  overflow:hidden;
  border-top:0;
}
.hero__rasm{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:50% 46%;
}
/* parda — matn oʻqiladigan boʻlishi uchun; brend siyohi tusida, ikki yoʻnalishda */
.hero__parda{
  position:absolute;inset:0;pointer-events:none;
  /* KADRSIZ HOLAT (12.09): foto olib turilgani uchun parda endi rasmni emas, navy
     sirtni tuzadi — pastda nozik chuqurlik + Manufact ustun chiziqlari (1 px hairline).
     Kadr qaytarilganda eski ikki yoʻnalishli qorong'ulatuvchi parda tiklanadi. */
  background:
    linear-gradient(to top,
      rgba(0,14,32,.55) 0%, rgba(0,14,32,.28) 34%, rgba(0,14,32,0) 72%);
}
/* kadr qaytarilsa — `.hero__rasm` bor boʻlgan holat eski pardaga qaytadi */
.hero:has(.hero__rasm){min-height:94vh}   /* kadrli holat — eski balandlik */
.hero:has(.hero__rasm) .hero__parda{
  background:
    linear-gradient(to top,
      rgba(1,20,42,.88) 0%, rgba(1,20,42,.66) 30%,
      rgba(1,20,42,.22) 62%, rgba(1,20,42,.04) 100%),
    /* KORIK Y02 (12.09): oʻng parda .52/48% da matn ustunini (x 75–855) qoplamasdi —
       «Germaniya moyi» aksent iborasi Shell logosi ustida 1:1 gacha tushardi.
       .72/62% — matn ustuni boʻylab parda ≥.3, kadr oʻzi oʻzgarmaydi. */
    linear-gradient(to right,
      rgba(1,20,42,.72) 0%, rgba(1,20,42,.30) 62%, rgba(1,20,42,0) 84%);
}

.hero__ich{
  /* width:100% QOʻYILMAYDI — u `.ich` ning konteyner kengligini bosib ketadi va
     hero matni header/boshqa bloklar bilan bir oʻqda turmay qoladi. */
  position:relative;z-index:1;
  padding-top:clamp(132px,16vh,196px);
  padding-bottom:clamp(32px,3.4vw,52px);
}
.hero__matn{display:grid;gap:var(--s6);align-content:start;max-width:780px}
.hero h1{color:#fff;max-width:15em}
.hero .lid{color:rgba(255,255,255,.82);max-width:58ch}
.hero .mayda{color:rgba(255,255,255,.74)}
.hero__tugmalar{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}

/* yorliq — quyuq fon ustidagi variant */
.hero .yorliq{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.26);color:#fff;
  backdrop-filter:none}
.hero .btn--chegara{color:#fff;border-color:rgba(255,255,255,.34)}
.hero .btn--chegara:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* uchta fakt — kadr ostidagi yupqa qator */
.hero__meta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--s6);margin-top:clamp(32px,4vw,60px);
  padding-top:var(--s5);border-top:1px solid rgba(255,255,255,.2);
}
.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:#fff;
}
.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}

/* ==========================================================================
   HEADER kadr ustida — sahifa tepasida shaffof, skrolldan keyin qattiq
   ========================================================================== */
body.hero-toliq .header{
  position:absolute;top:0;left:0;right:0;
  background:transparent;border-bottom-color:transparent;
  transition:background var(--anim) var(--ease),border-color var(--anim) var(--ease);
}
body.hero-toliq .header__ust{background:transparent;border-bottom-color:rgba(255,255,255,.18)}
body.hero-toliq .header__ust,
body.hero-toliq .header__ust a{color:rgba(255,255,255,.78)}
body.hero-toliq .header__ust a:hover,
body.hero-toliq .til a[aria-current]{color:#fff}
body.hero-toliq .nav > a,
body.hero-toliq .nav__band > a{color:#fff}
body.hero-toliq .nav > a:hover,
body.hero-toliq .nav__band > a:hover{color:#8FC4EE}
body.hero-toliq .nav .ik{color:rgba(255,255,255,.7)}
body.hero-toliq .qidiruv{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);
  color:rgba(255,255,255,.8)}
body.hero-toliq .qidiruv:focus-within{background:rgba(255,255,255,.16);border-color:#fff}
body.hero-toliq .qidiruv input{color:#fff}
body.hero-toliq .qidiruv input::placeholder{color:rgba(255,255,255,.6)}
body.hero-toliq .burger{color:#fff;border-color:rgba(255,255,255,.3)}
/* Bosh sahifa headerida oʻng yuqoridagi CTA chiqmaydi (Otabek, 11.09) —
   ayni havola yuqori qatorda «Ulgurji narx roʻyxati» boʻlib turibdi. */
body.hero-toliq .header__cta{display:none}

/* logotip: quyuq fonda oq soʻz-belgi */
body.hero-toliq .logo__quyuq{display:none}
body.hero-toliq .logo__oq{display:block}

/* skrolldan keyin — oddiy oq header qaytadi */
body.hero-toliq .header.header--qattiq{
  position:fixed;background:var(--oq);border-bottom-color:var(--chiziq);
}
body.hero-toliq .header--qattiq .header__ust{background:var(--canvas);
  border-bottom-color:var(--chiziq-ichki)}
body.hero-toliq .header--qattiq .header__ust,
body.hero-toliq .header--qattiq .header__ust a{color:var(--slate)}
body.hero-toliq .header--qattiq .header__ust a:hover,
body.hero-toliq .header--qattiq .til a[aria-current]{color:var(--navy)}
body.hero-toliq .header--qattiq .nav > a,
body.hero-toliq .header--qattiq .nav__band > a{color:var(--navy)}
body.hero-toliq .header--qattiq .nav > a:hover,
body.hero-toliq .header--qattiq .nav__band > a:hover{color:var(--aksent-matn)}
body.hero-toliq .header--qattiq .nav .ik{color:var(--slate)}
body.hero-toliq .header--qattiq .qidiruv{background:var(--canvas);border-color:var(--chiziq);
  color:var(--slate)}
body.hero-toliq .header--qattiq .qidiruv input{color:var(--ink)}
body.hero-toliq .header--qattiq .qidiruv input::placeholder{color:#93A4B6}
body.hero-toliq .header--qattiq .burger{color:var(--navy);border-color:var(--chiziq)}
body.hero-toliq .header--qattiq .logo__quyuq{display:block}
body.hero-toliq .header--qattiq .logo__oq{display:none}

/* ==========================================================================
   RESPONSIV
   ========================================================================== */
@media (max-width:1000px){
  body.hero-toliq .header{position:sticky;background:var(--oq);
    border-bottom-color:var(--chiziq)}
  body.hero-toliq .logo__quyuq{display:block}
  body.hero-toliq .logo__oq{display:none}
  body.hero-toliq .burger{color:var(--navy);border-color:var(--chiziq)}
  .hero{min-height:0}
  .hero__ich{padding-top:clamp(56px,10vw,96px)}
}
@media (max-width:760px){
  .hero{min-height:0}
  .hero__rasm{object-position:52% 50%}
  /* mobilda matn kadrning band joyiga tushadi — parda tekis va quyuqroq */
  .hero__parda{background:
    linear-gradient(to top, rgba(1,20,42,.96) 0%, rgba(1,20,42,.9) 42%,
      rgba(1,20,42,.78) 74%, rgba(1,20,42,.62) 100%)}
  .hero__matn{gap:var(--s5)}
  .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}
}