/* ==========================================================================
   FF/07-SAVOL-CTA-FOOTER.CSS — FlexFolio skin: FAQ · APELSIN CTA · FORMA · FOOTER
   Otabek, 2026-08-07.

   Poydevor 00/01/02/08 da hal qilingan (tokenlar, pill tugma, badge, karta,
   input, punktir chiziqlar). Bu yerda faqat SHU UCH BO'LIMGA XOS detallar.

   Sahifaning eng oxirgi ekrani FlexFolio'da eng tanilarli joyi:
     · FAQ  — chegarasiz, sokin oq plitalar, ochilganda apelsin urg'u
     · CTA  — to'liq kenglikdagi APELSIN MESH BANNER (radius 32px)
     · Footer — chegarasiz, ustun sarlavhalari KATTA (Inter 24/500/lh 36px)

   Referens: ref/ref-04.jpg (desktop CTA+footer), ref-mob/ref-05.jpg (FAQ).
   ========================================================================== */


/* ==========================================================================
   1. SAVOLLAR — bo'lim
   Eski redizaynda `#savollar` OQ TASMA edi (parts/08: `background:var(--panel)`
   + ikki tomonlama chegara). FlexFolio'da bo'limlar orasida yuza uzilishi
   YO'Q — sahifa foni uzluksiz oqadi, ajratuvchi rolini 08-signature dagi
   gorizontal punktir chiziq bajaradi. Shuning uchun tasma olib tashlanadi.
   ========================================================================== */
#savollar{
  background:transparent;
  border-top:0;
  border-bottom:0;
}

/* Chap ustun (sarlavha) / o'ng ustun (akkordeon) oralig'i grid gap'iga
   tenglashtiriladi — o'lchangan hukmron 31px shkalasidan chiqmaslik uchun. */
.faq-split{ gap:clamp(32px, 4.4vw, 64px); }

/* Yopishib turgan sarlavha — header 24px'dan boshlanadi, ustiga nafas */
.faq-aside-in{ top:120px; }

.faq-aside .sec-head{ margin-top:0; }


/* --- 1.1 Akkordeon plitalari -------------------------------------------
   O'lchangan FlexFolio karta tili: chegara YO'Q, soya YO'Q — chuqurlik
   faqat yuza farqidan. `.aw-card` #FAFAFA da turadi; FAQ ro'yxati 12 ta
   elementdan iborat va #F5F5F5 sahifada #FAFAFA deyarli ko'rinmasdi,
   shuning uchun bu yerda toza OQ (#FFFFFF) — SPEC §1 dagi "asosiy yuza".
   depth.css:1059 `.faq-item` ga gradient + `--hair` + `--sh-1` beradi;
   uchalasi ham shu yerda tekislanadi.
   ------------------------------------------------------------------------ */
.faq-item{
  background:var(--panel);
  background-image:none;
  border:0;
  border-radius:20px;                     /* o'lchangan karta radiusi */
  box-shadow:none;
  margin-bottom:10px;
  transition:box-shadow .26s var(--ease), background-color .26s var(--ease);
}

.faq-item:hover{
  background:var(--panel);
  box-shadow:var(--sh-1);
}

/* Ochilgan element — apelsin urg'u.
   HTML'da `.open` klassi YO'Q (js/main.js faqat `aria-expanded` ni yozadi),
   shuning uchun holat `:has()` orqali o'qiladi. */
.faq-item:has(.faq-q[aria-expanded="true"]){
  background:var(--panel);
  box-shadow:inset 0 0 0 1px rgba(249,117,24,.30), var(--sh-1);
}


/* --- 1.2 Savol qatori ---------------------------------------------------
   O'lchangan karta sarlavhasi Inter 20/500/ls -0.3px/lh 20px. Savol matni
   ikki qatorga tushadi, shuning uchun lh 20px o'rniga 1.45 olinadi va
   o'lcham 18px — 12 ta element ro'yxatida 20px juda og'ir ko'rinardi
   (referens mobil skrinshotida ham savol lead o'lchamida).
   ------------------------------------------------------------------------ */
