/* =========================================================
   HUQUQIY HUJJATLAR
   Foydalanish shartlari va maxfiylik siyosati.

   Bu uzun matn — kartalar yoki tasmalar emas. Shuning uchun
   o'lchov tor (o'qish uchun qulay), sarlavhalar aniq
   ierarxiyada va bandlar raqamlangan: hujjatning ma'lum
   bandiga havola qilish kerak bo'ladi.

   Bu fayl 09-mobil.css DAN KEYIN yuklanadi va o'z mobil
   qoidalarini o'zi olib yuradi — shuning uchun kaskad
   to'qnashuvi bo'lmaydi.
   ========================================================= */

.hujjat{
  max-width:min(74ch, 100%);
  margin:0 auto;
  padding:clamp(40px,5vw,72px) var(--bolim-x) clamp(56px,6vw,96px);
}

/* ---- Hujjat sarlavhasi ---- */
.hujjat-bosh{
  margin-bottom:clamp(32px,4vw,48px);
  padding-bottom:clamp(20px,2.4vw,28px);
  border-bottom:2px solid var(--accent);
}
.hujjat-bosh h1{
  font-size:clamp(1.8rem, 1.2rem + 2.4vw, 2.6rem);
  margin:10px 0 12px;
}
.hujjat-sana{
  font-family:var(--font-mono);
  font-size:.78rem;color:var(--txt-muted);
  font-variant-numeric:tabular-nums;
}

/* ---- PDF nusxasi ----
   Sahifa o'qish uchun, fayl saqlash uchun. Havola peshtoqda
   turadi: mijoz to'lovdan oldin ofertani yuklab olmoqchi bo'lsa,
   uni butun hujjatni aylanib chiqib qidirmasin. */
.hujjat-fayl{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin-top:16px;font-size:.86rem;
}
.hujjat-fayl a{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:var(--r-md);
  border:1px solid var(--line);
  color:var(--txt-secondary);text-decoration:none;
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.hujjat-fayl a:first-child{
  border-color:var(--accent-soft-bd);
  background:var(--accent-soft);
  color:var(--txt-accent);
}
.hujjat-fayl a:hover{border-color:var(--accent);color:var(--txt-accent)}

/* ---- Bandlar ----
   Raqamlash MA'NOLI: hujjatning aniq bandiga havola qilish
   kerak bo'ladi ("3.2-bandga muvofiq"). Bezak emas. */
.band{counter-increment:band;margin-top:clamp(34px,4vw,52px);scroll-margin-top:84px}
.hujjat{counter-reset:band}

.band > h2{
  display:flex;align-items:baseline;gap:12px;
  font-size:clamp(1.2rem, 1rem + .8vw, 1.5rem);
  margin-bottom:14px;
}
.band > h2::before{
  content:counter(band) ".";
  font-family:var(--font-display);
  color:var(--accent);flex-shrink:0;
  font-variant-numeric:tabular-nums;
}

.band h3{
  font-size:1rem;margin:22px 0 8px;
  color:var(--txt-primary);
}

.hujjat p{
  color:var(--txt-secondary);
  line-height:1.78;
  margin-bottom:13px;
}
.hujjat p strong,.hujjat li strong{color:var(--txt-primary);font-weight:650}

.hujjat ul{margin:0 0 15px;padding-left:0;list-style:none}
.hujjat li{
  position:relative;padding-left:22px;margin-bottom:9px;
  color:var(--txt-secondary);line-height:1.7;
}
.hujjat li::before{
  content:"";position:absolute;left:4px;top:.72em;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);opacity:.55;
}

/* ---- Urg'uli quti: eng muhim bandlar uchun ---- */
.hujjat-diqqat{
  margin:22px 0;padding:18px 22px;
  background:var(--accent-soft);
  border:1px solid var(--accent-soft-bd);
  border-left:3px solid var(--accent);
  border-radius:0 var(--r-md) var(--r-md) 0;
}
.hujjat-diqqat p{color:var(--txt-primary);margin-bottom:0}
.hujjat-diqqat p + p{margin-top:10px}

