/* TechBar Catalog UI — meqa-menyu (köhnə mu-plugins/techbar-megamenu.php v2.0) */
/* ==== Techbar meqa-menyu B v2 (2026-07-19) — rollback: mu-plugins/techbar-megamenu.php faylını sil ==== */

/* Panel: avtomatik hündürlük — scroll-suz tək görünüş, altda boşluq qalmır */
li.menu-mega-dropdown > .wd-dropdown-menu.tb-mm.wd-design-full-height{
  background:#fff;border:1px solid #e6ebf4;
  box-shadow:0 18px 44px rgba(6,6,68,.14);
  height:auto !important;min-height:0 !important;
  max-height:calc(100vh - 140px) !important;
}
html body .wd-dropdown-menu.tb-mm .wd-scroll-content{
  height:auto !important;
  max-height:calc(100vh - 150px);
}
/* Əsl hündürlük qandalı: tema .wd-dropdown-inner-ə height:var(--wd-dropdown-height)
   verir (mod-dropdown-full-height.min.css; dəyər JS-in yazdığı --wd-content-h-dır) —
   açırıq ki, panel məzmuna görə böyüsün və scroll yaranmasın */
html body .wd-dropdown-menu.tb-mm.wd-design-full-height .wd-dropdown-inner{
  height:auto !important;
  max-height:calc(100vh - 160px);
}

/* Daxili flex: blok + kart sütunu */
.tb-mm .wd-entry-content{display:flex;align-items:flex-start;gap:18px;}
/* VAHİD ÜST XƏTT (bütün dropdownlarda eyni): tema konteynerə padding:0 verir
   (mod-dropdown-full-height: .wd-dropdown-inner>.container{padding:0}) və section-da
   wd-negative-gap margin-top:-25px var — chip-lər kartdan yuxarı dartılırdı.
   inner 30px + bu 8px = 38px rahat üst boşluq; kart və məzmun EYNİ xətdən başlayır. */
html body .wd-dropdown-menu.tb-mm .wd-dropdown-inner > .container.wd-entry-content{
  padding-top:8px !important;padding-bottom:10px !important;
}
/* Mənfi üst margin iki mənbədən gəlir: wd-negative-gap class-ı VƏ bəzi bloklarda
   Elementor elementinin öz -25px qaydası (məs. Təhlükəsizlik d7cb731) — hər ikisini
   birinci section üçün sıfırla */
