/* ==========================================================================
   FF/BTN/3.CSS — TUGMA VARIANTI 3: "QATTIQ QIRRA" (crisp edge)
   Otabek, 2026-08-07.

   MUAMMO: tugmalar tekis to'rtburchakka aylangan — bosiladigan narsa ekani
   ko'zga urilmaydi. Rang bor, lekin HAJM yo'q.

   YECHIM: FlexFolio referensining asl tugma retsepti, Saazi binafshasiga
   ko'chirilgan. Uch qatlamdan iborat:

     1. ICHKI YUQORI YORUG'LIK  `inset 0 4px 4px <ochroq aksent>`
        Tugmaning ustki 4px'i bir pog'ona ochroq bo'ladi — yorug'lik
        yuqoridan tushayotgandek. Bu tugmani "quyilgan" qiladi.
     2. QATTIQ PASTKI QIRRA     `inset 0 -1px 0 <to'qroq aksent>`
        Pastki chekkada 1px to'q chiziq — jismning quyi qirrasi.
        Variantning nomi shundan: qirra YUMSHOQ emas, QATTIQ.
     3. RANGLI HALO             `0 10px 24px -6px rgba(aksent,.5)`
        Tugma yuzadan ko'tarilib turadi; soya kulrang emas, BINAFSHA —
        shuning uchun rang butun kompozitsiyaga tarqaladi.

   Ikkilamchi (oq) tugma FlexFolio'ning uch qatlamli juda yumshoq soyasini
   oladi: `0 .6px 1.6px -1.5px`, `0 2.3px 6px -3px`, `0 10px 26px -4.5px`
   + eng ingichka ichki halqa (qattiq qirra shu halqada ko'rinadi).

   HARAKAT MANTIG'I (juda sokin, 1px):
     rest    → tinch turadi
     hover   → 1px KO'TARILADI, halo kengayadi, rang bir pog'ona to'qlashadi
     active  → 1px BOSILADI, ichki yorug'lik ichki SOYAGA aylanadi, halo o'chadi
     focus   → tugma SHAKLINI takrorlagan ikki qatlamli halqa (oq + aksent)
     disabled→ hajm butunlay yo'qoladi: tekis kulrang-binafsha plita

   QAMROV: saytdagi hamma bosiladigan element. Ba'zi tugmalar oldingi
   qatlamlarda ID zanjiri yoki `!important` bilan yozilgan — bu yerda
   AYNAN o'sha kuch takrorlanadi, aks holda yengib bo'lmaydi.

   Bu fayl OXIRGI yuklanadi va faqat SOYA / FON / HARAKAT bilan ishlaydi.
   Geometriya (14px radius, o'lcham, tipografika) 09-qa.css'niki — tegilmaydi.
   ========================================================================== */


/* ==========================================================================
   0. TOKENLAR — bitta joydan boshqariladi
   ========================================================================== */