.hujjat-ogoh{
  margin:22px 0;padding:18px 22px;
  background:var(--warn-soft);
  border:1px solid var(--warn-soft);
  border-left:3px solid var(--warn);
  border-radius:0 var(--r-md) var(--r-md) 0;
}
.hujjat-ogoh p{color:var(--warn-on-soft);margin-bottom:0}

/* ---- To'ldirilishi kerak bo'lgan joy ----
   ATAYLAB KO'ZGA TASHLANADI. Bu qiymatlar (yuridik shaxs nomi,
   STIR, manzil, aloqa) loyihada mavjud emas va o'ylab topilmaydi.
   Agar kimdir to'ldirishni unutib sahifani ochiq qoldirsa, buni
   darrov ko'radi — sokin bo'sh joy qolib ketmaydi. */
.toldirilsin{
  display:inline-block;
  padding:1px 9px;border-radius:var(--r-xs);
  background:var(--bad-soft);color:var(--bad-on-soft);
  border:1px dashed var(--bad);
  font-family:var(--font-mono);font-size:.82em;font-weight:600;
  font-style:normal;
}

/* ---- Hujjat oxiridagi izoh ---- */
.hujjat-oxir{
  margin-top:clamp(40px,5vw,64px);
  padding-top:24px;
  border-top:1px solid var(--line);
  font-size:.88rem;color:var(--txt-muted);
}
.hujjat-oxir a{color:var(--txt-accent)}

/* ---- Mundarija ---- */
.mundarija{
  margin:0 0 clamp(28px,3vw,40px);
  padding:20px 24px;
  background:var(--srf-sunken);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
}
.mundarija h2{
  font-family:var(--font-ui);
  font-size:.72rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--txt-accent);margin-bottom:12px;
}
.mundarija ol{counter-reset:m;list-style:none;padding:0;margin:0}
.mundarija li{counter-increment:m;padding-left:0;margin-bottom:7px}
.mundarija li::before{display:none}
.mundarija a{
  display:flex;gap:10px;text-decoration:none;
  color:var(--txt-secondary);font-size:.92rem;
  transition:color var(--dur) var(--ease);
}
.mundarija a::before{
  content:counter(m) ".";
  color:var(--accent);font-family:var(--font-display);
  flex-shrink:0;min-width:1.4em;
  font-variant-numeric:tabular-nums;
}
.mundarija a:hover{color:var(--txt-accent)}

/* ---- Mobil ---- */
@media (max-width:640px){
  .hujjat{padding-left:var(--bolim-x);padding-right:var(--bolim-x)}
  .hujjat-diqqat,.hujjat-ogoh{padding:15px 17px}
  .mundarija{padding:17px 18px}
  .band > h2{gap:9px}
}

/* ---- Raqamlangan bandlar: 1.1, 1.2, 2.1 ... ----
   NEGA KERAK. Oferta va maxfiylik siyosati — havola qilinadigan
   hujjatlar: "6.3-bandga muvofiq" deb yozilganda o'qiyotgan odam
   o'sha joyni topa olishi kerak. Raqamni qo'lda yozish esa eng
   qisqa yo'l bilan chalkashadi: o'rtaga bitta band qo'shilsa,
   pastdagi hamma raqam noto'g'ri bo'lib qoladi va buni hech kim
   sezmaydi. Shuning uchun raqam CSS hisoblagichida.

   `qism` hisoblagichi BANDDA (`.band`) nolga qaytariladi, `ol`
   da emas: bitta bo'lim ichida h3 sarlavhalar bilan ajratilgan
   bir necha ro'yxat bo'lishi mumkin va ular raqamni davom
   ettirishi kerak, qaytadan 1 dan boshlamasligi. */
.band{counter-reset:qism}

.hujjat ol.qismlar{
  list-style:none;
  margin:0 0 15px;
  padding-left:0;
  counter-reset:none;
}

.hujjat ol.qismlar > li{
  counter-increment:qism;
  position:relative;
  padding-left:46px;
  margin-bottom:11px;
  color:var(--txt-secondary);
  line-height:1.78;
}