.faq-q{
  gap:20px;
  padding:22px 26px;
  font-family:var(--body);                /* Geist EMAS — o'lchangan karta matni Inter */
  font-size:18px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:-0.3px;
  color:var(--ink);
}

.faq-q:hover{ color:var(--ink); }         /* rang emas, plita soyasi javob beradi */


/* --- 1.3 `+` / `−` belgisi — pill plita ichida --------------------------
   FlexFolio'da har bir mayda interaktiv nishon pill (radius 100px).
   Belgining o'zi parts/08 da ikkita 1.5px chiziq — ular ::before/::after
   bilan markazlashgan, shuning uchun idishni kattalashtirish yetarli.
   ------------------------------------------------------------------------ */
.faq-ic{
  width:34px;
  height:34px;
  border-radius:100px;
  background:var(--panel-2);
  box-shadow:inset 0 0 0 1px var(--line-soft);
  transition:background-color .25s var(--ease), box-shadow .25s var(--ease);
}

.faq-ic::before,
.faq-ic::after{ background:var(--ink-mut); }

/* Ochiq holat: pill apelsinga to'ladi, qolgan `−` chizig'i oq bo'ladi */
.faq-q[aria-expanded="true"] .faq-ic{
  background-color:var(--blue);
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(230,95,0,0) 0%, rgb(230,95,0) 100%);
  box-shadow:var(--sh-blue);
}

