/* Shriftlar saytning o'zida (Google Fonts kutilmaydi): Libre Franklin va Inter Tight, o'zgaruvchan qalinlik 400–900, lotin + kirill */
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/inter-tight-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/inter-tight-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/inter-tight-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/inter-tight-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/libre-franklin-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/libre-franklin-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/libre-franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/shrift/libre-franklin-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Shrift yuklanguncha zaxira: Arial Libre Franklin o'lchamiga moslangan — shrift almashganda qatorlar sakramaydi (CLS).
   Kenglik nisbati sahifa matnida o'lchangan; raqamlar Libre Franklin'da ancha keng — ular uchun alohida yuz.
   Vertikal o'lchovlar Libre Franklin'dan (0.966 / 0.246), size-adjust ga bo'lingan. */
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 100 549;
  src: local('Arial'), local('ArialMT');
  size-adjust: 103.5%; ascent-override: 93.3%; descent-override: 23.8%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 550 749;
  src: local('Arial Bold'), local('Arial-BoldMT');
  size-adjust: 100%; ascent-override: 96.6%; descent-override: 24.6%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 750 850;
  src: local('Arial Bold'), local('Arial-BoldMT');
  size-adjust: 103%; ascent-override: 93.8%; descent-override: 23.9%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 851 1000;
  src: local('Arial Bold'), local('Arial-BoldMT');
  size-adjust: 100%; ascent-override: 96.6%; descent-override: 24.6%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 100 549; unicode-range: U+0030-0039;
  src: local('Arial'), local('ArialMT');
  size-adjust: 113%; ascent-override: 85.5%; descent-override: 21.8%; line-gap-override: 0%;
}
@font-face {
  font-family: 'Libre Franklin yedek'; font-weight: 550 1000; unicode-range: U+0030-0039;
  src: local('Arial Bold'), local('Arial-BoldMT');
  size-adjust: 119.5%; ascent-override: 80.8%; descent-override: 20.6%; line-gap-override: 0%;
}