html body .wd-dropdown-menu.tb-mm .wd-entry-content > div[data-elementor-type] > .elementor-section:first-child,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-section.wd-negative-gap{
  margin-top:0 !important;
}
/* Bütün dropdown tiplərində ilk elementlərin yuxarı boşluqları sıfır — vahid hizalanma */
.tb-mm .elementor-column > .elementor-widget-wrap{padding-top:0 !important;}
.tb-mm .elementor-widget-wd_extra_menu_list{margin-top:0 !important;}
.tb-mm .elementor-widget-wd_extra_menu_list .elementor-widget-container{margin-top:0 !important;padding-top:0 !important;}
.tb-mm ul.mega-menu-list{margin:0 !important;padding:0 !important;}
.tb-mm ul.mega-menu-list > li{margin-top:0 !important;padding-top:0 !important;}
/* Övlad-dropdown yolu (Audio texnika): entry-content burada da var, ul birbaşa ondadır */
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu{flex:1 1 auto;min-width:0;list-style:none;margin:0;padding:0;display:block;order:1;}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li{margin:0 0 8px;padding:0;display:block;}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a{
  display:inline-block;font-size:13.5px;font-weight:700;line-height:1.25;
  text-transform:none !important;letter-spacing:0 !important;
  color:#1A62E7 !important;background:#E6EFFD;
  padding:4px 10px;border-radius:7px;
  overflow-wrap:break-word;max-width:100%;
  transition:background-color .18s ease,color .18s ease;
}
.tb-mm.tb-kids .wd-entry-content > ul.wd-sub-menu > li > a:hover{background:#1A62E7;color:#fff !important;}
.tb-mm .wd-entry-content > div[data-elementor-type]{flex:1 1 auto;min-width:0;order:1;}
.tb-mm .elementor-section-boxed > .elementor-container{max-width:100%;flex-wrap:wrap;}
/* Hündürlük istiqaməti TƏK TƏRƏFLİ olmalıdır: menyu məzmunu hündürlüyü təyin edir,
   kartlar ona uzanır. Temanın full-height 100% zəncirini açırıq — yoxsa məzmun
   kart sütununun hündürlüyünə sıxılıb multicol-da sağa (görünməz sütunlara) daşır. */
html body .wd-dropdown-menu.tb-mm .wd-entry-content > div[data-elementor-type],
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-section,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-container,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-column,
html body .wd-dropdown-menu.tb-mm .wd-entry-content .elementor-widget-wrap{
  height:auto !important;min-height:0 !important;max-height:none !important;
}

/* Bölmə başlıqları -> mavi chip (sıx ritm) */
.tb-mm ul.mega-menu-list > li > a{
  display:inline-block;font-size:13.5px;font-weight:700;line-height:1.25;
  text-transform:none !important;letter-spacing:0 !important;
  color:#1A62E7 !important;background:#E6EFFD;
  padding:4px 10px;border-radius:7px;margin:0 0 6px;
  overflow-wrap:break-word;max-width:100%;
  transition:background-color .18s ease,color .18s ease;
}
.tb-mm ul.mega-menu-list > li > a:hover{background:#1A62E7;color:#fff !important;}

/* Alt linklər -> tam enli hover zolağı (sıx ritm) */
.tb-mm .sub-sub-menu{list-style:none;margin:0;padding:0;}
.tb-mm .sub-sub-menu > li{margin:0;padding:0;}
.tb-mm .sub-sub-menu > li > a{
  display:block;font-size:13px;font-weight:400;line-height:1.35;
  text-transform:none !important;color:#39415a !important;
  padding:4px 10px;border-radius:6px;overflow-wrap:break-word;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.tb-mm .sub-sub-menu > li > a:hover{
  background:#E6EFFD;color:#1A62E7 !important;box-shadow:inset 3px 0 0 #1A62E7;
}
.tb-mm .sub-sub-menu a:empty{display:none;}
.tb-mm .elementor-widget-wd_extra_menu_list{margin-bottom:6px;}

/* Sıx rejim (çoxbölməli dropdownlar): tək Elementor sütununu 4 sütunlu grid-ə aç.
   QEYD: CSS multicol istifadə ETMƏ — blokun öz Elementor style-ı widget-lərə faiz enləri
   verir və multicol ilə toqquşub mətni hərf-hərf qırırdı (staging-də görüldü). */
.tb-dense ul.mega-menu-list > li > a{font-size:12.5px;padding:3px 9px;margin-bottom:4px;}
.tb-dense .sub-sub-menu > li > a{font-size:12.5px;padding:3px 9px;line-height:1.3;}
.tb-dense .elementor-widget-wd_extra_menu_list{margin-bottom:4px;}
html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap{
  display:block !important;height:auto !important;min-height:0 !important;
  max-height:none !important;overflow:visible !important;
  column-count:4;column-gap:16px;
}
html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap > .elementor-widget-wd_extra_menu_list{
  display:block;width:100% !important;max-width:100% !important;min-width:0;
  break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:10px;
}
/* Sıx/sütunlu rejimlərdə chip başlıqlar tam enli blok — bütün sütunlarda eyni hizalanma */
.tb-dense ul.mega-menu-list > li > a,
.tb-cols2 ul.mega-menu-list > li > a{
  display:block;width:100%;text-align:left;margin-top:0 !important;
}
/* Multicol fraqmentasiya asimmetriyası: yuxarı margin/padding yalnız 1-ci sütunda
   qalır, sonrakı sütunlarda kəsilir → birinci sıra chip-ləri fərqli hizada görünürdü.
   Bütün yuxarı boşluqları sıfırla — sütunlar eyni xətdən başlasın. */
.tb-dense .elementor-col-100 > .elementor-widget-wrap,
.tb-cols2 .elementor-col-100 > .elementor-widget-wrap{padding-top:0 !important;}
.tb-dense .elementor-widget-wd_extra_menu_list,
.tb-cols2 .elementor-widget-wd_extra_menu_list{margin-top:0 !important;}
.tb-dense .elementor-widget-wd_extra_menu_list .elementor-widget-container,
.tb-cols2 .elementor-widget-wd_extra_menu_list .elementor-widget-container{margin-top:0 !important;padding-top:0 !important;}
.tb-dense ul.mega-menu-list,
.tb-cols2 ul.mega-menu-list{margin:0 !important;padding:0 !important;}
.tb-dense ul.mega-menu-list > li,
.tb-cols2 ul.mega-menu-list > li{margin-top:0 !important;padding-top:0 !important;}

/* 2 sütunlu multicol (şaquli yığılmış orta bloklar: Ev üçün texnologiya, Çap) —
   məzmun yarıya yığılır, panel qısalır, kartlar mütənasib görünür */
html body .wd-dropdown-menu.tb-cols2 .elementor-col-100 > .elementor-widget-wrap{
  display:block !important;height:auto !important;min-height:0 !important;
  max-height:none !important;overflow:visible !important;
  column-count:2;column-gap:18px;
}
html body .wd-dropdown-menu.tb-cols2 .elementor-col-100 > .elementor-widget-wrap > .elementor-widget-wd_extra_menu_list{
  display:block;width:100% !important;max-width:100% !important;min-width:0;
  break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:10px;
}
/* Sütun hündürlüyündən uzun bölmələr məcburi bölünəndə chip-in ortasından kəsilməsin:
   qırılma yalnız linklər arasında baş versin */
.tb-dense .sub-sub-menu > li,
.tb-cols2 .sub-sub-menu > li{break-inside:avoid;-webkit-column-break-inside:avoid;}
.tb-dense ul.mega-menu-list > li > a,
.tb-cols2 ul.mega-menu-list > li > a{break-inside:avoid;break-after:avoid;-webkit-column-break-inside:avoid;}
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content > div[data-elementor-type],
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-section,
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-container,
html body .wd-dropdown-menu.tb-cols2 .wd-entry-content .elementor-column{
  height:auto !important;min-height:0 !important;max-height:none !important;
}

/* ==== Kart zonası ==== */
/* Sıx dropdown: 1 sütun, max 2 kart — hündürlüyü məzmunla bölüşür */
.tb-mm .tb-mm-cards--col{
  order:2;flex:0 0 236px;min-width:0;align-self:stretch;
  display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(140px,1fr);gap:12px;
}
/* Seyrək dropdown: kart zonası boş sahəni doldurur — 2 sütun × 2 sıra */
.tb-mm .tb-mm-cards--wide{
  order:2;flex:1 1 460px;min-width:340px;max-width:560px;align-self:stretch;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(140px,1fr);gap:12px;
}
.tb-mm .tb-mm-card{
  min-width:0;min-height:0;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  border-radius:14px;padding:16px;color:#fff;
  position:relative;overflow:hidden;text-decoration:none;
  background:linear-gradient(150deg,#1A62E7 0%,#3D8BF5 62%,#4AA8FF 100%);
  box-shadow:0 2px 10px rgba(6,6,68,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.tb-mm .tb-mm-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(6,6,68,.16);}
/* "dark" variantı dərin mavidir, lacivərd-qara deyil — İlkinin qaydası: sayt UI-ı yalnız light */
.tb-mm .tb-mm-card--dark{background:linear-gradient(150deg,#0B3AA6 0%,#1A62E7 60%,#3D8BF5 100%);}
.tb-mm .tb-mm-card--sky{background:linear-gradient(150deg,#2761E7 0%,#4C97F2 60%,#6BD0FF 100%);}
.tb-mm .tb-mm-card--cat::before{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  width:170px;height:170px;top:-70px;right:-56px;background:rgba(255,255,255,.10);
}
/* Kateqoriyanın öz menyu ikonu — ağ su nişanı */
html body .tb-mm .tb-mm-card img.tb-mm-cat-ico{
  position:absolute;right:-10px;bottom:-12px;
  width:104px !important;height:104px !important;
  max-width:none !important;max-height:none !important;
  filter:brightness(0) invert(1);opacity:.2;pointer-events:none;margin:0;
}
.tb-mm span.tb-mm-badge{
  position:relative;z-index:1;display:inline-block;margin:0;
  background:#D52624;color:#fff;font-size:10.5px;font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;line-height:1;
  padding:4px 9px;border-radius:999px;
}
.tb-mm span.tb-mm-badge--blue{background:#1A62E7;}
.tb-mm span.tb-mm-title{
  position:relative;z-index:1;display:block;margin:0;
  font-size:15.5px;font-weight:800;line-height:1.25;color:#fff;overflow-wrap:break-word;
  text-transform:none;letter-spacing:0;
}
.tb-mm .tb-mm-cta{
  position:relative;z-index:1;margin-top:auto;display:inline-block;
  background:#fff;color:#1A62E7 !important;font-size:13px;font-weight:700;line-height:1;
  padding:9px 14px;border-radius:8px;text-decoration:none;
  box-shadow:0 4px 12px rgba(6,6,68,.18);
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.tb-mm .tb-mm-cta:hover{background:#E6EFFD;transform:translateY(-1px);box-shadow:0 7px 18px rgba(6,6,68,.26);}

/* Məhsul kartı — ağ, böyük şəkil sahəsi + ad + qiymət */
.tb-mm a.tb-mm-card--prod{
  background:#fff;border:1px solid #E2E9F8;color:#242424;
  align-items:center;text-align:center;gap:8px;justify-content:flex-start;
  box-shadow:0 2px 10px rgba(6,6,68,.06);
}
.tb-mm a.tb-mm-card--prod:hover{border-color:#1A62E7;}
.tb-mm .tb-mm-prod-imgwrap{
  display:flex;align-items:center;justify-content:center;
  width:100%;flex:1 1 auto;min-height:96px;max-height:180px;
  background:linear-gradient(180deg,#F6F9FF 0%,#EEF4FE 100%);
  border-radius:10px;overflow:hidden;
}
/* DİQQƏT: tema .wd-nav daxilindəki img-lərə ~22px en qoyur (menyu ikon qaydası) —
   məhsul şəkli məhz buna görə balaca görünürdü; !important ilə açırıq.
   scale(1.15) foto kanvasının ağ haşiyəsini yüngülcə kəsib məhsulu böyüdür. */
html body .tb-mm .tb-mm-prod-imgwrap img.tb-mm-prod-img{
  display:block;width:auto !important;height:auto !important;
  max-width:96% !important;max-height:96% !important;object-fit:contain;
  mix-blend-mode:multiply;transform:scale(1.15);margin:0;
}
.tb-mm span.tb-mm-prod-title{
  margin:0;font-size:12.5px;font-weight:600;line-height:1.35;color:#39415a;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-transform:none;letter-spacing:0;width:100%;flex:none;
}
.tb-mm span.tb-mm-prod-price{
  margin:0;font-size:16px;font-weight:800;line-height:1.4;color:#1A62E7;letter-spacing:0;flex:none;
}

/* Xidmət kartı — açıq mavi qradiyent + ox düyməsi */
.tb-mm a.tb-mm-card--srv{
  background:linear-gradient(150deg,#EFF5FF 0%,#DEEAFD 100%);
  border:1px solid #DCE7FA;justify-content:center;gap:10px;
  box-shadow:0 2px 10px rgba(6,6,68,.05);
}
.tb-mm a.tb-mm-card--srv .tb-mm-title{color:#0B2A6F;font-size:14px;font-weight:700;max-width:calc(100% - 40px);}
.tb-mm a.tb-mm-card--srv::after{
  content:"\2192";position:absolute;right:14px;bottom:13px;
  width:30px;height:30px;border-radius:50%;
  background:#1A62E7;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;line-height:1;
  transition:transform .18s ease,background-color .18s ease;
}
.tb-mm a.tb-mm-card--srv:hover::after{transform:translateX(3px);background:#2761E7;}

/* ==== Responsiv (panel eni İlkinin mövcud qaydası ilə: calc(100vw-605px), max 930px) ==== */

/* 1025–1359px: kart zonası aşağı sıraya keçir, kartlar yan-yana (max 2 sıra) */
@media (max-width:1359px){
  .tb-mm .wd-entry-content{flex-direction:column;}
  .tb-mm .tb-mm-cards--col,
  .tb-mm .tb-mm-cards--wide{
    flex:0 0 auto;width:100%;min-width:0;max-width:none;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    grid-auto-rows:minmax(96px,auto);
  }
  .tb-mm .tb-mm-card{min-height:96px;padding:12px 13px;}
  .tb-mm span.tb-mm-title{font-size:13.5px;}
  .tb-mm .tb-mm-cta{padding:8px 12px;font-size:12.5px;}
  .tb-mm .tb-mm-prod-imgwrap{height:56px;}
  .tb-mm .tb-mm-prod-img{max-height:48px;}
}

/* 1025–1199px: sütunlar daralır */
@media (max-width:1199px){
  .tb-mm .elementor-top-column{width:50% !important;}
  .tb-dense .elementor-col-100{width:100% !important;}
  html body .wd-dropdown-menu.tb-dense .elementor-col-100 > .elementor-widget-wrap{column-count:3;}
}

/* ≤1024px: tema meqa dropdown-u onsuz da söndürür (el-menu.min.css) — qoruyucu */
@media (max-width:1024px){
  .tb-mm .tb-mm-cards{display:none;}
}

/* ==== Header kateqoriya paneli (wd-header-cats · «Menyu» hover) ==== */
/* Opener: SADƏ, NAZİK düzbucaqlı düymə (İlkin: "sadə kvadrat və daha nazik") —
   incə haşiyə, dairəsiz mavi hamburger, saytın 10px radius konvensiyası. */
.wd-header-cats{
  background:transparent !important;border:0 !important;
  padding:0 !important;margin:0 !important;width:auto !important;
}
.wd-header-cats .menu-opener{
  display:inline-flex;align-items:center;gap:10px;
  width:auto !important;min-width:0 !important;
  background:#fff !important;border:1px solid #E2E9F8;border-radius:10px;
  padding:0 14px;min-height:40px;
  box-shadow:none;
  transition:border-color .18s ease,background-color .18s ease;
}
.wd-header-cats:hover .menu-opener{border-color:#1A62E7;background:#F8FBFF !important;}
.wd-header-cats .menu-opener .menu-opener-icon{
  width:20px;height:20px;border-radius:0;flex:none;
  background:transparent;color:#1A62E7;font-size:17px;
  display:flex;align-items:center;justify-content:center;margin:0;
}
.wd-header-cats .menu-opener .menu-opener-icon:before,
.wd-header-cats .menu-opener .menu-opener-icon span{color:#1A62E7;}
.wd-header-cats .menu-opener .menu-open-label{
  color:#242424 !important;font-weight:600;font-size:14.5px;text-transform:none;
  margin:0;white-space:nowrap;
}
/* Temanın açılma oxu — etiketin dərhal yanında, kiçik */
.wd-header-cats .menu-opener:after{
  margin-left:2px;color:#1A62E7;font-size:11px;position:static;
}
/* Ana səhifədə panel AÇILMIR — orada onsuz da səhifədaxili menyu var */
body.home .wd-header-cats .wd-dropdown-cats{display:none !important;}
body.home .wd-header-cats .menu-opener{cursor:default;}
/* Panel: düymədən aralı, tam yumru künclü ayrıca kart */
.wd-header-cats .wd-dropdown-cats{
  top:calc(100% + 10px) !important;
  border-radius:14px !important;overflow:visible;
  border:1px solid #E2E9F8;
  box-shadow:0 18px 44px rgba(6,6,68,.14) !important;
  background:#fff;
}
/* Hover körpüsü — düymə ilə panel arasındakı 10px boşluqda hover itməsin */
.wd-header-cats .wd-dropdown-cats::before{
  content:"";position:absolute;top:-12px;left:0;right:0;height:12px;
}
/* Panel daxili: yuxarı/aşağı nəfəs + ilk bənd tam görünür.
   DİQQƏT: UL-a overflow:hidden vermə — meqa dropdownları kəsir (real olub);
   künc yumruluğu ilk/son sətirlərin öz radiusu ilə həll olunur */
.wd-header-cats .wd-dropdown-cats > ul.wd-nav-vertical{
  padding:8px 0;border-radius:14px;background:#fff;
}
.wd-header-cats .wd-nav-vertical > li:first-child > a{border-radius:14px 14px 0 0;}
.wd-header-cats .wd-nav-vertical > li:last-child > a{border-radius:0 0 14px 14px;}
/* Bənd sətirləri — SIX düzülüş ki, bütün 17 bənd bir baxışda görünsün.
   height:auto + overflow:visible VACİBDİR: tema qutunu sabit saxlayıb 2 sətirlik
   adları (Gaming PC | Oyun Kompüterləri) kəsirdi */
.wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
  height:auto !important;overflow:visible;
  min-height:40px;padding-top:5px;padding-bottom:5px;line-height:1.25;
  font-size:14px;gap:10px;
}
.wd-header-cats .wd-nav-vertical .wd-nav-img{height:20px;width:auto;}
/* Meqa dropdown paneli sol siyahıya calaq (İlkinin qlobal left:415px qaydasını bu kontekstdə əzir) */
.wd-header-cats .wd-dropdown-cats .wd-dropdown-menu{
  left:270px !important;top:0 !important;
  border-radius:0 14px 14px 0 !important;
}
/* Alçaq ekranlarda daha da sıx — panel həmişə bütöv görünsün */
@media (max-height:900px){
  .wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
    min-height:35px;padding-top:3px;padding-bottom:3px;font-size:13.5px;
  }
  .wd-header-cats .wd-nav-vertical .wd-nav-img{height:18px;}
  .wd-header-cats .wd-dropdown-cats > ul.wd-nav-vertical{padding:6px 0;}
}
@media (max-height:780px){
  .wd-header-cats .wd-nav-vertical > li > a.woodmart-nav-link{
    min-height:31px;padding-top:2px;padding-bottom:2px;font-size:13px;
  }
  .wd-header-cats .wd-nav-vertical .wd-nav-img{height:16px;}
}

/* ==== Menyu ikonları: veb chip + mobil drawer (2026-07-20) ==== */
.tb-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;color:#1A62E7;}
.tb-ico svg{width:15px;height:15px;stroke-width:2;}
.tb-chip-ico{margin-right:7px;vertical-align:-2px;}
/* Drawer scroll zənciri (İlkin: "ikinci scrolldan sonra ana səhifəyə scroll edir"):
   menyu öz sonuna çatanda növbəti jest arxadakı səhifəni sürüşdürürdü.
   contain + açıq drawer zamanı body kilidi (JS fallback gücləndiricidədir). */
.mobile-nav,
.mobile-nav .wd-scroll-content{overscroll-behavior:contain;}
html:has(.mobile-nav.wd-opened){overflow:hidden;}
html:has(.mobile-nav.wd-opened) body{overflow:hidden;}

/* iOS Safari alt URL paneli: drawer 100vh olanda menyunun sonu (Əlaqə + zəng/WA
   düymələri) panelin arxasında qalırdı (İlkin iPhone skrinşotu, 2026-07-20).
   100dvh görünən sahəyə dinamik uyğunlaşır (iOS 15.4+); dəstəkləməyənlərdə status-quo.
   .mobile-nav özü yeganə skrol konteyneridir (ölçüldü: overflow-y:auto, top:0). */
@supports (height: 100dvh){
  html body .mobile-nav{height:100dvh !important;max-height:100dvh !important;}
}
/* menyunun ən son bəndi ekran kənarına yapışmasın (home-indicator zonası daxil) */
.mobile-nav ul.wd-nav-mobile{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));}

/* drawer alt bəndləri */
.mobile-nav .tb-mico{width:20px;height:20px;margin-right:10px;color:#5B7AB8;}
.mobile-nav .tb-mico svg{width:18px;height:18px;}
.mobile-nav ul.wd-nav-mobile > li > a .tb-mico{color:#1A62E7;}
/* Ox (opener) düymələri: sabit piksel kalibri (top:9px) mühitdən asılı çıxdı —
   real iPhone-da oxlar sıra mərkəzindən +9px aşağı düşürdü (İlkin skrinşotu, 2026-07-20).
   Opener li-nin flex sırasında tam hündürlüklü in-flow elementdir → düzgün həll
   nudge yox, top:0 + oxu öz qutusunun içində flex ilə mərkəzləməkdir.
   ⚠️ li-yə position:relative VERMƏ — drilldown sub-panellərinin lövbərini pozur
   (sub-ul absolute-dur, konteynerə bağlanmalıdır; sınandı və geri çəkildi). */
html body .mobile-nav ul.wd-nav-mobile li > .wd-nav-opener{
  top:0 !important;
  align-self:center !important;   /* qutu sıra hündürlüyündən asılı olmadan mərkəzdə (li flex-dir) */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* XİDMƏT/MƏLUMAT ikonları daha incə, UI-yönümlü */
.mobile-nav li.tb-mnav-x .tb-mico svg{width:17px;height:17px;stroke-width:1.75;}
.mobile-nav .tb-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:#C6CFE4;display:block;margin:0 auto;}
/* qrup başlıqları */
.mobile-nav li.tb-grp-label{font-size:10.5px;font-weight:800;letter-spacing:.8px;color:#8A97B8;padding:12px 20px 4px;pointer-events:none;}
.mobile-nav li.tb-mnav-x > a{display:flex;align-items:center;}
.mobile-nav .tb-mbadge{background:#D52624;color:#fff;font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:99px;margin-left:8px;letter-spacing:.3px;}
/* əlaqə zolağı */
.mobile-nav li.tb-contact{display:flex;gap:10px;padding:12px 16px 16px;}
.mobile-nav li.tb-contact a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;font-size:13px;font-weight:700;color:#fff !important;}
.mobile-nav li.tb-contact .tb-call{background:#1A62E7;}
.mobile-nav li.tb-contact .tb-call .tb-ico{color:#fff;}
.mobile-nav li.tb-contact .tb-wa{background:#25D366;}
/* drilldown Geri zolağı */
.mobile-nav .wd-drilldown-back > a{display:flex !important;align-items:center;gap:10px;background:linear-gradient(135deg,#1A62E7,#3D8BF5);color:#fff !important;font-weight:700;padding-top:12px;padding-bottom:12px;}
.mobile-nav .wd-drilldown-back .tb-ddh{display:flex;align-items:center;gap:9px;flex:1;min-width:0;}
.mobile-nav .wd-drilldown-back .tb-ddh img{width:20px;height:20px;filter:brightness(0) invert(1);}
.mobile-nav .wd-drilldown-back .tb-ddh .tb-ico{color:#fff;}
.mobile-nav .wd-drilldown-back .tb-ddt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mobile-nav .wd-drilldown-back .tb-ddb{font-weight:400;font-size:12.5px;opacity:.85;flex:none;}