:root{
  /* Aksent pog'onalari (11-rang-final.css palitrasi) */
  --b3-acc:        #7C3AED;            /* rest   — oq matn 5.70:1 */
  --b3-acc-hi:     #9260F2;            /* rest ichki yuqori yorug'lik */
  --b3-acc-edge:   #5B21B6;            /* rest qattiq pastki qirra */

  --b3-acc-h:      #6D28D9;            /* hover  — oq matn 7.10:1 */
  --b3-acc-h-hi:   #8446E8;            /* hover ichki yorug'lik */
  --b3-acc-h-edge: #5B21B6;            /* hover qirra — K4: #4C1D95 chizilgan chiziqday edi */

  --b3-acc-a:      #5B21B6;            /* active — oq matn 9.55:1 */

  /* Soya bazalari */
  --b3-ink:        56, 19, 79;         /* siyoh — neytral soya */
  --b3-halo:       124, 58, 237;       /* aksent — rangli halo */

  /* Egri va tezlik */
  --b3-ease:       cubic-bezier(.2, .7, .3, 1);
  --b3-fast:       .13s;
  --b3-slow:       .22s;

  /* --- Soya reseptlari (bir marta yoziladi, hamma joyda ishlatiladi) --- */

  /* Asosiy (binafsha) */
  --b3-p-rest:
    inset 0 1px 0 rgba(255, 255, 255, .26),        /* 1px QATTIQ yuqori qirra */
    inset 0 4px 4px -2px var(--b3-acc-hi),         /* uning ostidagi yorug'lik */
    inset 0 -1px 0 var(--b3-acc-edge),             /* 1px QATTIQ pastki qirra */
    0 1px 1.5px rgba(var(--b3-ink), .22),
    0 10px 24px -6px rgba(var(--b3-halo), .50);
  --b3-p-hover:
    inset 0 1px 0 rgba(255, 255, 255, .30),
    inset 0 4px 4px -2px var(--b3-acc-h-hi),
    inset 0 -1px 0 var(--b3-acc-h-edge),
    0 2px 3px rgba(var(--b3-ink), .24),
    0 14px 28px -8px rgba(var(--b3-halo), .50);   /* K4: "yorishish" emas, "ko'tarilish" */
  /* K5 — bosilish "rang almashishi" emas, yorug'lik quduqqa tushgandek */
  --b3-p-active:
    inset 0 3px 7px -1px rgba(24, 6, 44, .62),
    inset 0 -2px 0 rgba(255, 255, 255, .16),
    0 1px 1px rgba(var(--b3-ink), .18);

  /* Ikkilamchi (oq, yorug' fonda) — FlexFolio'ning uch qatlami */
  --b3-s-rest:
    inset 0 0 0 1px rgba(var(--b3-ink), .13),   /* K1: .09 ko'rinmasdi */
    0 .6px 1.6px -1.5px rgba(var(--b3-ink), .30),
    0 2.3px 6px -3px   rgba(var(--b3-ink), .22),
    0 8px 22px -5px rgba(var(--b3-ink), .14);   /* K3: kartadan balandroq ko'tarardi */
  --b3-s-hover:
    inset 0 0 0 1px rgba(var(--b3-halo), .28),
    0 .8px 2px -1.5px  rgba(var(--b3-ink), .32),
    0 3.4px 9px -3px   rgba(var(--b3-ink), .26),
    0 15px 34px -5px   rgba(var(--b3-halo), .26);
  --b3-s-active:
    inset 0 0 0 1px rgba(var(--b3-ink), .14),
    inset 0 2px 5px -2px rgba(var(--b3-ink), .26),
    0 1px 1px rgba(var(--b3-ink), .10);

  /* Oq tugma TO'Q banner ustida — halo qora, halqa yo'q */
  --b3-w-rest:
    inset 0 -1px 0 rgba(var(--b3-ink), .16),
    0 1px 2px rgba(8, 2, 16, .40),
    0 12px 28px -10px rgba(8, 2, 16, .72);
  --b3-w-hover:
    inset 0 -1px 0 rgba(var(--b3-ink), .20),
    0 2px 4px rgba(8, 2, 16, .44),
    0 18px 36px -12px rgba(8, 2, 16, .80);
  --b3-w-active:
    inset 0 2px 5px -1px rgba(var(--b3-ink), .30),
    0 1px 1px rgba(8, 2, 16, .30);

  /* Fokus halqasi — tugma SHAKLINI takrorlaydi (box-shadow radiusga ergashadi) */
  --b3-ring:
    0 0 0 3px #FFFFFF,
    0 0 0 5.5px rgba(var(--b3-halo), .85);
  --b3-ring-dark:                       /* to'q panel ichida */
    0 0 0 3px rgba(255, 255, 255, .95),
    0 0 0 5.5px rgba(var(--b3-halo), .95);
}


/* ==========================================================================
   1. UMUMIY — harakat va bosilish tayyorgarligi
   `.btn` da depth.css `overflow:hidden` qo'ygan edi, 01-primitives uni
   `visible` ga qaytargan; inset soyalar shuning uchun to'g'ri chiziladi.
   ========================================================================== */
.btn,
.btn-lg,
.btn-block,
.btn-primary,
.btn-secondary,
.btn-ghost,
.btn-light,
.btn-blue,
.nav-phone,
#hamburger,
#lead-submit,
.footer-cta,
.chat-send,
.mb-cta,
.kb-pay,
.wk-tab{
  transition:
    background-color var(--b3-slow) var(--b3-ease),
    color            var(--b3-slow) var(--b3-ease),
    box-shadow       var(--b3-slow) var(--b3-ease),
    transform        var(--b3-fast) var(--b3-ease) !important;
  -webkit-tap-highlight-color:transparent;
}

/* Bosiladigan narsa — kursor ham shuni aytsin */
.btn,
.nav-phone,
#hamburger,
.footer-cta,
.mb-cta,
.kb-pay,
.wk-tab{ cursor:pointer; }