/* Display shrift: Alegreya (OFL, public/shrift/OFL-Alegreya.txt) — iliq, qo'lda yozilgandek serif: oilaviy xo'jalik ovozi.
   Sarlavhalar uchun; matn — brendbukdagi Libre Franklin. Zaxira: Times New Roman Bold Alegreya o'lchamiga moslangan (CLS). */
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(/shrift/alegreya-cyrillic-ext.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(/shrift/alegreya-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(/shrift/alegreya-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(/shrift/alegreya-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Alegreya yedek'; src: local('Times New Roman Bold'), local('TimesNewRomanPS-BoldMT'), local('Times New Roman');
  size-adjust: 98%; ascent-override: 103.7%; descent-override: 35.2%; line-gap-override: 0%; }

/* Shuxrat o'g'li — brendbuk: ko'k #1E3782, oltin #D2A366, Libre Franklin */
:root {
  --kok: #1E3782;
  --kok-toq: #172B66;
  --oltin: #D2A366;
  --oltin-toq: #85602C;   /* matn uchun: oq va kul fonda kontrast ≥ 4,5 */
  --oq: #FFFFFF;
  --kul: #EDEEF2;
  --matn: #1A2452;
  --xira: #555E80;
  --kenglik: 80rem;
  --chet: clamp(1rem, 4vw, 2.5rem);
  --radius: 0.875rem;
  --display: 'Alegreya', 'Alegreya yedek', Georgia, serif;
}

/* Katta ekranlar: hamma o'lchamlar rem da — 1600 px dan keng ekranda sayt mutanosib kattalashadi
   (1990 px da ≈ 1,15 baravar, 2560 px da ≈ 1,36 baravar), telefon va noutbukda o'zgarmaydi */
html { font-size: 100%; }
@media (min-width: 1600px) {
  html { font-size: min(calc(16px + (100vw - 1600px) * .006), 22px); }
  :root { --kenglik: 84rem; }
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Libre Franklin", "Libre Franklin yedek", "Inter Tight", system-ui, sans-serif;
  font-size: 1.125rem;
  line-height: 1.55;
  color: var(--matn);
  background: var(--oq);
  overflow-x: hidden;
}
[hidden] { display: none !important; }
img { max-width: 100%; display: block; }
figure { margin: 0; }
h1, h2, h3 { margin: 0; line-height: 1.08; letter-spacing: -0.02em; }
h1, h2 { font-family: var(--display); font-weight: 800; letter-spacing: -0.01em; }
h2 { font-size: clamp(2.125rem, 4.4vw, 3.5rem); color: var(--kok); }
h3 { font-size: 1.5rem; font-weight: 800; }
p { margin: 0; }
a { color: inherit; }
:focus-visible { outline: 0.1875rem solid var(--oltin); outline-offset: 0.1875rem; border-radius: 0.25rem; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.otish { position: absolute; left: 0.75rem; top: -3.75rem; z-index: 50; background: var(--kok); color: var(--oq); padding: 0.625rem 1rem; border-radius: 0.5rem; }
.otish:focus { top: 0.75rem; }
.ichki { max-width: var(--kenglik); margin: 0 auto; padding: 0 var(--chet); }

/* Ikonkalar: brend SVG lari niqob orqali rang oladi */
.ik {
  display: inline-block; width: 1.4em; height: 1.4em; flex: none;
  background: currentColor;
  -webkit-mask: var(--ik) center / contain no-repeat;
          mask: var(--ik) center / contain no-repeat;
}
.ik-oltin { color: var(--oltin); }
.ik-kok { color: var(--kok); }
.ik-oq { color: var(--oq); }

/* Tugmalar */
.tugmalar { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tugma {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem;
  min-height: 3.25rem; padding: 0 1.625rem; border-radius: 62.4375rem;
  font-weight: 700; font-size: 1.0625rem; text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.tugma-asosiy { background: var(--kok); color: var(--oq); }
.tugma-asosiy:hover { background: var(--kok-toq); }
.tugma-chiziq { border: 2px solid var(--kok); color: var(--kok); }
.tugma-chiziq:hover { background: var(--kok); color: var(--oq); }
.tugma-oltin { background: var(--oltin); color: var(--kok-toq); }
.tugma-oltin:hover { background: #E0B67E; }

/* Sarlavha (header) */
.sarlavha {
  position: sticky; top: 0; z-index: 20;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(0.625rem);
  border-bottom: 1px solid transparent;
  transition: border-color .2s;
}
.sarlavha.surilgan { border-bottom-color: var(--kul); }
.sarlavha-ichi {
  max-width: var(--kenglik); margin: 0 auto; padding: 0.875rem var(--chet);
  display: flex; align-items: center; gap: 1.75rem;
}
.logo { flex: none; }
.logo img { height: 2.125rem; width: auto; }
.menyu { display: flex; gap: 1.625rem; margin-left: auto; }
.menyu a { text-decoration: none; font-weight: 600; font-size: 1rem; color: var(--matn); padding: 0.375rem 0; }
.menyu a:hover { color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 2px; text-underline-offset: 0.375rem; }
.tillar { display: flex; gap: 2px; padding-left: 1.125rem; border-left: 1px solid var(--kul); }
.menyu .tillar a { font-size: 0.875rem; font-weight: 700; padding: 0.375rem 0.5rem; border-radius: 0.5rem; color: var(--xira); text-decoration: none; }
.menyu .tillar a:hover { color: var(--kok); background: var(--kul); }
.menyu .tillar a[aria-current="page"] { color: var(--oq); background: var(--kok); }
.tel-tugma {
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: var(--kok); color: var(--oq); text-decoration: none;
  padding: 0.625rem 1.125rem; border-radius: 62.4375rem; font-weight: 700; font-size: 1rem; white-space: nowrap;
}
.tel-tugma .ik { width: 1.125rem; height: 1.125rem; }
.tel-tugma:hover { background: var(--kok-toq); }
.menyu-tugma { display: none; }

/* Bosh qism: matn chapda, taroq o'ng chetgacha cho'ziladi */
.bosh { position: relative; overflow: hidden; isolation: isolate; }
/* Fon: brend ikonkalari sekin suzadi (video o'rniga — har ekranda tiniq va yengil) */
.bosh::before {
  content: ""; position: absolute; inset: -20.625rem 0 0 -34.375rem; z-index: -1;
  background: url(logo/naqsh.svg) 0 0 / 34.375rem 20.625rem repeat;
  -webkit-mask: linear-gradient(100deg, #000 0 38%, transparent 70%);
          mask: linear-gradient(100deg, #000 0 38%, transparent 70%);
}
@media (prefers-reduced-motion: no-preference) {
  .bosh::before { animation: naqsh 70s linear infinite; }
}
@keyframes naqsh { to { transform: translate(34.375rem, 20.625rem); } }
.bosh-ichi {
  max-width: var(--kenglik); margin: 0 auto; padding: 0 var(--chet);
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: end; gap: 0 1.5rem;
  min-height: min(calc(100svh - 4rem), 51.25rem);
}
.bosh-matn { align-self: center; padding: 3rem 0 3.5rem; position: relative; z-index: 2; }
.bosh-estd { width: 9.375rem; height: auto; margin-bottom: 1.75rem; }
.bosh h1 {
  font-size: clamp(2.625rem, 6vw, 6rem);
  font-weight: 900; letter-spacing: -0.035em; line-height: .96;
  color: var(--kok); max-width: 9.5ch;
}
.bosh-izoh { margin: 1.625rem 0 2rem; max-width: 36ch; font-size: 1.1875rem; color: var(--xira); }
.afzallik { list-style: none; padding: 0; margin: 2.25rem 0 0; display: grid; grid-template-columns: repeat(2, max-content); gap: 0.875rem 1.75rem; }
.afzallik li { display: flex; align-items: center; gap: 0.625rem; font-weight: 700; font-size: 1rem; color: var(--kok); }
.afzallik .ik { width: 1.625rem; height: 1.625rem; }
.bosh-taroq {
  position: relative; align-self: end;
  /* katta ekranda o'ng chetgacha */
  margin-right: min(0px, calc((var(--kenglik) - 100vw) / 2 - var(--chet)));
}
.bosh-taroq svg { display: block; width: 100%; height: auto; }
.taroq-hoshiya { fill: var(--oltin); }
.suzuvchi {
  position: absolute; z-index: 3;
  display: flex; align-items: center; gap: 0.875rem;
  background: var(--oq); color: var(--matn); text-decoration: none;
  border-radius: 1.125rem; padding: 0.75rem 1.25rem 0.75rem 0.75rem;
  box-shadow: 0 1.125rem 2.5rem -0.75rem rgba(18, 30, 80, .35);
  transition: transform .2s;
}
.suzuvchi:hover { transform: translateY(-0.1875rem); }
.suzuvchi span { display: grid; font-size: 0.875rem; color: var(--xira); line-height: 1.3; }
.suzuvchi b { font-size: 1.0625rem; color: var(--kok); font-weight: 800; }
.suzuvchi-broyler { left: -3%; bottom: 6%; }
.suzuvchi-broyler img { width: 4rem; height: 4rem; object-fit: cover; object-position: 50% 30%; border-radius: 0.75rem; background: var(--kok); }
.suzuvchi-tuxum { left: 6%; top: 34%; padding-left: 1rem; }
.suzuvchi-tuxum .ik { width: 2.5rem; height: 2.5rem; }

/* Skoch lentalari */
.lentalar { position: relative; height: 9.375rem; margin: -2.5rem 0 -1.875rem; overflow: hidden; z-index: 4; pointer-events: none; }
.lenta { position: absolute; left: -5%; right: -5%; top: 50%; height: 3.375rem; overflow: hidden; box-shadow: 0 0.5rem 1.25rem -0.625rem rgba(18, 30, 80, .4); }
.lenta-oltin { background: var(--oltin); transform: translateY(-50%) rotate(2.2deg); }
.lenta-kok { background: var(--kok); transform: translateY(-50%) rotate(-2.6deg); }
.lenta-yol { position: absolute; inset: 0 -25rem 0 0; background-repeat: repeat-x; background-position: 0 50%; background-size: auto 100%; }
.lenta-oltin .lenta-yol { background-image: url(logo/lenta-kok.svg); }
.lenta-kok .lenta-yol { background-image: url(logo/lenta-oq.svg); }
@media (prefers-reduced-motion: no-preference) {
  .lenta-kok .lenta-yol { animation: lenta 38s linear infinite; }
  .lenta-oltin .lenta-yol { animation: lenta 46s linear infinite reverse; }
}
@keyframes lenta { from { transform: translateX(0); } to { transform: translateX(-14.13rem); } }

/* Ochilish lahzasi: taroq pastdan ko'tariladi, sarlavha qatorlari ketidan */
@media (prefers-reduced-motion: no-preference) {
  .bosh-taroq svg { animation: korinish 1.1s cubic-bezier(.2,.7,.1,1) both; transform-origin: 100% 100%; }
  .suzuvchi { animation: suzish .7s .8s ease-out both; }
  .suzuvchi-tuxum { animation-delay: .95s; }
  .afzallik { animation: suzish .8s .5s cubic-bezier(.2,.7,.1,1) both; }
  .bosh h1 { animation: suzish .8s .15s cubic-bezier(.2,.7,.1,1) both; }
  .bosh-izoh, .bosh .tugmalar { animation: suzish .8s .35s cubic-bezier(.2,.7,.1,1) both; }
}
@keyframes korinish { from { transform: translateY(14%) scale(.94); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes suzish { from { transform: translateY(1.125rem); opacity: 0; } to { transform: none; opacity: 1; } }

/* Bo'lim boshi */
.bolim-bosh { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem 3rem; align-items: end; margin-bottom: 3rem; }
.bolim-bosh p { color: var(--xira); max-width: 44ch; }

/* Mahsulotlar */
.mahsulotlar { padding: clamp(4.5rem, 10vw, 8rem) 0; background: var(--oq); }
.mahsulot-asosiy {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  background: var(--kok); color: var(--oq);
  border-radius: 1.75rem; overflow: hidden;
  min-height: 28.75rem;
}
.mahsulot-matn { padding: clamp(2rem, 5vw, 4rem); align-self: center; }
.mahsulot-ikon { width: 3.25rem; height: 3.25rem; margin-bottom: 1.25rem; }
.mahsulot-asosiy h3 { font-size: clamp(2.25rem, 4.6vw, 3.75rem); font-weight: 900; letter-spacing: -0.03em; }
.nav-belgi { color: var(--oltin); font-weight: 700; font-size: 1.25rem; margin: 0.5rem 0 1.25rem; }
.mahsulot-asosiy p:not(.nav-belgi) { max-width: 40ch; color: rgba(255,255,255,.86); }
.belgilar { list-style: none; padding: 0; margin: 1.75rem 0 0; display: flex; flex-wrap: wrap; gap: 0.625rem; }
.belgilar li {
  display: inline-flex; align-items: center; gap: 0.625rem;
  border: 1px solid rgba(210, 163, 102, .55); border-radius: 62.4375rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem; font-size: 0.9375rem; font-weight: 600;
}
.belgilar .ik { width: 1.375rem; height: 1.375rem; }
.mahsulot-rasm { position: relative; }
.mahsulot-rasm::before {
  /* oltin halqa — brend «taroq» yoyi */
  content: ""; position: absolute; right: -18%; bottom: -30%;
  width: 115%; aspect-ratio: 1; border-radius: 50%;
  border: 0.875rem solid var(--oltin);
  background: var(--kok-toq);
}
.mahsulot-rasm img {
  position: absolute; right: 6%; bottom: -6%;
  width: min(86%, 27.5rem); height: auto;
  filter: drop-shadow(0 1.5rem 2.5rem rgba(0, 0, 0, .35));
}

.mahsulot-juft { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem; margin-top: 1.5rem; }
.mahsulot { display: flex; flex-direction: column; background: var(--kul); border-radius: 1.75rem; overflow: hidden; }
.mahsulot figure { aspect-ratio: 16 / 10; overflow: hidden; }
.mahsulot figure img { width: 100%; height: 100%; object-fit: cover; }
.ikon-rasm {
  display: grid; place-items: center;
  background: var(--kok) radial-gradient(circle at 50% 120%, var(--kok-toq) 0 45%, transparent 45.2%);
}
.ikon-rasm::after { content: ""; position: absolute; }
.ikon-rasm .ik { width: 38%; height: 62%; }
.mahsulot-tavsif { padding: 1.75rem 2rem 2.125rem; }
.mahsulot-tavsif h3 { display: flex; align-items: center; gap: 0.75rem; color: var(--kok); font-size: 1.875rem; font-weight: 900; margin-bottom: 0.625rem; }
.mahsulot-tavsif h3 .ik { width: 2.125rem; height: 2.125rem; }
.mahsulot-tavsif p { color: var(--xira); max-width: 42ch; }

/* Xo'jalikdan dasturxongacha */
.xojalik { background: var(--kok); color: var(--oq); padding: clamp(4.5rem, 10vw, 8rem) 0 0; overflow: hidden; }
.xojalik-bosh { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.5rem 3rem; align-items: end; }
.xojalik h2 { color: var(--oq); }
.xojalik-bosh p { color: rgba(255,255,255,.8); max-width: 44ch; }
.yol {
  list-style: none; padding: 0; margin: 4rem 0 0;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem;
  counter-reset: qadam;
  position: relative;
}
.yol::before {
  content: ""; position: absolute; left: 2.25rem; right: 2.25rem; top: 2.25rem;
  border-top: 2px dashed rgba(210, 163, 102, .6);
}
.yol li { position: relative; counter-increment: qadam; }
.yol-ikon {
  position: relative;
  display: grid; place-items: center;
  width: 4.5rem; height: 4.5rem; border-radius: 50%;
  background: var(--kok); border: 2px solid var(--oltin); color: var(--oltin);
  margin-bottom: 1.25rem;
}
.yol-ikon .ik { width: 2.125rem; height: 2.125rem; }
.yol-ikon::after {
  content: counter(qadam);
  position: absolute; top: -0.375rem; right: -0.375rem;
  width: 1.625rem; height: 1.625rem; border-radius: 50%;
  background: var(--oltin); color: var(--kok-toq);
  font-size: 0.875rem; font-weight: 800; display: grid; place-items: center;
}
.yol h3 { font-size: 1.375rem; margin-bottom: 0.375rem; }
.yol p { color: rgba(255,255,255,.78); font-size: 1rem; max-width: 22ch; }
.xojalik-rasm { margin-top: 4.5rem; border-radius: 1.75rem 1.75rem 0 0; overflow: hidden; aspect-ratio: 21 / 9; }
.xojalik-rasm img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }

/* Hamkorlarga */
.hamkor { padding: clamp(4.5rem, 10vw, 8rem) 0; }
.hamkor-ichi { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.hamkor-rasm { border-radius: 1.75rem; overflow: hidden; aspect-ratio: 4 / 3; }
.hamkor-rasm img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; }
.hamkor-matn > p { margin: 1.125rem 0 1.75rem; color: var(--xira); max-width: 42ch; }
.hamkor-royxat { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: 1.125rem; }
.hamkor-royxat li { display: flex; align-items: flex-start; gap: 0.875rem; }
.hamkor-royxat .ik { width: 1.875rem; height: 1.875rem; margin-top: -2px; }
.hamkor-royxat b { color: var(--kok); font-weight: 800; }

/* Biz haqimizda */
.haqida { background: var(--kul); padding: clamp(4.5rem, 10vw, 8rem) 0 clamp(7.5rem, 14vw, 11.25rem); }
.haqida-ichi { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.haqida-matn h2 { margin-bottom: 1.375rem; }
.haqida-matn p { color: var(--xira); max-width: 46ch; }
.haqida-matn p + p { margin-top: 1rem; }
.haqida-rasm { border-radius: 1.75rem; overflow: hidden; aspect-ratio: 16 / 10; }
.haqida-rasm img { width: 100%; height: 100%; object-fit: cover; }

/* Aloqa (footer) */
.aloqa { position: relative; color: var(--oq); } /* fon shaffof: to'lqin chap tomoni oldingi bo'lim rangida ko'rinadi */
.aloqa-taroq { display: block; width: min(100%, 61.25rem); height: auto; margin: -6.875rem 0 0 auto; position: relative; }
.aloqa-ichi { background: var(--kok); margin-top: -1px; padding: 1.5rem 0 1.75rem; }
.aloqa-panjara { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2.5rem; align-items: end; padding-bottom: 3.5rem; }
.aloqa h2 { color: var(--oq); margin-bottom: 1.125rem; }
.aloqa-tel { display: block; font-size: clamp(2.125rem, 5vw, 4rem); font-weight: 900; letter-spacing: -0.03em; color: var(--oltin); text-decoration: none; line-height: 1.05; }
.aloqa-tel:hover { text-decoration: underline; text-decoration-thickness: 0.1875rem; text-underline-offset: 0.5rem; }
.aloqa-manzil { display: flex; align-items: center; gap: 0.625rem; margin: 1.125rem 0 1.75rem; font-size: 1.1875rem; color: rgba(255,255,255,.88); }
.aloqa-logo img { width: clamp(10rem, 18vw, 15rem); height: auto; }
.pastki { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,.16); padding-top: 1.375rem; font-size: 0.9375rem; color: rgba(255,255,255,.7); }
.pastki nav { display: flex; gap: 1.375rem; flex-wrap: wrap; }
.pastki a { text-decoration: none; }
.pastki a:hover { color: var(--oq); text-decoration: underline; }

/* Yangi qiyofa — galereya */
.qiyofa { padding: clamp(4.5rem, 10vw, 8rem) 0; }
.qiyofa-panjara {
  display: grid; gap: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: clamp(9.375rem, 16vw, 14.375rem);
}
.qiyofa-panjara figure { position: relative; border-radius: 1.375rem; overflow: hidden; background: var(--kul); }
.qiyofa-panjara img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.7,.1,1); }
.qiyofa-panjara figure:hover img { transform: scale(1.04); }
.qiyofa-panjara figcaption {
  position: absolute; left: 0.75rem; bottom: 0.75rem;
  background: rgba(255,255,255,.94); color: var(--kok);
  font-size: 0.875rem; font-weight: 700; padding: 0.375rem 0.75rem; border-radius: 62.4375rem;
}
.q-katta { grid-column: span 2; grid-row: span 2; }
.q-tik { grid-row: span 2; }
.q-keng { grid-column: span 2; }

/* Faktlar */
.faktlar { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 1.375rem 3.5rem; margin: 2rem 0 0; padding-top: 1.75rem; border-top: 2px solid rgba(30, 55, 130, .12); }
.faktlar dt { font-size: clamp(1.875rem, 3.4vw, 2.75rem); font-weight: 900; color: var(--kok); letter-spacing: -0.03em; line-height: 1; }
.faktlar dd { margin: 0.375rem 0 0; font-size: 0.9375rem; color: var(--xira); }

/* To'liq assortiment */
.assortiment { margin-top: clamp(3rem, 6vw, 5rem); }
.assortiment-bosh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 2rem; margin-bottom: 1.5rem; }
.assortiment-bosh h3 { font-size: clamp(1.625rem, 2.6vw, 2.125rem); font-weight: 900; color: var(--kok); }
.assortiment-bosh p { color: var(--xira); }
.assortiment-panjara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 2px solid var(--kok); border-radius: 1.375rem; }
.tur { padding: 1.625rem 1.75rem 1.75rem; }
.tur + .tur { border-left: 2px solid var(--kul); }
.tur h4 { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 0.875rem; font-size: 1.25rem; font-weight: 800; color: var(--kok); }
.tur h4 .ik { width: 1.875rem; height: 1.875rem; }
.tur ul { list-style: none; margin: 0; padding: 0; }
.tur li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6875rem 0; border-top: 1px dashed rgba(30, 55, 130, .18); font-size: 1rem; }
.tur li span:first-child { font-weight: 600; }
.tur li span:last-child { color: var(--xira); text-align: right; white-space: nowrap; }

/* Sifat hujjatlari */
.sifat { padding: clamp(4.5rem, 10vw, 8rem) 0; }
.sifat-royxat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.sifat-royxat li { padding: 2rem 1.75rem; border-radius: 1.375rem; background: var(--kul); }
.muhr {
  display: grid; place-items: center; width: 5.25rem; height: 5.25rem; margin-bottom: 1.375rem;
  border-radius: 50%; background: var(--kok); color: var(--oltin);
  box-shadow: 0 0 0 0.3125rem var(--kul), 0 0 0 0.4375rem var(--oltin);
}
.muhr .ik { width: 2.5rem; height: 2.5rem; }
.sifat-royxat h3 { color: var(--kok); font-size: 1.375rem; font-weight: 800; margin-bottom: 0.5rem; }
.sifat-royxat p { color: var(--xira); font-size: 1rem; }

/* Hamkorlar: kul fon, ichida ariza */
.hamkor { background: var(--kul); }
.ariza { margin-top: clamp(3rem, 6vw, 4.5rem); background: var(--oq); border-radius: 1.75rem; padding: clamp(1.5rem, 4vw, 3rem); box-shadow: 0 1.875rem 3.75rem -2.5rem rgba(18, 30, 80, .45); }
.ariza-bosh { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.5rem 3rem; align-items: end; margin-bottom: 1.75rem; }
.ariza-bosh h3 { font-size: clamp(1.625rem, 2.6vw, 2.125rem); font-weight: 900; color: var(--kok); }
.ariza-bosh p { color: var(--xira); max-width: 46ch; }
.ariza-maydonlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.125rem 1.5rem; }
.maydon { display: grid; gap: 0.5rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.maydon > span, .maydon legend { font-size: 0.9375rem; font-weight: 700; color: var(--kok); padding: 0; }
.maydon input {
  font: inherit; font-size: 1.0625rem; color: var(--matn);
  min-height: 3.25rem; padding: 0.75rem 1rem; width: 100%;
  border: 2px solid #D5D8E3; border-radius: 0.875rem; background: var(--oq);
  transition: border-color .15s;
}
.maydon input::placeholder { color: #8E94AE; }
.maydon input:focus-visible { outline: none; border-color: var(--kok); box-shadow: 0 0 0 0.25rem rgba(210, 163, 102, .35); }
.maydon input[aria-invalid="true"] { border-color: #B03A2E; }
.keng { grid-column: 1 / -1; }
.tanlov { display: flex; flex-wrap: wrap; gap: 0.625rem; }
.tanlov legend { margin-bottom: 0.5rem; float: left; width: 100%; }
.tanlov label { position: relative; cursor: pointer; }
.tanlov input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.tanlov label span {
  display: inline-flex; align-items: center; min-height: 2.875rem; padding: 0 1.125rem;
  border: 2px solid #D5D8E3; border-radius: 62.4375rem; font-weight: 600; font-size: 1rem;
  transition: background-color .15s, color .15s, border-color .15s;
}
.tanlov label:hover span { border-color: var(--kok); }
.tanlov input:checked + span { background: var(--kok); border-color: var(--kok); color: var(--oq); }
.tanlov input:checked + span::before { content: "✓"; margin-right: 0.5rem; color: var(--oltin); font-weight: 800; }
.tanlov input:focus-visible + span { outline: 0.1875rem solid var(--oltin); outline-offset: 2px; }
.ariza > .tugma { margin-top: 1.625rem; border: 0; cursor: pointer; font-family: inherit; }
.ariza-xato { margin-top: 1.125rem; color: #B03A2E; font-weight: 600; }
.ariza-natija { margin-top: 1.75rem; padding: 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.ariza-natija:focus { outline: none; }
.ariza-natija h4 { margin: 0 0 0.375rem; font-size: 1.375rem; color: var(--kok); }
.ariza-natija > p { color: var(--xira); }
.ariza-matn { margin: 1rem 0 1.25rem; padding: 1rem 1.125rem; background: var(--oq); border-radius: 0.875rem; border-left: 0.25rem solid var(--oltin); font: 500 0.9375rem/1.6 "Libre Franklin", "Inter Tight", sans-serif; white-space: pre-wrap; color: var(--matn); }
.ariza-natija .tugma-chiziq { background: transparent; cursor: pointer; font-family: inherit; }
.ariza-nusxalandi { margin-top: 0.75rem; font-weight: 700; color: var(--kok); }

/* Qayerdan sotib olish */
.sotuv { padding: clamp(4.5rem, 10vw, 8rem) 0 clamp(2.5rem, 5vw, 4rem); }
.sotuv-ichi { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: stretch; }
.sotuv-matn h2 { margin-bottom: 1.75rem; }
.sotuv-royxat { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.375rem; }
.sotuv-royxat li { display: flex; gap: 1rem; align-items: flex-start; }
.sotuv-royxat .ik { width: 2.125rem; height: 2.125rem; margin-top: 2px; }
.sotuv-royxat h3 { font-size: 1.25rem; font-weight: 800; color: var(--kok); margin-bottom: 0.25rem; }
.sotuv-royxat p { color: var(--xira); font-size: 1rem; max-width: 40ch; }
.ish-vaqti { display: flex; align-items: center; gap: 0.75rem; margin-top: 1.875rem; padding: 1rem 1.25rem; border-radius: 1rem; background: var(--kok); color: var(--oq); font-size: 1rem; }
.ish-vaqti b { color: var(--oltin); }
.ish-vaqti .ik { width: 1.5rem; height: 1.5rem; }
.sotuv-xarita { position: relative; min-height: 23.75rem; border-radius: 1.75rem; overflow: hidden; border: 0.25rem solid var(--oltin); background: var(--kul); }
.sotuv-xarita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.qiyofa { padding-top: clamp(3.5rem, 7vw, 6rem); }

/* Xarita: kalit bo'lmasa brend kartochkasi, kalit bo'lsa Yandex jonli xaritasi (brend ranglarida) */
.sotuv-xarita { background: var(--kok); }
.xarita-karta { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.75rem 1rem; color: var(--oq); text-align: center; overflow: hidden; }
.xarita-fon { position: absolute; inset: 0; width: 100%; height: 100%; }
.xarita-nuqta {
  position: relative; display: grid; place-items: center;
  width: 5.75rem; height: 5.75rem; margin-bottom: 1.125rem;
  background: var(--oq); border-radius: 50% 50% 50% 0.25rem; transform: rotate(-45deg);
  box-shadow: 0 0 0 0.625rem rgba(210, 163, 102, .25), 0 1.125rem 1.875rem -0.625rem rgba(0, 0, 0, .45);
}
.xarita-nuqta img { width: 3.125rem; transform: rotate(45deg); }
.xarita-yozuv { position: relative; padding: 0 1.25rem; }
.xarita-joy { font-size: clamp(1.625rem, 3vw, 2.25rem); font-weight: 900; letter-spacing: -0.02em; }
.xarita-yozuv > p:not(.xarita-joy) { color: rgba(255,255,255,.78); margin: 0.25rem 0 1.375rem; }
.xarita-yozuv .tugmalar { justify-content: center; }
.xarita-yol { border: 2px solid rgba(255,255,255,.45); color: var(--oq); }
.xarita-yol:hover { border-color: var(--oltin); color: var(--oltin); }
.xarita-jonli { position: absolute; inset: 0; }
.sotuv-xarita.jonli .xarita-karta { display: none; }
.sotuv-xarita [class*="-ground-pane"] { filter: url(#xarita-brend); }   /* Yandex qatlami brend ranglarida */
.sotuv-xarita [class*="-map-copyrights-promo"] { display: none; }        /* «Yandex Xaritada ochish» — o'rniga o'z tugmamiz */

.xarita-ochish {
  position: absolute; right: 0.875rem; top: 0.875rem; z-index: 2;
  background: var(--oq); color: var(--kok); font-weight: 700; font-size: 0.875rem;
  padding: 0.5rem 0.875rem; border-radius: 62.4375rem; text-decoration: none;
  box-shadow: 0 0.375rem 1rem -0.375rem rgba(0,0,0,.35);
}

/* Aloqa: tugmalar va ijtimoiy tarmoqlar */
.aloqa-tugmalar { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.ijtimoiy {
  display: inline-flex; align-items: center; gap: 0.625rem; min-height: 3.25rem; padding: 0 1.375rem;
  border-radius: 62.4375rem; border: 2px solid rgba(255,255,255,.35); color: var(--oq);
  text-decoration: none; font-weight: 700;
}
.ijtimoiy:hover { border-color: var(--oltin); color: var(--oltin); }
.ijtimoiy svg { width: 1.25rem; height: 1.25rem; fill: currentColor; }

/* «By Baraka hamkor parranda» — brendbuk imzosi */
.bosh-imzo { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; }
.bosh-imzo::before { content: ""; width: 2.5rem; height: 3px; border-radius: 3px; background: var(--oltin); }
.bosh-imzo img { height: 0.95rem; width: auto; }

/* Kompyuterdagi qo'ng'iroq oynasi */
.qongiroq-oyna {
  width: min(92vw, 25rem); padding: 2rem 1.75rem 1.75rem; border: 0; border-radius: 1.5rem;
  text-align: center; color: var(--matn); background: var(--oq);
  box-shadow: 0 1.875rem 5rem -1.25rem rgba(10, 20, 60, .5);
}
.qongiroq-oyna::backdrop { background: rgba(23, 43, 102, .55); backdrop-filter: blur(0.1875rem); }
.qongiroq-oyna h2 { font-size: 1.5rem; margin-bottom: 0.625rem; }
.qongiroq-raqam { display: block; font-size: 1.875rem; font-weight: 900; letter-spacing: -0.02em; color: var(--kok); text-decoration: none; }
.qongiroq-qr { display: block; width: 11.25rem; height: 11.25rem; margin: 1.25rem auto 0.75rem; padding: 0.625rem; border: 0.1875rem solid var(--oltin); border-radius: 1.125rem; }
.qongiroq-oyna > p { color: var(--xira); font-size: 0.9375rem; margin-bottom: 1.125rem; }
.qongiroq-oyna .tugmalar { justify-content: center; }
.qongiroq-oyna .tugma { font-family: inherit; cursor: pointer; border: 0; }
.qongiroq-oyna .tugma-chiziq { border: 2px solid var(--kok); background: transparent; }
.qongiroq-oyna .qongiroq-nusxalandi { margin: 0.75rem 0 0; font-weight: 700; color: var(--kok); }
.qongiroq-yop {
  position: absolute; right: 0.75rem; top: 0.75rem; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 50%;
  background: var(--kul); color: var(--kok); font-size: 1.5rem; line-height: 1; cursor: pointer;
}

/* ?toldir — mijozdan keladigan ma'lumot joylarini ko'rsatish (faqat tekshiruv uchun) */
html.toldir [data-toldir] { outline: 2px dashed var(--oltin); outline-offset: 0.25rem; position: relative; }
html.toldir [data-toldir]::after {
  content: "✎ " attr(data-toldir);
  position: absolute; left: 0; top: -0.875rem; z-index: 6;
  background: var(--oltin); color: var(--kok-toq);
  font: 700 0.75rem/1.2 "Libre Franklin", sans-serif; letter-spacing: 0;
  padding: 0.25rem 0.5rem; border-radius: 0.375rem; white-space: nowrap; max-width: 92vw; overflow: hidden; text-overflow: ellipsis;
  pointer-events: none;
}
.toldir-belgi {
  display: none; position: fixed; right: 1rem; bottom: 1rem; z-index: 50;
  background: var(--oltin); color: var(--kok-toq); font: 700 0.875rem/1.35 "Libre Franklin", sans-serif;
  padding: 0.625rem 0.875rem; border-radius: 0.75rem; box-shadow: 0 0.625rem 1.875rem -0.625rem rgba(0,0,0,.4); max-width: 18.125rem;
}
html.toldir .toldir-belgi { display: block; }

@media (max-width: 1180px) {
  .menyu { gap: 1rem; }
  .menyu a { font-size: 0.9375rem; }
}
@media (max-width: 1020px) {
  .assortiment-panjara { grid-template-columns: minmax(0, 1fr); }
  .tur + .tur { border-left: 0; border-top: 2px solid var(--kul); }
  .sifat-royxat { grid-template-columns: minmax(0, 1fr); }
  .sifat-royxat li { display: grid; grid-template-columns: 5.25rem minmax(0, 1fr); column-gap: 1.25rem; align-items: start; }
  .muhr { grid-row: span 2; margin: 0; }
}
@media (max-width: 820px) {
  .ariza-bosh, .ariza-maydonlar, .sotuv-ichi { grid-template-columns: minmax(0, 1fr); }
  .sotuv-xarita { min-height: 27.5rem; }
  .xarita-yozuv .tugmalar { flex-direction: column; align-items: stretch; }
  .xarita-nuqta { width: 4.75rem; height: 4.75rem; }
  .xarita-nuqta img { width: 2.625rem; }
  .ariza { padding: 1.375rem 1.125rem; border-radius: 1.375rem; }
  .sifat-royxat li { grid-template-columns: 4rem minmax(0, 1fr); padding: 1.375rem 1.125rem; }
  .muhr { width: 4rem; height: 4rem; }
  .muhr .ik { width: 1.875rem; height: 1.875rem; }
  .faktlar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 1.125rem; }
}

/* Menyu: planshetda ham yig'ma (ruscha so'zlar uzun) */
.menyu a { white-space: nowrap; }
@media (max-width: 1320px) {
  .sarlavha-ichi { gap: 0.75rem; }
  .tel-tugma { margin-left: auto; }
  .menyu-tugma {
    display: inline-grid; place-content: center; gap: 0.375rem;
    width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%;
    background: var(--kul); cursor: pointer;
  }
  .chiziq { display: block; width: 1.25rem; height: 2px; background: var(--kok); border-radius: 2px; transition: transform .2s; }
  .menyu-tugma[aria-expanded="true"] .chiziq:first-of-type { transform: translateY(0.25rem) rotate(45deg); }
  .menyu-tugma[aria-expanded="true"] .chiziq:last-of-type { transform: translateY(-0.25rem) rotate(-45deg); }
  .menyu {
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; gap: 0; margin: 0;
    background: var(--oq); border-bottom: 1px solid var(--kul);
    padding: 0.5rem var(--chet) 1rem;
    display: none;
  }
  .menyu.ochiq { display: flex; }
  .menyu a { font-size: 1.125rem; padding: 0.875rem 0; border-bottom: 1px solid var(--kul); }
  .tillar { border-left: 0; padding: 0.875rem 0 0; gap: 0.5rem; }
  .menyu .tillar a { border: 1px solid var(--kul); padding: 0.5rem 0.875rem; font-size: 0.9375rem; }
}

/* Planshet */
@media (max-width: 1020px) {
  .menyu { gap: 1.125rem; }
  .menyu a { font-size: 0.9375rem; }
  .tel-tugma span { display: none; }
  .tel-tugma { padding: 0.625rem; }
  .yol { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.5rem; }
  .yol::before { display: none; }
}

/* Telefon */
@media (max-width: 820px) {
  body { font-size: 1.0625rem; }
  .sarlavha-ichi { gap: 0.75rem; padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .logo img { height: 1.875rem; }
  .tel-tugma { margin-left: auto; }
  .menyu-tugma {
    display: inline-grid; place-content: center; gap: 0.375rem;
    width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%;
    background: var(--kul); cursor: pointer;
  }
  .chiziq { display: block; width: 1.25rem; height: 2px; background: var(--kok); border-radius: 2px; transition: transform .2s; }
  .menyu-tugma[aria-expanded="true"] .chiziq:first-of-type { transform: translateY(0.25rem) rotate(45deg); }
  .menyu-tugma[aria-expanded="true"] .chiziq:last-of-type { transform: translateY(-0.25rem) rotate(-45deg); }
  .menyu {
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; gap: 0; margin: 0;
    background: var(--oq); border-bottom: 1px solid var(--kul);
    padding: 0.5rem var(--chet) 1rem;
    display: none;
  }
  .menyu.ochiq { display: flex; }
  .menyu a { font-size: 1.125rem; padding: 0.875rem 0; border-bottom: 1px solid var(--kul); }
  .tillar { border-left: 0; padding: 0.875rem 0 0; gap: 0.5rem; }
  .menyu .tillar a { border: 1px solid var(--kul); padding: 0.5rem 0.875rem; font-size: 0.9375rem; }

  .bosh-ichi { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 0; }
  .bosh-matn { padding: 2rem var(--chet) 1.75rem; }
  .bosh-estd { width: 7.5rem; margin-bottom: 1.25rem; }
  .afzallik { margin-top: 1.75rem; gap: 0.75rem 1.25rem; }
  .suzuvchi { padding: 0.5rem 0.875rem 0.5rem 0.5rem; border-radius: 0.875rem; }
  .suzuvchi b { font-size: 0.9375rem; }
  .suzuvchi span { font-size: 0.8125rem; }
  .suzuvchi-broyler img { width: 3rem; height: 3rem; }
  .suzuvchi-broyler { left: auto; right: var(--chet); bottom: 8%; }
  .suzuvchi-tuxum { display: none; }
  .lentalar { height: 6.875rem; margin: -1.5rem 0 -1rem; }
  .lenta { height: 2.5rem; }
  .qiyofa-panjara { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 10rem; }
  .q-katta { grid-column: span 2; grid-row: span 2; }
  .q-tik { grid-row: span 2; }
  .faktlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
  .faktlar dt { font-size: 1.625rem; }
  .faktlar dd { font-size: 0.8125rem; }
  .bosh h1 { max-width: 11ch; margin-right: 0; }
  .bosh-izoh { margin: 1.125rem 0 1.5rem; }
  .bosh-taroq { margin: 0 0 0 6%; }

  .bolim-bosh, .xojalik-bosh { grid-template-columns: minmax(0, 1fr); margin-bottom: 2rem; }
  .mahsulot-asosiy { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .mahsulot-rasm { height: 21.25rem; }
  .mahsulot-rasm img { right: 50%; transform: translateX(50%); width: min(78%, 20rem); }
  .mahsulot-rasm::before { right: -30%; bottom: -55%; width: 160%; }
  .mahsulot-juft { grid-template-columns: minmax(0, 1fr); }
  .mahsulot-tavsif { padding: 1.5rem 1.5rem 1.75rem; }

  .yol { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 2.5rem; }
  .yol::before { display: block; left: 2.1875rem; right: auto; top: 2.25rem; bottom: 2.25rem; border-top: 0; border-left: 2px dashed rgba(210, 163, 102, .6); }
  .yol li { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); column-gap: 1.25rem; padding-bottom: 1.75rem; }
  .yol-ikon { grid-row: span 2; margin: 0; }
  .yol h3 { align-self: end; margin-top: 0.625rem; }
  .yol p { max-width: none; }
  .xojalik-rasm { margin-top: 2rem; aspect-ratio: 4 / 3; }

  .hamkor-ichi, .haqida-ichi { grid-template-columns: minmax(0, 1fr); }
  .haqida-rasm { order: -1; }
  .aloqa-taroq { margin-top: -3.75rem; }
  .aloqa-panjara { grid-template-columns: minmax(0, 1fr); }
  .aloqa-logo { order: -1; }
  .aloqa-logo img { width: 10rem; }
}

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

/* Kirish: logo animatsiyasi (sessiyada bir marta; bosilsa o'tkazib yuboriladi) */
.kirish { display: none; }
html.kirish-bor .kirish {
  display: grid; place-items: center;
  position: fixed; inset: 0; z-index: 100;
  background: var(--oq); cursor: pointer;
}
html.kirish-bor:not(.kirish-tugadi) { overflow: hidden; }
html.kirish-bor:not(.kirish-tugadi) .bosh * ,
html.kirish-bor:not(.kirish-tugadi) .bosh-taroq svg { animation-play-state: paused; }
.kirish-logo { width: min(52vw, 18.75rem); height: auto; overflow: visible; }
.kirish-logo * { transform-box: fill-box; }
.kirish-logo defs * { transform-box: view-box; } /* defs dagi transform atributlari o'z koordinatasida qolsin (Safari) */

.k-chiz { stroke-dasharray: 1; stroke-dashoffset: 1; animation: k-chiz .95s .15s cubic-bezier(.55,.1,.35,1) forwards; }
.k-toj { transform-origin: 50% 100%; transform: scale(0); animation: k-toj .5s cubic-bezier(.3,1.5,.5,1) forwards; animation-delay: calc(1.05s + var(--i) * .07s); }
.k-belgi { transform-origin: center; transform: translateY(50px) scale(1.35); animation: k-kotar .6s 1.45s cubic-bezier(.6,0,.2,1) forwards; }
/* S belgisi niqobsiz paydo bo'ladi (Safari niqobni noto'g'ri chizardi) */
.k-belgi path { transform-origin: 50% 100%; transform: scale(0); animation: k-paydo .8s .2s cubic-bezier(.3,1.45,.5,1) forwards; }
@keyframes k-paydo { to { transform: none; } }
.k-harflar path { transform-origin: center; opacity: 0; transform: translateX(calc(14px - var(--i) * 1px)) scale(.35); animation: k-harf .5s cubic-bezier(.2,.9,.25,1.15) forwards; animation-delay: calc(1.7s + var(--i) * .055s); }
.k-shior { opacity: 0; transform: translateY(6px); animation: k-harf .6s 2.3s cubic-bezier(.2,.9,.25,1) forwards; }
.k-nur { animation: k-nur .8s 2.85s ease-in-out forwards; }

@keyframes k-chiz { to { stroke-dashoffset: 0; } }
@keyframes k-toj { to { transform: scale(1); } }
@keyframes k-kotar { to { transform: none; } }
@keyframes k-harf { to { opacity: 1; transform: none; } }
@keyframes k-nur { to { transform: translateX(260px); } }

html.kirish-tugadi .kirish { animation: k-ket .6s cubic-bezier(.7,0,.2,1) forwards; pointer-events: none; }
@keyframes k-ket { to { clip-path: inset(0 0 100% 0); } }

/* ===== Yangiliklar va qarorlar sahifasi ===== */
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ysahifa-bosh { background: var(--kok); color: var(--oq); padding: clamp(3rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem); position: relative; overflow: hidden; }
.ysahifa-bosh::after { content: ""; position: absolute; right: -10rem; top: -12rem; width: 30rem; aspect-ratio: 1; border-radius: 50%; border: 0.75rem solid rgba(210, 163, 102, .3); }
.ysahifa-bosh h1 { font-size: clamp(2.25rem, 5vw, 4rem); font-weight: 900; letter-spacing: -0.03em; color: var(--oq); }
.ysahifa-bosh p { margin-top: 0.875rem; max-width: 52ch; color: rgba(255,255,255,.82); font-size: 1.1875rem; }
.ysahifa-boshqaruv { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; justify-content: space-between; margin-top: 2rem; }
.yfiltr { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.yfiltr button { font: inherit; font-weight: 700; font-size: 0.9375rem; color: var(--oq); background: rgba(255,255,255,.08); border: 2px solid rgba(255,255,255,.25); border-radius: 999px; padding: 0.5rem 1rem; cursor: pointer; }
.yfiltr button span { opacity: .65; margin-left: 0.25rem; }
.yfiltr button[aria-pressed="true"] { background: var(--oltin); border-color: var(--oltin); color: var(--kok-toq); }
.yqidiruv { position: relative; flex: 0 1 24rem; }
.yqidiruv .ik { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 1.25rem; height: 1.25rem; }
.yqidiruv input { width: 100%; min-height: 3.25rem; padding: 0 1rem 0 2.875rem; border: 0; border-radius: 999px; font: inherit; font-size: 1rem; color: var(--matn); background: var(--oq); }
.yqidiruv input:focus-visible { outline: 3px solid var(--oltin); outline-offset: 2px; }
.yroyxat-quti { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(4rem, 8vw, 6rem); }
.yroyxat { list-style: none; margin: 0; padding: 0; }
.ybir { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr) 1.5rem; gap: 0.5rem 1.75rem; align-items: start; padding: 1.375rem 0; border-bottom: 1px solid #E3E6EF; }
.ybir time { color: var(--xira); font-size: 0.9375rem; font-weight: 600; padding-top: 0.125rem; }
.ybelgi { display: inline-block; font-size: 0.8125rem; font-weight: 800; color: var(--kok); margin-bottom: 0.375rem; }
.ybelgi.qaror { color: var(--kok-toq); background: rgba(210, 163, 102, .22); padding: 0.1875rem 0.625rem; border-radius: 999px; }
.ybelgi.kompaniya { color: #1F8A5B; }
.ytil { display: inline-block; margin-left: 0.5rem; font-size: 0.6875rem; font-weight: 800; color: var(--xira); border: 1px solid #D5D8E3; border-radius: 4px; padding: 0 0.3125rem; vertical-align: 0.125rem; }
.ybir h2 { font-size: clamp(1.0625rem, 1.4vw, 1.25rem); font-weight: 700; line-height: 1.35; letter-spacing: -0.01em; color: var(--matn); }
.ybir h2 a { text-decoration: none; }
.ybir h2 a:hover { color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-underline-offset: 0.25rem; }
.ybir h2 a::after { content: ""; position: absolute; inset: 0; }
.ybir { position: relative; }
.ybir:hover { background: linear-gradient(90deg, transparent, rgba(30, 55, 130, .03), transparent); }
.ystrelka { width: 1.25rem; height: 1.25rem; transform: rotate(-90deg); margin-top: 0.25rem; }
.ybosh { padding: 3rem 0; color: var(--xira); text-align: center; font-size: 1.125rem; }
.yyana { margin: 2rem auto 0; display: flex; background: transparent; cursor: pointer; font-family: inherit; }
@media (max-width: 820px) {
  .ybir { grid-template-columns: minmax(0, 1fr) 1.25rem; }
  .ybir time { grid-column: 1 / -1; font-size: 0.8125rem; }
  .yqidiruv { flex-basis: 100%; }
}

/* ===== Vakansiyalar ===== */
.vroyxat-quti { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(4rem, 8vw, 6rem); }
.vroyxat { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 1.25rem; }
.vkarta { display: flex; flex-direction: column; gap: 0.625rem; padding: 1.75rem; border-radius: 1.5rem; background: var(--kul); color: var(--matn); text-decoration: none; border: 2px solid transparent; transition: border-color .2s, transform .2s; }
.vkarta:hover { border-color: var(--oltin); transform: translateY(-2px); }
.vkarta h2 { font-size: 1.5rem; font-weight: 900; color: var(--kok); }
.vmaosh { font-weight: 800; font-size: 1.125rem; }
.vchiplar { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; color: var(--xira); font-size: 0.9375rem; }
.vchiplar li { display: inline-flex; align-items: center; gap: 0.375rem; }
.vchiplar .ik { width: 1.125rem; height: 1.125rem; }
.vchiplar.oq { margin-top: 1rem; color: rgba(255,255,255,.85); font-size: 1.0625rem; }
.vchiplar.oq b { color: var(--oltin); font-size: 1.25rem; }
.vqisqa { color: var(--xira); font-size: 0.9375rem; }
.vbatafsil { margin-top: auto; padding-top: 0.5rem; font-weight: 800; color: var(--kok); }
.vorqa { display: inline-block; color: rgba(255,255,255,.75); text-decoration: none; font-weight: 600; margin-bottom: 1rem; position: relative; z-index: 1; }
.vorqa:hover { color: var(--oltin); }
.vbatafsil-ichi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: clamp(2rem, 5vw, 4rem); align-items: start; padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(4rem, 8vw, 6rem); }
.vmatn h2 { font-size: 1.5rem; font-weight: 900; color: var(--kok); margin: 2rem 0 0.75rem; }
.vmatn h2:first-child { margin-top: 0; }
.vmatn p { color: var(--matn); max-width: 62ch; }
.vmatn p + p { margin-top: 0.75rem; }
.vtalab { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.625rem; }
.vtalab li { position: relative; padding-left: 1.75rem; }
.vtalab li::before { content: ""; position: absolute; left: 0; top: 0.5rem; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--oltin); }
.vforma { position: sticky; top: 6rem; display: grid; gap: 1rem; padding: 1.75rem; border-radius: 1.5rem; background: var(--oq); box-shadow: 0 1.875rem 3.75rem -2.5rem rgba(18, 30, 80, .45), 0 0 0 1px #E3E6EF; }
.vforma h2 { font-size: 1.5rem; font-weight: 900; color: var(--kok); }
.vforma-izoh { color: var(--xira); font-size: 0.9375rem; margin-top: -0.5rem; }
.vforma .maydon { display: grid; gap: 0.375rem; }
.vforma .maydon > span { font-size: 0.875rem; font-weight: 700; color: var(--kok); }
.vforma input, .vforma textarea { font: inherit; font-size: 1rem; color: var(--matn); width: 100%; min-height: 3rem; padding: 0.625rem 0.875rem; border: 2px solid #D5D8E3; border-radius: 0.75rem; background: var(--oq); }
.vforma textarea { resize: vertical; }
.vforma input:focus-visible, .vforma textarea:focus-visible { outline: none; border-color: var(--kok); box-shadow: 0 0 0 4px rgba(210, 163, 102, .35); }
.vforma input[aria-invalid="true"] { border-color: #B03A2E; }
.vforma input[type=file] { padding: 0.5rem; min-height: auto; }
.vforma small { color: var(--xira); font-size: 0.8125rem; }
.vforma-ikki { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 0.75rem; }
.vforma .tugma { border: 0; cursor: pointer; font-family: inherit; width: 100%; }
.vforma .tugma[aria-busy="true"] { opacity: .6; }
.vxato { color: #B03A2E; font-weight: 600; }
.vyashirin { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.vtayyor { text-align: center; padding: 1rem 0; }
.vtayyor .ik { width: 3.5rem; height: 3.5rem; }
.vtayyor h3 { font-size: 1.375rem; color: var(--kok); margin: 0.75rem 0 0.375rem; }
.vtayyor:focus { outline: none; }
.vbosh { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.vbosh h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 900; color: var(--kok); margin-bottom: 1rem; }
.vbosh p { color: var(--xira); max-width: 48ch; font-size: 1.125rem; }
.vbosh .vforma { position: static; }
@media (max-width: 900px) {
  .vbatafsil-ichi, .vbosh { grid-template-columns: minmax(0, 1fr); }
  .vforma { position: static; }
}

/* Buyurtma qabul qilindi */
.ariza-yuborildi { display: flex; gap: 1rem; align-items: flex-start; margin-top: 1.5rem; padding: 1.5rem; border-radius: 1.25rem; background: #E3F4EC; }
.ariza-yuborildi .ik { width: 2.75rem; height: 2.75rem; flex: none; color: #1F8A5B; }
.ariza-yuborildi h4 { margin: 0 0 0.25rem; font-size: 1.375rem; color: #1F8A5B; }
.ariza-yuborildi:focus { outline: none; }
.ariza > .tugma[aria-busy="true"] { opacity: .6; }

.qongiroq-qr svg { display: block; width: 100%; height: 100%; }
.tur li .narx { color: var(--kok); }

/* Menyu: joriy sahifa */
.menyu > a[aria-current="page"] { color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 3px; text-underline-offset: 0.5rem; }

/* ===== Bosh sahifa: so'nggi yangiliklar ===== */
.yblok { padding: clamp(4.5rem, 10vw, 8rem) 0 0; }
.yblok-panjara { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1.25rem; }
.yblok-karta { position: relative; display: flex; flex-direction: column; gap: 0.75rem; padding: 1.75rem; border-radius: 1.5rem; background: var(--kul); color: var(--matn); text-decoration: none; min-height: 15rem; border: 2px solid transparent; transition: border-color .2s, transform .2s; }
.yblok-karta:hover { border-color: var(--oltin); transform: translateY(-2px); }
.yblok-karta h3 { font-size: 1.1875rem; font-weight: 800; line-height: 1.35; letter-spacing: -0.01em; }
.yblok-karta time { margin-top: auto; color: var(--xira); font-size: 0.875rem; font-weight: 600; }
.yblok-karta.asosiy { background: var(--kok); color: var(--oq); }
.yblok-karta.asosiy h3 { font-size: 1.5rem; }
.yblok-karta.asosiy time { color: rgba(255,255,255,.7); }
.yblok-karta.asosiy .ybelgi.qaror { background: var(--oltin); color: var(--kok-toq); }
.yblok-karta .ybelgi { align-self: flex-start; }
.yblok-hammasi { margin-top: 1.75rem; }
@media (max-width: 900px) { .yblok-panjara { grid-template-columns: minmax(0, 1fr); } .yblok-karta { min-height: 0; } }

/* ===== Bosh sahifa: vakansiya tasmasi ===== */
.vtasma { background: var(--kul); padding: 0 0 clamp(4rem, 8vw, 6rem); }
.vtasma-ichi { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.25rem 1.75rem; align-items: center; padding-top: 2rem; padding-bottom: 2rem; border-top: 2px solid rgba(30, 55, 130, .12); }
.vtasma .ik { width: 3rem; height: 3rem; }
.vtasma h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.vtasma p { color: var(--xira); margin-top: 0.25rem; }
@media (max-width: 820px) { .vtasma-ichi { grid-template-columns: auto minmax(0, 1fr); } .vtasma .tugma { grid-column: 1 / -1; } }

/* ===== Kompaniya yangiligi sahifasi ===== */
.ymaqola-ichki { max-width: 52rem; }
.ymaqola .ysahifa-bosh h1 { font-size: clamp(2rem, 4.4vw, 3.25rem); margin-top: 0.75rem; }
.ymaqola .ysahifa-bosh time { display: block; margin-top: 1rem; color: rgba(255,255,255,.75); font-weight: 600; position: relative; z-index: 1; }
.ybelgi.oq { color: var(--oltin); position: relative; z-index: 1; }
.ymatn { padding-top: clamp(2rem, 4vw, 3rem); padding-bottom: clamp(3rem, 6vw, 4.5rem); font-size: 1.1875rem; line-height: 1.7; }
.ymatn p + p { margin-top: 1.25rem; }
/* Rezyume tanlash tugmasi (brauzerning inglizcha tugmasi o'rniga) */
.vfayl-tugma { position: relative; display: flex; align-items: center; gap: 0.625rem; min-height: 3rem; padding: 0.5rem 0.875rem; border: 2px dashed #C9CEDF; border-radius: 0.75rem; cursor: pointer; color: var(--kok); font-weight: 600; }
.vfayl-tugma:hover, .vfayl-tugma:focus-within { border-color: var(--kok); background: #F6F7FB; }
.vfayl-tugma input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.vfayl-tugma .ik { width: 1.25rem; height: 1.25rem; flex: none; }
.vfayl-nom { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ===== Rahbariyat ===== */
.rahbar { background: var(--kul); padding: clamp(4.5rem, 10vw, 8rem) 0; }
.haqida + .rahbar { padding-top: clamp(1rem, 3vw, 2rem); } /* «Biz haqimizda» dan keyin — bitta kul blok bo'lib davom etadi */
.haqida:has(+ .vtasma) { padding-bottom: clamp(3rem, 6vw, 4.5rem); } /* bosh sahifa: ortidan vakansiya tasmasi keladi */
.rahbar-panjara { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.25rem; align-items: stretch; }
.rahbar-bosh { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.5rem; padding: 2.25rem; border-radius: 1.75rem; background: var(--kok); color: var(--oq); overflow: hidden; min-height: 26rem; }
.rahbar-bosh::before { content: ""; position: absolute; right: -7rem; top: -7rem; width: 22rem; aspect-ratio: 1; border-radius: 50%; border: 0.75rem solid rgba(210, 163, 102, .35); }
.rahbar-bosh h3 { font-size: clamp(1.75rem, 2.6vw, 2.25rem); font-weight: 900; letter-spacing: -0.02em; color: var(--oq); }
.rahbar-bosh p { margin-top: 0.375rem; color: var(--oltin); font-weight: 700; font-size: 1.0625rem; }
.rahbar-surat { position: relative; display: grid; place-items: center; flex: none; width: 4.75rem; height: 4.75rem; border-radius: 50%; overflow: hidden; background: var(--kok); color: var(--oltin); box-shadow: 0 0 0 3px var(--oq), 0 0 0 5px var(--oltin); font-weight: 900; font-size: 1.375rem; letter-spacing: 0.02em; }
.rahbar-surat img { width: 100%; height: 100%; object-fit: cover; }
.rahbar-surat.katta { width: 10rem; height: 10rem; font-size: 3rem; background: var(--kok-toq); box-shadow: 0 0 0 4px var(--kok), 0 0 0 7px var(--oltin); }
.rahbar-royxat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.rahbar-royxat li { display: flex; align-items: center; gap: 1.25rem; padding: 1.5rem; border-radius: 1.5rem; background: var(--oq); }
.rahbar-royxat h3 { font-size: 1.1875rem; font-weight: 800; color: var(--kok); }
.rahbar-royxat p { margin-top: 0.25rem; color: var(--xira); font-size: 0.9375rem; }
@media (max-width: 1020px) { .rahbar-panjara { grid-template-columns: minmax(0, 1fr); } .rahbar-bosh { min-height: 0; flex-direction: row; align-items: center; } }
@media (max-width: 640px) {
  .rahbar-royxat { grid-template-columns: minmax(0, 1fr); }
  .rahbar-bosh { flex-direction: column; align-items: flex-start; padding: 1.75rem; }
  .rahbar-surat.katta { width: 7rem; height: 7rem; font-size: 2.25rem; }
}

/* Logo ostidagi «by «Baraka hamkor parranda»» imzosi */
.logo-blok { flex: none; display: flex; flex-direction: column; gap: 0.2rem; }
.sarlavha-imzo { font-size: 0.6875rem; letter-spacing: 0.01em; color: var(--xira); text-decoration: none; white-space: nowrap; line-height: 1; padding-left: 2.6rem; }
.sarlavha-imzo b { color: var(--kok); font-weight: 700; }
.sarlavha-imzo:hover b { color: var(--oltin-toq); }
@media (max-width: 820px) { .sarlavha-imzo { padding-left: 2.3rem; font-size: 0.625rem; } }
.rahbar-royxat { grid-auto-rows: 1fr; }
.rahbar-royxat li:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* ===== «Xo'jalikdan dasturxongacha»: sahifa aylantirilganda yo'l to'lib boradi (faqat CSS, JS'siz) ===== */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 1021px) {
    .xojalik { view-timeline: --yol-vaqt block; }
    .yol::after {
      content: ""; position: absolute; left: 2.25rem; right: 2.25rem; top: 2.25rem; height: 2px;
      background: var(--oltin); transform-origin: left; transform: scaleX(0);
      animation: yol-tol linear both; animation-timeline: --yol-vaqt; animation-range: entry 60% contain 45%;
    }
    .yol li { animation: qadam-yon linear both; animation-timeline: --yol-vaqt; }
    .yol li:nth-child(1) { animation-range: entry 60% entry 85%; }
    .yol li:nth-child(2) { animation-range: entry 75% contain 10%; }
    .yol li:nth-child(3) { animation-range: entry 90% contain 20%; }
    .yol li:nth-child(4) { animation-range: contain 5% contain 30%; }
    .yol li:nth-child(5) { animation-range: contain 15% contain 42%; }
    .yol-ikon { transition: background-color .3s; }
  }
}
@keyframes yol-tol { to { transform: scaleX(1); } }
@keyframes qadam-yon { from { opacity: .25; transform: translateY(0.75rem); } to { opacity: 1; transform: none; } }
.yol::after { z-index: 0; }
.yol-ikon { z-index: 1; }

/* ===== Ichki sahifalar ===== */
.ichki-sahifa .mahsulotlar { padding-top: clamp(2.5rem, 5vw, 4rem); }
.ichki-sahifa .haqida { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: clamp(3rem, 6vw, 4.5rem); }
.tarix { padding: clamp(3.5rem, 7vw, 5.5rem) 0; }
.tarix h2 { margin-bottom: 2.25rem; }
.tarix-chiziq { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; position: relative; }
.tarix-chiziq::before { content: ""; position: absolute; left: 0; right: 0; top: 1.625rem; height: 3px; background: linear-gradient(90deg, var(--oltin), var(--kok)); border-radius: 3px; }
.tarix-chiziq li { position: relative; padding-top: 4.25rem; }
.tarix-yil { position: absolute; top: 0; left: 0; display: inline-grid; place-items: center; min-width: 6.5rem; height: 3.25rem; padding: 0 1.125rem; border-radius: 999px; background: var(--kok); color: var(--oltin); font-weight: 900; font-size: 1.5rem; box-shadow: 0 0 0 5px var(--oq); }
.tarix-chiziq h3 { font-size: 1.375rem; font-weight: 900; color: var(--kok); margin-bottom: 0.5rem; }
.tarix-chiziq p { color: var(--xira); max-width: 34ch; }
@media (max-width: 820px) {
  .tarix-chiziq { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .tarix-chiziq::before { left: calc(2.875rem - 1.5px); right: auto; top: 0; bottom: 0; width: 3px; height: auto; }
  .tarix-chiziq li { padding-top: 0; padding-left: 7rem; min-height: 3.25rem; }
  .tarix-yil { min-width: 0; width: 5.75rem; padding: 0; font-size: 1.0625rem; height: 2.75rem; }
}
.aloqa-kartalar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; padding-top: clamp(2.5rem, 5vw, 3.5rem); }
.akarta { display: flex; flex-direction: column; gap: 0.375rem; padding: 1.5rem; border-radius: 1.25rem; background: var(--kul); color: var(--matn); text-decoration: none; border: 2px solid transparent; transition: border-color .2s; }
a.akarta:hover { border-color: var(--oltin); }
.akarta .ik { width: 2rem; height: 2rem; margin-bottom: 0.5rem; }
.akarta-nom { font-size: 0.875rem; font-weight: 700; color: var(--xira); }
.akarta b { font-size: 1.25rem; font-weight: 800; color: var(--kok); line-height: 1.3; }
.akarta-izoh { margin-top: auto; padding-top: 0.5rem; font-size: 0.875rem; font-weight: 700; color: #85602C; }  /* kul fonda o'qiladigan oltin (kontrast 4,8) */
.akarta.asosiy { background: var(--kok); }
.akarta.asosiy .akarta-nom { color: rgba(255,255,255,.7); }
.akarta.asosiy b { color: var(--oq); font-size: 1.5rem; }
.akarta.asosiy .akarta-izoh { color: var(--oltin); }

/* ===== Kartalar: sichqoncha ustida ko'tariladi (faqat sichqonchali qurilmada, harakat o'chirilmagan bo'lsa) ===== */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .sifat-royxat li, .mahsulot, .akarta, .vkarta, .yblok-karta, .rahbar-royxat li {
    transition: transform .35s cubic-bezier(.2,.7,.1,1), box-shadow .35s cubic-bezier(.2,.7,.1,1), border-color .2s;
  }
  .sifat-royxat li:hover, .mahsulot:hover, .akarta:hover, .vkarta:hover, .yblok-karta:hover, .rahbar-royxat li:hover {
    transform: translateY(-0.375rem);
    box-shadow: inset 0 0 0 2px var(--oltin), 0 1.125rem 2.25rem -1rem rgba(30, 55, 130, .28);
  }
  .muhr { transition: transform .45s cubic-bezier(.2,.7,.1,1), box-shadow .45s; }
  .sifat-royxat li:hover .muhr { transform: scale(1.06); box-shadow: 0 0 0 0.3125rem var(--kul), 0 0 0 0.5625rem var(--oltin); }
  .sifat-royxat li:hover .muhr .ik, .akarta:hover .ik { animation: karta-silkinish .6s ease-in-out; }
  .mahsulot figure img { transition: transform .6s cubic-bezier(.2,.7,.1,1); }
  .mahsulot:hover figure img { transform: scale(1.05); }
}
@keyframes karta-silkinish {
  0%, 100% { transform: rotate(0); }
  25% { transform: rotate(-10deg); }
  50% { transform: rotate(8deg); }
  75% { transform: rotate(-4deg); }
}
.akarta.asosiy b { white-space: nowrap; }
@media (min-width: 1021px) {
  .aloqa-kartalar { grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); }
}

/* Yangilik: «Barcha yangiliklar» va turkum belgisi bir qatorda, oralig'i bilan */
.ymaqola-yuqori { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; margin-bottom: 0.25rem; }
.ymaqola-yuqori .vorqa { margin-bottom: 0; }

/* Ichki sahifalar oxirida pastki to'lqin balandligicha bo'sh joy — to'lqin matnni bosmaydi
   (bosh sahifada oxirgi «Biz haqimizda» bo'limi bu joyni o'zi qoldiradi) */
main[class] { padding-bottom: 6.875rem; }  /* ::after emas: oqimli yuklanishda «sakrash» (CLS) bermasin */
@media (max-width: 820px) { main[class] { padding-bottom: 3.75rem; } }
main:not([class]) + .aloqa { background: var(--kul); } /* bosh sahifa: oxirgi bo'lim kul — to'lqin ham kul ustida */

/* Yotiq telefon: sarlavha ixcham — ekran balandligi kontentga qolsin */
@media (orientation: landscape) and (max-height: 560px) { .sarlavha-ichi { padding-top: 0.375rem; padding-bottom: 0.375rem; } }
.qmanba { margin-top: 2rem; color: var(--xira); font-size: 0.9375rem; max-width: 60ch; }
.qmanba a { color: var(--kok); font-weight: 700; }

/* Sarlavha: 7 bandli menyu noutbukda sig'sin — sarlavha butun enni oladi, oraliqlar ixcham */
@media (min-width: 1321px) {
  .sarlavha-ichi { max-width: none; gap: 1.25rem; }
  .menyu { gap: 1.25rem; }
  .menyu a { font-size: 0.9375rem; }
  .tillar { padding-left: 0.875rem; }
}

/* ===== Sertifikatlar (haqiqiy hujjatlar) ===== */
.sert-royxat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr)); gap: 1.5rem; }
.sert { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: 1.75rem; align-items: start; padding: 1.75rem; border-radius: 1.5rem; background: var(--kul); }
.sert-muqova { display: grid; place-items: center; aspect-ratio: 1 / 1.414; border-radius: 0.5rem; overflow: hidden; background: var(--oq); box-shadow: 0 0.75rem 1.75rem -0.75rem rgba(23, 43, 102, .35); transition: transform .35s cubic-bezier(.2,.7,.1,1); }
.sert-muqova img { width: 100%; height: 100%; object-fit: cover; }
.sert-muqova .ik { width: 40%; height: 40%; }
.sert-muqova:hover, .sert-muqova:focus-visible { transform: translateY(-0.25rem) rotate(-1.5deg); }
.sert-standart { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 999px; background: var(--kok); color: var(--oltin); font-weight: 800; font-size: 0.9375rem; }
.sert h3 { margin-top: 0.75rem; color: var(--kok); font-size: 1.375rem; font-weight: 800; line-height: 1.2; }
.sert-beruvchi { margin-top: 0.5rem; color: var(--xira); font-size: 0.9375rem; }
.sert dl { margin: 1rem 0 1.25rem; display: grid; gap: 0.5rem; }
.sert dl div { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.75rem; }
.sert dt { color: var(--xira); font-size: 0.9375rem; }
.sert dd { margin: 0; font-weight: 700; color: var(--matn); }
.sert dd .sana { white-space: nowrap; }
@media (max-width: 560px) {
  .sert { grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1rem; padding: 1.125rem; }
  .sert h3 { font-size: 1.125rem; margin-top: 0.5rem; }
  .sert-standart { font-size: 0.8125rem; padding: 0.1875rem 0.5rem; }
  .sert-beruvchi { font-size: 0.875rem; }
  .sert dl { grid-column: 1 / -1; margin: 0.25rem 0 0.75rem; }
  .sert dl div { grid-template-columns: 6.5rem minmax(0, 1fr); gap: 1rem; }
  .sert .tugma { grid-column: 1 / -1; }
  .sert-matn { display: contents; }
  .sert-matn > :not(dl):not(.tugma) { grid-column: 2; }
  .sert-muqova { grid-row: 1 / span 3; align-self: start; }
  .sert-standart { justify-self: start; }
}
button.sert-muqova { padding: 0; border: 0; cursor: zoom-in; font: inherit; width: 100%; }
button.sert-muqova:disabled { cursor: default; }
.sert-oyna { width: min(94vw, 52rem); max-height: 94vh; padding: 0; border: 0; border-radius: 0.75rem; background: var(--oq); overflow: auto; overscroll-behavior: contain; }
.sert-oyna::backdrop { background: rgba(15, 28, 69, .78); backdrop-filter: blur(4px); }
.sert-oyna img { display: block; width: 100%; height: auto; }
.sert-yop { position: sticky; top: 0.5rem; float: right; margin: 0.5rem 0.5rem -3rem 0; z-index: 1; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 0; background: var(--kok); color: var(--oq); font-size: 1.75rem; line-height: 1; cursor: pointer; }
.sert-yop:focus-visible { outline: 3px solid var(--oltin); outline-offset: 2px; }

/* Ulgurji forma: hajm = miqdor + birlik + davr */
.hajm-guruh > label > span { font-size: 0.9375rem; font-weight: 700; color: var(--kok); }
.hajm-qator { display: grid; grid-template-columns: minmax(5rem, 1fr) auto auto; gap: 0.5rem; }
.hajm-qator select {
  font: inherit; font-size: 1rem; color: var(--matn); min-height: 3.25rem; padding: 0.5rem 2.25rem 0.5rem 0.875rem;
  border: 2px solid #D5D8E3; border-radius: 0.875rem; background: var(--oq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231E3782' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 0.875rem center / 0.75rem;
  appearance: none; cursor: pointer;
}
.hajm-qator select:focus-visible { outline: none; border-color: var(--kok); box-shadow: 0 0 0 0.25rem rgba(210, 163, 102, .35); }
@media (max-width: 480px) { .hajm-qator { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .hajm-qator input { grid-column: 1 / -1; } }

/* Ulgurji sahifa: shartlar kartalari */
.ulgurji-shartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; padding: clamp(2.5rem, 5vw, 3.5rem) 0 0; }
.ushart { padding: 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.ushart h2 { font-size: 1rem; font-weight: 700; color: var(--xira); margin: 0 0 0.375rem; }
.ushart p { margin: 0; font-size: 1.1875rem; font-weight: 800; color: var(--kok); line-height: 1.35; }
.ulgurji-tg { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
.ulgurji-tg p { margin: 0; color: var(--xira); }
.sotuv-royxat p a { color: var(--kok); font-weight: 700; text-decoration-color: var(--oltin); text-underline-offset: 0.2em; }

/* ===== Hamkor do'konlar ===== */
.dokon-ichi { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: start; padding-top: clamp(2rem, 4vw, 3rem); }
.dokon-xarita { position: sticky; top: calc(var(--sar-h-js, 5rem) + 1rem); }
.dokon-xarita .sotuv-xarita { min-height: 28rem; }
.dokon-boshqaruv { display: grid; gap: 1rem; margin-bottom: 1.25rem; }
.dokon-filtr button { color: var(--kok); background: var(--kul); border-color: transparent; }
.dokon-filtr button[aria-pressed="true"] { background: var(--kok); color: var(--oq); border-color: var(--kok); }
.dokon-qidiruv input { border: 2px solid #D5D8E3; }
.dokon-royxat { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.dokon { padding: 1.25rem 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.dokon-hudud { font-size: 0.875rem; font-weight: 700; color: var(--oltin-toq); }
.dokon h2 { margin: 0.125rem 0 0.25rem; font-size: 1.3125rem; font-weight: 800; color: var(--kok); }
.dokon p { margin: 0; color: var(--xira); }
.dokon-amal { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin-top: 0.75rem; font-weight: 700; }
.dokon-amal a { color: var(--kok); }
.dokon-amal span { color: var(--xira); font-weight: 600; }
.dokon-bosh { padding: 1.75rem; border-radius: 1.25rem; background: var(--kul); }
.dokon-bosh p { margin: 0 0 1.25rem; font-size: 1.125rem; }
@media (max-width: 900px) {
  .dokon-ichi { grid-template-columns: minmax(0, 1fr); }
  .dokon-xarita { position: static; order: -1; }
  .dokon-xarita .sotuv-xarita { min-height: 18rem; }
}

/* ===== Tashriflar va voqealar ===== */
.tashrif { padding: clamp(4.5rem, 10vw, 8rem) 0; background: var(--kok); color: var(--oq); }
.tashrif h2 { color: var(--oq); }
.tashrif .bolim-bosh p { color: rgba(255, 255, 255, .8); }
.tashrif-videolar { display: flex; flex-wrap: wrap; gap: 1.25rem; align-items: flex-start; margin-bottom: 1.25rem; }
.tvideo { margin: 0; flex: 1 1 30rem; min-width: 0; }
.tvideo.tik { flex: 0 1 min(22rem, 100%); }
.tashrif-videolar > .tvideo:first-child:not(.tik) { flex-basis: 100%; } /* birinchi yotiq video (korxona filmi) — butun kenglikda */
.tvideo video { max-height: 80vh; object-fit: contain; }
.tvideo video, .tvideo iframe { display: block; width: 100%; border: 0; border-radius: 1.25rem; background: #0F1C45; }
.tvideo iframe { aspect-ratio: 16 / 9; height: auto; }
.tvideo figcaption { display: grid; gap: 0.25rem; margin-top: 0.75rem; }
.tvideo figcaption b { font-size: 1.125rem; font-weight: 800; color: var(--oq); line-height: 1.3; }
.tvideo figcaption span, .tvideo figcaption time { color: rgba(255, 255, 255, .72); font-size: 0.9375rem; }
.tashrif-suratlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.tsurat { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 1.25rem; overflow: hidden; cursor: zoom-in; background: #0F1C45; aspect-ratio: 3 / 2; }
.tsurat img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; transition: transform .6s cubic-bezier(.2,.7,.1,1); }
.tsurat span { position: absolute; left: 0; right: 0; bottom: 0; padding: 2.5rem 1rem 0.875rem; text-align: left; font: 700 0.9375rem/1.3 "Libre Franklin", sans-serif; color: var(--oq); background: linear-gradient(to top, rgba(15, 28, 69, .85), transparent); }
.tsurat:hover img, .tsurat:focus-visible img { transform: scale(1.05); }
.tsurat:focus-visible { outline: 3px solid var(--oltin); outline-offset: 3px; }
.tashrif-oyna { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; background: rgba(9, 17, 44, .96); color: var(--oq); }
.tashrif-oyna::backdrop { background: rgba(9, 17, 44, .9); }
.tashrif-oyna img { position: absolute; inset: 3.5rem 1rem 4rem; width: calc(100% - 2rem); height: calc(100% - 7.5rem); object-fit: contain; }
.tashrif-oyna-nom { position: absolute; left: 1rem; right: 1rem; bottom: 1.25rem; margin: 0; text-align: center; font-weight: 700; }
.toyna-tugma { position: absolute; width: 3rem; height: 3rem; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .14); color: var(--oq); font-size: 2rem; line-height: 1; cursor: pointer; }
.toyna-tugma:hover, .toyna-tugma:focus-visible { background: var(--oltin); color: var(--kok-toq); outline: none; }
.toyna-yop { top: 0.75rem; right: 0.75rem; }
.toyna-oldingi { left: 0.75rem; top: 50%; transform: translateY(-50%); }
.toyna-keyingi { right: 0.75rem; top: 50%; transform: translateY(-50%); }
@media (max-width: 820px) {
  .tvideo.tik { margin-inline: auto; }
  .tashrif-suratlar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.75rem; }
  .tsurat span { font-size: 0.8125rem; padding: 2rem 0.625rem 0.625rem; }
}
@media (max-width: 820px) {
  .toyna-oldingi, .toyna-keyingi { top: auto; bottom: 1rem; transform: none; }
  .tashrif-oyna-nom { bottom: 1.875rem; left: 4.5rem; right: 4.5rem; font-size: 0.9375rem; }
  .tashrif-oyna img { inset: 3.75rem 0.75rem 5rem; width: calc(100% - 1.5rem); height: calc(100% - 8.75rem); }
}

/* ===== Brend video pleyeri ===== */
.pleyer { position: relative; border-radius: 1.25rem; overflow: hidden; background: #0F1C45; isolation: isolate; }
.pleyer video { display: block; width: 100%; max-height: 80vh; object-fit: contain; border-radius: 0; background: #0F1C45; }
.pleyer:fullscreen { border-radius: 0; display: grid; place-items: center; }
.pleyer:fullscreen video { max-height: 100vh; height: 100%; }
.pl-katta, .pl-panel { display: none; }
.pleyer.tayyor .pl-katta { display: grid; }
.pleyer.tayyor .pl-panel { display: flex; }
.pl-katta {
  position: absolute; left: 50%; top: 50%; translate: -50% -50%; place-items: center;
  width: clamp(4rem, 9vw, 5.5rem); aspect-ratio: 1; border: 0; border-radius: 50%; cursor: pointer;
  background: var(--oltin); color: var(--kok-toq); box-shadow: 0 0 0 0.5rem rgba(210, 163, 102, .28), 0 1rem 2.5rem -0.75rem rgba(0, 0, 0, .5);
  transition: transform .3s cubic-bezier(.2,.7,.1,1), opacity .3s, box-shadow .3s;
}
.pl-katta svg { width: 44%; fill: currentColor; margin-left: 8%; }
.pl-katta:hover, .pl-katta:focus-visible { transform: scale(1.08); box-shadow: 0 0 0 0.75rem rgba(210, 163, 102, .35), 0 1rem 2.5rem -0.75rem rgba(0, 0, 0, .5); outline: none; }
.pleyer[data-holat="oynayapti"] .pl-katta { opacity: 0; pointer-events: none; transform: scale(.85); }
.pl-panel {
  position: absolute; left: 0.75rem; right: 0.75rem; bottom: 0.75rem; align-items: center; gap: 0.5rem;
  padding: 0.375rem 0.625rem; border-radius: 999px; background: rgba(15, 28, 69, .72); backdrop-filter: blur(8px);
  color: var(--oq); transition: opacity .35s, transform .35s;
}
.pleyer[data-holat="toxtagan"] .pl-panel { opacity: 0; transform: translateY(0.5rem); pointer-events: none; }
.pleyer.jim-panel .pl-panel { opacity: 0; transform: translateY(0.5rem); }
.pleyer.jim-panel { cursor: none; }
.pl-tugma { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: none; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.pl-tugma svg { width: 1.375rem; height: 1.375rem; fill: currentColor; }
.pl-tugma:hover, .pl-tugma:focus-visible { background: rgba(255, 255, 255, .14); outline: none; color: var(--oltin); }
.pl-i-pauza, .pl-i-jim { display: none; }
.pleyer[data-holat="oynayapti"] .pl-i-play { display: none; }
.pleyer[data-holat="oynayapti"] .pl-i-pauza { display: block; }
.pleyer.jim .pl-i-ovoz { display: none; }
.pleyer.jim .pl-i-jim { display: block; }
.pl-vaqt { flex: none; font-size: 0.8125rem; font-weight: 700; font-variant-numeric: tabular-nums; opacity: .9; }
.pl-surish { --f: 0%; flex: 1; min-width: 3rem; height: 1.5rem; margin: 0; background: transparent; appearance: none; -webkit-appearance: none; cursor: pointer; }
.pl-surish::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(to right, var(--oltin) var(--f), rgba(255, 255, 255, .3) var(--f)); }
.pl-surish::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .3); }
.pl-surish::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--oltin); }
.pl-surish::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%; background: var(--oltin); box-shadow: 0 0 0 3px rgba(210, 163, 102, .3); }
.pl-surish::-moz-range-thumb { width: 14px; height: 14px; border: 0; border-radius: 50%; background: var(--oltin); }
.pl-surish:focus-visible { outline: 2px solid var(--oltin); outline-offset: 4px; border-radius: 4px; }
@media (max-width: 480px) { .pl-vaqt { display: none; } }

/* ===== Ishlab chiqarish ===== */
.ishlab-raqamlar { padding-top: clamp(2.5rem, 5vw, 3.5rem); padding-bottom: clamp(2.5rem, 5vw, 3.5rem); }
.ishlab-raqamlar dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 1rem; }
.ishlab-raqamlar dl div { display: grid; padding: 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.ishlab-raqamlar dt { order: 2; color: var(--xira); font-weight: 600; margin-top: 0.25rem; }
.ishlab-raqamlar dd { order: 1; margin: 0; font-size: clamp(1.75rem, 3.4vw, 2.75rem); font-weight: 900; letter-spacing: -0.03em; color: var(--kok); line-height: 1.05; }
.ishlab-viloyat { margin: 1.25rem 0 0; font-size: 1.125rem; color: var(--matn); }
.ishlab-bosqich { padding: clamp(4rem, 9vw, 7rem) 0; }
.ishlab-bosqich h2 { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 900; letter-spacing: -0.03em; color: var(--kok); margin-bottom: 2rem; }
.bosqich { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(1.25rem, 4vw, 3rem); padding: 2rem 0; border-top: 1px solid #E3E6EF; }
.bosqich h3 { font-size: 1.5rem; font-weight: 900; color: var(--kok); }
.bosqich p { margin-top: 0.5rem; color: var(--xira); }
.bosqich-media { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; }
.bosqich-media figure { margin: 0; }
.bosqich-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1rem; }
.bosqich-media figcaption { margin-top: 0.375rem; font-size: 0.9375rem; color: var(--xira); }
.ishlab-eksport { padding: clamp(4rem, 9vw, 6rem) 0; background: var(--kok); color: var(--oq); }
.ishlab-eksport h2 { color: var(--oq); font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 900; }
.ishlab-eksport p { margin: 1rem 0 1.75rem; max-width: 60ch; color: rgba(255, 255, 255, .85); font-size: 1.1875rem; }
.ishlab-cta { padding-top: clamp(3.5rem, 7vw, 5rem); padding-bottom: clamp(1rem, 3vw, 2rem); }
.ishlab-cta h2 { font-size: clamp(1.75rem, 3.2vw, 2.5rem); font-weight: 900; color: var(--kok); }
.ishlab-cta p { margin: 0.5rem 0 1.25rem; color: var(--xira); }
@media (max-width: 820px) { .bosqich { grid-template-columns: minmax(0, 1fr); } }
/* 8 bandli menyu noutbukda (1321–1479 px) sig'sin: ixcham oraliq, telefon tugmasi faqat belgi */
@media (min-width: 1321px) and (max-width: 1479px) {
  .menyu { gap: 0.875rem; }
  .menyu a { font-size: 0.875rem; }
  .tel-tugma span { display: none; }
  .tel-tugma { padding: 0.625rem; }
}

/* ===== Maxfiylik siyosati ===== */
.maxfiylik { max-width: 46rem; padding-top: clamp(2.5rem, 5vw, 3.5rem); padding-bottom: clamp(3rem, 6vw, 4.5rem); }
.maxfiylik section + section { margin-top: 2rem; }
.maxfiylik h2 { font-size: 1.375rem; font-weight: 800; color: var(--kok); margin-bottom: 0.5rem; }
.maxfiylik p, .maxfiylik li { color: var(--matn); line-height: 1.65; }
.maxfiylik ul { margin: 0.5rem 0 0; padding-left: 1.25rem; display: grid; gap: 0.375rem; }
.maxfiylik-sana { margin-top: 2.5rem; color: var(--xira) !important; font-size: 0.9375rem; }
.maxfiylik-sana a { color: var(--kok); font-weight: 700; }
.rozilik { margin: 0.75rem 0 0; font-size: 0.875rem; color: var(--xira); }
.rozilik a { color: var(--kok); font-weight: 700; }

/* Kontrast (WCAG AA): och oltin va yashil yozuvlar to'qroq */
.ybelgi.kompaniya { color: #146B45; }

.qongiroq-qr[hidden] { display: none; }

/* «Xoʻjalik boʻylab sayohat» (Ishlab chiqarish): havodan kadr, sahnalar kartasi, video oynasi */
.sayohat { background: var(--kok-toq); padding-bottom: clamp(3.5rem, 7vw, 5.5rem); margin-top: clamp(3rem, 6vw, 5rem); }
.sayohat-sahna { position: relative; height: clamp(24rem, 56vw, 42rem); overflow: hidden; }
.sayohat-fon { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sayohat-sahna::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(15, 28, 69, .78) 0%, rgba(15, 28, 69, .15) 38%, rgba(23, 43, 102, 0) 60%, var(--kok-toq) 100%); }
.sayohat-bosh { position: relative; z-index: 1; padding-top: clamp(2rem, 5vw, 3.5rem); }
.sayohat-bosh h2 { color: var(--oq); font-size: clamp(2rem, 4.4vw, 3.75rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.05; max-width: 16ch; }
.sayohat-bosh p { margin-top: 0.75rem; color: rgba(255, 255, 255, .82); max-width: 40ch; }
.sayohat-nuqta { position: absolute; z-index: 2; width: 1.5rem; height: 1.5rem; padding: 0; border: 3px solid var(--oq); border-radius: 50%; background: var(--oltin); cursor: pointer; transform: translate(-50%, -50%); box-shadow: 0 0 0 0 rgba(210, 163, 102, .7); animation: sayohat-puls 2.2s infinite; }
.sayohat-nuqta span { position: absolute; left: 50%; bottom: calc(100% + 0.5rem); transform: translateX(-50%); white-space: nowrap; padding: 0.375rem 0.75rem; border-radius: 0.625rem; background: var(--oq); color: var(--kok-toq); font-weight: 800; font-size: 0.875rem; opacity: 0; pointer-events: none; transition: opacity .2s; }
.sayohat-nuqta:hover span, .sayohat-nuqta:focus-visible span { opacity: 1; }
@keyframes sayohat-puls { 70% { box-shadow: 0 0 0 0.875rem rgba(210, 163, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(210, 163, 102, 0); } }
.sayohat-royxat { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; list-style: none; margin: clamp(-9rem, -10vw, -4rem) 0 0; padding: 0; }
.sayohat-karta { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0 0 1rem; border: 0; border-radius: 1.125rem; overflow: hidden; background: var(--oq); text-align: left; font: inherit; cursor: pointer; transition: transform .25s, box-shadow .25s; }
.sayohat-karta:hover { transform: translateY(-4px); box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(0, 0, 0, .5); }
.sayohat-karta:focus-visible { outline: 3px solid var(--oltin); outline-offset: 3px; }
.sayohat-muqova { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--kok); }
.sayohat-muqova img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .1, 1); }
.sayohat-karta:hover .sayohat-muqova img { transform: scale(1.06); }
.sayohat-play { position: absolute; left: 50%; top: 50%; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: rgba(210, 163, 102, .95); transform: translate(-50%, -50%); }
.sayohat-play::after { content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-50%, -50%); border-style: solid; border-width: 0.5rem 0 0.5rem 0.8rem; border-color: transparent transparent transparent var(--kok-toq); }
.sayohat-raqam { margin: 0.875rem 1rem 0; font-size: 0.8125rem; font-weight: 800; color: var(--oltin-toq); font-variant-numeric: tabular-nums; }
.sayohat-karta b { margin: 0.125rem 1rem 0; font-size: 1.0625rem; line-height: 1.3; color: var(--kok-toq); }
.sayohat-oyna { width: min(64rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: 1.25rem; overflow: hidden; background: #0F1C45; color: var(--oq); }
.sayohat-oyna::backdrop { background: rgba(8, 15, 40, .82); }
.sayohat-ekran { position: relative; }
.sayohat-oyna video { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: calc(100dvh - 10rem); object-fit: contain; background: #000; }
.sayohat-oyna-past { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.25rem 1.25rem; }
.sayohat-hisob { font-size: 0.8125rem; font-weight: 800; color: var(--oltin); font-variant-numeric: tabular-nums; }
.sayohat-oyna h3 { margin: 0.125rem 0 0; font-size: 1.25rem; color: var(--oq); }
.sayohat-oyna-past p { margin: 0.25rem 0 0; color: rgba(255, 255, 255, .75); font-size: 0.9375rem; }
.sayohat-boshqar { display: flex; gap: 0.5rem; flex: none; }
.sayohat-boshqar button, .sayohat-yop { display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0 0 0.2rem; border: 0; border-radius: 50%; background: var(--oltin); color: var(--kok-toq); font-size: 1.75rem; font-weight: 700; line-height: 1; cursor: pointer; }
.sayohat-boshqar button:hover { background: #E0B67E; }
.sayohat-yop { position: absolute; top: 0.75rem; right: 0.75rem; width: 2.5rem; height: 2.5rem; background: rgba(0, 0, 0, .55); color: var(--oq); font-size: 1.5rem; }
@media (max-width: 1020px) { .sayohat-royxat { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px) {
  .sayohat-royxat { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 68%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.5rem; margin-inline: calc(var(--chet) * -1); padding-inline: var(--chet); scrollbar-width: none; }
  .sayohat-royxat li { scroll-snap-align: start; }
  .sayohat-nuqta span { display: none; }
}
@media (prefers-reduced-motion: reduce) { .sayohat-nuqta { animation: none; } .sayohat-karta, .sayohat-muqova img { transition: none; } }

/* «Joʻja buyurtmasi»: chapda hisoblagich, oʻngda ariza */
.mahsulot-tugma { margin-top: 1.25rem; }
.joja { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 6fr); gap: clamp(1.5rem, 3vw, 2.5rem); align-items: start; padding-top: clamp(2rem, 4vw, 3rem); }
.joja-hisob { display: grid; gap: 1.25rem; }
.joja-rasm { margin: 0; aspect-ratio: 16 / 9; border-radius: 1.5rem; overflow: hidden; background: var(--kok); }
.joja-rasm img { width: 100%; height: 100%; object-fit: cover; }
.joja-kirit { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 1rem 1.5rem; align-items: start; }
.joja-kirit .maydon > span { font-weight: 700; color: var(--matn); }
.joja-kirit small { color: var(--xira); font-size: 0.8125rem; }
.joja-son { display: grid; grid-template-columns: minmax(0, 1fr) 7.5rem; gap: 0.875rem; align-items: center; }
.joja-son input[type=range] { width: 100%; accent-color: var(--kok); height: 2rem; }
.joja-son input[data-son], .joja-kirit input[type=date] { font: inherit; font-weight: 800; color: var(--kok); text-align: center; min-height: 3.25rem; padding: 0 0.75rem; border: 2px solid #DDE0EA; border-radius: 0.875rem; background: var(--oq); width: 100%; font-variant-numeric: tabular-nums; }
.joja-kirit input[type=date] { text-align: left; }
.joja-son input[data-son]:focus-visible, .joja-kirit input[type=date]:focus-visible { outline: none; border-color: var(--kok); box-shadow: 0 0 0 0.25rem rgba(210, 163, 102, .35); }
.joja-natija { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; }
.joja-natija > div { display: grid; gap: 0.125rem; padding: 1rem 1.125rem; border-radius: 1rem; background: var(--kul); }
.joja-natija > div:first-child { background: var(--kok); }
.joja-natija dt { font-size: 0.875rem; font-weight: 700; color: var(--xira); }
.joja-natija dd { margin: 0; font-size: clamp(1.25rem, 2.2vw, 1.625rem); font-weight: 900; color: var(--kok-toq); line-height: 1.2; font-variant-numeric: tabular-nums; }
.joja-natija small, .joja-natija dd.joja-izoh { font-size: 0.8125rem; font-weight: 400; line-height: 1.4; color: var(--xira); }
.joja-natija > div:first-child dt, .joja-natija > div:first-child small, .joja-natija > div:first-child dd.joja-izoh { color: rgba(255, 255, 255, .72); }
.joja-natija > div:first-child dd:not(.joja-izoh) { color: var(--oq); }
.joja-ozuqa { border-radius: 1rem; background: var(--kul); padding: 0.875rem 1.125rem; }
.joja-ozuqa summary { cursor: pointer; font-weight: 800; color: var(--kok); }
.joja-ozuqa table { width: 100%; margin-top: 0.75rem; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.joja-ozuqa th, .joja-ozuqa td { padding: 0.5rem 0.25rem; text-align: left; border-top: 1px solid #DDE0EA; }
.joja-ozuqa th { font-size: 0.8125rem; color: var(--xira); }
.joja-ozuqa td:last-child { font-weight: 800; color: var(--kok-toq); text-align: right; }
.joja-izoh { font-size: 0.875rem; color: var(--xira); max-width: 62ch; }
.joja-forma { margin-top: 0; position: sticky; top: calc(var(--sar-h, 5rem) + 1rem); }
.joja-forma .ariza-bosh { grid-template-columns: minmax(0, 1fr); }
.joja-forma .ariza-bosh h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 900; color: var(--kok); }
.joja-forma .ariza-maydonlar { grid-template-columns: minmax(0, 1fr); }
.joja-forma .keng { grid-column: auto; }
.joja-xulosa { margin: 1.125rem 0 0; padding: 0.75rem 1rem; border-radius: 0.875rem; background: #F7EEDF; color: var(--kok-toq); font-weight: 700; }
.joja-xulosa:empty { display: none; }
.joja-forma > .tugma { margin-top: 1.25rem; width: 100%; }
@media (max-width: 1020px) {
  .joja { grid-template-columns: minmax(0, 1fr); }
  .joja-forma { position: static; }
}
@media (max-width: 560px) {
  .joja-kirit { grid-template-columns: minmax(0, 1fr); }
  .joja-son { grid-template-columns: minmax(0, 1fr) 6.5rem; }
  .joja-rasm { aspect-ratio: 16 / 9; }
}
/* Joʻja sahifasidagi oʻzbekcha taqvim (public/admin-sana.js; admin paneldagi bilan bir xil) */
.joja .sana-ro { position: relative; width: 100%; }
.joja .sana-ro .tanlov-tugma { display: flex; align-items: center; gap: 0.625rem; width: 100%; min-height: 3.25rem; padding: 0 0.875rem; font: inherit; font-weight: 800; color: var(--kok); text-align: left; background: var(--oq); border: 2px solid #DDE0EA; border-radius: 0.875rem; cursor: pointer; font-variant-numeric: tabular-nums; }
.joja .sana-ro .tanlov-tugma:focus-visible, .joja .sana-ro.ochiq .tanlov-tugma { outline: none; border-color: var(--kok); box-shadow: 0 0 0 0.25rem rgba(210, 163, 102, .35); }
.joja .sana-ro .tanlov-matn { flex: 1; }
.joja .sana-ro .tanlov-tugma svg { color: var(--xira); }
.joja .tanlov-royxat.taqvim { position: absolute; z-index: 30; right: 0; top: calc(100% + 0.375rem); width: min(19rem, 86vw); padding: 0.75rem; background: var(--oq); border: 1px solid #DDE0EA; border-radius: 1rem; box-shadow: 0 1.25rem 2.5rem -1.25rem rgba(23, 43, 102, .45); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s, transform .15s, visibility 0s .15s; }
.joja .sana-ro.tepaga .taqvim { top: auto; bottom: calc(100% + 0.375rem); }
.joja .sana-ro.ochiq .taqvim { opacity: 1; visibility: visible; transform: none; transition: opacity .15s, transform .15s; }
.joja .taqvim-bosh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; }
.joja .taqvim-bosh b { color: var(--kok); }
.joja .taqvim button { font: inherit; border: 0; background: none; cursor: pointer; color: var(--matn); border-radius: 0.5rem; }
.joja .taqvim-bosh button { width: 2.25rem; height: 2.25rem; font-size: 1.375rem; color: var(--kok); }
.joja .taqvim-kunlar, .joja .taqvim-panjara { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; text-align: center; }
.joja .taqvim-kunlar span { font-size: 0.75rem; font-weight: 700; color: var(--xira); padding: 0.25rem 0; }
.joja .taqvim-panjara button { height: 2.25rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.joja .taqvim-panjara button:hover:not(:disabled), .joja .taqvim-panjara button[data-faol] { background: var(--kul); }
.joja .taqvim-panjara button:disabled { color: #C3C7D6; cursor: default; }
.joja .taqvim-panjara button.bugun { box-shadow: inset 0 0 0 2px var(--oltin); }
.joja .taqvim-panjara button[aria-pressed="true"] { background: var(--kok); color: var(--oq); }
.joja .taqvim-past { display: flex; justify-content: space-between; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #DDE0EA; }
.joja .taqvim-past button { padding: 0.5rem 0.75rem; font-weight: 700; color: var(--kok); }

/* Stok suratlar ustidagi brend belgisi (oq logo, o'ng past burchak) — ekranga qarab kesilsa ham joyida qoladi */
.brend-rasm { position: relative; }
.brend-rasm > .brend-belgi { position: absolute; right: 4%; bottom: 5%; width: clamp(2.75rem, 9%, 5.25rem) !important; height: auto !important; opacity: .94; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35)); pointer-events: none; object-fit: contain !important; transform: none !important; }

/* Bosh sahifa: «Fermerlar uchun joʻja» */
.fermer { padding: clamp(4.5rem, 10vw, 8rem) 0; background: var(--oq); }
.fermer-ichi { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.fermer-rasm { margin: 0; aspect-ratio: 3 / 2; border-radius: 1.75rem; overflow: hidden; background: var(--kok); }
.fermer-rasm > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.fermer-matn h2 { font-size: clamp(2.25rem, 4.4vw, 4rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1; color: var(--kok); }
.fermer-matn > p { margin-top: 1rem; color: var(--xira); max-width: 42ch; font-size: 1.125rem; }
.fermer-hisob { margin: 1.75rem 0 1.5rem; padding: 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.fermer-son { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 0.25rem 1rem; }
.fermer-son span { font-weight: 700; color: var(--matn); }
.fermer-son output { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 900; color: var(--kok); font-variant-numeric: tabular-nums; }
.fermer-son input[type=range] { grid-column: 1 / -1; width: 100%; height: 2rem; margin: 0.25rem 0 0; accent-color: var(--kok); }
.fermer-hisob dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin: 1rem 0 0; }
.fermer-hisob dl > div { display: flex; flex-direction: column; justify-content: space-between; padding: 0.875rem 1rem; border-radius: 0.875rem; background: var(--oq); }
.fermer-hisob dt { font-size: 0.8125rem; font-weight: 700; color: var(--xira); }
.fermer-hisob dd { margin: 0.25rem 0 0; font-size: clamp(1rem, 1.35vw, 1.1875rem); font-weight: 900; line-height: 1.2; color: var(--kok-toq); font-variant-numeric: tabular-nums; }
.fermer-hisob small { display: block; margin-top: 0.75rem; font-size: 0.8125rem; color: var(--xira); }
.fermer-eksport { display: flex; gap: 0.75rem; align-items: flex-start; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #DDE0EA; color: var(--matn); font-weight: 600; max-width: 46ch; }
.fermer-eksport .ik { width: 1.75rem; height: 1.75rem; margin-top: 0.125rem; }
@media (max-width: 1020px) {
  .fermer-ichi { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .fermer-hisob { padding: 1.125rem; }
  .fermer-hisob dl { grid-template-columns: minmax(0, 1fr); gap: 0.5rem; }
  .fermer-hisob dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 0.75rem 0.875rem; }
}

/* Sertifikat: «Haqiqiyligini tekshirish» */
.sert-tugmalar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-top: 1rem; }
.sert-tekshir { font-weight: 800; color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.sert-tekshir:hover { color: var(--oltin-toq); }
.sert-izoh { margin-top: 0.5rem; font-size: 0.875rem; color: var(--xira); }

/* Savol-javob */
.savollar { padding: clamp(3.5rem, 8vw, 6rem) 0; }
.savollar-ichki { padding: clamp(2rem, 4vw, 3rem) 0 0; }
.savollar-ichi { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 1.5rem clamp(2rem, 5vw, 5rem); align-items: start; }
.savollar-bosh h2 { font-size: clamp(1.875rem, 3.4vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.05; color: var(--kok); }
.savollar-ichki .savollar-bosh h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.savollar-hammasi { display: inline-block; margin-top: 1rem; font-weight: 800; color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.savollar-royxat { display: grid; gap: 0.75rem; }
.savol { border-radius: 1rem; background: var(--kul); }
.savol summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.125rem 1.25rem; cursor: pointer; list-style: none; font-weight: 800; color: var(--kok-toq); font-size: 1.0625rem; }
.savol summary::-webkit-details-marker { display: none; }
.savol summary::after { content: ""; flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--oq) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3782' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 0.875rem no-repeat; transition: transform .25s; }
.savol[open] summary::after { transform: rotate(45deg); }
.savol summary:focus-visible { outline: 3px solid var(--oltin); outline-offset: 2px; border-radius: 1rem; }
.savol p { margin: 0; padding: 0 1.25rem 1.25rem; color: var(--matn); max-width: 64ch; }
@media (max-width: 820px) { .savollar-ichi { grid-template-columns: minmax(0, 1fr); } }

/* Taomlar */
.taomlar { padding: clamp(3rem, 7vw, 5rem) 0; }
.taomlar-qisqa { background: var(--kul); padding: clamp(4rem, 9vw, 7rem) 0; }
.taom-panjara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); list-style: none; margin: 0; padding: 0; }
.taom-karta { display: flex; flex-direction: column; height: 100%; border-radius: 1.25rem; overflow: hidden; background: var(--oq); color: inherit; text-decoration: none; transition: transform .25s, box-shadow .25s; }
.taom-karta:hover { transform: translateY(-4px); box-shadow: 0 1.25rem 2.5rem -1.5rem rgba(23, 43, 102, .4); }
.taom-karta:focus-visible { outline: 3px solid var(--oltin); outline-offset: 3px; }
.taom-karta figure { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: var(--kul); }
.taom-karta figure > img:first-child { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .1, 1); }
.taom-karta:hover figure > img:first-child { transform: scale(1.05); }
.taom-meta { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; margin: 1rem 1.25rem 0; font-size: 0.8125rem; font-weight: 700; color: var(--oltin-toq); }
.taom-karta h3 { margin: 0.25rem 1.25rem 0; font-size: 1.25rem; color: var(--kok-toq); line-height: 1.25; }
.taom-karta p { margin: 0.375rem 1.25rem 1.25rem; color: var(--xira); font-size: 0.9375rem; }
.taom-hammasi { margin-top: 2rem; }
.taom-bosh { background: var(--kok); color: var(--oq); padding: clamp(2rem, 5vw, 3.5rem) 0; }
.taom-bosh-ichi { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.taom-bosh h1 { margin-top: 0.75rem; color: var(--oq); font-size: clamp(2.25rem, 4.6vw, 4rem); font-weight: 900; letter-spacing: -0.035em; line-height: 1; }
.taom-bosh p { margin-top: 1rem; color: rgba(255, 255, 255, .85); max-width: 44ch; }
.taom-orqa { color: var(--oltin); font-weight: 800; text-decoration: none; }
.taom-orqa::before { content: "\2190\00a0"; }
.taom-vaqt b { color: var(--oltin); }
.taom-rasm { margin: 0; aspect-ratio: 4 / 3; border-radius: 1.5rem; overflow: hidden; }
.taom-rasm > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.taom-retsept { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 5rem); padding-top: clamp(2.5rem, 5vw, 4rem); }
.taom-retsept h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 900; color: var(--kok); margin-bottom: 1rem; }
.taom-masalliq ul { list-style: none; margin: 0; padding: 1.25rem 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.taom-masalliq li { padding: 0.5rem 0; border-bottom: 1px solid #DDE0EA; }
.taom-masalliq li:last-child { border-bottom: 0; }
.taom-qadam ol { list-style: none; margin: 0; padding: 0; counter-reset: q; display: grid; gap: 1rem; }
.taom-qadam li { counter-increment: q; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1rem; align-items: start; max-width: 64ch; }
.taom-qadam li::before { content: counter(q); display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--kok); color: var(--oltin); font-weight: 900; }
@media (max-width: 1020px) { .taom-panjara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) {
  .taom-bosh-ichi, .taom-retsept { grid-template-columns: minmax(0, 1fr); }
  .taomlar-qisqa .taom-panjara { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--chet) * -1); padding: 0 var(--chet) 0.5rem; scrollbar-width: none; }
  .taomlar-qisqa .taom-panjara li { scroll-snap-align: start; }
}
@media (max-width: 560px) { .taom-panjara { grid-template-columns: minmax(0, 1fr); } }

/* Hamkor doʻkon boʻling */
.hamkor-bol { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; padding-top: clamp(3rem, 6vw, 5rem); }
.hamkor-bol h2 { font-size: clamp(1.875rem, 3.4vw, 3rem); font-weight: 900; letter-spacing: -0.03em; line-height: 1.05; color: var(--kok); }
.hamkor-bol-matn p { margin-top: 1rem; color: var(--xira); max-width: 44ch; }
.hamkor-bol-matn ul { margin: 1.25rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.625rem; }
.hamkor-bol-matn li { display: flex; gap: 0.75rem; align-items: baseline; font-weight: 700; color: var(--matn); }
.hamkor-bol-matn li::before { content: ""; flex: none; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: var(--oltin); transform: translateY(-1px); }
.oddiy-ariza { margin-top: 0; }
.oddiy-ariza > .tugma { margin-top: 1.25rem; }
@media (max-width: 1020px) { .hamkor-bol { grid-template-columns: minmax(0, 1fr); } }

/* Eksport */
.eksport-tillar { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
.eksport-tillar a { padding: 0.5rem 1rem; border-radius: 999px; border: 2px solid rgba(255, 255, 255, .35); color: var(--oq); text-decoration: none; font-weight: 700; }
.eksport-tillar a[aria-current="page"] { background: var(--oltin); border-color: var(--oltin); color: var(--kok-toq); }
.eksport-ichi { padding-top: clamp(2rem, 4vw, 3rem); }
.eksport-ichi > h2 { margin: clamp(2.5rem, 5vw, 3.5rem) 0 1.25rem; font-size: clamp(1.625rem, 2.8vw, 2.25rem); font-weight: 900; color: var(--kok); }
.eksport-hozir { padding: 1rem 1.25rem; border-radius: 1rem; background: #F7EEDF; color: var(--kok-toq); font-size: 1.125rem; }
.eksport-mahsulot { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 1.25rem; align-items: stretch; }
.eksport-mahsulot article { position: relative; border-radius: 1.5rem; overflow: hidden; background: var(--kul); display: flex; flex-direction: column; }
.eksport-mahsulot figure { margin: 0; aspect-ratio: 16 / 9; overflow: hidden; }
.eksport-mahsulot figure > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.eksport-mahsulot article > div { padding: 1.25rem 1.5rem 1.5rem; }
.eksport-mahsulot h3 { font-size: 1.375rem; color: var(--kok-toq); }
.eksport-mahsulot p { margin-top: 0.375rem; color: var(--xira); }
.eksport-mahsulot .eksport-boshqa { justify-content: flex-end; background: var(--kok); }
.eksport-mahsulot .eksport-boshqa h3 { color: var(--oq); }
.eksport-mahsulot .eksport-boshqa p { color: rgba(255, 255, 255, .75); }
.eksport-quvvat { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 1rem; margin: 0; }
.eksport-quvvat > div { padding: 1.25rem 1.5rem; border-radius: 1.25rem; background: var(--kul); }
.eksport-quvvat dt { font-size: 0.9375rem; font-weight: 700; color: var(--xira); }
.eksport-quvvat dd { margin: 0.25rem 0 0; font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 900; color: var(--kok); font-variant-numeric: tabular-nums; }
.eksport-sert { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: 1rem; }
.eksport-sert li { display: grid; gap: 0.25rem; padding: 1.25rem 1.5rem; border-radius: 1.25rem; border: 2px solid var(--kul); }
.eksport-sert b { font-size: 1.125rem; color: var(--kok-toq); }
.eksport-sert span { color: var(--xira); }
.eksport-sert a { margin-top: 0.5rem; font-weight: 800; color: var(--kok); text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.eksport-aloqa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; margin-top: clamp(3rem, 6vw, 4.5rem); padding: clamp(1.75rem, 4vw, 3rem); border-radius: 1.75rem; background: var(--kok); color: var(--oq); }
.eksport-aloqa h2 { color: var(--oq); font-size: clamp(1.625rem, 2.8vw, 2.25rem); font-weight: 900; }
.eksport-aloqa p { margin-top: 0.5rem; color: rgba(255, 255, 255, .8); max-width: 56ch; }
.tugma-chiziq-oq { border: 2px solid rgba(255, 255, 255, .5); color: var(--oq); }
.tugma-chiziq-oq:hover { background: var(--oq); color: var(--kok); }
.eksport[dir="rtl"] h1, .eksport[dir="rtl"] h2, .eksport[dir="rtl"] h3 { letter-spacing: 0; font-family: system-ui, "Segoe UI", Tahoma, sans-serif; }
@media (max-width: 820px) {
  .eksport-mahsulot, .eksport-aloqa { grid-template-columns: minmax(0, 1fr); }
  .eksport-aloqa .tugmalar { flex-direction: column; align-items: stretch; }
}
.fermer-eksport a { margin-left: 0.25rem; color: var(--kok); font-weight: 800; white-space: nowrap; text-decoration: underline; text-decoration-color: var(--oltin); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Kichik oltin yozuvlar: oq fonda oʻqilishi uchun toʻqroq (WCAG AA, 4.5:1) */
.taom-meta, .sayohat-raqam, .masul-yorliq { color: #85602C; }

/* «Chop etish» tugmasi */
.chop-tugma { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1rem; padding: 0.625rem 1.125rem; border-radius: 999px; border: 2px solid currentColor; background: none; color: inherit; font: inherit; font-weight: 800; cursor: pointer; }
.chop-tugma::before { content: ""; width: 1.125rem; height: 1.125rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3M7 14h10v7H7z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3M7 14h10v7H7z'/%3E%3C/svg%3E") center / contain no-repeat; }
.chop-tugma:hover { background: rgba(210, 163, 102, .2); }

/* Qidiruv tugmasi (sarlavhada) */
.qidir-tugma { display: inline-grid; place-items: center; flex: none; width: 2.75rem; height: 2.75rem; border-radius: 50%; color: var(--kok); background: var(--kul); transition: background-color .2s; }
.qidir-tugma:hover { background: #E0E3EC; }
.qidir-tugma .ik { width: 1.25rem; height: 1.25rem; }

/* Qidiruv sahifasi */
.qidiruv { padding-top: clamp(2rem, 4vw, 3rem); max-width: 56rem; }
.qidiruv-maydon { position: relative; }
.qidiruv-maydon input { width: 100%; min-height: 3.75rem; padding: 0 1.25rem 0 3.25rem; border: 2px solid #DDE0EA; border-radius: 1rem; font: inherit; font-size: 1.1875rem; color: var(--matn); background: var(--oq); }
.qidiruv-maydon input:focus-visible { outline: none; border-color: var(--kok); box-shadow: 0 0 0 0.25rem rgba(210, 163, 102, .35); }
.qidiruv-maydon .ik { position: absolute; left: 1.125rem; top: 50%; transform: translateY(-50%); width: 1.375rem; height: 1.375rem; color: var(--xira); pointer-events: none; }
.qidiruv-holat { margin-top: 0.875rem; color: var(--xira); font-size: 0.9375rem; }
.qidiruv-guruh { margin-top: 1.75rem; }
.qidiruv-guruh h2 { font-size: 0.9375rem; font-weight: 800; color: #85602C; margin-bottom: 0.5rem; }
.qidiruv-guruh ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.qidiruv-guruh a { display: block; padding: 0.875rem 1.125rem; border-radius: 0.875rem; background: var(--kul); color: inherit; text-decoration: none; transition: background-color .15s; }
.qidiruv-guruh a:hover, .qidiruv-guruh a:focus-visible { background: #E0E3EC; outline: none; }
.qidiruv-guruh b { display: block; color: var(--kok-toq); }
.qidiruv-guruh span { display: block; margin-top: 0.125rem; font-size: 0.875rem; color: var(--xira); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qidiruv-guruh mark { background: #F7EEDF; color: inherit; border-radius: 0.2em; }

/* Chop etish: menyu, pastki qism, video va tugmalarsiz; matn qora, fon oq */
@media print {
  @page { margin: 14mm; }
  html, body { background: #fff !important; }
  body { color: #000; font-size: 11pt; }
  .sarlavha, .aloqa, .otish, .kirish, .past-menyu, .qongiroq-oyna, .sayohat-oyna, .tashrif-oyna, .namuna-xabar,
  video, iframe, .chop-tugma, .tugma, .tugmalar, .ariza, .eksport-tillar, .fermer-hisob input, .savollar-hammasi, .taom-orqa,
  .hb-lenta, .hb-yol-chiziq, .brend-belgi { display: none !important; }
  main[class] { padding-bottom: 0 !important; }
  .ysahifa-bosh, .taom-bosh, .eksport-aloqa, .masullar, .taomlar-qisqa, .sayohat { background: #fff !important; color: #000 !important; padding: 0 0 6mm !important; }
  .ysahifa-bosh h1, .taom-bosh h1, .ysahifa-bosh p, .taom-bosh p, .eksport-aloqa h2, .eksport-aloqa p, .taom-vaqt b { color: #000 !important; }
  h1, h2, h3 { break-after: avoid; color: #1E3782 !important; }
  img { max-width: 100% !important; break-inside: avoid; }
  .taom-bosh-ichi, .taom-retsept, .joja, .eksport-mahsulot, .hamkor-bol, .savollar-ichi { display: block !important; }
  .taom-rasm { max-width: 90mm; margin-top: 4mm; }
  .taom-masalliq ul, .joja-natija > div, .eksport-quvvat > div, .savol { background: #fff !important; border: 1px solid #ccc; }
  .joja-natija > div:first-child dd, .joja-natija > div:first-child dt, .joja-natija > div:first-child small { color: #000 !important; }
  .savol p { display: block !important; }
  .savol summary::after { display: none; }
  a { color: inherit; text-decoration: none; }
  .joja-forma { display: none !important; }
}

@media (max-width: 1320px) { .qidir-tugma { margin-left: auto; } .tel-tugma { margin-left: 0; } }

/* ===== Ichki sahifalar sarlavhasi (26.10, egasi fikri bo'yicha tuzatilgan) =====
   Chapda katta ko'k sarlavha, o'ngda sahifaning surati — butunligicha, konteyner ichida (ekran chetida kesilmaydi).
   Brend egri chizig'i — ramkaning yuqori-chap burchagida; orqada qo'zg'almas oltin ramka chuqurlik beradi.
   Harakat yo'q (pirpiramaydi). Surat yuklanguncha och fon. Surati yo'q sahifada ramka ko'rsatilmaydi. */
.ysahifa-bosh {
  --chap: max(var(--chet), calc((100vw - var(--kenglik)) / 2 + var(--chet)));
  background: var(--oq); color: var(--matn); position: relative; isolation: isolate;
  display: grid; grid-template-columns: minmax(0, 1fr) min(44%, 36rem); align-items: center; column-gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(2.5rem, 5vw, 4.5rem) var(--chap);
}
.ysahifa-bosh::after { content: none; }
.ysahifa-bosh > .ichki { position: relative; z-index: 2; max-width: none; margin: 0; padding: 0; }
.ysahifa-bosh h1 { font-size: clamp(2.5rem, 5.2vw, 4.75rem); line-height: 1; font-weight: 900; letter-spacing: -0.035em; color: var(--kok); text-wrap: balance; }
.ysahifa-bosh p { margin-top: 1rem; max-width: 46ch; color: var(--xira); font-size: clamp(1.0625rem, 1.25vw, 1.25rem); line-height: 1.55; }
.taroq-oyna { position: relative; z-index: 1; width: 100%; aspect-ratio: 3 / 2; margin: 0 0.9rem 0.9rem 0; }
.taroq-oyna::before {
  content: ""; position: absolute; inset: 0; translate: 0.9rem 0.9rem; z-index: -1;
  border: 3px solid var(--oltin); border-radius: inherit; border-radius: 58% 1.25rem 1.25rem 1.25rem / 72% 1.25rem 1.25rem 1.25rem;
}
.taroq-oyna-ichi { position: absolute; inset: 0; overflow: hidden; background: var(--kul); border-radius: 58% 1.25rem 1.25rem 1.25rem / 72% 1.25rem 1.25rem 1.25rem; }
.taroq-oyna-ichi img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.taroq-oyna-bosh { display: none; }
.ysahifa-bosh:has(.taroq-oyna-bosh) { grid-template-columns: minmax(0, 1fr); }
/* sarlavha ichidagi boshqaruvlar — oq fonda */
.ysahifa-bosh .yfiltr button { color: var(--kok); background: var(--oq); border-color: rgba(30, 55, 130, .2); }
.ysahifa-bosh .yfiltr button:hover { border-color: var(--kok); }
.ysahifa-bosh .yfiltr button[aria-pressed="true"] { background: var(--kok); border-color: var(--kok); color: var(--oq); }
.ysahifa-bosh .yfiltr button span { opacity: 1; color: var(--xira); }
.ysahifa-bosh .yfiltr button[aria-pressed="true"] span { color: rgba(255, 255, 255, .85); }
.ysahifa-bosh .yqidiruv input { background: var(--kul); }
.ysahifa-bosh .vorqa { color: var(--xira); }
.ysahifa-bosh .vorqa:hover { color: var(--oltin-toq); }
.ysahifa-bosh .vchiplar.oq { color: var(--xira); }
.ysahifa-bosh .vchiplar.oq b { color: var(--kok); }
.ysahifa-bosh .ybelgi.oq { color: var(--oltin-toq); }
.ymaqola .ysahifa-bosh time { color: var(--xira); }
.ysahifa-bosh .eksport-tillar a { border-color: rgba(30, 55, 130, .2); color: var(--kok); }
.ysahifa-bosh .eksport-tillar a[aria-current="page"] { background: var(--kok); border-color: var(--kok); color: var(--oq); }
.ysahifa-bosh .chop-tugma { color: var(--kok); }
/* filtr va qidiruvli sarlavhalar (yangiliklar, qonunchilik): surat ixchamroq */
.ysahifa-bosh:has(.ysahifa-boshqaruv) { grid-template-columns: minmax(0, 1fr) min(34%, 26rem); }
@media (max-width: 820px) {
  .ysahifa-bosh, .ysahifa-bosh:has(.ysahifa-boshqaruv) { grid-template-columns: minmax(0, 1fr); padding: 2rem var(--chet) 2.25rem; row-gap: 1.75rem; }
  .ysahifa-bosh p { max-width: none; }
  .taroq-oyna { aspect-ratio: 16 / 10; width: calc(100% - 0.9rem); }
  /* qidiruv va filtrli sahifalarda telefonda asosiysi — maydon va ro'yxat: surat ko'rsatilmaydi */
  .ysahifa-bosh:has(.ysahifa-boshqaruv) .taroq-oyna { display: none; }
}
@media print { .taroq-oyna { display: none !important; } .ysahifa-bosh { display: block !important; } }

/* ===== Mobil menyu: tugmadan ko'k varaq bo'lib ochiladi (26.10) =====
   Havolalar katta, ketma-ket chiqadi; pastda qo'ng'iroq tugmasi; burchakda oltin taroq chizig'i chiziladi. */
.menyu-tel, .menyu-taroq, .menyu-qidir { display: none; }
/* 360 px dan tor telefonda yuqori qatorga logo + 3 tugma sig'maydi: qidiruv menyuga o'tadi */
@media (max-width: 360px) { .qidir-tugma { display: none; } .menyu > .menyu-qidir { display: block; } }
@media (max-width: 1320px) {
  .menyu {
    display: flex; visibility: hidden; position: absolute; left: 0; right: 0; top: 100%;
    height: var(--menyu-h, calc(100dvh - 4.5rem)); overflow-y: auto; overscroll-behavior: contain;
    flex-direction: column; gap: 0; margin: 0; padding: 1rem var(--chet) 2rem;
    background: var(--kok); border: 0; isolation: isolate;
    clip-path: circle(0 at calc(100% - 2.6rem) 0);
    transition: clip-path .45s cubic-bezier(.7, 0, .25, 1), visibility 0s linear .45s;
  }
  .menyu.ochiq { display: flex; visibility: visible; clip-path: circle(160% at calc(100% - 2.6rem) 0); transition: clip-path .55s cubic-bezier(.7, 0, .25, 1); }
  .menyu > a {
    position: relative; z-index: 1; color: var(--oq); font-size: clamp(1.5rem, 6.2vw, 2.25rem); font-weight: 800; letter-spacing: -0.025em;
    padding: 0.7rem 0; border-bottom: 1px solid rgba(255, 255, 255, .12); text-decoration: none;
  }
  .menyu > a:hover { color: var(--oltin); text-decoration: none; }
  .menyu > a[aria-current="page"] { color: var(--oltin); text-decoration: none; }
  .menyu .tillar { position: relative; z-index: 1; border: 0; padding: 1.25rem 0 0; gap: 0.5rem; }
  .menyu .tillar a { color: rgba(255, 255, 255, .8); border: 1.5px solid rgba(255, 255, 255, .25); padding: 0.5rem 0.95rem; font-size: 0.9375rem; }
  .menyu .tillar a:hover { background: rgba(255, 255, 255, .1); color: var(--oq); }
  .menyu .tillar a[aria-current="page"] { background: var(--oltin); border-color: var(--oltin); color: var(--kok-toq); }
  .menyu-tel {
    position: relative; z-index: 1; display: inline-flex; align-self: flex-start; align-items: center; gap: 0.625rem; margin-top: 1.5rem;
    padding: 0.875rem 1.375rem; border-radius: 999px; background: var(--oltin); color: var(--kok-toq); font-weight: 800; font-size: 1.125rem; text-decoration: none;
  }
  .menyu-tel .ik { width: 1.25rem; height: 1.25rem; background: var(--kok-toq); }
  .menyu-taroq { display: block; position: absolute; right: 0; bottom: 0; width: min(80vw, 26rem); height: auto; z-index: 0; pointer-events: none; overflow: visible; }
  .menyu-taroq path { fill: none; stroke: var(--oltin); stroke-width: 3; opacity: .28; stroke-dasharray: 1; stroke-dashoffset: 0; }
  html.menyu-ochiq { overflow: hidden; }
}
@media (max-width: 1320px) and (prefers-reduced-motion: no-preference) {
  .menyu.ochiq > a, .menyu.ochiq .tillar, .menyu.ochiq .menyu-tel { animation: menyu-kir .5s calc(var(--i, 8) * 35ms + 120ms) cubic-bezier(.2, .8, .2, 1) both; }
  .menyu.ochiq .menyu-taroq path { animation: taroq-chizil 1.2s .25s cubic-bezier(.65, 0, .25, 1) both; }
}
@media (max-width: 1320px) and (prefers-reduced-motion: reduce) { .menyu, .menyu.ochiq { transition: none; } }
@keyframes menyu-kir { from { opacity: 0; translate: 0 0.75rem; } }
@keyframes taroq-chizil { from { stroke-dashoffset: 1; } }

/* ===== Qo'ng'iroq oynasi: ochilganda yumshoq ko'tariladi (26.10) ===== */
@media (prefers-reduced-motion: no-preference) {
  .qongiroq-oyna[open] { animation: oyna-kir .38s cubic-bezier(.2, .8, .2, 1) both; }
  .qongiroq-oyna[open]::backdrop { animation: fon-kir .3s ease both; }
}
@keyframes oyna-kir { from { opacity: 0; translate: 0 1rem; scale: .96; } }
@keyframes fon-kir { from { opacity: 0; } }

/* ===== Kartalar: kompyuterda sichqoncha ostida yengil 3D egilish (asosiy.js .egil qo'shadi) ===== */
.egil.egil { transform: perspective(1100px) rotateX(var(--ex, 0deg)) rotateY(var(--ey, 0deg)) translateY(var(--ek, 0)); transition: transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .3s; }
.egil.egil:hover { --ek: -0.375rem; transition: transform .14s linear, box-shadow .3s; }
.taom-karta.egil:hover, .mahsulot-asosiy.egil:hover { box-shadow: 0 1.75rem 3rem -1.75rem rgba(23, 43, 102, .45); }

/* ===== 404: «4 [tuxum] 4» — nol o'rnida tuxum, ozgina tebranadi (26.10) ===== */
.topilmadi { background: var(--oq); }
.topilmadi-ichi { min-height: calc(100svh - 12rem); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-top: clamp(3rem, 8vw, 6rem); padding-bottom: clamp(3rem, 8vw, 6rem); }
.topilmadi-son { display: flex; align-items: center; gap: clamp(0.5rem, 2vw, 1.25rem); margin: 0 0 1.5rem; font-size: clamp(6rem, 22vw, 15rem); line-height: .8; font-weight: 900; letter-spacing: -0.06em; color: var(--kok); }
.topilmadi-tuxum {
  display: block; width: .62em; height: .8em; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  background: radial-gradient(circle at 34% 30%, #FFF8EC 0 12%, #F2DDBB 38%, #D9B27A 78%, #B98D52 100%);
  box-shadow: inset -0.04em -0.05em 0.08em rgba(120, 80, 30, .25), 0 0.06em 0.05em -0.02em rgba(23, 43, 102, .25);
  transform-origin: 50% 92%;
}
@media (prefers-reduced-motion: no-preference) {
  .topilmadi-tuxum { animation: tuxum-tebran 3.2s 1s cubic-bezier(.45, 0, .55, 1) infinite; }
}
@keyframes tuxum-tebran { 0%, 55%, 100% { rotate: 0deg; } 62% { rotate: -9deg; } 70% { rotate: 7deg; } 78% { rotate: -4deg; } 86% { rotate: 2deg; } }
.topilmadi h1 { font-size: clamp(2rem, 4.5vw, 3.25rem); font-weight: 900; letter-spacing: -0.03em; color: var(--kok); }
.topilmadi-izoh { margin-top: 0.75rem; max-width: 46ch; color: var(--xira); font-size: 1.125rem; }
.topilmadi-qidiruv { margin-top: 1.75rem; width: min(100%, 32rem); }
.topilmadi-havolalar { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.topilmadi-til { margin-top: 2rem; color: var(--xira); font-size: 0.9375rem; }

/* ===== Telefonda tezkor aloqa (27.10): birinchi ekrandan o'tilgach pastki o'ng burchakda, pastki qism (aloqa) ko'ringanda yashirinadi ===== */
.tez-aloqa { display: none; }
@media (max-width: 820px) {
  .tez-aloqa {
    display: flex; gap: 0.5rem; align-items: center; position: fixed; right: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); z-index: 30;
    opacity: 0; translate: 0 1rem; visibility: hidden; transition: opacity .2s, translate .2s, visibility 0s linear .2s;
  }
  html.tez-korin .tez-aloqa { opacity: 1; translate: 0 0; visibility: visible; transition: opacity .25s ease-out, translate .25s ease-out; }
  html.menyu-ochiq .tez-aloqa { visibility: hidden; opacity: 0; }
  .tez-aloqa a { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; border-radius: 999px; text-decoration: none; box-shadow: 0 0.75rem 1.75rem -0.75rem rgba(16, 28, 70, .55); }
  .tez-tel { width: 3.25rem; background: var(--kok); }
  .tez-tel .ik { width: 1.375rem; height: 1.375rem; }
  .tez-tg { padding: 0 1.125rem; background: var(--oq); color: var(--kok); font-weight: 800; border: 2px solid var(--kok); }
}
@media (prefers-reduced-motion: reduce) { .tez-aloqa, html.tez-korin .tez-aloqa { transition: none; translate: none; } }

/* ===== 3D model (Model3D.astro): poster → model-viewer; o'lcham oldindan band (CLS yo'q) ===== */
.m3d { margin: 0; }
.m3d-sahna { position: relative; aspect-ratio: 4 / 3; }
.m3d-poster, .m3d-sahna model-viewer { position: absolute; inset: 0; width: 100%; height: 100%; }
.m3d-poster { object-fit: contain; transition: opacity .5s; }
.m3d-sahna model-viewer { --poster-color: transparent; background: transparent; opacity: 0; transition: opacity .5s; }
.m3d-tayyor .m3d-poster { opacity: 0; }
.m3d-tayyor model-viewer { opacity: 1; }
.m3d-sahna model-viewer:focus-visible { outline: 3px solid var(--oltin); outline-offset: 4px; border-radius: var(--radius); }
.m3d-muallif { margin-top: 0.25rem; font-size: 0.8125rem; color: var(--xira); text-align: center; }
.m3d-muallif a { color: inherit; }
@media (prefers-reduced-motion: reduce) { .m3d-poster, .m3d-sahna model-viewer { transition: none; } }

/* Mahsulotlar sahifasi: 3D tuxum lotogi */
.uch-tuxum { padding: clamp(2.5rem, 7vw, 5rem) 0; background: var(--kul); }
.uch-tuxum-ichi { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: clamp(1.5rem, 4vw, 4rem); }
.uch-tuxum h2 { margin: 0; font-size: clamp(1.75rem, 3.6vw, 3rem); line-height: 1.1; color: var(--kok); }
.uch-tuxum-matn > p { margin: 0.5rem 0 0; color: var(--xira); }
.uch-tuxum .belgilar { margin-top: 1.25rem; }
@media (max-width: 820px) { .uch-tuxum-ichi { grid-template-columns: 1fr; } }

/* ---------- Yuklanish holati (.yukl, asosiy.js → window.yukl) ----------
   Rasm / video / 3D kelguncha: ustidan yengil nur (shimmer) va pastda ingichka oltin chiziq.
   --p — haqiqiy ulush (video: buffered/duration, 3D: model-viewer progress); noma'lum bo'lsa chiziq yuguradi.
   Tayyor bo'lgach qatlam so'nadi; xato bo'lsa ham so'nadi (muqova qoladi). Harakatni kamaytirishda nur yo'q. */
.yukl-nisbiy { position: relative; }
.yukl-qatlam {
  position: absolute; inset: 0; z-index: 3; pointer-events: none; border-radius: inherit; overflow: hidden; transition: opacity .45s;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .32) 50%, transparent 65%) no-repeat;
  background-size: 250% 100%; animation: yukl-nur 1.5s linear infinite;
}
.yukl-qatlam i {
  position: absolute; left: 22%; right: 22%; bottom: 10%; height: 3px; border-radius: 3px; overflow: hidden;
  background: rgba(255, 255, 255, .45); box-shadow: 0 0 0 1px rgba(20, 38, 89, .12);
}
.yukl-qatlam i::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--oltin, #D2A366);
  transform-origin: left center; transform: scaleX(var(--p, 0)); transition: transform .35s ease-out;
}
.yukl:not(.yukl-foizli) .yukl-qatlam i::after { transform: scaleX(.35); animation: yukl-yugur 1.3s ease-in-out infinite; }
.yukl-chiziq .yukl-qatlam { background: none; animation: none; }
.yukl-qatlam.bitdi { opacity: 0; }
@keyframes yukl-nur { from { background-position: 130% 0; } to { background-position: -30% 0; } }
@keyframes yukl-yugur { from { transform: translateX(-100%) scaleX(.35); } to { transform: translateX(290%) scaleX(.35); } }
/* rasm o'zi kelganda silliq paydo bo'ladi (LQIP/muqova ustiga) */
.yukl-img { transition: opacity .45s; }
.yukl-img:not(.yukl-keldi) { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .yukl-qatlam { animation: none; background: none; }
  .yukl:not(.yukl-foizli) .yukl-qatlam i::after { animation: none; }
  .yukl-img, .yukl-qatlam { transition: none; }
}