.faq-q[aria-expanded="true"] .faq-ic::before{ background:#fff; }


/* --- 1.4 Javob matni ---------------------------------------------------- */
.faq-inner{ padding:0 26px 24px; }

.faq-inner p{
  font-family:var(--body);
  font-size:16px;                         /* o'lchangan asosiy matn */
  font-weight:500;
  line-height:1.6;
  letter-spacing:normal;
  color:var(--ink-mut);
  max-width:62ch;
}

@media (max-width:767px){
  .faq-q{ padding:18px 18px; font-size:17px; gap:14px; }
  .faq-ic{ width:30px; height:30px; }
  .faq-inner{ padding:0 18px 18px; }
  .faq-inner p{ font-size:15px; }
}


/* ==========================================================================
   2. APELSIN MESH CTA BANNERI
   Bu skinning eng ko'zga tashlanadigan bo'lagi (referens ref-04.jpg).
   `.aw-cta` ikki joyda ishlatiladi:
     · `#jarvis` ichidagi `.jv-cta` — markazlashgan matn + oq tugma
     · `#boshlash` ichidagi `.cta-panel` — chapda matn, o'ngda oq forma
   Shu sababli MESH umumiy, matn ostidagi to'qlashtiruvchi parda esa
   `--cta-scrim` o'zgaruvchisi orqali har bir joyga moslanadi.

   NEGA PARDA KERAK: mesh'ning eng och nuqtasi ambr (#FFC24A) — oq matn
   u yerda 1.7:1 beradi. Referensda sarlavha aynan to'q qizil-apelsin
   sohada turadi. Parda o'sha sohani biz uchun yaratadi: matn zonasi
   ≈#D03700 bo'lib qoladi → oq bilan ~4.9:1 (AA).
   ========================================================================== */
.aw-cta{
  /* Markazlashgan variant. Parda RANGLI (to'q qizil-apelsin), veil emas —
     referens ref-04.jpg da matn aynan shunday keng qizil lentada turadi.
     Piksel o'lchovi: eski 74%×86% ellips matn qatorining o'ng uchiga
     yetmasdi (.jv-cta sub 3.86:1). Lenta 96%×132% ga kengaytirildi,
     platosi 54% gacha cho'zildi — endi butun matn zonasi ≥4.5:1,
     ambr faqat to'rt burchakda qoladi (referensdagidek). */
  /* QA TUZATISHI (2026-08-07): parda .88 alfa bilan deyarli butun yuzani
     qoplab, panelni G'ISHT-QIZIL qilib qo'ygan edi.
     O'lchangan: bizniki rgb(217,69,20) · ref-04 rgb(252,115,31) — ΔR −35, ΔG −46.
     Referens YORQIN apelsin. Parda 46% ga tushirilib, faqat matn zonasiga
     toraytirildi; kontrast esa panelni qoraytirish bilan emas, matnni
     yiriklashtirish bilan qoplanadi (pastga qarang). */
  --cta-scrim:radial-gradient(78% 46% at 50% 30%,
                rgba(255,77,0,.62)  0%,
                rgba(255,77,0,.40) 58%,
                rgba(255,77,0,0)  100%);

  background-color:#F97518;
  background-image:
    var(--cta-scrim),
    /* --- mesh qatlamlari: ambr burchaklar, markazda to'q qizil-apelsin --- */
    radial-gradient(52% 64% at  4%   2%, #FFC24A 0%, rgba(255,194,74,0) 66%),
    radial-gradient(46% 58% at  2%  98%, #FFC759 0%, rgba(255,199,89,0) 64%),
    radial-gradient(60% 76% at 99%  96%, #FFB93F 0%, rgba(255,185,63,0) 66%),
    radial-gradient(40% 52% at 96%   4%, #FF8A1F 0%, rgba(255,138,31,0) 70%),
    radial-gradient(66% 80% at 32%  32%, #FF3D00 0%, rgba(255,61,0,0)   70%),
    radial-gradient(54% 68% at 72%  60%, #FF4A05 0%, rgba(255,74,5,0)   72%),
    linear-gradient(128deg, #FF9A1F 0%, #FA4E06 46%, #FF7A16 72%, #FFB640 100%);

  border-radius:32px;                     /* o'lchangan CTA banneri radiusi */
  color:#fff;

  /* Referens bannerda drop-shadow ko'rinmaydi, lekin blok #F5F5F5 fonda
     "yopishib" qolmasligi uchun juda past, iliq halo qoldiriladi. */
  box-shadow:0 20px 48px -30px rgba(215,89,0,.55);
}

/* Ikki ustunli variant: matn CHAPDA — parda ham chapga siljiydi,
   o'ng tomon (oq forma kartasi ortida) yorqin ambr bo'lib qoladi. */
.cta-panel{
  /* Matn CHAPDA — lenta markazi 18% ga suriladi. O'lchandi: "Tel:" qatori
     (eng past matn) va eyebrow eng och nuqtalarda edi; plato 56% gacha
     cho'zilib, ikkalasi ham to'q qizil zonaga tushdi. O'ng chekka va
     pastki-o'ng burchak (oq forma kartasi ortida) ambr bo'lib qoladi. */
  --cta-scrim:radial-gradient(116% 92% at 24% 52%,
                rgba(206,42,0,.90)  0%,
                rgba(206,42,0,.86) 66%,
                rgba(206,42,0,.32) 88%,
                rgba(206,42,0,0)  100%);
  padding:clamp(28px, 3.6vw, 56px);
}

/* MOBIL: banner torayadi, matn ustunning BUTUN kengligini egallaydi va
   radial lenta chetlariga (ambr burchaklarga) chiqib ketadi — o'lchovda
   asosiy matn 3.0:1, sarlavha ta'kidi 2.68:1 gacha tushgan edi.
   Shu sababli mobilda parda diagonal LENTA ga aylanadi: matn bloki
   turgan yuqori qism bir tekis to'q, ambr esa pastki-o'ng burchakda. */
@media (max-width:767px){
  .aw-cta{
    --cta-scrim:linear-gradient(168deg,
                  rgba(206,42,0,.90)  0%,
                  rgba(206,42,0,.86) 62%,
                  rgba(206,42,0,.40) 82%,
                  rgba(206,42,0,0)   98%);
  }
  .cta-panel{
    --cta-scrim:linear-gradient(168deg,
                  rgba(206,42,0,.90)  0%,
                  rgba(206,42,0,.86) 44%,
                  rgba(206,42,0,.36) 62%,
                  rgba(206,42,0,0)   84%);
  }
}


/* --- 2.1 Banner tipografikasi -------------------------------------------
   O'lchangan (SPEC §2, "H2 to'q CTA"): Geist 44px / 500 / ls -1.32px /
   lh 48.4px (1.1). Bo'lim H2 sidan (48/400/-3.5px) FARQ QILADI — banner
   sarlavhasi bir oz qalinroq va tracking ancha yumshoqroq.
   ------------------------------------------------------------------------ */
.aw-cta h2,
.aw-cta .sec-head h2{
  font-family:var(--display);
  font-size:clamp(28px, 3.05vw, 44px);
  font-weight:500;
  line-height:1.1;
  letter-spacing:-0.03em;                 /* 44px'da ≈ -1.32px */
  color:#fff;
}

/* Sarlavha ta'kidi bannerda OQ bo'ladi.
   01-primitives `.h2-accent` ga `--acc-head` ni `!important` bilan yozadi
   (0-1-0) — bu yerda 0-2-0 zanjir + `!important` bilan qaytariladi,
   aks holda apelsin ustida apelsin matn qolardi. */
.aw-cta .h1-accent,
.aw-cta .h2-accent,
.lead-left .h2-accent{
  background-image:none !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
          color:rgba(255,255,255,.78) !important;
  font-style:normal;
}

/* Sub — o'lchangan Inter 18/500. Referensda u "muted oq", lekin bu yerda
   alfa TOZA OQ ga qaytariladi: piksel o'lchovi ko'rsatdiki .94 alfa matn
   zonasida kontrastni 4.28:1 ga tushiradi (AA 4.5 dan past), toza oq esa
   4.64:1 beradi. "Yengillik" endi o'lchamdan, alfadan emas. */
.aw-cta .sec-sub,
.aw-cta .lead,
.aw-cta > p,
.aw-cta .lead-left p{
  font-family:var(--body);
  font-size:18px;
  font-weight:500;
  line-height:1.55;
  letter-spacing:-0.36px;
  color:#fff;
}

.lead-left .sec-head{ margin-top:20px; }
.lead-left .sec-sub{ margin-top:18px; max-width:46ch; }

.cta-extra{
  margin-top:26px;
  font-family:var(--body);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  color:#fff;
}

.cta-extra a{
  color:#fff;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}


/* --- 2.2 Banner ichidagi eyebrow ----------------------------------------
   O'lchangan "ijtimoiy isbot" badge'i: 40px, radius 100px,
   blur(8px) shishasimon plita + oq hairline halqa.
   depth.css:879 uni binafsha tabletkaga aylantiradi — qaytariladi.

   FARQ: referensdagi `rgba(255,255,255,.2)` to'ldirish plitani YORITADI —
   apelsin ustida 15px oq matn u yerda 3.36:1 (AA 4.5 dan past) bo'lib
   qolardi. Shishasimon ko'rinish saqlanadi, lekin to'ldirish ILIQ TO'Q
   ga aylantirildi: endi oq matn ~6:1 beradi, halqa esa oq bo'lib qoladi
   va chip baribir "shisha" bo'lib o'qiladi.
   ------------------------------------------------------------------------ */
.aw-cta .eyebrow,
.aw-cta .aw-eyebrow{
  min-height:40px;
  padding:6px 16px 6px 12px;
  background-color:rgba(96,24,0,.24);
  background-image:none;
  -webkit-backdrop-filter:blur(8px);
          backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);
  color:#fff;
}

.aw-cta .eyebrow::before,
.aw-cta .aw-eyebrow::before{
  background:#fff;
  box-shadow:none;
}


/* --- 2.3 Bannerdagi OQ PILL tugma --------------------------------------
   depth.css:573 unga oq→kulrang gradient va to'rt qatlamli binafsha soya
   beradi. FlexFolio'da bu toza oq pill, iliq-qora matn, bitta yumshoq soya.
   ------------------------------------------------------------------------ */
.aw-cta .btn-primary,
.aw-cta .btn-secondary,
.aw-cta .btn-blue,
.aw-cta .btn-ghost{
  background-color:#FFFFFF;
  background-image:none;
  border:0;
  border-radius:100px;
  color:var(--ink);
  text-shadow:none;
  box-shadow:0 2px 6px rgba(120,44,0,.16), 0 14px 30px -12px rgba(120,44,0,.35);
}

.aw-cta .btn-primary:hover,
.aw-cta .btn-secondary:hover,
.aw-cta .btn-blue:hover,
.aw-cta .btn-ghost:hover{
  background-color:#FFFFFF;
  background-image:none;
  color:var(--ink);
  box-shadow:0 3px 8px rgba(120,44,0,.18), 0 20px 40px -14px rgba(120,44,0,.42);
}

.aw-cta .btn > svg{ opacity:.9; }


/* ==========================================================================
   3. FORMA KARTASI
   Input/textarea/fokus poydevori 01-primitives da. Bu yerda faqat
   joylashuv, oraliq va bannerga xos ranglar.
   ========================================================================== */
.lead-card{
  gap:18px;
  background:#FFFFFF;
  border:0;
  border-radius:24px;                     /* o'lchangan "katta karta" */
  padding:28px;
  box-shadow:0 2px 8px rgba(120,44,0,.10), 0 30px 60px -26px rgba(120,44,0,.42);
}

/* depth.css:904 unga binafsha "suzish" soyasini beradi (0-2-0) — teng
   zanjir bilan qaytariladi. */
.aw-cta .lead-card{
  box-shadow:0 2px 8px rgba(120,44,0,.10), 0 30px 60px -26px rgba(120,44,0,.42);
}

/* --- 3.1 Tarif eslatmasi — apelsin pill (parts/08 da binafsha qotirilgan) */
#tarif-note{
  padding:7px 8px 7px 16px;
  border-radius:100px;
  background:var(--blue-lo);
  border:0;
  box-shadow:inset 0 0 0 1px rgba(249,117,24,.24);
  font:500 14px/1.4 var(--body);
  color:var(--blue-ink);
}

#tarif-note b{ font-weight:600; color:var(--blue-ink); }

#tarif-clear{
  width:24px;
  height:24px;
  border-radius:100px;
  background:rgba(249,117,24,.14);
  color:var(--blue-ink);
  font-size:15px;
}

#tarif-clear:hover{ background:rgba(249,117,24,.26); }


/* --- 3.2 Maydonlar ------------------------------------------------------ */
.lead-card .field{ gap:8px; }

/* Yorliqlar Geist'dan Inter'ga o'tadi — o'lchangan "mayda/meta" uslubi */
.lead-card .field label,
.lead-card .field-label{
  font-family:var(--body);
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:normal;
  color:var(--ink);
}

/* Pill inputda matn chetga yopishmasligi uchun gorizontal padding kattaroq */
.lead-card .field input{ padding:13px 20px; }

.lead-card .field textarea{
  padding:14px 18px;
  min-height:100px;
  border-radius:20px;                     /* pill matn maydoniga to'g'ri kelmaydi */
}

.lead-card .field input::placeholder,
.lead-card .field textarea::placeholder{ color:rgba(30,13,1,.42); }

/* Xato holati: chegara yo'q — inset halqa bilan */
.field.invalid input,
.field.invalid textarea{
  border:0;
  box-shadow:inset 0 0 0 1px var(--danger);
}

.field.invalid input:focus,
.field.invalid textarea:focus{
  border:0;
  box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 4px var(--danger-lo);
}

.field-err{
  font-family:var(--body);
  font-size:13px;
  font-weight:500;
}


/* --- 3.3 Xizmat chiplari — oq pill, tanlanganda apelsin --------------- */
.lead-card .chips{ gap:10px; }

.lead-card .chip{
  padding:11px 18px;
  border:0;
  border-radius:100px;
  background:var(--panel-2);
  box-shadow:inset 0 0 0 1px var(--line-soft);
  font-family:var(--body);
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  color:var(--ink);
}

.lead-card .chip:hover{
  background:#FFFFFF;
  box-shadow:var(--sh-1);
}

.lead-card .chip.active,
.lead-card .chip[aria-pressed="true"]{
  background-color:var(--blue);
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(230,95,0,0) 0%, rgb(230,95,0) 100%);
  border:0;
  color:#fff;
  box-shadow:var(--sh-blue);
}


/* --- 3.4 Yuborish tugmasi ----------------------------------------------
   depth.css:609 `.aw-cta .lead-card .btn-primary` (0-3-0) unga binafsha
   gradient beradi va 01-primitives dagi `.btn-primary` (0-1-0) uni yenga
   olmaydi — shuning uchun AYNAN o'sha zanjir bu yerda takrorlanadi.
   ------------------------------------------------------------------------ */
.aw-cta .lead-card .btn-primary,
.lead-card .btn-primary{
  margin-top:4px;
  background-color:var(--blue);
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(230,95,0,0) 0%, rgb(230,95,0) 100%);
  border:0;
  color:#fff;
  text-shadow:none;
  box-shadow:var(--sh-blue);
}

.aw-cta .lead-card .btn-primary:hover,
.lead-card .btn-primary:hover{
  background-color:#FF8531;
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(214,86,0,0) 0%, rgb(214,86,0) 100%);
  color:#fff;
  box-shadow:var(--sh-blue-hi);
}

.aw-cta .lead-card .btn-primary:active,
.lead-card .btn-primary:active{
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(196,78,0,0) 0%, rgb(196,78,0) 100%);
  box-shadow:var(--sh-blue-press);
}

.lead-card .form-note{
  font-family:var(--body);
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  color:var(--ink-mut);
}


/* --- 3.5 Muvaffaqiyat kartasi ------------------------------------------ */
#lead-success{
  gap:16px;
  padding:36px 28px;
  border-radius:24px;
}

.success-ic{
  width:48px;
  height:48px;
  border-radius:100px;
  background-color:var(--blue);
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(230,95,0,0) 0%, rgb(230,95,0) 100%);
  box-shadow:var(--sh-blue);
}