/* Nuqta emas, raqam. `.hujjat li::before` dan meros qolgan
   doiracha o'lchamlari shu yerda bekor qilinadi. */
.hujjat ol.qismlar > li::before{
  content:counter(band) "." counter(qism) ".";
  position:absolute;left:0;top:0;
  width:auto;height:auto;
  background:none;border-radius:0;opacity:1;
  font-family:var(--font-mono);
  font-size:.82em;
  color:var(--accent);
  font-variant-numeric:tabular-nums;
}

/* Band ichidagi oddiy ro'yxat (masalan rekvizitlar) o'z
   doirachasini saqlab qoladi — u raqamlanmaydi. */
.hujjat ol.qismlar ul li::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);opacity:.55;
  top:.72em;left:4px;
  font-size:inherit;
}

/* Urg'uli qutilar raqamlangan bandlar orasida turganda
   ular bilan bir tekisda ko'rinsin. */
.hujjat ol.qismlar + .hujjat-diqqat,
.hujjat ol.qismlar + .hujjat-ogoh{margin-top:18px}

@media (max-width:640px){
  .hujjat ol.qismlar > li{padding-left:38px}
}

/* ---- Hujjat nomining davomi ----
   Rasmiy matnda sarlavha ostida shartnomaning to'liq nomi turadi
   ("... to'g'risidagi shartnoma"). U matn emas, sarlavhaning
   bir qismi — shuning uchun oddiy band kabi ko'rinmasin. */
.hujjat p.hujjat-tagsarlavha{
  margin:-8px 0 22px;
  font-family:var(--font-display);
  font-size:1.08rem;color:var(--txt-primary);
}

/* ---- Ilovalar ----
   Ilova bo'lim emas: `.band` hisoblagichini oshirmaydi, sarlavhasi
   raqamsiz. Aks holda "1-ilova" 18-bo'lim bo'lib ko'rinardi. */
.ilova{margin-top:clamp(40px,5vw,64px);scroll-margin-top:84px}
.ilova > h2{
  font-size:clamp(1.2rem, 1rem + .8vw, 1.5rem);
  margin-bottom:14px;
}
.mundarija .mundarija-ilova{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
.mundarija .mundarija-ilova a::before{content:none}

/* ---- Jadvallar (tariflar, Restart, rekvizitlar) ----
   Telefonda 6 ustunli jadval ekranga sig'maydi. Ustunlarni
   siqib, raqamlarni ikki qatorga bo'lish o'qishni buzadi —
   shuning uchun jadval o'z o'rami ichida gorizontal aylanadi,
   sahifaning o'zi esa kengaymaydi. */
.hujjat-jadval{
  margin:12px 0 18px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);
  border-radius:var(--r-md);
}
.hujjat-jadval:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hujjat-jadval table{
  width:100%;border-collapse:collapse;
  font-size:.88rem;line-height:1.5;
  font-variant-numeric:tabular-nums;
}
.hujjat-jadval th,.hujjat-jadval td{
  padding:9px 12px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line);
  color:var(--txt-secondary);
}
.hujjat-jadval tbody tr:last-child th,
.hujjat-jadval tbody tr:last-child td{border-bottom:0}
.hujjat-jadval thead th{
  background:var(--srf-sunken);
  color:var(--txt-primary);font-weight:650;white-space:nowrap;
}
.hujjat-jadval tbody th{color:var(--txt-primary);font-weight:600}
/* Tarif jadvallari (6 ustun): raqamlar bir qatorda, ustunlar
   tekis — o'ram aylanadi. Ikki ustunli jadvallar (bir martalik
   xizmatlar, Restart, rekvizitlar) esa oddiy matn kabi bo'linadi. */
.hujjat-jadval table.keng{min-width:620px}
.hujjat-jadval table.keng td{white-space:nowrap}

.hujjat p.hujjat-izoh,
.hujjat p.hujjat-rekv{font-size:.86rem;color:var(--txt-muted)}
.hujjat p.hujjat-imzo{margin-top:18px;font-size:.92rem}