/* ==========================================================================
   2. ASOSIY TUGMA — binafsha, oq matn
   Zanjirlar 01-primitives / 10 / 11 dagi bilan TENG kuchda yoziladi.
   ========================================================================== */
.btn-primary,
.btn-blue,
#hero .hero-ctas .btn-primary,
#mobile-menu nav a.btn,
.wk-tab.active,
.wk-tab[aria-pressed="true"]{
  background-color:var(--b3-acc);
  background-image:none;
  color:#fff;
  border:0;
  box-shadow:var(--b3-p-rest);
}

/* `!important` bilan yozilgan mayda asosiy tugmalar (11-rang-final:381) */
.footer-cta,
.mb-cta,
.kb-pay,
.chat-send{
  background-color:var(--b3-acc) !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:var(--b3-p-rest) !important;
}

/* Forma tugmasi — ID zanjiri (1-0-0 !important) bilan yozilgan */
#lead-submit{
  background-color:var(--b3-acc) !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:var(--b3-p-rest) !important;
}

/* --- 2.1 hover: 1px ko'tariladi, halo kengayadi ------------------------- */
.btn-primary:hover,
.btn-blue:hover,
#hero .hero-ctas .btn-primary:hover,
#mobile-menu nav a.btn:hover,
.wk-tab.active:hover,
.wk-tab[aria-pressed="true"]:hover{
  background-color:var(--b3-acc-h);
  color:#fff;
  box-shadow:var(--b3-p-hover);
  transform:translateY(-1px);
}
.footer-cta:hover,
.mb-cta:hover,
.kb-pay:hover,
.chat-send:hover{
  background-color:var(--b3-acc-h) !important;
  box-shadow:var(--b3-p-hover) !important;
  transform:translateY(-1px);
}
#lead-submit:hover{
  background-color:var(--b3-acc-h) !important;
  box-shadow:var(--b3-p-hover) !important;
  transform:translateY(-1px);
}

/* --- 2.2 active: 1px bosiladi, yorug'lik ichki soyaga aylanadi ---------- */
.btn-primary:active,
.btn-blue:active,
#hero .hero-ctas .btn-primary:active,
#mobile-menu nav a.btn:active,
.wk-tab.active:active,
.wk-tab[aria-pressed="true"]:active{
  background-color:var(--b3-acc-a);
  box-shadow:var(--b3-p-active);
  transform:translateY(1px);
}
.footer-cta:active,
.mb-cta:active,
.kb-pay:active,
.chat-send:active{
  background-color:var(--b3-acc-a) !important;
  box-shadow:var(--b3-p-active) !important;
  transform:translateY(1px);
}
#lead-submit:active{
  background-color:var(--b3-acc-a) !important;
  box-shadow:var(--b3-p-active) !important;
  transform:translateY(1px);
}


/* ==========================================================================
   3. IKKILAMCHI TUGMA — sof oq, yorug' fonda
   ========================================================================== */
.btn-secondary,
.btn-light,
.btn-ghost,
#hero .hero-ctas .btn-ghost,
#hero .hero-ctas .btn-secondary,
.wk-tab{
  background:#FFFFFF;
  background-image:none;
  color:var(--ink);
  border:0;
  box-shadow:var(--b3-s-rest);
}

/* Sarlavhadagi oq pill va gamburger — 02-chrome `!important` bilan yozgan */
.nav-phone,
#hamburger{
  background:#FFFFFF !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:var(--b3-s-rest) !important;
}

/* --- 3.1 hover: halqa binafshalashadi, halo aksent tusiga kiradi -------- */
.btn-secondary:hover,
.btn-light:hover,
.btn-ghost:hover,
#hero .hero-ctas .btn-ghost:hover,
#hero .hero-ctas .btn-secondary:hover,
.wk-tab:hover{
  background:#FFFFFF;
  color:var(--ink);
  box-shadow:var(--b3-s-hover);
  transform:translateY(-1px);
}
.nav-phone:hover,
#hamburger:hover{
  background:#FFFFFF !important;
  color:var(--ink) !important;
  box-shadow:var(--b3-s-hover) !important;
  transform:translateY(-1px);
}

/* Faol filtr tabi oq hover'ni olmasin — u ASOSIY tugma */
.wk-tab.active:hover,
.wk-tab[aria-pressed="true"]:hover{
  background:var(--b3-acc-h);
  color:#fff;
  box-shadow:var(--b3-p-hover);
}

