/* Plan Tour — Laplandiya lending sahifasi. Uslub: sokin, sovuq, kamtar.
   Sovuq oq-kulrang fon, grafit matn, bitta xira po'lat-ko'k aksent; yupqa grotesk, ingichka chiziqlar,
   ko'p bo'sh joy, suratlar biroz sovuq tusda; harakat — sekin paydo bo'lish, suratlarning asta yaqinlashishi va parallaks.
   O'lchamlar rem'da: 1440 px dan keng ekranda sahifa mutanosib kattalashadi. */

@font-face { font-family: "Manrope"; src: url("../fonts/manrope.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
/* Kirill harflari (ru/) — faqat ruscha matn bo'lsa yuklanadi */
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-kirill.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

:root {
  --fon: #f3f5f7;
  --fon-2: #e8ecf0;
  --oq: #fbfcfd;
  --siyoh: #1b2430;
  --matn: #566271;
  --xira: #8a95a2;
  --aksent: #5d7889;
  --chiziq: rgba(27, 36, 48, .12);
  --chiziq-och: rgba(255, 255, 255, .28);
  --chet: 3rem;
  --bosh-h: 4.5rem;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html {
  font-size: max(100%, 100vw / 90);
  scroll-behavior: smooth;
  scroll-padding-top: var(--bosh-h);
  -webkit-text-size-adjust: 100%;
  background: var(--fon);
}
body {
  margin: 0;
  background: var(--fon);
  color: var(--siyoh);
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem; line-height: 1.65; font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3 { margin: 0; font-weight: 300; letter-spacing: -.03em; line-height: 1.05; }
h2 { font-size: clamp(2.2rem, 3.4vw, 3.4rem); }
h3 { font-size: 1.6rem; letter-spacing: -.02em; line-height: 1.15; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }

.ust { width: 100%; padding-inline: var(--chet); margin-inline: auto; }
.blok { padding-block: 8rem; }
.blok--band { background: var(--fon-2); }

.belgi {
  font-size: .7rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase;
  color: var(--aksent); margin-bottom: 1.5rem;
}
.belgi--och { color: rgba(255, 255, 255, .7); }

/* Sovuq tus: barcha suratlar biroz xira va sovuqroq */
.galereya img, .yakun__fon { filter: saturate(.78) contrast(.97) brightness(1.02); }

/* ---------- Tugmalar ---------- */
.tugma {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 3.2rem; padding: 0 1.75rem;
  border: 1px solid var(--siyoh); border-radius: 2px;
  background: var(--siyoh); color: #fff;
  font: inherit; font-size: .92rem; font-weight: 500; letter-spacing: .02em;
  text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background-color .3s, color .3s, border-color .3s;
}
.tugma:hover { background: #2c3949; border-color: #2c3949; }
.tugma--chiziq { background: transparent; color: var(--siyoh); border-color: var(--chiziq); }
.tugma--chiziq:hover { background: transparent; border-color: var(--siyoh); }
.tugma--oq { background: #fff; color: var(--siyoh); border-color: #fff; }
.tugma--oq:hover { background: rgba(255, 255, 255, .85); border-color: transparent; }
.tugma--kichik { min-height: 2.5rem; padding: 0 1.15rem; font-size: .82rem; }
.tugma--toliq { width: 100%; }
.tugma:focus-visible, .variant input:focus-visible + span, .maydon input:focus-visible, summary:focus-visible, .soni__tugma:focus-visible {
  outline: 1px solid var(--aksent); outline-offset: 3px;
}
.tugmalar { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.5rem; }

/* ---------- Bosh panel ---------- */
.bosh {
  position: fixed; inset: 0 0 auto; z-index: 50;
  height: var(--bosh-h);
  display: flex; align-items: center; gap: 2.5rem;
  padding-inline: var(--chet);
}
.bosh.qattiq { background: rgba(243, 245, 247, .94); box-shadow: 0 1px 0 var(--chiziq); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.logo {
  display: block; width: 6rem; aspect-ratio: 711.5 / 189.75; flex: none;
  background: currentColor;
  -webkit-mask: url("../img/logo.svg") no-repeat center / contain;
  mask: url("../img/logo.svg") no-repeat center / contain;
}
.menyu { display: flex; gap: 2.25rem; margin-left: auto; font-size: .85rem; }
.menyu a { text-decoration: none; color: var(--matn); transition: color .3s; }
.menyu a:hover { color: var(--siyoh); }
.bosh__tel { font-size: .85rem; text-decoration: none; color: var(--matn); white-space: nowrap; }
.tillar { display: flex; gap: .7rem; font-size: .72rem; font-weight: 500; letter-spacing: .14em; }
.tillar a { padding: .2rem 0; text-decoration: none; color: var(--xira); border-bottom: 1px solid transparent; transition: color .3s, border-color .3s; }
.tillar a:hover { color: var(--siyoh); }
.tillar a[aria-current] { color: var(--siyoh); border-bottom-color: currentColor; }
.bosh:not(.qattiq) .tillar a { color: rgba(255, 255, 255, .6); }
.bosh:not(.qattiq) .tillar a:hover, .bosh:not(.qattiq) .tillar a[aria-current] { color: #fff; }

/* Hero ustida panel oq rangda, skroll boshlanganda oddiy holatga qaytadi */
.bosh { transition: background-color .5s, box-shadow .5s, color .5s; }
.bosh:not(.qattiq) { color: #fff; }
.bosh:not(.qattiq) .menyu a, .bosh:not(.qattiq) .bosh__tel { color: rgba(255, 255, 255, .78); }
.bosh:not(.qattiq) .menyu a:hover { color: #fff; }
.bosh:not(.qattiq) .tugma--kichik { background: transparent; border-color: rgba(255, 255, 255, .5); }
.bosh:not(.qattiq) .tugma--kichik:hover { border-color: #fff; }

/* ---------- Hero: to'liq ekranli slaydlar ---------- */
.hero {
  position: relative; overflow: hidden;
  min-height: max(100svh, 44rem);
  display: flex; flex-direction: column; justify-content: flex-end;
  color: #fff; background: #1b2430;
}
.hero__slaydlar { position: absolute; inset: 0; will-change: transform; }
.hero__slaydlar::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(16, 22, 30, .45), rgba(16, 22, 30, 0) 22%),
    linear-gradient(90deg, rgba(16, 22, 30, .55), rgba(16, 22, 30, .05) 65%),
    linear-gradient(0deg, rgba(16, 22, 30, .7), rgba(16, 22, 30, 0) 50%);
}
/* Almashish 2 s, har bir slayd 9 s davomida asta yaqinlashadi (JS 7 s da almashtiradi) */
.slayd { position: absolute; inset: 0; margin: 0; overflow: hidden; opacity: 0; transition: opacity 2s ease; }
.slayd picture { display: block; width: 100%; height: 100%; }
.slayd img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(.98); transform: scale(1); transition: transform 0s 2s; }
.slayd.faol { opacity: 1; }
.slayd.faol img { transform: scale(1.09); transition: transform 9s linear; }
.slayd:nth-child(1) img { transform-origin: 50% 65%; }
.slayd:nth-child(2) img { transform-origin: 30% 60%; }
.slayd:nth-child(3) img { transform-origin: 60% 85%; }

.hero__matn { position: relative; z-index: 1; padding-top: calc(var(--bosh-h) + 6rem); padding-bottom: 4rem; }
.hero h1 { font-size: clamp(3.4rem, 7vw, 7rem); font-weight: 200; letter-spacing: -.045em; line-height: .96; max-width: 11ch; }
.hero__lid { margin-top: 1.75rem; max-width: 32rem; font-size: 1.08rem; color: rgba(255, 255, 255, .82); }
.hero__izoh { margin-top: 1.25rem; font-size: .82rem; color: rgba(255, 255, 255, .6); }
.tugma--shaffof { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .45); }
.tugma--shaffof:hover { background: transparent; border-color: #fff; }

.hero__pastki { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: start; padding-bottom: 2.75rem; }
.faktlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--chiziq-och); max-width: 54rem; }
.faktlar > div { padding: 1rem 1.5rem 0 0; }
.faktlar dt { font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(255, 255, 255, .55); }
.faktlar dd { margin: .3rem 0 0; font-size: 1rem; }
.slayd-nav { display: flex; gap: 1.5rem; }
.slayd-nav button {
  position: relative; min-width: 8rem; padding: 1rem 0 0;
  border: 0; border-top: 1px solid var(--chiziq-och); background: none;
  color: rgba(255, 255, 255, .55); font: inherit; font-size: .8rem; text-align: left; cursor: pointer;
  transition: color .4s;
}
.slayd-nav button span { margin-right: .35rem; font-size: .68rem; letter-spacing: .16em; }
.slayd-nav button i { position: absolute; left: 0; top: -1px; width: 0; height: 1px; background: #fff; }
.slayd-nav button:hover, .slayd-nav button.faol { color: #fff; }
.slayd-nav button.faol i { animation: slayd-vaqt 7s linear forwards; }
.slayd-nav button:focus-visible { outline: 1px solid #fff; outline-offset: 4px; }
@keyframes slayd-vaqt { to { width: 100%; } }

/* ---------- Kirish ---------- */
.kirish { padding: 9rem var(--chet) 2rem; }
.kirish p { max-width: 46rem; font-size: clamp(1.4rem, 2.1vw, 2.05rem); font-weight: 300; line-height: 1.4; letter-spacing: -.02em; color: var(--siyoh); }

/* ---------- Sarlavha ---------- */
.sarlavha { margin-bottom: 4rem; }

/* ---------- Dastur: har bir kun — to'liq ekranli surat, matn ustida ---------- */
.dastur__bosh { padding-block: 8rem 4rem; margin-bottom: 0; }
.kun { background: #1b2430; }
.kun__ekran {
  position: relative; overflow: hidden;
  min-height: max(100svh, 40rem);
  display: flex; align-items: flex-end; color: #fff;
}
/* Surat 12% baland — parallaks paytida chetlari ochilib qolmaydi */
.kun__fon { position: absolute; left: 0; top: -6%; width: 100%; height: 112%; will-change: transform; }
.kun__fon img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(.98); }
.kun__ekran::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, rgba(16, 22, 30, .6), rgba(16, 22, 30, .05) 62%),
    linear-gradient(0deg, rgba(16, 22, 30, .65), rgba(16, 22, 30, 0) 55%);
}
.kun__ichi { position: relative; z-index: 1; display: grid; grid-template-columns: 11rem minmax(0, 36rem); gap: 3rem; padding-block: 6rem 5rem; }
.kun__meta { display: flex; flex-direction: column; gap: .3rem; padding-top: 1rem; font-size: .85rem; color: rgba(255, 255, 255, .82); }
.kun__raqam { font-size: .75rem; letter-spacing: .2em; color: rgba(255, 255, 255, .6); margin-bottom: .5rem; }
.kun__yol { font-size: .78rem; color: rgba(255, 255, 255, .58); }
.kun__matn h3 { font-size: clamp(2.8rem, 5vw, 5rem); font-weight: 200; letter-spacing: -.045em; line-height: 1; margin-bottom: 1.5rem; }
.kun__matn p { color: rgba(255, 255, 255, .84); max-width: 32rem; }
.kun__royxat { margin-top: 1.25rem; display: grid; gap: .35rem; }
.kun__royxat li { position: relative; padding-left: 1.25rem; color: rgba(255, 255, 255, .84); font-size: .95rem; }
.kun__royxat li::before { content: ""; position: absolute; left: 0; top: .8em; width: .6rem; height: 1px; background: rgba(255, 255, 255, .5); }
.kun__narxda { margin-top: 1.5rem; font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .66) !important; }

.kun__galereya { background: var(--fon); padding-block: 5rem 7rem; }
.galereya { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
.galereya figure { margin: 0; }
.galereya__rasm { overflow: hidden; background: var(--fon-2); }
.galereya img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: var(--fon-2); }
.galereya img[src*="yogdu"] { object-position: 42% 50%; }
.galereya img[src*="kiyik"] { object-position: 75% 100%; }
.galereya img[src*="husky"] { object-position: 25% 50%; }
.galereya figcaption { margin-top: .75rem; font-size: .85rem; line-height: 1.35; }
.galereya figcaption span { display: block; margin-top: .2rem; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--aksent); }

/* ---------- Narx ---------- */
.narx { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6rem; align-items: start; }
.narx__son { font-size: clamp(4rem, 7vw, 6.5rem); font-weight: 200; letter-spacing: -.05em; line-height: 1; }
.narx__izoh { margin-top: 1rem; color: var(--matn); }
.narx__jami { margin-top: .5rem; color: var(--xira); font-size: .92rem; max-width: 26rem; }
.narx__asosiy .tugma { margin-top: 2.5rem; }
.narx__royxatlar { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.narx__royxatlar h3 { font-size: .7rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--aksent); margin-bottom: 1rem; }
.royxat { border-top: 1px solid var(--chiziq); }
.royxat li { padding: .85rem 0; border-bottom: 1px solid var(--chiziq); font-size: .95rem; }
.royxat--xira li { color: var(--matn); }

.jadval { margin-top: 5rem; overflow-x: auto; }
.reyslar { width: 100%; border-collapse: collapse; font-size: .92rem; min-width: 40rem; }
.reyslar caption { text-align: left; font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--aksent); padding-bottom: 1rem; }
.reyslar th { text-align: left; font-weight: 400; font-size: .75rem; color: var(--xira); padding: .75rem 1rem .75rem 0; border-bottom: 1px solid var(--chiziq); }
.reyslar td { padding: 1rem 1rem 1rem 0; border-bottom: 1px solid var(--chiziq); }
.reyslar td:last-child, .reyslar th:last-child { text-align: right; padding-right: 0; }
.shartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin: 2.5rem 0 0; }
.shartlar dt { font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--xira); }
.shartlar dd { margin: .4rem 0 0; font-size: .92rem; color: var(--matn); max-width: 30rem; }

/* ---------- Ariza ---------- */
.ariza { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6rem; align-items: start; }
.ariza__lid { margin-top: 1.5rem; color: var(--matn); max-width: 28rem; }
.ariza__qoldi { margin-top: 1.25rem; font-size: .85rem; color: var(--aksent); }
.ariza__faktlar { margin-top: 2.5rem; border-top: 1px solid var(--chiziq); max-width: 28rem; }
.ariza__faktlar li { padding: .9rem 0; border-bottom: 1px solid var(--chiziq); font-size: .92rem; color: var(--matn); }
.ariza__aloqa { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1.5rem; }
.aloqa { font-size: 1rem; text-underline-offset: .3em; text-decoration-thickness: 1px; }

.viktorina { padding: 2.75rem; background: var(--oq); border: 1px solid var(--chiziq); scroll-margin-top: calc(var(--bosh-h) + 1rem); }
.viktorina__bosh { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; font-size: .75rem; letter-spacing: .14em; color: var(--xira); }
.viktorina__chiziq { flex: 1; height: 1px; background: var(--chiziq); }
.viktorina__chiziq span { display: block; height: 100%; width: 33.3%; background: var(--siyoh); transition: width .6s ease; }
.qadam { border: 0; margin: 0; padding: 0; min-width: 0; display: none; }
.qadam.faol { display: block; animation: kirish .6s ease; }
@keyframes kirish { from { opacity: 0; } to { opacity: 1; } }
.qadam legend { font-size: 1.6rem; font-weight: 300; letter-spacing: -.025em; margin-bottom: 1.5rem; padding: 0; }
.variantlar { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.variantlar--bir { grid-template-columns: 1fr; }
.variant { position: relative; cursor: pointer; }
.variant input { position: absolute; opacity: 0; pointer-events: none; }
.variant span {
  display: flex; align-items: center; min-height: 3.3rem; padding: .7rem 1.1rem;
  border: 1px solid var(--chiziq); background: transparent; font-size: .95rem;
  transition: border-color .3s, background-color .3s, color .3s;
}
.variant:hover span { border-color: rgba(27, 36, 48, .35); }
.variant input:checked + span { border-color: var(--siyoh); background: var(--siyoh); color: #fff; }
.variant--kichik span { min-height: 2.8rem; font-size: .88rem; justify-content: center; }
.soni { display: flex; align-items: center; justify-content: space-between; margin: 1.25rem 0; padding: .9rem 0; border-top: 1px solid var(--chiziq); border-bottom: 1px solid var(--chiziq); }
.soni__boshqaruv { display: flex; align-items: center; gap: 1rem; }
.soni__boshqaruv output { min-width: 1.5rem; text-align: center; font-size: 1.15rem; }
.soni__tugma { width: 2.3rem; height: 2.3rem; border: 1px solid var(--chiziq); background: transparent; font: inherit; font-size: 1.1rem; cursor: pointer; color: var(--siyoh); }
.soni__tugma:hover { border-color: var(--siyoh); }
.qadam > .tugma { margin-top: .75rem; }
.qadam__tugmalar { display: grid; grid-template-columns: auto 1fr; gap: .5rem; margin-top: 1.5rem; }
.maydon { display: grid; gap: .4rem; margin-bottom: 1.1rem; }
.maydon span { font-size: .75rem; letter-spacing: .1em; color: var(--xira); }
.maydon input {
  width: 100%; min-height: 3.2rem; padding: 0;
  border: 0; border-bottom: 1px solid var(--chiziq); background: transparent;
  font: inherit; font-size: 1.1rem; color: var(--siyoh); border-radius: 0;
  transition: border-color .3s;
}
.maydon input::placeholder { color: #b4bcc6; }
.maydon input:focus { outline: none; border-bottom-color: var(--siyoh); }
.maydon input[aria-invalid="true"] { border-bottom-color: #b3473d; }
.aloqa-usul { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: .5rem; }
.yashirin { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.viktorina__xato { margin-top: 1rem; color: #b3473d; font-size: .88rem; }
.viktorina__shart { margin-top: 1rem; font-size: .75rem; color: var(--xira); }
.natija.faol { display: grid; gap: .9rem; }
.natija h3 { font-size: 1.8rem; font-weight: 300; }
.natija p { color: var(--matn); margin-bottom: .75rem; }
.natija__havola { justify-self: start; font-size: .88rem; color: var(--matn); text-underline-offset: .3em; text-decoration-thickness: 1px; }
.natija__havola:hover { color: var(--siyoh); }
.viktorina.tayyor .viktorina__bosh { display: none; }

/* ---------- Savollar ---------- */
.savollar { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6rem; align-items: start; }
.savollar .sarlavha { margin-bottom: 0; }
.savollar__royxat { border-top: 1px solid var(--chiziq); }
details { border-bottom: 1px solid var(--chiziq); }
summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 1.5rem;
  padding: 1.35rem 0; font-size: 1.05rem;
}
summary::-webkit-details-marker { display: none; }
summary::after { content: ""; flex: none; width: .75rem; height: .75rem; border-right: 1px solid var(--matn); border-bottom: 1px solid var(--matn); transform: rotate(45deg) translateY(-.2rem); transition: transform .4s; }
details[open] summary::after { transform: rotate(-135deg) translateY(-.2rem); }
details p { padding: 0 3rem 1.5rem 0; color: var(--matn); max-width: 40rem; }

/* ---------- Yakun ---------- */
.yakun { position: relative; min-height: 36rem; display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: #1b2430; }
/* Surat sekziyadan 12% baland — parallaks paytida chetlari ochilib qolmaydi */
.yakun__fon { position: absolute; left: 0; top: -6%; width: 100%; height: 112%; max-width: none; object-fit: cover; object-position: 50% 58%; opacity: .8; will-change: transform; }
.yakun::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20, 27, 37, .7), rgba(20, 27, 37, .1) 60%); }
.yakun__matn { position: relative; z-index: 1; padding-block: 5rem; }
.yakun h2 { font-size: clamp(2.4rem, 4.2vw, 4.2rem); font-weight: 200; max-width: 16ch; margin-bottom: 2.5rem; }

/* ---------- Oyoq ---------- */
.oyoq { padding-block: 3.5rem 3rem; }
.oyoq__ichi { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem 3rem; }
.oyoq__aloqa { display: flex; flex-wrap: wrap; gap: 1.5rem; font-size: .88rem; }
.oyoq__aloqa a { text-decoration: none; color: var(--matn); }
.oyoq__aloqa a:hover { color: var(--siyoh); }
.oyoq__izoh { flex-basis: 100%; font-size: .78rem; color: var(--xira); }

/* ---------- Pastki panel (telefon) ---------- */
.pastki-panel { display: none; }

/* ---------- Sekin paydo bo'lish ---------- */
.js .paydo { opacity: 0; transition: opacity 1.4s ease; }
.js .paydo.korindi { opacity: 1; }

/* Suratlar ko'ringanda kattadan asta joyiga keladi, galereyada ustiga kelganda biroz yaqinlashadi */
.js .kun__fon img, .js .galereya img { transform: scale(1.14); transition: transform 3s cubic-bezier(.2, .65, .25, 1); }
.js .kun__ekran.korindi .kun__fon img, .js .galereya.korindi img { transform: scale(1); }
.js .galereya.korindi li:nth-child(2) img { transition-delay: .12s; }
.js .galereya.korindi li:nth-child(3) img { transition-delay: .24s; }
.js .galereya.korindi li:nth-child(4) img { transition-delay: .36s; }
.js .galereya.korindi li:nth-child(5) img { transition-delay: .48s; }
@media (hover: hover) {
  .js .galereya.korindi .galereya__rasm:hover img { transform: scale(1.04); transition-duration: 1.6s; transition-delay: 0s; }
}

@media (prefers-reduced-motion: reduce) {
  .slayd img, .slayd.faol img, .js .kun__fon img, .js .galereya img { transform: none !important; transition: none !important; }
}

.skrin .paydo { opacity: 1 !important; }
.skrin .bosh { position: absolute; }
.skrin .hero { min-height: 56rem; }
.skrin .kun__ekran { min-height: 52rem; }
.skrin .slayd, .skrin .slayd img, .skrin .kun__fon img, .skrin .galereya img { transform: none !important; transition: none !important; }
@media (max-width: 760px) { .skrin .hero, .skrin .kun__ekran { min-height: 50rem; } }

/* ---------- Planshet ---------- */
@media (max-width: 1100px) {
  :root { --chet: 1.75rem; }
  .menyu { display: none; }
  .tillar { margin-left: auto; }
  .hero__pastki { grid-template-columns: 1fr; gap: 2rem; }
  .kun__ichi { grid-template-columns: 8rem minmax(0, 1fr); gap: 2rem; }
  .galereya { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .narx, .ariza, .savollar { grid-template-columns: 1fr; gap: 3.5rem; }
}

/* ---------- Telefon ---------- */
@media (max-width: 760px) {
  :root { --chet: 1.25rem; --bosh-h: 3.75rem; }
  .blok { padding-block: 5rem; }
  .bosh { gap: 1rem; }
  .bosh__tel { display: none; }
  .tillar { margin-left: auto; gap: .55rem; }
  .logo { width: 5.25rem; }

  .hero { min-height: 100svh; }
  .hero__slaydlar::after {
    background:
      linear-gradient(180deg, rgba(16, 22, 30, .45), rgba(16, 22, 30, 0) 18%),
      linear-gradient(0deg, rgba(16, 22, 30, .82), rgba(16, 22, 30, .25) 70%);
  }
  .hero__matn { padding-top: calc(var(--bosh-h) + 3rem); padding-bottom: 2.25rem; }
  .hero h1 { font-size: 3rem; }
  .hero__lid { margin-top: 1.25rem; font-size: 1rem; }
  .hero__pastki { gap: 1.5rem; padding-bottom: 1.75rem; }
  .faktlar { grid-template-columns: 1fr 1fr; }
  .faktlar > div { padding: .75rem 1rem .75rem 0; }
  .faktlar > div:nth-child(n+3) { border-top: 1px solid var(--chiziq-och); }
  .slayd-nav { gap: .75rem; }
  .slayd-nav button { flex: 1; min-width: 0; padding-top: .75rem; font-size: .72rem; }
  .tugmalar { display: grid; grid-template-columns: 1fr; margin-top: 2rem; }

  .kirish { padding: 5rem var(--chet) 0; }
  .kirish p { font-size: 1.35rem; }
  .sarlavha { margin-bottom: 2.5rem; }
  .dastur__bosh { padding-block: 5rem 2.5rem; margin-bottom: 0; }
  .kun__ekran { min-height: 100svh; }
  .kun__ekran::after { background: linear-gradient(0deg, rgba(16, 22, 30, .85), rgba(16, 22, 30, .2) 65%, rgba(16, 22, 30, .1)); }
  .kun__ichi { grid-template-columns: 1fr; gap: 1rem; padding-block: 5rem 3rem; }
  .kun__meta { flex-direction: row; flex-wrap: wrap; gap: .25rem .9rem; align-items: baseline; padding-top: 0; }
  .kun__raqam { margin: 0; }
  .kun__matn h3 { font-size: 2.8rem; margin-bottom: 1rem; }
  .kun__galereya { padding-block: 3rem 4rem; }
  .galereya { grid-template-columns: 1fr 1fr; gap: .75rem; }
  .galereya li:first-child { grid-column: 1 / -1; }
  .galereya li:first-child img { aspect-ratio: 4 / 3; }

  .narx__royxatlar, .shartlar { grid-template-columns: 1fr; gap: 2rem; }
  .jadval { margin-top: 3.5rem; overflow: visible; }
  /* telefon: reyslar jadvali ustma-ust qatorlarga aylanadi */
  .reyslar { min-width: 0; }
  .reyslar thead { display: none; }
  .reyslar tr { display: block; padding: 1rem 0; border-bottom: 1px solid var(--chiziq); }
  .reyslar td { display: flex; justify-content: space-between; gap: 1rem; padding: .3rem 0; border: 0; text-align: right; }
  .reyslar td::before { content: attr(data-nom); color: var(--xira); font-size: .78rem; text-align: left; }
  .reyslar td:first-child { font-weight: 500; }
  .yakun__fon { object-position: 38% 50%; }
  .viktorina { padding: 1.75rem 1.25rem; }
  .variantlar { grid-template-columns: 1fr; }
  details p { padding-right: 0; }
  .yakun { min-height: 30rem; }

  .oyoq { padding-bottom: 6rem; }
  .pastki-panel {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    display: block; padding: .75rem var(--chet) calc(.75rem + env(safe-area-inset-bottom));
    background: rgba(243, 245, 247, .95); box-shadow: 0 -1px 0 var(--chiziq);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    transform: translateY(110%); transition: transform .5s ease;
  }
  .pastki-panel.korin { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .paydo { opacity: 1; }
}