/* Belgi idish 44→48px bo'lgani uchun qayta markazlashtiriladi */
.success-ic::after{
  left:19px;
  top:14px;
}

.success-line{
  font-family:var(--body);                /* o'lchangan karta sarlavhasi Inter */
  font-size:20px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:-0.3px;
  color:var(--ink);
}

.success-sub{
  font-family:var(--body);
  font-size:16px;
  font-weight:500;
  line-height:1.6;
  color:var(--ink-mut);
}

/* Oq karta ICHIDAGI ikkilamchi tugma — banner qoidasi bu yerga tushmasin */
.aw-cta .lead-card .btn-secondary{
  background:#FFFFFF;
  background-image:none;
  border:0;
  color:var(--ink);
  box-shadow:var(--sh-1);
}

@media (max-width:767px){
  .cta-panel{ padding:22px; border-radius:24px; }
  .lead-card,
  #lead-success{ padding:20px; border-radius:20px; }
  .aw-cta .sec-sub,
  .aw-cta .lead-left p{ font-size:16px; }
}


/* ==========================================================================
   4. FOOTER
   O'lchangan: chegara yo'q, fon sahifa bilan bir xil, ustun sarlavhalari
   KATTA (Inter 24px/500/lh 36px) — bu FlexFolio footerining imzosi.
   Bo'lim padding 80/24 (00-tokens da `#boshlash` orqali berilgan).
   ========================================================================== */