/* --- 3.2 active: yuza ichkariga botadi ---------------------------------- */
.btn-secondary:active,
.btn-light:active,
.btn-ghost:active,
#hero .hero-ctas .btn-ghost:active,
#hero .hero-ctas .btn-secondary:active,
.wk-tab:active{
  background:#FAF8FE;
  box-shadow:var(--b3-s-active);
  transform:translateY(1px);
}
.nav-phone:active,
#hamburger:active{
  background:#FAF8FE !important;
  box-shadow:var(--b3-s-active) !important;
  transform:translateY(1px);
}


/* ==========================================================================
   4. TO'Q CTA BANNERI ICHIDA — oq tugma, qora halo
   `.aw-cta .btn-primary` 11-rang-final:229 da `!important` bilan oq qilingan.
   `#lead-submit` esa ID bilan yozilgani uchun binafsha bo'lib qoladi —
   bu yerdagi zanjirlar unga TEGMAYDI (0-2-0 < 1-0-0).
   ========================================================================== */
.aw-cta .btn-primary,
.jv-cta .btn-primary,
.cta-panel .btn-primary,
.aw-cta .footer-cta,
.jv-cta .footer-cta{
  background-color:#FFFFFF !important;
  background-image:none !important;
  color:var(--ink) !important;
  box-shadow:var(--b3-w-rest) !important;
}
.aw-cta .btn-primary:hover,
.jv-cta .btn-primary:hover,
.cta-panel .btn-primary:hover,
.aw-cta .footer-cta:hover,
.jv-cta .footer-cta:hover{
  background-color:#F3EDFF !important;
  color:var(--ink) !important;
  box-shadow:var(--b3-w-hover) !important;
  transform:translateY(-1px);
}
.aw-cta .btn-primary:active,
.jv-cta .btn-primary:active,
.cta-panel .btn-primary:active,
.aw-cta .footer-cta:active,
.jv-cta .footer-cta:active{
  background-color:#EBE1FF !important;
  box-shadow:var(--b3-w-active) !important;
  transform:translateY(1px);
}

/* To'q banner ichidagi ikkilamchi (oq) tugma */
.aw-cta .btn-secondary,
.aw-cta .btn-light,
.aw-cta .btn-ghost,
.jv-cta .btn-secondary,
.jv-cta .btn-ghost{
  background:#FFFFFF;
  color:var(--ink);
  box-shadow:var(--b3-w-rest);
}
.aw-cta .btn-secondary:hover,
.aw-cta .btn-light:hover,
.aw-cta .btn-ghost:hover,
.jv-cta .btn-secondary:hover,
.jv-cta .btn-ghost:hover{
  background:#F3EDFF;
  color:var(--ink);
  box-shadow:var(--b3-w-hover);
  transform:translateY(-1px);
}
.aw-cta .btn-secondary:active,
.aw-cta .btn-light:active,
.aw-cta .btn-ghost:active,
.jv-cta .btn-secondary:active,
.jv-cta .btn-ghost:active{
  background:#EBE1FF;
  box-shadow:var(--b3-w-active);
  transform:translateY(1px);
}


/* ==========================================================================
   5. FOKUS — klaviatura bilan yurgan odam uchun.
   `outline` emas, `box-shadow` halqasi: u border-radius'ga ergashadi,
   ya'ni halqa tugmaning AYNAN shaklini takrorlaydi.
   Ichki oq qatlam — halqa to'q fonda ham, oq fonda ham ko'rinsin uchun.
   ========================================================================== */
.btn:focus-visible,
.btn-primary:focus-visible,
.btn-blue:focus-visible,
#hero .hero-ctas .btn-primary:focus-visible,
#mobile-menu nav a.btn:focus-visible,
.wk-tab.active:focus-visible,
.wk-tab[aria-pressed="true"]:focus-visible{
  outline:none !important;
  box-shadow:var(--b3-p-rest), var(--b3-ring);
}
#lead-submit:focus-visible,
.footer-cta:focus-visible,
.mb-cta:focus-visible,
.kb-pay:focus-visible,
.chat-send:focus-visible{
  outline:none !important;
  box-shadow:var(--b3-p-rest), var(--b3-ring) !important;
}

