/* =========================================================
   PASTKI PANEL
   ========================================================= */
.futer{
  background:var(--law-navy-950);
  color:var(--law-navy-300);
  border-top:2px solid var(--law-brass-500);
  padding:clamp(44px,5vw,72px) var(--bolim-x) clamp(30px,3vw,44px);
  font-size:.9rem;line-height:1.75;
}

/* XAVFSIZ MAYDON — telefonning pastki "uy" chizig'i.

   iPhone va yangi Android'larda ekranning pastida tizim
   chizig'i turadi. U futerning oxirgi qatorini (huquqiy
   havolalar) qoplab qo'yadi — aynan bosilishi kerak bo'lgan
   joyni.

   Chiziq bo'lmagan qurilmada env() nolga teng va hech narsa
   o'zgarmaydi, ya'ni bu qo'shimcha xavfsiz. */
@supports (padding: env(safe-area-inset-bottom)){
  .futer{
    padding-bottom:calc(clamp(30px,3vw,44px) + env(safe-area-inset-bottom));
    padding-left:calc(var(--bolim-x) + env(safe-area-inset-left));
    padding-right:calc(var(--bolim-x) + env(safe-area-inset-right));
  }
}
/* TO'RT ustun: BREND | SAYT | XIZMAT | ALOQA.
   Ilgari uchta edi va to'rtinchi blok ("Aloqa") pastga, brend
   tagiga tushib qolardi — o'ng tomonda katta bo'sh maydon qolar,
   aloqa esa chapga tiqilgan holda ko'rinmay ketardi. Kompaniya
   saytida aloqa eng ko'rinadigan joyda turishi kerak. */
.futer-tor{
  max-width:var(--sayt-eni);margin:0 auto;
  display:grid;gap:clamp(26px,2.6vw,44px);
  grid-template-columns:1.7fr 1fr 1fr 1.25fr;
}
/* Ustun sarlavhalari monoshriftda — sahifadagi barcha yorliqlar
   bilan bir xil til (varaqa yorliqlari, bo'lim raqamlari). */
.futer h4{
  font-family:var(--font-mono);font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--law-brass-300);
  padding-bottom:11px;margin-bottom:13px;
  border-bottom:1px solid rgba(221,188,133,.16);
}
.futer-brend{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.futer-brend .muhr{width:42px;height:42px;margin:0;border-radius:8px}
.futer-brend b{font-family:var(--font-display);font-size:1.12rem;font-weight:600;color:var(--law-parch-50)}
.futer p{max-width:44ch;color:var(--law-navy-300)}
.futer ul{list-style:none}
.futer li{border-bottom:1px solid rgba(221,188,133,.07)}
.futer li:last-child{border-bottom:0}
.futer a{
  display:block;padding:8px 0;
  color:var(--law-navy-200);text-decoration:none;
  transition:color var(--dur) var(--ease),padding-left var(--dur) var(--ease);
}
.futer a:hover{color:var(--law-brass-300);padding-left:5px}

/* Ijtimoiy tarmoq belgilari.
   DIQQAT: yuqoridagi `.futer a{display:block;padding:8px 0}` qoidasi
   bu yerga tushsa, belgilar ustma-ust ustun bo'lib qolardi —
   shuning uchun ular ataylab qayta e'lon qilinadi. */
.futer-ijtimoiy{display:flex;gap:10px;margin-top:16px;list-style:none}
.futer-ijtimoiy li{border-bottom:0}
.futer-ijtimoiy a{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;border-radius:9px;
  border:1px solid rgba(221,188,133,.22);color:var(--law-navy-200);
}
.futer-ijtimoiy a:hover{
  padding-left:0;                      /* umumiy hover siljishini bekor qiladi */
  color:var(--law-brass-300);border-color:var(--law-brass-500);
  background:rgba(221,188,133,.08);
}
.futer-ijtimoiy svg{width:19px;height:19px}

.futer-past{max-width:var(--sayt-eni);margin:0 auto}
/* Aloqa ustuni — jez chiziq bilan ajraladi. Butun ilovada
   takrorlanadigan "rasmiy blanka" belgisi shu yerda ham. */
.futer-aloqa{position:relative;padding-left:20px}
/* Tekis jez hoshiya — gradient emas. Sahifadagi barcha
   "rasmiy blanka" hoshiyalari bir xil: 2px, tekis, jez. */
.futer-aloqa::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--law-brass-500);
}
.futer-aloqa a{color:var(--law-parch-50)}
.futer-aloqa a:hover{color:var(--law-brass-300)}

/* Ajratuvchi chiziq TO'LIQ kenglikda bo'lishi kerak.
   Ilgari u .futer-ogoh ning o'zida edi, matn esa max-width bilan
   cheklangan — natijada chiziq ham yarim yo'lda uzilib qolardi va
   sinib qolganday ko'rinardi. Endi chiziq o'ram elementida,
   matn o'lchovi esa alohida cheklanadi. */
.futer-past{
  margin-top:clamp(30px,3vw,44px);padding-top:22px;
  border-top:1px solid rgba(221,188,133,.16);
}
/* DIQQAT — ustunlik (specificity) tuzog'i:
   yuqorida `.futer p{max-width:44ch}` qoidasi bor. U ikki bo'lakli
   (0,1,1), `.futer-ogoh` esa bir bo'lakli (0,1,0) — ya'ni sinf
   nomiga qaramay, `.futer p` YUTADI va ogohlantirish matni 44ch
   da qolib ketadi. Tashqi ko'rinishda bu "max-width ishlamayapti"
   bo'lib tuyuladi.
   Shuning uchun tanlagichni ataylab kuchaytiramiz. */
.futer p.futer-ogoh{
  font-size:.83rem;color:var(--law-navy-300);
  /* Huquqiy matn o'lchovi: juda tor bo'lsa ustun bo'lib qoladi,
     juda keng bo'lsa ko'z qatorni yo'qotadi. */
  max-width:94ch;
}
.futer-ogoh b{color:var(--law-brass-300)}
.futer-oxir{
  margin-top:18px;padding-top:16px;
  border-top:1px solid rgba(221,188,133,.10);
  font-size:.8rem;color:var(--law-navy-400);
  display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:space-between;
}