.site-footer{
  background:transparent;                 /* sahifa foni uzluksiz oqadi */
  border-top:0;
  box-shadow:none;                        /* depth.css:1081 inset hairline'i */
}

.footer-top{
  grid-template-columns:1.45fr .8fr .8fr 1.1fr;
  gap:clamp(32px, 3.4vw, 56px);
  padding-block:clamp(48px, 5.2vw, 72px);
}


/* --- 4.1 Brend ustuni --------------------------------------------------- */
.footer-brand{ max-width:360px; }

.footer-brand p{
  margin-top:18px;
  font-family:var(--body);
  font-size:16px;
  font-weight:500;
  line-height:1.6;
  color:var(--ink-mut);
}

/* Referensda footer CTA — to'liq apelsin pill (tugma tilidan chiqmaydi) */
.footer-cta{
  margin-top:26px;
  height:49px;
  padding-inline:22px;
  gap:8px;
  border-radius:100px;
  background-color:var(--blue);
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(230,95,0,0) 0%, rgb(230,95,0) 100%);
  color:#fff;
  font-family:var(--body);
  font-size:16px;
  font-weight:600;
  line-height:20px;
  letter-spacing:normal;
  box-shadow:var(--sh-blue);
}

.footer-cta:hover{
  background-color:#FF8531;
  background-image:radial-gradient(55% 50% at 50% 46.2%, rgba(214,86,0,0) 0%, rgb(214,86,0) 100%);
  color:#fff;
  box-shadow:var(--sh-blue-hi);
}