.btn-secondary:focus-visible,
.btn-light:focus-visible,
.btn-ghost:focus-visible,
#hero .hero-ctas .btn-ghost:focus-visible,
#hero .hero-ctas .btn-secondary:focus-visible,
.wk-tab:focus-visible{
  outline:none !important;
  box-shadow:var(--b3-s-rest), var(--b3-ring);
}
.nav-phone:focus-visible,
#hamburger:focus-visible{
  outline:none !important;
  box-shadow:var(--b3-s-rest), var(--b3-ring) !important;
}

.aw-cta .btn-primary:focus-visible,
.jv-cta .btn-primary:focus-visible,
.cta-panel .btn-primary:focus-visible,
.aw-cta .btn-secondary:focus-visible,
.aw-cta .btn-ghost:focus-visible,
.aw-cta .footer-cta:focus-visible{
  outline:none !important;
  box-shadow:var(--b3-w-rest), var(--b3-ring-dark) !important;
}

/* Sichqoncha bilan bosilganda halqa chiqmasin (faqat klaviatura) */
.btn:focus:not(:focus-visible),
.nav-phone:focus:not(:focus-visible),
#hamburger:focus:not(:focus-visible),
.wk-tab:focus:not(:focus-visible){ outline:none; }


/* ==========================================================================
   6. O'CHIRILGAN HOLAT — hajm butunlay yo'qoladi.
   Halo yo'q, ichki yorug'lik yo'q, qirra yo'q: tugma "o'lik plita".
   Farq FAQAT rangda emas — SHAKLDA ham sezilsin.
   ========================================================================== */
.btn[disabled],
.btn:disabled,
.btn-primary[disabled],
.btn-primary:disabled,
.btn-secondary[disabled],
.btn-secondary:disabled,
.btn-ghost[disabled],
.btn-ghost:disabled,
.wk-tab[disabled],
.wk-tab:disabled,
#lead-submit[disabled],
#lead-submit:disabled,
.chat-send[disabled],
.chat-send:disabled,
.nav-phone[aria-disabled="true"]{
  background-color:#EFEBF7 !important;
  background-image:none !important;
  color:rgba(56, 19, 79, .48) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--b3-ink), .10) !important;
  transform:none !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}
.btn[disabled] > svg,
.btn:disabled > svg,
#lead-submit:disabled > svg,
.chat-send:disabled > svg{ opacity:.45; }

/* Yuborilayotgan holat (JS `.is-loading` qo'shsa) — bosilgandek qotib turadi */
.btn.is-loading,
#lead-submit.is-loading{
  box-shadow:var(--b3-p-active) !important;
  transform:translateY(1px);
  cursor:progress;
}


/* ==========================================================================
   7. MOBIL — hover yo'q, faqat bosish. depth.css:1361 mantig'i saqlanadi.
   ========================================================================== */
@media (hover:none){
  .btn:hover,
  .btn-primary:hover,
  .btn-secondary:hover,
  .btn-ghost:hover,
  .nav-phone:hover,
  #hamburger:hover,
  #lead-submit:hover,
  .footer-cta:hover,
  .wk-tab:hover{ transform:none !important; }
}

@media (max-width:767px){
  .btn:hover,
  .nav-phone:hover,
  #hamburger:hover{ transform:none !important; }

  /* Mobilda halo biroz qisqaradi — kichik ekranda katta soya kir ko'rinadi */
  :root{
    --b3-p-rest:
      inset 0 1px 0 rgba(255, 255, 255, .26),
      inset 0 4px 4px -2px var(--b3-acc-hi),
      inset 0 -1px 0 var(--b3-acc-edge),
      0 1px 1.5px rgba(var(--b3-ink), .20),
      0 8px 18px -7px rgba(var(--b3-halo), .46);
  }
}


/* ==========================================================================
   8. HARAKATNI KAMAYTIRISH — siljish o'chadi, hajm QOLADI.
   Foydalanuvchi harakatni emas, HARAKATNI so'ramaydi; tugma baribir
   bosilgan-bosilmaganini soya bilan aytib turadi.
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-ghost,
  .btn-light,
  .btn-blue,
  .nav-phone,
  #hamburger,
  #lead-submit,
  .footer-cta,
  .chat-send,
  .mb-cta,
  .kb-pay,
  .wk-tab{
    transition:box-shadow .01ms linear, background-color .01ms linear !important;
  }
  .btn:hover,
  .btn:active,
  .btn-primary:hover,
  .btn-primary:active,
  .btn-secondary:hover,
  .btn-secondary:active,
  .btn-ghost:hover,
  .btn-ghost:active,
  .nav-phone:hover,
  .nav-phone:active,
  #hamburger:hover,
  #hamburger:active,
  #lead-submit:hover,
  #lead-submit:active,
  .footer-cta:hover,
  .footer-cta:active,
  .wk-tab:hover,
  .wk-tab:active{ transform:none !important; }
}


/* ==========================================================================
   9. SINTEZ TUZATISHLARI (2026-08-07) — hakamlar paneli qarori bo'yicha
   K2 kichik tugmalar halosi · K6 faol tab press · K7 disabled qamrovi ·
   K8 mobilda hover yopishib qolishi
   ========================================================================== */

/* --- K2: kichik tugmalar (33–35px) katta tugma bilan bir xil halo olardi -- */
:root{
  --b3-p-rest-sm:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 3px 3px -2px var(--b3-acc-hi),
    inset 0 -1px 0 var(--b3-acc-edge),
    0 1px 1.5px rgba(var(--b3-ink), .20),
    0 5px 12px -5px rgba(var(--b3-halo), .34);
  --b3-p-hover-sm:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 3px 3px -2px var(--b3-acc-h-hi),
    inset 0 -1px 0 var(--b3-acc-h-edge),
    0 2px 3px rgba(var(--b3-ink), .22),
    0 8px 18px -7px rgba(var(--b3-halo), .44);
}
.mb-cta, .kb-pay, .chat-send{ box-shadow:var(--b3-p-rest-sm) !important; }
.mb-cta:hover, .kb-pay:hover, .chat-send:hover{ box-shadow:var(--b3-p-hover-sm) !important; }

/* --- K6: `.wk-tab.active:hover` `:active` dan KEYIN yozilgani uchun faol
   tab bosilganda press ko'rsatmasdi -------------------------------------- */
.wk-tab.active:active,
.wk-tab[aria-pressed="true"]:active{
  background-color:var(--b3-acc-a);
  box-shadow:var(--b3-p-active);
  transform:translateY(1px);
}

/* --- K7: `aria-disabled` va `.footer-cta` qamrovda yo'q edi;
   `<a class="btn">` ni umuman o'chirib bo'lmasdi ------------------------- */
.btn[aria-disabled="true"],
.btn.is-disabled,
.footer-cta[aria-disabled="true"],
.mb-cta[aria-disabled="true"],
.kb-pay[aria-disabled="true"]{
  background-color:#EFEBF7 !important;
  background-image:none !important;
  color:rgba(56,19,79,.48) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--b3-ink), .10) !important;
  transform:none !important;
  cursor:not-allowed !important;
  /* `pointer-events:none` ATAYLAB yo'q — u `cursor:not-allowed` ni o'ldiradi */
}
.btn[aria-disabled="true"]:hover,
.btn[aria-disabled="true"]:active,
.footer-cta[aria-disabled="true"]:hover{
  transform:none !important;
  box-shadow:inset 0 0 0 1px rgba(var(--b3-ink), .10) !important;
}

/* --- K8: sensorli ekranda hover holati YOPISHIB qolardi ------------------
   `@media (hover:none)` faqat `transform` ni o'chirardi; soya va rang
   bosgandan keyin ham hover holatida qolib ketardi. */
@media (hover:none){
  .btn-primary:hover, .btn-blue:hover, #hero .hero-ctas .btn-primary:hover,
  #mobile-menu nav a.btn:hover, .wk-tab.active:hover{
    background-color:var(--b3-acc);
    box-shadow:var(--b3-p-rest);
  }
  #lead-submit:hover, .footer-cta:hover{
    background-color:var(--b3-acc) !important;
    box-shadow:var(--b3-p-rest) !important;
  }
  .mb-cta:hover, .kb-pay:hover, .chat-send:hover{ box-shadow:var(--b3-p-rest-sm) !important; }
  .btn-secondary:hover, .btn-light:hover, .btn-ghost:hover,
  #hero .hero-ctas .btn-ghost:hover, .wk-tab:hover{ box-shadow:var(--b3-s-rest); }
  .nav-phone:hover, #hamburger:hover{ box-shadow:var(--b3-s-rest) !important; }
  .aw-cta .btn-primary:hover, .jv-cta .btn-primary:hover,
  .cta-panel .btn-primary:hover{ box-shadow:var(--b3-w-rest) !important; }
  .mb-cta:hover, .kb-pay:hover, .chat-send:hover,
  .aw-cta .btn-primary:hover{ transform:none !important; }
}