.footer-cta svg{ width:16px; height:16px; opacity:.9; }


/* --- 4.2 Nav ustunlari --------------------------------------------------
   Eski uslub: 12px UPPERCASE, keng tracking. O'lchangan FlexFolio:
   Inter 24px / 500 / lh 36px, oddiy registr, to'liq siyoh rangi.
   ------------------------------------------------------------------------ */
.footer-col{ gap:0; }

.footer-col h4{
  margin-bottom:14px;
  font-family:var(--body);
  font-size:24px;
  font-weight:500;
  line-height:36px;
  letter-spacing:normal;
  text-transform:none;
  color:var(--ink);
}

.footer-col a,
.footer-plain{
  padding-block:8px;
  font-family:var(--body);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  color:var(--ink-mut);
}

.footer-col a:hover{ color:var(--ink); }

/* harakat.css:99 havola ostiga ko'k chiziq chizadi — apelsinga buriladi */
.footer-col a::after{ background:var(--blue); }

.footer-contact .fc-tel{
  margin-bottom:10px;
  font-family:var(--display);
  font-size:22px;
  font-weight:500;
  letter-spacing:-0.03em;
  color:var(--ink);
}

.footer-contact .fc-tel:hover{ color:var(--blue-ink); }


/* --- 4.3 Pastki qator ---------------------------------------------------
   Referensda (ref-04.jpg) bu chegarali chiziq EMAS, balki yumshoq oq
   plita: butun kenglik bo'ylab yotgan radiusli tasma.
   ------------------------------------------------------------------------ */
.footer-bottom{
  margin-bottom:28px;
  padding:22px 28px;
  border-top:0;
  border-radius:20px;
  background:var(--panel);
  box-shadow:none;
}

.footer-bottom p{
  font-family:var(--body);
  font-size:14px;
  font-weight:500;
  line-height:1.6;
  color:var(--ink-mut);
}

.footer-up{
  gap:8px;
  font-family:var(--body);
  font-size:14px;
  font-weight:500;
  color:var(--ink-mut);
}

.footer-up:hover{ color:var(--blue-ink); }
.footer-up svg{ width:15px; height:15px; }

@media (max-width:767px){
  .footer-col h4{ font-size:20px; line-height:30px; margin-bottom:8px; }
  .footer-bottom{
    padding:18px 20px;
    border-radius:16px;
    margin-bottom:20px;
  }
}


/* ==========================================================================
   5. HARAKATNI KAMAYTIRISH
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .faq-item:hover{ box-shadow:none; }
  .faq-ic{ transition:none; }
}


/* ==========================================================================
   QA TUZATISHI — apelsin banner ichidagi matn "katta matn" darajasiga
   ko'tariladi. WCAG: >=18.66px bold yoki >=24px oddiy matn uchun chegara
   3.0:1 (4.5:1 emas). Panel yorqin apelsin bo'lib qolgani uchun (referens
   1:1) kontrast shu yo'l bilan qonuniylashtiriladi.
   ========================================================================== */
.aw-cta .sec-sub,
.aw-cta > p,
.aw-cta .lead,
.jv-cta .sec-sub,
.jv-cta > p{
  font-size:20px;
  font-weight:600;
  line-height:1.5;
  color:#FFFFFF;
}