/* EnergyStore.az — shared stylesheet */
:root{
  --navy:#0b0a5c;
  --navy-2:#0d0a70;
  --ink:#111531;
  --blue:#10069f;
  --blue-deep:#0a0470;
  --blue-bright:#2f1fd6;
  --blue-soft:#eef0ff;
  --gold:#e8b900;
  --gold-deep:#c79c0a;
  --gold-text:#8a6c07; /* kiçik qızılı YAZI açıq fonda — kontrast 4,6:1 (WCAG AA), 2026-10-08 */
  --olive:#5c7a1e;
  --red:#c23b2f;
  --bg:#ffffff;
  --bg-soft:#f5f6fd;
  --line:#e3e5f5;
  --line-strong:#d1d5f0;
  --muted:#3d4a8a;
  --muted-2:#676d97; /* 2026-10-08: #8489ab → kontrast 4,6:1 (WCAG AA) */
  --radius:0px;
  --maxw:1240px;
  --header-h:82px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;} /* Karusel viewport-ları (.carousel-viewport) bunu ayrıca ləğv edir — bax izahat orada (2026-09-22 bug) */
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  transition:padding-bottom .3s ease;
}
h1,h2,h3,h4{
  font-family:'Inter',system-ui,sans-serif;
  margin:0;
  letter-spacing:-0.01em;
  font-weight:700;
  color:var(--blue);
}
p{margin:0;color:var(--muted);}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
/* 2026-09-25 — İSTİFADƏÇİNİN TƏLƏBİ: cədvəl+filtr olan səhifələrdə (.cat-layout)
   məzmun sahəsi ümumi sayt genişliyi (1240px) ilə MƏHDUDLAŞMAMALIDIR —
   cədvəl "sağa doğru" mümkün qədər genişlənməlidir ki, sütunlar sıxılmasın,
   üfüqi skroll yaranmasın. Yalnız BU səhifə tipində (filtr+cədvəl) tətbiq
   olunur — adi məzmun səhifələri (ana səhifə, haqqımızda və s.) öz dar
   oxuma-genişliyini SAXLAYIR. */
.wrap:has(.cat-layout){max-width:1580px;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--gold-text);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold-deep);display:inline-block;}
.eyebrow.on-dark{color:var(--gold);}
.eyebrow.on-dark::before{background:var(--gold);}
::selection{background:var(--gold);color:#151200;}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid var(--blue);outline-offset:3px;border-radius:0;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- HEADER / NAV (transparent-over-hero, gold hover) ---------- */
header{
  position:absolute; top:0; left:0; right:0; z-index:200;
  background:rgba(11,10,92,0.55);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.brand img{height:46px;width:auto;}
.navlinks{display:flex;gap:26px;align-items:center;}
.navlinks > li{position:relative;}
.navlinks a.toplink{
  font-size:14.5px;font-weight:600;color:#fff;
  padding:8px 0;display:inline-flex;align-items:center;gap:5px;
}
.navlinks a.toplink:hover, .navlinks a.toplink.active{color:var(--gold);}
/* Alt-menyulu elementlərə mobil rejimdə JS tərəfindən əlavə olunan tıklana
   bilən ox düyməsi (bax main.js) — masaüstündə gizlədilir, hover kifayətdir. */
.nav-caret{display:none;}
.dropdown{
  position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:#fff; border:1px solid var(--line); border-radius:0;
  box-shadow:0 20px 40px -12px rgba(16,6,159,0.3);
  padding:10px; min-width:250px;
  display:none; overflow:hidden;
}
.dropdown a{display:block; padding:10px 14px; border-radius:0; font-size:14px; color:var(--ink); font-weight:500;}
.dropdown a:hover{background:var(--bg-soft); color:var(--blue);}
.navcta{display:flex;align-items:center;gap:14px;}
.icon-btn{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.25);color:#fff;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.icon-btn:hover{background:var(--gold);border-color:var(--gold);color:#171300;transform:translateY(-1px);}
.icon-btn svg{width:18px;height:18px;}
.menu-toggle{display:none;}
.menu-toggle svg{width:20px;height:20px;}

/* ---------- SITE SEARCH (on-site, instant dropdown) ---------- */
.site-search{position:relative;}
.search-results{
  position:absolute; top:calc(100% + 12px); right:0; width:360px; max-width:88vw;
  background:#fff; border-radius:0; box-shadow:0 24px 50px -16px rgba(16,6,159,0.35);
  border:1px solid var(--line); padding:10px; opacity:0; visibility:hidden; translate:0 8px;
  transition:opacity .18s ease, translate .18s ease, visibility .18s ease; max-height:70vh; overflow-y:auto;
}
.search-results.open{opacity:1; visibility:visible; translate:0 0;}
.search-results input{width:100%;margin-bottom:8px;}
.search-hit{
  display:block; padding:10px 12px; border-radius:0; text-decoration:none;
}
.search-hit:hover{background:var(--bg-soft);}
.search-hit .h-title{font-size:13.5px;font-weight:700;color:var(--blue);}
.search-hit .h-snip{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4;}
.search-empty{padding:14px 12px;font-size:12.5px;color:var(--muted-2);}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px;border-radius:0;font-weight:600;font-size:14.5px;
  border:1px solid transparent;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  white-space:nowrap;
}
.btn-primary{background:var(--gold);color:#171300;box-shadow:0 8px 22px -10px rgba(232,185,0,0.7);}
.btn-primary:hover{transform:translateY(-1px);background:var(--gold-deep);}
.btn-outline-dark{background:transparent; border-color:var(--line-strong); color:var(--blue);}
.btn-outline-dark:hover{border-color:var(--blue);background:var(--blue);color:#fff;}
.btn-outline-light{background:transparent; border-color:rgba(255,255,255,0.55); color:#fff;}
.btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,0.12);}

/* ---------- HERO (home, video, donor-style compact banner + white panel) ---------- */
.hero{
  position:relative; margin-top:0;
  height:clamp(440px, 62vh, 640px);
  overflow:hidden; background:var(--navy);
}
.hero video{position:absolute; top:0;left:0;right:0;bottom:0; width:100%; height:100%;object-fit:cover;}
.hero-overlay{
  position:absolute; top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg, rgba(6,7,46,0.32) 0%, rgba(6,7,46,0.06) 45%, rgba(6,7,46,0.02) 100%);
  pointer-events:none;
}
.hero-content{
  position:absolute; z-index:2;
  /* Ölçülər: soldan 9sm (~24%), aşağıdan 2sm (~12%), hündürlük min 3sm (~113px).
     Faizlə verilir ki, bütün ekran ölçülərində eyni nisbətdə görünsün. */
  left:24%; right:0; bottom:12%;
  max-width:none; width:auto; margin:0; padding:0;
}
.hero-panel{
  background:rgba(255,255,255,0.55);
  min-height:113px;
  padding:18px 34px 20px;padding-left:57px;
  box-shadow:0 20px 44px -16px rgba(10,4,112,0.35);
  clip-path:polygon(4% 0, 100% 0, 100% 100%, 0 100%);
}
.video-watermark{
  position:absolute; z-index:2; bottom:16px; right:20px;
  display:flex; flex-direction:column; align-items:flex-end; gap:5px;
  user-select:none; text-decoration:none;
}
.video-watermark img{height:36px; width:auto; opacity:0.9; filter:drop-shadow(0 2px 6px rgba(0,0,0,0.45));}
.video-watermark span{
  font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.06em;
  color:rgba(255,255,255,0.85); text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.hero h1, .hero h2{font-size:clamp(16px,1.55vw,21px);line-height:1.3;color:var(--blue);margin:0 0 8px;white-space:nowrap;font-weight:700;}
.hero h1 span, .hero h2 span{color:var(--gold-deep);}
.hero p.lead{font-size:12.5px;line-height:1.55;color:var(--muted);max-width:none;margin:0;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;padding-left:57px;}
.hero-ctas .btn{padding:10px 20px;font-size:13px;}
.btn-hero-ghost{background:rgba(255,255,255,0.92);color:var(--blue);border-color:rgba(255,255,255,0.92);}
.btn-hero-ghost:hover{background:#fff;color:var(--blue-deep);}
.hero .eyebrow{color:var(--gold-deep);}
.hero .eyebrow::before{background:var(--gold-deep);}
.scroll-cue{
  position:absolute; bottom:26px; left:50%; transform:translateX(-50%);
  z-index:2; color:rgba(255,255,255,0.75);
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em;
  display:flex; flex-direction:column; align-items:center; gap:8px;
}
.scroll-cue .line{width:1px;height:34px;background:linear-gradient(180deg,rgba(255,255,255,0.8),transparent);animation:cue 1.8s ease-in-out infinite;}
@keyframes cue{0%{opacity:.2;}50%{opacity:1;}100%{opacity:.2;}}
@media (prefers-reduced-motion: reduce){ .scroll-cue .line{animation:none;} }

/* ---------- PAGE HEADER (subpages, photo background) ---------- */
.page-header{
  position:relative;
  margin-top:0;
  padding:calc(var(--header-h) + 56px) 0 56px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.page-header::before{
  content:"";
  position:absolute; top:0;left:0;right:0;bottom:0;
  background:
    linear-gradient(100deg, rgba(10,4,112,0.88) 0%, rgba(16,6,159,0.72) 45%, rgba(16,6,159,0.35) 100%);
}
.page-header .wrap{position:relative;z-index:1;}
.page-header h1{color:#fff;font-size:clamp(26px,3.6vw,40px);margin-top:14px;max-width:24ch;}
.page-header p{color:rgba(255,255,255,0.82);font-size:15.5px;margin-top:14px;max-width:62ch;line-height:1.6;}
.breadcrumb{font-family:'IBM Plex Mono',monospace;font-size:12px;color:rgba(255,255,255,0.55);display:flex;gap:8px;margin-bottom:4px;}
.breadcrumb a{color:rgba(255,255,255,0.75);}
.breadcrumb a:hover{color:var(--gold);}

/* ---------- FEATURE STRIP ---------- */
.feature-strip{padding:64px 0; border-bottom:1px solid var(--line);}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.feature-grid :is(h2,h3){font-size:19px;margin-bottom:12px;}
.feature-grid p{font-size:14.5px;color:var(--muted);line-height:1.65;margin-bottom:14px;}
.feature-grid .more{font-size:13.5px;font-weight:600;color:var(--blue);}

/* ---------- TRUST BADGES ---------- */
.badges{background:var(--navy);}
.badges .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.badge-item{padding:34px 26px;border-left:1px solid rgba(255,255,255,0.1);display:flex; flex-direction:column; gap:8px;}
.badge-item:first-child{border-left:none;}
.badge-item .k{font-family:'Inter',system-ui,sans-serif;font-size:16px;font-weight:600;color:#fff;}
.badge-item .v{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.55;}

/* ---------- SECTION GENERIC ---------- */
section{padding:104px 0;}
section.soft{background:var(--bg-soft);}
section.tight{padding:76px 0;}
.sec-head{max-width:640px;margin-bottom:52px;}
.simple-list{list-style:none; padding:0; margin:0 0 40px; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px;}
.simple-list li{
  background:var(--bg-soft); border-left:3px solid var(--blue); padding:12px 16px;
  font-weight:600; color:var(--ink); font-size:14.5px;
}
.coming-soon-box{
  text-align:center; max-width:520px; margin:40px auto; padding:50px 30px;
  background:var(--bg-soft); border:1px dashed var(--line);
}
.coming-soon-box .ikon{display:inline-block; margin-bottom:18px;}
.coming-soon-box h2{font-size:22px; margin-bottom:14px;}
.coming-soon-box p{color:var(--muted); margin-bottom:10px; font-size:14.5px; line-height:1.7;}
.coming-soon-box .btn{margin-top:16px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head h2{font-size:clamp(26px,3.2vw,38px);margin-top:16px;line-height:1.15;}
.sec-head p{color:var(--muted);font-size:16px;margin-top:16px;line-height:1.6;}
.sec-foot-link{margin-top:34px;}
.sec-foot-link a{font-weight:600;color:var(--blue);font-size:14.5px;}

/* ---------- PRODUCTS (hover-invert: white -> blue bg, gold title, white text) ---------- */
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-card{
  display:flex; flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:0;padding:26px 24px 24px;
  transition:background .25s ease, border-color .25s ease, transform .2s ease, box-shadow .2s ease;
}
.prod-card:hover{
  background:var(--blue);border-color:var(--blue);
  transform:translateY(-4px);box-shadow:0 20px 34px -18px rgba(16,6,159,0.4);
}
.prod-card :is(h2,h3){color:var(--blue);transition:color .25s ease;}
.prod-card:hover :is(h2,h3){color:var(--gold);}
/* Paraqraf çevik (flex:1) olduğu üçün altındakı "prod-spec" qeydi mətn
   həcmindən asılı olmayaraq HƏMİŞƏ eyni səviyyədə oturur (2026-09-23,
   istifadəçinin tapdığı uyğunsuzluq düzəldildi). */
.prod-card p{color:var(--muted); transition:color .25s ease; flex:1 0 auto; margin:0 0 10px;}
.prod-card:hover p{color:rgba(255,255,255,0.9);}
.prod-card .prod-spec{transition:color .25s ease;}
.prod-card:hover .prod-spec{color:#fff;}
.prod-card:hover .prod-more{color:#fff;}
.prod-icon{
  width:58px;height:58px;border-radius:0;background:var(--bg-soft);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  border:1px solid var(--line);color:var(--blue);
  transition:background .25s ease, color .25s ease, border-color .25s ease;
}
.prod-card:hover .prod-icon{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.3);color:#fff;}
.prod-icon svg, .prod-icon .ikon{width:28px;height:28px;}
.prod-card :is(h2,h3){font-size:17px;margin-bottom:10px;min-height:44px;display:flex;align-items:flex-start;}
.prod-card p{font-size:13.8px;line-height:1.6;margin-bottom:14px;}
.prod-spec{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--olive);letter-spacing:.05em;min-height:26px;line-height:1.35;}
.prod-card.lg{padding:32px 30px;}
.prod-card.lg .prod-icon{width:52px;height:52px;}
.prod-card.lg .prod-icon svg{width:26px;height:26px;}
.prod-photo{
  height:120px; margin:-26px -24px 18px; width:calc(100% + 48px);
  background-size:cover; background-position:center; background-color:var(--bg-soft);
}
.prod-more{display:inline-block;margin-top:auto;padding-top:14px;font-size:13px;font-weight:600;color:var(--blue);transition:color .25s ease;}
.prod-photo{
  width:100%;height:130px;object-fit:cover;border-radius:0;margin-top:14px;
  filter:saturate(1.05);
}

/* ---------- SERVICES ---------- */
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.service-card{background:var(--navy);border-radius:0;padding:36px 34px;color:#fff;}
.service-card :is(h2,h3){color:#fff;font-size:20px;margin-bottom:12px;}
.service-card p{color:rgba(255,255,255,0.68);font-size:14.5px;line-height:1.7;}

/* ---------- APPLICATIONS (fixed-height cells, overlay reveal — no layout shift) ---------- */
.app-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  background:var(--blue);
  border-radius:0;
  padding:14px;
}
.app-cell-wide{grid-column:1 / -1;}
.app-cell{
  position:relative;
  min-width:0;
  height:190px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.22);
  border-radius:0;
  padding:20px 18px;
  color:#fff;
  transition:border-color .25s ease;
  overflow:hidden;
}
.app-cell:hover{border-color:rgba(255,255,255,0.4);}
.app-cell-head{
  position:relative; z-index:2; display:flex;align-items:center;gap:12px;
  transition:opacity .2s ease;
  height:100%;
}
.app-cell:hover .app-cell-head{opacity:0;}
.app-cell .tag-mono{color:#f0c60e;flex-shrink:0;display:flex;}
.app-cell :is(h2,h3,h4){font-size:14.5px;font-weight:700;color:#fff;line-height:1.3;}
.app-cell-more{
  position:absolute; z-index:2; left:18px; right:18px; bottom:18px;
  opacity:0; translate:0 8px;
  transition:opacity .3s ease, translate .3s ease;
  pointer-events:none;
}
.app-cell:hover .app-cell-more{opacity:1; translate:0 0; pointer-events:auto;}
.app-cell-more p{font-size:12.5px;color:#fff;line-height:1.5;margin-bottom:10px; text-shadow:0 1px 4px rgba(0,0,0,0.7);}
.app-cell .more-link{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--blue); color:#fff;
  font-size:12px;font-weight:700;padding:7px 13px;border-radius:0;width:fit-content;
  transition:background .15s ease;
}
.app-cell .more-link:hover{background:var(--gold); color:#171300;}
.app-cell .cell-photo{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center;
  opacity:0; transition:opacity .3s ease;
}
.app-cell:hover .cell-photo{opacity:1;}
.app-cell .cell-photo::after{
  content:""; position:absolute; top:0;left:0;right:0;bottom:0;
  background:linear-gradient(180deg, rgba(10,4,112,0.05) 0%, rgba(9,4,100,0.55) 55%, rgba(9,4,100,0.88) 100%);
}
/* .brand-tile sinfi (filtr sisteminin tələb etdiyi) öz AĞ-fon stilini
   daşıyır — .app-cell ilə BİRLİKDƏ istifadə ediləndə (texnologiya
   kartları kimi) bu, .app-cell-in tünd görünüşünü "əzirdi" (eyni
   spesifiklik, sonrakı qayda udur). Bura ikiqat-sinif seçici ilə
   .app-cell-in öz görünüşünü YENİDƏN TƏSDİQləyirik (2026-09-23 tapılan
   bug — "kartlar ağ görsənir" şikayəti). */
.app-cell.brand-tile{
  display:block; background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.22); border-radius:0;
  padding:20px 18px; height:190px; box-shadow:none;
}
/* Texnologiya kartları MƏHSUL fotosu göstərir (səhnə fotosu YOX) —
   "cover" kəsib-yaxınlaşdırdığı üçün, bunun əvəzinə "contain" istifadə
   olunur ki, foto ÖZ nisbətində, kəsilmədən tam kart çərçivəsinə
   sığsın (2026-09-23, istifadəçinin tələbi). */
.tex-cell .cell-photo{background-size:contain; background-repeat:no-repeat;}

/* ---------- CATEGORY PAGE LAYOUT + FILTER SIDEBAR (dropdown-style groups) ---------- */
.cat-layout{display:grid; grid-template-columns:5.5cm 1fr; gap:24px; align-items:start;}
.cat-content{min-width:0;}
.cat-layout.no-filter{grid-template-columns:1fr;}
.cat-filters{
  position:sticky; top:20px; z-index:240;
  background:#eaf1fb; border:none; border-radius:0;
  padding:0; overflow:hidden;
}
.cat-filters :is(h2,h3){
  font-size:15px; margin:0; padding:14px 14px 12px; font-weight:700;
  display:flex; align-items:center; gap:8px; color:#fff; background:var(--navy);
}
.cat-filters :is(h2,h3) .filtr-ico{background-color:#fff;}
.cat-filters .spec-search-box{padding:0 14px 14px; background:var(--navy); margin:0;}
.cat-filters .spec-search-box input{
  border:none; background:#fff; color:var(--ink);
}
.cat-filters .spec-search-count{color:rgba(255,255,255,.75);}
.filter-group{border-top:1px solid var(--blue); background:#eaf1fb;}
.filter-group summary{
  list-style:none; cursor:pointer; padding:0 14px;
  display:flex; align-items:center; justify-content:space-between;
  font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink); font-weight:400;
  height:30px;
}
.filter-group summary::-webkit-details-marker{display:none;}
.filter-group summary .fg-count{
  font-family:'IBM Plex Mono'; font-size:10.5px; color:#fff; background:var(--blue);
  border-radius:0; padding:1px 7px; margin-left:8px; display:none;
}
.filter-group summary .fg-count.show{display:inline-block;}
.filter-group-body{padding:4px 14px 12px; max-height:220px; overflow-y:auto; background:#ffffff;}
.filter-check{display:flex; align-items:center; gap:9px; min-height:30.24px; padding:2px; font-size:11.34px; font-weight:400; color:var(--ink); cursor:pointer;}
.filter-check input{width:15px; height:15px; accent-color:var(--blue); cursor:pointer; flex-shrink:0;}
/* Seçilmiş filtr "çipləri" — hər dəyər ayrıca görünür, ✕ ilə silinə bilər */
.filter-chips{display:flex; flex-wrap:wrap; gap:6px; padding:10px 14px 0;}
.filter-chip{
  display:inline-flex; align-items:center; gap:5px; background:#fff; border:1px solid var(--blue);
  color:var(--blue); font-size:11px; padding:3px 8px; cursor:pointer; line-height:1.3;
}
.filter-chip:hover{background:var(--blue); color:#fff;}
.filter-actions{background:#ffffff; padding:14px; display:flex; gap:10px;}
.filter-apply, .filter-reset-btn, button.filter-reset{
  height:22.7px; font-size:12px; font-weight:400; cursor:pointer; border:1px solid var(--navy);
  padding:0 12px; display:inline-flex; align-items:center; justify-content:center; flex:1;
  clip-path:polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
  background:var(--navy); color:#fff;
}
.filter-apply{font-weight:600;}
.filter-reset-btn, button.filter-reset{
  margin:0; text-decoration:none;
}
/* Hover: hər iki düymə qızılı rəngə keçir */
.filter-apply, .filter-reset-btn, button.filter-reset{transition:background .2s ease, color .2s ease, border-color .2s ease;}
.filter-apply:hover, .filter-reset-btn:hover, button.filter-reset:hover{
  background:var(--gold); color:#171300; border-color:var(--gold);
}
.filter-count{font-size:11px; color:var(--muted-2); text-align:center; padding:10px 14px; background:#ffffff;}
.filter-empty{
  font-size:14px; color:var(--muted-2); text-align:center; padding:60px 20px;
  background:var(--bg-soft); border:1px dashed var(--line);
}
.cat-content .brand-grid{grid-template-columns:repeat(2,1fr);}
.brand-tile.f-hidden{display:none;}
@media (max-width:980px){
  .cat-layout{grid-template-columns:1fr;}
  .cat-filters{position:relative; top:0;}
}
.brand-note{font-size:13px;color:var(--muted-2);margin-bottom:28px;max-width:70ch;line-height:1.6;}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.brand-tile{
  position:relative;
  background:#fff;
  border:1px solid var(--line);
  border-radius:0;
  padding:20px 20px 22px;
  display:flex; flex-direction:column; gap:10px;
  transition:background .25s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  overflow:hidden;
}
.brand-tile:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-3px);box-shadow:0 20px 34px -20px rgba(16,6,159,0.4);}
.brand-logo-box{
  background:#fff;border-radius:0;padding:14px;height:64px;
  display:flex;align-items:center;justify-content:center;border:1px solid var(--line);
}
.brand-logo-box img{max-height:36px;max-width:100%;object-fit:contain;}
.brand-tile .segment{font-family:'IBM Plex Mono';font-size:10.5px;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;transition:color .25s ease;}
.brand-tile:hover .segment{color:rgba(255,255,255,0.65);}
.brand-tile .desc{font-size:13px;color:var(--muted);line-height:1.55;margin-top:2px;transition:color .25s ease;}
.brand-tile:hover .desc{color:rgba(255,255,255,0.88);}
.brand-tags{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;}
.brand-chip{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);border-radius:7px;
  font-family:'IBM Plex Mono';font-size:10.5px;padding:4px 8px;color:var(--muted);
  transition:color .25s ease, border-color .25s ease;
}
.brand-tile:hover .brand-chip{border-color:rgba(255,255,255,0.4);color:rgba(255,255,255,0.9);}
.brand-chip.import{color:var(--olive);border-color:currentColor;}
.brand-tile:hover .brand-chip.import{color:#a9e05c;}
.brand-more{margin-top:auto;padding-top:8px;font-size:12.5px;font-weight:700;color:var(--blue);transition:color .25s ease;}
.brand-tile:hover .brand-more{color:var(--gold);}
.brand-cta{margin-top:36px;padding:26px 28px;border:1px dashed var(--line-strong);border-radius:12px;font-size:13.5px;color:var(--muted);line-height:1.6;}

/* Carousel (home teaser) */
.brand-carousel{position:relative;padding:6px 54px 14px;}
.carousel-viewport{
  overflow-x:auto; scroll-behavior:auto !important; scrollbar-width:none; -ms-overflow-style:none;
  /* scroll-snap-type QƏSDƏN yoxdur — mandatory snap proqramatik scrollLeft
     artımlarını dərhal əvvəlki mövqeyə "geri qaytarırdı", nəticədə karusel
     HEÇ HƏRƏKƏT ETMİRDİ (2026-09-22 tapılan əsl kök səbəb). */
}
.carousel-viewport::-webkit-scrollbar{display:none;}
.carousel-track{
  display:flex;gap:20px;
  width:max-content;
}
.carousel-track .brand-tile{width:230px;flex-shrink:0;}
.carousel-arrow{
  position:absolute; top:50%; translate:0 -50%; z-index:3;
  width:44px; height:44px; background:#fff; border:1px solid var(--blue); color:var(--blue);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(16,6,159,0.3);
  transition:background .15s ease, color .15s ease;
}
.carousel-arrow:hover{background:var(--blue); color:#fff;}
.carousel-arrow.prev{left:0;}
.carousel-arrow.next{right:0;}
.carousel-arrow svg{width:18px;height:18px;}
.carousel-arrow.prev svg{transform:rotate(180deg);}
@media (max-width:640px){
  .brand-carousel{padding:6px 0 14px;}
  .carousel-arrow{display:none;}
  /* Bu enlikdə ox düymələri yoxdur — üst mətndə onları qeyd edən
     hissəni gizlədirik ki, olmayan bir funksiyanı vəd etməsin. */
  .arrow-hint{display:none;}
}

/* ---------- QUALITY / WHY US ---------- */
.why-wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;align-items:start;}
.why-wrap > *{min-width:0;}
.why-list{display:flex;flex-direction:column;}
.why-item{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line);}
.why-item:last-child{border-bottom:1px solid var(--line);}
.why-num{font-family:'IBM Plex Mono',monospace;color:var(--gold-text);font-size:13px;padding-top:3px;}
.why-item :is(h3,h4){font-size:17px;margin-bottom:8px;}
.why-item p{font-size:14.5px;color:var(--muted);line-height:1.6;}

/* ---------- INDUSTRY / CLIENT SEGMENT CARDS ---------- */
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.industry-card{
  background:#fff;border:1px solid var(--line);border-radius:0;
  padding:30px 26px;transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.industry-card:hover{background:var(--navy);color:#fff;transform:translateY(-4px);box-shadow:0 20px 34px -20px rgba(10,18,48,0.3);}
.industry-card :is(h2,h3){font-size:17px;margin-bottom:10px;transition:color .2s ease;}
.industry-card:hover :is(h2,h3){color:#fff;}
.industry-card p{font-size:14px;color:var(--muted);line-height:1.6;transition:color .2s ease;}
.industry-card:hover p{color:rgba(255,255,255,0.68);}
.ref-empty{
  border:1px dashed var(--line-strong);border-radius:0;padding:40px;text-align:center;
  color:var(--muted-2);font-size:14px;line-height:1.7;
}

/* ---------- PROCESS ---------- */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.proc-num{font-family:'Inter',system-ui,sans-serif;font-size:32px;color:transparent;-webkit-text-stroke:1.4px var(--gold-text);margin-bottom:16px;}
.proc-card :is(h3,h4){font-size:16.5px;margin-bottom:10px;}
.proc-card p{font-size:13.8px;color:var(--muted);line-height:1.6;}
.proc-line{height:1px;background:var(--line);margin:0 0 24px;}

/* ---------- FAQ ---------- */
.faq{max-width:800px;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--ink);padding:22px 0;
  display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600;font-family:'Inter',system-ui,sans-serif;}
.faq-q .plus{font-family:'IBM Plex Mono';font-size:20px;color:var(--gold-deep);transition:transform .25s ease;flex-shrink:0;margin-left:20px;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{color:var(--muted);font-size:14.5px;line-height:1.7;padding-bottom:22px;max-width:65ch;}

/* ---------- CONTACT ---------- */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--bg-soft);border:1px solid var(--line);border-radius:0;padding:52px;}
.contact-info h2{font-size:28px;margin-bottom:16px;}
.contact-info p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:30px;max-width:42ch;}
.cinfo-row{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line);}
.cinfo-row:last-child{padding-bottom:0;}
.cinfo-row .ic{width:36px;height:36px;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line);}
.cinfo-row .t{font-size:11.5px;color:var(--muted-2);font-family:'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em;}
.cinfo-row .d{font-size:14.5px;font-weight:600;margin-top:3px;}
.email-link{cursor:pointer;}
form{display:flex;flex-direction:column;gap:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
label{font-size:12.5px;color:var(--muted);margin-bottom:6px;display:block;font-weight:500;}
input,textarea,select{
  width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:0;padding:12px 14px;
  color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-size:14.5px;transition:border-color .15s ease;
}
input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:none;}
textarea{resize:vertical;min-height:96px;}
.form-note{font-size:12px;color:var(--muted-2);line-height:1.5;}
.hp-field{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden;}
.map-placeholder{
  margin-top:40px;border:1px solid var(--line);border-radius:0;
  background:var(--bg-soft);height:260px;display:flex;align-items:center;justify-content:center;
  color:var(--muted-2);font-size:13px;font-family:'IBM Plex Mono';
}

/* ---------- CTA BAND ---------- */
.cta-band{background:linear-gradient(120deg,var(--navy),var(--blue-deep));padding:70px 0;}
.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.cta-band h2{color:#fff;font-size:clamp(22px,3vw,30px);max-width:20ch;}
.cta-band p{color:rgba(255,255,255,0.7);font-size:14.5px;margin-top:10px;max-width:44ch;}

/* ---------- SHARE BAR ---------- */
.share-bar-wrap{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.share-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;flex-wrap:wrap;gap:14px;}
.share-label{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);}
.share-icons{display:flex;gap:10px;}
.share-ic{
  width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid var(--line-strong);
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted);
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
  cursor:pointer;font-family:'Inter',system-ui,sans-serif;
}
.share-ic:hover{background:var(--navy);color:var(--gold);border-color:var(--navy);transform:translateY(-2px);}

/* ---------- SOCIAL ICONS (footer) ---------- */
.foot-social{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);flex-wrap:wrap;}
.foot-social-label{font-family:'IBM Plex Mono';font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,0.45);}
.social-icons{display:flex;gap:10px;}
.social-ic{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:rgba(255,255,255,0.75);
  transition:background .15s ease,color .15s ease,transform .15s ease;font-family:'Inter',system-ui,sans-serif;
}
.social-ic:hover{background:var(--gold);color:#171300;transform:translateY(-2px);}

/* ---------- FOOTER ---------- */
footer{background:var(--navy);color:rgba(255,255,255,0.85);padding:64px 0 28px;}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;}
.foot-brand img{height:120px;max-width:100%;width:auto;margin-bottom:18px;}
.foot-brand p{font-size:13.5px;color:rgba(255,255,255,0.5);line-height:1.7;max-width:34ch;}
.foot-col h5{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:16px;font-weight:600;}
.foot-col a{display:block;font-size:14px;color:rgba(255,255,255,0.75);padding:6px 0;transition:color .15s ease;}
.foot-col a:hover{color:var(--gold);}
.sitemap-links{display:flex; flex-direction:column; gap:4px;}
.sitemap-links a{color:var(--blue); font-size:14.5px; padding:6px 0; font-weight:500;}
.sitemap-links a:hover{color:var(--gold-deep); text-decoration:underline;}
.foot-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:rgba(255,255,255,0.45);flex-wrap:wrap;gap:12px;}

/* ---------- FLOATING CONTACT BUBBLE ---------- */
.fab-wrap{position:fixed;right:26px;bottom:26px;z-index:300;}
.fab-menu{
  position:absolute; right:0; bottom:calc(100% + 12px);
  display:flex;flex-direction:column;gap:10px;
  opacity:0;visibility:hidden;translate:0 10px;
  pointer-events:none;
  transition:opacity .2s ease, translate .2s ease, visibility .2s ease;
}
.fab-menu.open{opacity:1;visibility:visible;translate:0 0;pointer-events:auto;}
.fab-item{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:100px;
  padding:10px 18px 10px 10px;
  box-shadow:0 12px 28px -10px rgba(16,6,159,0.35);
  font-size:13.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;
}
.fab-item:hover{border-color:var(--blue);}
.fab-item .ic{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:14px;font-weight:700;flex-shrink:0;
}
.fab-item.wa .ic{background:#25D366;}
.fab-item.call .ic{background:var(--blue);}
.fab-item.mail .ic{background:var(--gold);color:#171300;}
.fab-toggle{
  width:60px;height:60px;border-radius:50%;
  background:var(--blue);color:#fff;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  box-shadow:0 16px 32px -10px rgba(16,6,159,0.55);
  transition:transform .2s ease, background .2s ease;
}
.fab-toggle:hover{background:var(--blue-deep);transform:translateY(-2px);}
.fab-toggle .icon-close{display:none;}
.fab-wrap.open .fab-toggle .icon-chat{display:none;}
.fab-wrap.open .fab-toggle .icon-close{display:inline;}
@media (max-width:720px){
  .fab-wrap{right:16px;bottom:16px;}
  .fab-toggle{width:52px;height:52px;font-size:20px;}
  /* Sabit (fixed) əlaqə düyməsi ekranın sağ-alt küncündə HƏMİŞƏ görünür və istənilən
     scroll mövqeyində altındakı məzmunun üstünə düşür. Adətən zərərsizdir (statik mətn/şəkil),
     lakin filtr aşkordionlarının BÜTÜN sətri kliklənə bilən olduğu üçün (bax: .filter-group summary),
     sətrin sağ küncü FAB-ın həmişəlik tutduğu zonaya düşəndə toxunuş həmin sətrə deyil, FAB-a gedir.
     Həll: filtr sətirlərinin kliklənə bilən enini bu zonadan kənarda saxlamaq üçün sağda sabit
     boşluq ayırırıq — bug #0-la (kuki baneri/filtr toqquşması) EYNİ kateqoriyadan problemdir. */
  .filter-group summary{max-width:calc(100% - 60px);}
}
@media (max-width:980px){
  .navlinks{gap:16px;}
  .navlinks a.toplink{font-size:13.5px;}
  .util-bar .wrap{flex-wrap:wrap;gap:8px;row-gap:4px;}
  .feature-grid{grid-template-columns:1fr;gap:30px;}
  .badges .wrap{grid-template-columns:repeat(2,1fr);}
  .badge-item:nth-child(3){border-left:none;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .service-grid{grid-template-columns:1fr;}
  .why-wrap{grid-template-columns:1fr;gap:30px;}
  .app-grid{grid-template-columns:repeat(2,1fr);}
  .process{grid-template-columns:repeat(2,1fr);row-gap:36px;}
  .contact-wrap{grid-template-columns:1fr;padding:34px;}
  .foot-grid{grid-template-columns:1fr 1fr;row-gap:32px;}
  .brand-grid{grid-template-columns:repeat(3,1fr);}
  .industry-grid{grid-template-columns:repeat(2,1fr);}
  /* 721-980px aralığında tam üfüqi menyu "Tətbiq sahələri" kimi 2-sözlü
     linkləri 2 sətrə bölürdü (audit ilə aşkarlandı, real screenshot-la
     təsdiqləndi) — bu enlikdə artıq mobil (hamburger) menyuya keçirik,
     əvvəlki 720px həddi bu boşluğu (721-980px) örtmürdü. */
  .navlinks{
    display:flex; flex-direction:column; gap:0; padding:10px 0;
    position:fixed; top:var(--header-h); right:0; bottom:0; width:min(86vw,360px);
    background:#0a1230; overflow-y:auto; z-index:250;
    transform:translateX(100%); visibility:hidden;
    transition:transform .38s cubic-bezier(.16,1,.3,1), visibility .38s;
    box-shadow:-10px 0 34px rgba(0,0,0,.4);
  }
  .navlinks.mobile-open{transform:translateX(0); visibility:visible;}
  .navlinks > li{width:100%; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid rgba(255,255,255,.08);}
  .navlinks a.toplink{flex:1; padding:14px 10px 14px 24px;}
  .nav-caret{
    display:flex; align-items:center; justify-content:center;
    background:none; border:none; color:rgba(255,255,255,.8); padding:14px 22px; cursor:pointer;
  }
  .nav-caret svg{transition:transform .28s cubic-bezier(.16,1,.3,1);}
  li.dropdown-open .nav-caret svg{transform:rotate(180deg);}
  li.dropdown-open .nav-caret{color:var(--gold);}
  /* Mobil-də dropdown artıq masaüstü overlay DEYİL — sətir-daxili
     (inline), klik ilə aşağı açılan aqordeon kimi işləyir. Hover-ə
     görə görsənmə (:hover/:focus-within) mobil enində bilərəkdən
     ləğv edilir — toxunma cihazlarında "ilk toxunma = hover" effekti
     linklərin naviqasiyasını ƏNGƏLLƏYİRDİ (2026-09-23 tapılan bug). */
  .navlinks .dropdown{
    position:static; transform:none;
    box-shadow:none; border:none; background:rgba(255,255,255,.045);
    width:100%; padding:0; min-width:0;
    /* display/height artıq JS-in slideDown/slideUp funksiyaları ilə idarə
       olunur (donor saytın slideToggle(200) analoqu) — burada YALNIZ
       görünüş (rəng, en) təyin olunur. */
  }
  .navlinks .dropdown a{color:rgba(255,255,255,.82); padding:10px 20px 10px 40px; font-size:13.5px; font-weight:500;}
  .navlinks .dropdown a:hover{background:rgba(255,255,255,.06); color:#fff;}
  .nav-backdrop{
    position:fixed; inset:0; top:var(--header-h); background:rgba(5,8,22,.55);
    opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; z-index:245;
  }
  .nav-backdrop.show{opacity:1; visibility:visible;}
  .phone-mini{display:none;}
  .menu-toggle{display:inline-flex;}
}
@media (max-width:720px){
  :root{--header-h:100px;}
  .util-bar .wrap{padding:7px 16px;}
  .util-phone span{display:none;}
  .search-toggle span{display:none;}
  .util-contact{gap:8px;}
  .brand img{height:38px;}
  .nav{padding:10px 0;}
  .wrap{padding:0 16px;}
  .prod-grid{grid-template-columns:1fr;}
  .app-grid{grid-template-columns:1fr;}
  .process{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  section{padding:64px 0;}
  .foot-grid{grid-template-columns:1fr;}
  .hero h1, .hero h2{max-width:100%;}
  .hero-content{left:0; right:0; bottom:0;}
  .hero-panel{min-height:0; padding:16px 20px 18px; padding-left:34px;}
  .hero p.lead{font-size:13.5px;}
  .brand-grid{grid-template-columns:repeat(2,1fr);}
  .industry-grid{grid-template-columns:1fr;}
  .cta-band .wrap{flex-direction:column;align-items:flex-start;}
  .hero-panel{padding:26px 22px;}
  .fab-item span:not(.ic){max-width:150px;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:400px){
  .util-contact .util-phone{display:none;}
  /* Uzun mətnli outline düymələr (məs. "X brendi haqqında ətraflı") ən dar
     ekranlarda (≤400px) kəsilib daşırdı — audit zamanı 320px-də aşkarlandı.
     Yalnız bu ən dar aralıqda sətrə bölünməyə icazə veririk; paraleloqram
     forması (clip-path) və digər bütün enliklərdə davranış dəyişmir. */
  .btn-outline-dark{white-space:normal; text-align:center; line-height:1.3;}
}

/* ---------- COOKIE NOTICE ----------
   Yığcam "toast" forması: əvvəlki versiya çox sətirli, hündür bir blok idi və
   kateqoriya/brend səhifələrində sticky filtr panelinin ilk görünən hissəsi ilə
   vizual toqquşurdu (funksional deyil, sadəcə görünüş qarışıq idi — bax audit qeydi).
   Hündürlüyü azaltmaq üçün: daha kiçik padding/şrift, mətn 2 sətirlə məhdudlaşır,
   düymə həmişə sağda, eninə sıxılmır. Nəticədə banner eyni küncdə qalır, sadəcə
   çox daha az şaquli sahə tutur — toqquşma ehtimalı azalır, görünüş də səliqəli olur. */
.cookie-bar{
  position:fixed; left:12px; right:auto; bottom:8px; z-index:230;
  max-width:min(380px, calc(100vw - 88px));
  background:var(--navy); color:#fff; border-radius:0;
  padding:8px 12px; box-shadow:0 16px 36px -12px rgba(0,0,0,0.4);
  display:flex; align-items:center; gap:10px; flex-wrap:nowrap;
  transform:translateY(140%); transition:transform .4s ease;
}
.cookie-bar.show{transform:translateY(0);}
.cookie-bar p{
  font-size:11.5px; color:rgba(255,255,255,0.82); line-height:1.28; flex:1; min-width:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cookie-bar a{color:var(--gold); text-decoration:underline;}
.cookie-bar button{
  background:var(--gold); color:#171300; border:none; border-radius:0; flex-shrink:0;
  padding:8px 14px; font-weight:700; font-size:12.5px; cursor:pointer; white-space:nowrap;
}
@media (max-width:480px){
  .cookie-bar{left:12px; right:12px; bottom:12px; max-width:none;}
}

/* ---------- BACK TO TOP ---------- */
.back-to-top{
  position:fixed; right:26px; bottom:96px; z-index:295;
  width:42px; height:42px; border-radius:50%;
  background:#fff; border:1px solid var(--line); color:var(--blue);
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(16,6,159,0.35);
  opacity:0; visibility:hidden; transform:translateY(10px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease, background .15s ease, color .15s ease;
}
.back-to-top.show{opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;}
.back-to-top:hover{background:var(--blue); color:#fff;}
.back-to-top svg{pointer-events:none;}
@media (max-width:720px){ .back-to-top{right:16px; bottom:78px; width:38px; height:38px;} }

/* ---------- FOOTER EXTRAS ---------- */
.foot-hours{margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.1);}
.foot-hours .t{display:block; font-family:'IBM Plex Mono'; font-size:11px; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px;}
.foot-hours .d{display:block; font-size:13px; color:rgba(255,255,255,0.75); line-height:1.6;}
.foot-legal{display:flex; gap:18px;}
.foot-legal a{color:rgba(255,255,255,0.55); font-size:12.5px;}
.foot-legal a:hover{color:var(--gold);}

/* ---------- 404 PAGE ---------- */
/* ---------- PROMO BANNER (announcements, holiday greetings, scheduled) ---------- */
.promo-overlay{
  position:fixed; inset:0; z-index:500;
  background:rgba(6,7,46,0.6); backdrop-filter:blur(3px);
  display:none; align-items:center; justify-content:center; padding:20px;
}
.promo-overlay.show{display:flex;}
.promo-banner{
  position:relative; width:100%; max-width:520px; max-height:80vh; overflow:auto;
  background:#fff; border-radius:0; box-shadow:0 40px 80px -20px rgba(0,0,0,0.5);
  animation:promoIn .35s ease;
}
@keyframes promoIn{from{opacity:0; transform:scale(.94) translateY(10px);} to{opacity:1; transform:scale(1) translateY(0);}}
.promo-banner img{width:100%; max-height:260px; object-fit:cover; border-radius:0;}
.promo-banner-body{padding:26px 28px 30px;}
.promo-banner h3{font-size:21px; margin-bottom:10px;}
.promo-banner p{font-size:14px; color:var(--muted); line-height:1.6; margin-bottom:20px;}
.promo-close{
  position:absolute; top:12px; right:12px; z-index:2;
  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.92); border:none;
  display:flex; align-items:center; justify-content:center; cursor:pointer; color:var(--ink);
  box-shadow:0 4px 14px -4px rgba(0,0,0,0.3);
}
.promo-close:hover{background:#fff;}
@media (max-width:560px){ .promo-banner{max-width:94vw;} .promo-banner img{max-height:180px;} }

/* ---------- PRODUCT SERIES SPEC TABLE (Excel-import compatible) ---------- */
.spec-bar{
  display:flex; flex-wrap:wrap; align-items:center; gap:28px;
  padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  margin-bottom:36px;
}
.spec-bar-item{display:flex; align-items:center; gap:10px;}
.spec-bar-item .ic{color:var(--blue); flex-shrink:0; display:flex;}
.spec-bar-item .t{font-size:11px; color:var(--muted-2); text-transform:uppercase; letter-spacing:.04em; display:block;}
.spec-bar-item .v{font-size:15px; font-weight:700; color:var(--ink); display:block;}
.spec-bar-links{margin-left:auto; display:flex; gap:18px;}
.spec-bar-links a{display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--blue);}
.spec-bar-links a:hover{color:var(--gold-deep);}
.spec-table-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:0; margin:20px 0 32px; -webkit-overflow-scrolling:touch;}
/* 2026-09-24 — İSTİFADƏÇİNİN TƏLƏBİ: cədvəl sətir/sütun genişliyi SƏHİFƏDƏN
   SƏHİFƏYƏ, HƏTTA EYNİ SƏHİFƏDƏ BLOKDAN BLOKA fərqlənməməlidir (əvvəllər
   `table-layout:auto` idi — hər <table> öz məzmununa görə MÜSTƏQİL sütun
   genişliyi hesablayırdı, bu da "sətir genişliyi fərqlidir, professional
   deyil" şikayətinə səbəb olurdu). İndi `table-layout:fixed` + hər sütuna
   SABİT `width` verilir — məzmun (qısa/uzun kod) NƏ olursa olsun, sütun
   genişliyi DƏYİŞMİR, yalnız mətn lazım gələrsə kəsilir (`text-overflow`)
   və ya `.spec-table-wrap`-in öz üfüqi scroll-u işə düşür. Bu QAYDA bütün
   kateqoriyalara (avtomobil, sənaye, məişət və s.) aiddir — YALNIZ sütun
   ADLARI/SAYI kateqoriyaya görə DƏYİŞƏ bilər, ÖLÇÜLƏNDİRMƏ MƏNTİQİ YOX. */
/* 2026-09-25 DÜZƏLİŞ: `width:100%` sistemcə SİLİNDİ. İstifadəçinin dəqiq
   tələbi: sütun genişliyi ORADAKI DATANIN HƏCMİNDƏN ARTIQ OLMAMALIDIR
   (məs. 2-rəqəmli Gərginlik sütunu geniş boşluqla "gərilməməlidir"). Əvvəllər
   `width:100%` + `table-layout:fixed` bütün sütunları məcburi konteynerin
   TAM genişliyinə (indi daha da geniş — bax `.wrap:has(.cat-layout)`)
   BƏRABƏR/ORANTİK BÖLÜRDÜ — nəticədə az sütunlu cədvəllər (Sənaye, Məişət)
   ÇOX GENİŞ boşluqlarla "sulanırdı". İndi cədvəl YALNIZ öz sütunlarının
   TƏBİİ (ilk sətirdən hesablanan) cəmi qədər yer tutur, konteynerin
   qalan hissəsi sadəcə boş sahə kimi qalır (bu, cədvəl datası üçün
   normal, peşəkar naxışdır — "boş yer" DEYİL, sadəcə lazımsız
   dartılmanın olmamasıdır). Avtomobil (VARTA/Delkor/EXIDE) səhifələrində
   HƏR SÜTUN üçün AYRICA, əl ilə dəqiqləşdirilmiş piksel genişliyi TƏYİN
   EDİLİB (inline style, thead-də) — digər kateqoriyalar (Sənaye, Məişət,
   Fənər və s.) bu ÜMUMI qaydaya (təbii genişlik) etibar edir, çünki
   onların öz sütunları artıq nisbətən DAR məzmunludur (ƏSASƏN mətn/
   qısa rəqəm), əl ilə hər birini ayrıca dəqiqləşdirməyə EHTİYAC yoxdur. */
/* 2026-09-25 SON DÜZƏLİŞ: `table-layout:fixed` + `width:fit-content`
   kombinasiyası ÇOX PİS nəticə verdi — mətn sütunları (Model, Tip,
   Sertifikat) bir-birinin ÜSTÜNƏ DÜŞDÜ (fixed layout mətn məzmununu
   HESABA ALMIR, yalnız EXPLICIT piksel dəyərlərini). DÜZGÜN QAYDA:
   `table-layout:auto` (defolt) — brauzer HƏR sütunun öz məzmununa görə
   TƏBİİ, DÜZGÜN genişliyi HESABLAYIR (heç bir overlap yaranmır). YALNIZ
   avtomobil (VARTA/Delkor/EXIDE) səhifələrində, HƏR sütun üçün ƏL İLƏ
   piksel genişliyi təyin edildiyi üçün, o 3 səhifədə `table-layout:fixed`
   İNLINE OLARAQ override edilir (bax thead-lərin `<table>` teqi) —
   BELƏ ki, uzun kodlar (VARTA-nın 9-rəqəmli "Uzun Kod/ETN"-i kimi) sətir
   daxilində yenə də NÖVBƏTİ sətrə bölünüb üst-üstə düşməsin. */
/* 2026-09-26 SON DÜZƏLİŞ: `width:fit-content` konteynerdə BÖYÜK BOŞ YER
   yaradırdı (istifadəçi tapdı: "cədvəl genişlənib amma içi yarımçıqdır"
   — meiset/varta və bənzər səhifələrdə cədvəl konteynerin yalnız 55%-ni
   tuturdu). DÜZGÜN HƏLL: `table-layout:auto` (məzmuna görə DÜZGÜN
   nisbətlə ölçüləndirmə, overlap yaratmır — 10.84-dəki düzəliş) + 
   `width:100%` (BİRLİKDƏ) — brauzer sütunları ÖZ NİSBİ ölçülərini
   SAXLAYARAQ (dar sütun dar, geniş sütun geniş qalır) konteynerin TAM
   enini doldurur, HEÇ BİR boş yer qalmır, HEÇ BİR overlap yaranmır. */
/* 2026-09-27 DÜZƏLİŞ (TƏKRAR): bu qayda səhvən yenidən `width:100%`-ə
   qayıtmışdı (10.90-da `width:fit-content` təyin edilmişdi) — bu,
   Məişət kimi az-sütunlu cədvəllərdə sütunlar arasında NƏHƏNG boşluqlar
   yaradırdı (istifadəçi "cədvəl genişlənib, içi yarımçıqdır" kimi
   təsvir etdi). `width:fit-content` BƏRPA edildi ki, cədvəl YALNIZ öz
   TƏBİİ (məzmuna uyğun) genişliyini tutsun. Avtomobil (VARTA/Delkor/
   EXIDE) səhifələri bunu artıq öz inline `table-layout:fixed` override-i
   ilə ayrıca idarə edir, bu qaydadan TƏSİRLƏNMİR. */
.spec-table{border-collapse:collapse; font-size:13px; table-layout:auto; width:fit-content; max-width:100%;}
/* 2026-09-24 DÜZƏLİŞ: əvvəlki cəhddə `overflow:hidden;text-overflow:ellipsis`
   istifadə edilmişdi — bu, Sənaye kateqoriyası kimi uzun mətnli sütunlarda
   ("IEC62133 Ed.2 (tibbi dəstək üçün)") MƏLUMATI GİZLƏDİRDİ ("tibbi də…"
   kəsilib qalırdı) — bu, sabitləşdirmədən də PIS nəticədir. İndi: sütun
   ENİ sabit qalır (`table-layout:fixed`), AMMA mətn UZUN olanda sətir
   İÇİNDƏ YENİ SƏTRƏ keçir (`white-space:normal`) — heç bir məlumat
   itmir, yalnız sətrin HÜNDÜRLÜYÜ (enı YOX) uzun mətnə görə arta bilər.
   İstifadəçinin dəqiq tələbi bu idi: "sətir genişliyi sürüşməsin" —
   hündürlük deyil, ENLIK sabit olmalıdır. */
.spec-table th, .spec-table td{padding:9px 12px;}
.spec-table td{white-space:normal;}
/* 2026-09-25 DÜZƏLİŞ: əvvəlki universal "Kod=150px hər yerdə" qaydası
   silindi — 15 sütunlu cədvəllərdə (VARTA/Delkor) digər sütunların yerini
   alaraq mətnin üst-üstə düşməsinə səbəb olurdu. Kod/Uzun Kod genişliyi
   İNDİ HƏR SƏHİFƏNİN ÖZ thead-ində (inline style) təyin olunur — VARTA-da
   Kod QISA/Uzun Kod UZUNDUR, Delkor-da ƏKSİNƏDİR. table-layout:fixed bu
   dəyəri bütün sətirlərə tətbiq edir. */
.spec-table td:nth-child(3){white-space:normal;} /* kod boşluqda sətir sonuna keçə bilər (məs. "TX14AHL (FA)") — dar ekranda yan xanaya minməsin */
.spec-table td:nth-child(4){white-space:nowrap;}
/* Şaquli başlıqlar (PDF-dəki qarışıq üfüqi/şaquli üsuluna uyğun): data
   qısa (rəqəm/kod), başlıq mətni uzun olan sütunlar üçün. Heç bir ikon
   yoxdur, sadəcə mətn 90° fırlanır. Kəsilmə olmasın deyə max-width/
   overflow:hidden İSTİFADƏ OLUNMUR — sətir hündürlüyü öz-özünə uyğunlaşır.*/
.spec-table th .vh{writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; display:inline-block;}
.spec-table th:has(.vh){padding:10px 6px; vertical-align:bottom; text-align:left;}
@media (max-width:640px){
  .spec-table{font-size:12px;}
  .spec-table th, .spec-table td{padding:7px 9px;}
}
.spec-table caption{
  text-align:left; font-family:'Inter'; font-weight:700; font-size:16px; color:var(--blue);
  padding:16px 18px 4px; caption-side:top;
}
.spec-table th{
  background:var(--bg-soft); color:var(--muted); font-weight:600; font-size:9.5px;
  text-transform:uppercase; letter-spacing:.02em; text-align:left; padding:7px 8px;
  border-bottom:2px solid var(--line); white-space:normal; line-height:1.25;
}
.spec-table td{padding:7px 6px; border-bottom:1px solid var(--line); color:var(--ink);}
.spec-table tr:last-child td{border-bottom:none;}
.spec-table tbody tr:hover{background:var(--bg-soft);}
.spec-table tbody tr:nth-child(even){background:rgba(16,6,159,0.02);}
.spec-note{font-size:12px; color:var(--muted-2); margin:-20px 0 32px;}
.spec-diagram{max-width:320px; margin:16px 0;}
.spec-diagram img{border:1px solid var(--line); border-radius:0; background:#fff; padding:12px;}

/* ---------- ERROR PAGE ---------- */
.error-page{
  min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:calc(var(--header-h) + 60px) 24px 60px;
  background:linear-gradient(160deg,var(--navy),var(--blue-deep));
}
.error-page .code{font-size:clamp(64px,12vw,140px); font-weight:800; color:var(--gold); line-height:1;}
.error-page h1{margin-top:10px; color:#fff;}
.error-page p{color:rgba(255,255,255,0.75); margin-top:14px; max-width:50ch;}
.error-page .btn{margin-top:26px;}

/* Hero panel — orta ölçülü ekranlar üçün aralıq uyğunlaşma */
@media (max-width:1100px) and (min-width:721px){
  .hero-content{left:14%; bottom:10%;}
  .hero-panel{padding:20px 26px 22px 32px;}
}

/* ===== KƏSKİN BUCAQLAR + PARALELOQRAM DÜYMƏLƏR + AĞ KONTUR ===== */

/* Bütün düymələr paraleloqram (footer istisna) */
.btn{
  clip-path:polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%);
  border-radius:0;
  padding-left:26px; padding-right:26px;
}
footer .btn{clip-path:none; padding-left:22px; padding-right:22px;}

/* Tünd fonlu sahələrdə kartların konturu AĞ (header/footer istisna) */
.app-cell{border-color:rgba(255,255,255,0.85);}
.app-cell:hover{border-color:#fff;}
.cta-band .btn-primary{border-color:transparent;}
.prod-card:hover{border-color:#fff;}
.brand-tile:hover{border-color:#fff;}

/* Kəskin bucaqlar — qalan elementlər */
.hero-panel, .prod-card, .brand-tile, .app-cell, .service-card, .industry-card,
.cat-filters, .filter-group-body, .spec-table-wrap, .promo-banner,
.search-results, .dropdown, .cookie-bar, .brand-logo-box, .prod-photo,
.page-header, .cell-photo, input, textarea, select, .map-placeholder,
.brand-cta, .ref-empty, .faq-item, .badge-item{border-radius:0 !important;}

/* ===== SON DÜZƏLİŞLƏR ===== */

/* Paraleloqram HƏR ekran ölçüsündə saxlanılır (mobil daxil) */
.hero-panel{clip-path:polygon(4% 0, 100% 0, 100% 100%, 0 100%) !important;}
@media (max-width:720px){
  .hero-panel{clip-path:polygon(6% 0, 100% 0, 100% 100%, 0 100%) !important;}
  .hero-ctas{padding-left:34px;}
}

/* Ağ fonlu kartların konturu MAVİ (mavi kartların konturu ağ olduğu kimi) */
.prod-card, .brand-tile, .service-card, .industry-card,
.spec-table-wrap, .faq-item, .brand-logo-box{
  border-color:var(--blue);
}
.filter-group{border-top-color:rgba(16,6,159,0.25);}
.spec-table th{border-bottom-color:var(--blue);}
.spec-table td{border-bottom-color:rgba(16,6,159,0.15);}

/* Hero mətn karuseli */
.hero-slide{display:none;}
.hero-slide.active{display:block;animation:slideFade .5s ease;}
@keyframes slideFade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.hero p.lead{color:#111 !important;}
.hero h1, .hero h2{color:var(--blue) !important;}
.hero-dots{display:flex;gap:8px;margin-top:14px;padding-left:57px;}
.hero-dot{width:26px;height:4px;background:rgba(255,255,255,0.55);border:none;padding:0;cursor:pointer;transition:background .2s;}
.hero-dot.active{background:var(--gold);}
@media (max-width:720px){ .hero-dots{padding-left:34px;} }

/* Sol boşluq HƏR ekran ölçüsündə paraleloqramın maili kənarına nisbətən
   EYNİ görünür (faizlə verilir, ona görə daralmır) */
.hero-panel{padding-left:7.5% !important;}
.hero-ctas, .hero-dots{padding-left:7.5% !important;}
@media (max-width:720px){
  .hero-panel{padding-left:9.5% !important;}
  .hero-ctas, .hero-dots{padding-left:9.5% !important;}
}

/* Kart üzərindəki "Ətraflı" düymələri də paraleloqram */
.more-link, .prod-more, .brand-more, .sec-foot-link a{
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
  padding:7px 20px !important;
  display:inline-flex; align-items:center; gap:6px;
}
.prod-more, .brand-more{background:var(--blue); color:#fff !important; font-weight:700;}
.prod-card:hover .prod-more, .brand-tile:hover .brand-more{background:var(--gold); color:#171300 !important;}
.sec-foot-link a{background:var(--blue); color:#fff !important; font-weight:700;}
.sec-foot-link a:hover{background:var(--gold); color:#171300 !important;}
/* .more (əsas səhifə feature-strip) — digər "Ətraflı" düymələri ilə EYNİ
   paraleloqram+rəng standartına gətirildi (əvvəllər HEÇ bir stil yox idi,
   sayt üzrə uyğunsuzluğun kök səbəbi bu idi, 2026-09-23 tapıldı). */
.more{
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
  padding:7px 20px; display:inline-flex; align-items:center; gap:6px;
  background:var(--blue); color:#fff !important; font-weight:700; font-size:13px;
  text-decoration:none; transition:background .25s ease, color .25s ease;
}
.more:hover{background:var(--gold); color:#171300 !important;}

/* ===== HERO MƏTN ÖLÇÜLƏRİ — sənaye standartına uyğun oxunaqlı ===== */
.hero-panel{min-height:0 !important;}
.hero-ctas .btn{padding:12px 26px; font-size:14.5px;}
/* Kiçik ekranlarda başlıq sətirlərə bölünə bilsin (kəsilməsin) */
@media (max-width:900px){
  .hero h1, .hero h2{white-space:normal !important;}
}

/* Brend kartı — "İDXAL MƏHSUL" və bayraq HƏMİŞƏ eyni səviyyədə,
   "Ətraflı" düyməsinin dərhal üstündə (mətn uzunluğundan asılı olmayaraq) */
.brand-tile{display:flex; flex-direction:column;}
.brand-tile .desc{flex:1 1 auto;}
.brand-tile .brand-tags{
  margin-top:auto; margin-bottom:10px;
  display:flex; align-items:center; gap:8px; flex-wrap:nowrap;
}
.brand-tile .brand-more{margin-top:0;}
.brand-flag{display:inline-flex; align-items:center; line-height:0; flex-shrink:0;}
.brand-flag svg{border-radius:50%; display:block;}

/* Hero: bütün 3 variant eyni yerdə yığılır — hündürlük dəyişmir */
.hero-panel{display:grid;}
.hero-slide{grid-area:1/1; display:block !important; visibility:hidden; opacity:0;
  transition:opacity .45s ease; pointer-events:none;}
.hero-slide.active{visibility:visible; opacity:1; pointer-events:auto; animation:none;}

/* HEDEF: geniş ekranda panel hündürlüyü 3sm-dən (≈113px) çox olmasın —
   (bütün əvvəlki tədricən-azaltma qatları bura birləşdirildi) */
.hero-panel{padding-top:5px !important; padding-bottom:7px !important;}
.hero h1, .hero h2{line-height:1.18 !important; margin-bottom:4px !important;}

/* Loqolar HƏMİŞƏ eyni ölçüdə görünsün (fayl ölçüsündən asılı olmayaraq) */
.brand-logo-box{height:70px; display:flex; align-items:center; justify-content:center; padding:10px 14px;}
.brand-logo-box img{max-height:100%; max-width:100%; width:auto; height:auto; object-fit:contain;}
.brand-tile .brand-logo-box img{filter:grayscale(100%); opacity:0.7; transition:filter .25s ease, opacity .25s ease;}
.brand-tile:hover .brand-logo-box img{filter:grayscale(0%); opacity:1;}

/* Məhsul şəkilləri olan kartlar */
.prod-photo-card{display:flex; flex-direction:column;}
.prod-photo-card .pc-img{
  width:100%; height:190px; background:#fff; border:1px solid var(--blue);
  display:flex; align-items:center; justify-content:center; padding:10px; margin-bottom:14px;
}
.prod-photo-card .pc-img img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;}

/* ===== HERO: mətn daha oxunaqlı, panel yenə də ≤3sm ===== */
.hero p.lead{
  font-size:clamp(14.5px, 1.12vw, 16.5px) !important;
  line-height:1.45 !important;
  max-width:none !important;
}
.hero h1, .hero h2{font-size:clamp(20px,1.95vw,26px) !important;}

/* Qızılı vurğu mətni videonun açıq yerlərində də oxunsun:
   nazik tünd-mavi kontur (brend rəngi) + çox yumşaq kölgə */
.hero h1 span, .hero h2 span{
  color:var(--gold) !important;
  -webkit-text-stroke:0.7px var(--navy);
  paint-order:stroke fill;
  text-shadow:0 1px 2px rgba(11,10,92,0.35);
}

/* Footer əlaqə sətirləri — ikonlu */
.foot-contact .fc-row{
  display:flex; align-items:center; gap:10px; padding:7px 0;
  color:rgba(255,255,255,0.78); font-size:13.5px; text-decoration:none;
}
.foot-contact .fc-row:hover{color:var(--gold);}
.foot-contact .fc-ic{
  width:28px; height:28px; border-radius:50%;
  background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.22);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:background .15s ease, border-color .15s ease;
}
.foot-contact .fc-row:hover .fc-ic{background:var(--gold); border-color:var(--gold); color:#171300;}
.foot-contact .fc-ic.wa{background:#25D366; border-color:#25D366; color:#fff;}

/* Forma göndərmə statusu */
.form-status{font-size:13.5px;margin-top:12px;padding:10px 14px;line-height:1.5;display:none;}
.form-status.ok{display:block;background:#e8f7ec;color:#1c6b34;border-left:3px solid #1c6b34;}
.form-status.err{display:block;background:#fdeaea;color:#a12222;border-left:3px solid #a12222;}

/* Məqalələr (bloq) */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--blue);padding:24px 22px;transition:background .25s ease;}
.article-card:hover{background:var(--blue);}
.article-card:hover :is(h2,h3){color:var(--gold);}
.article-card:hover p,.article-card:hover .a-meta{color:rgba(255,255,255,.85);}
.article-card .a-meta{font-family:'IBM Plex Mono';font-size:11px;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;}
.article-card :is(h2,h3){font-size:17px;margin:8px 0 10px;line-height:1.3;}
.article-card p{font-size:13.5px;color:var(--muted);line-height:1.6;flex:1;}
.article-card .prod-more{margin-top:14px;}
.article-body{max-width:74ch;}
.article-body h2{font-size:22px;margin:34px 0 12px;}
.article-body h3{font-size:17px;margin:24px 0 8px;}
.article-body p{font-size:15.5px;line-height:1.75;margin-bottom:14px;}
.article-body ul{margin:0 0 16px 20px;color:var(--muted);font-size:15px;line-height:1.8;}
.article-body .lead-in{font-size:17px;line-height:1.7;color:var(--ink);border-left:3px solid var(--gold);padding-left:18px;margin-bottom:26px;}
@media (max-width:980px){.article-grid{grid-template-columns:1fr;}}

/* ===== TÜND FONLARDA MƏTN TAM AĞ OLSUN (oxunaqlılıq) ===== */
.page-header p,
.breadcrumb, .breadcrumb a, .breadcrumb span,
.badge-item .v,
.cta-band p,
.app-cell-more p,
.brand-tile:hover .segment, .brand-tile:hover .desc,
.prod-card:hover p, .prod-card:hover .prod-spec,
footer, .foot-brand p, .foot-col a, .foot-col h5,
.foot-social-label, .foot-hours .t, .foot-hours .d,
.foot-bottom, .foot-legal a, .foot-contact .fc-row,
.cookie-bar p{
  color:#fff !important;
}
/* Yalnız çox kiçik köməkçi mətnlərdə cüzi şəffaflıq qalır */
.foot-bottom, .foot-social-label, .foot-hours .t{opacity:.85;}
.breadcrumb a:hover, .foot-col a:hover, .foot-legal a:hover, .foot-contact .fc-row:hover{color:var(--gold) !important;}

/* Dil seçici */
.lang-switch{display:flex;gap:2px;background:rgba(255,255,255,0.1);border-radius:0;padding:3px;}
.lang-item{padding:5px 10px;font-size:12px;font-weight:700;color:rgba(255,255,255,0.85);letter-spacing:.03em; transition:color .15s ease;}
.lang-item.active{background:#fff;color:var(--blue);}
.lang-item:hover:not(.active){color:var(--gold);}

/* ===== MÜVƏQQƏTİ YERLƏŞDİRMƏ — "Tezliklə" bildirişi ===== */
#comingSoonToast{
  position:fixed; left:50%; bottom:32px; transform:translate(-50%,20px);
  background:var(--navy); color:#fff; padding:14px 26px;
  font-size:14px; font-weight:700; letter-spacing:.02em;
  border-left:4px solid var(--gold); box-shadow:0 16px 40px -12px rgba(0,0,0,.5);
  z-index:900; opacity:0; pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
#comingSoonToast.show{opacity:1; transform:translate(-50%,0);}

/* ===== REAL KATALOQ CƏDVƏLLƏRİ — seriya blokları ===== */
.series-block{margin-bottom:48px; padding-bottom:40px; border-bottom:1px solid var(--line);}
.series-block:last-child{border-bottom:none;}
.series-head{display:flex; gap:28px; align-items:flex-start; margin-bottom:18px; flex-wrap:wrap;}
/* 2026-09-24 DÜZƏLİŞ: əvvəllər YALNIZ `width` sabit idi, `height` İSƏ
   məzmuna (şəklin öz nisbətinə) görə DƏYİŞİRDİ — VARTA-da 220×220px,
   Delkor-da (enli/qısa ehtiyat şəkli səbəbindən) cəmi 220×56px olurdu.
   İndi HƏM width, HƏM height sabitdir (kvadrat qutu) — şəkil olsun-
   olmasın, hər hansı nisbətdə olsun, qutunun ÖZÜ HƏMİŞƏ eyni ölçüdə
   qalır (`object-fit:contain` şəkli daxildə mütənasib yerləşdirir). */
.series-photo{width:220px; height:220px; flex-shrink:0; border:1px solid var(--blue); background:#fff; padding:8px; display:flex; align-items:center; justify-content:center; position:relative;}
.series-photo img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block;}
/* 2026-09-25 KRİTİK DÜZƏLİŞ: əvvəlki onerror kodu <img>-i TAM SİLİRDİ
   (`this.remove()`) — bu, `alt` mətnindəki DƏYƏRLİ kod-siyahısını da
   özü ilə birlikdə yox edirdi (istifadəçi bunu VACİB element hesab edir,
   saxlanmasını AÇIQ tələb edib). İNDİ: img həqiqətən gizlədilir (DOM-dan
   silinmir), ƏVƏZİNƏ JS onerror handler-i öz ALT mətnini oxuyub SƏLİQƏLİ,
   OXUNAQLI bir mətn bloku kimi eyni qutuya YERLƏŞDİRİR (bax main.js-də
   `injectPhotoFallbackText` funksiyası) — bu, brauzerin öz native "qırıq
   şəkil + kiçik alt-mətn" görünüşündən (etibarsız, brauzerdən-brauzerə
   fərqli) DAHA ETİBARLI və SƏLİQƏLİDİR. */
.series-photo.img-missing{border-style:dashed; background:var(--bg-soft); overflow-y:auto;}
.series-photo .photo-fallback-text{font-size:12px; line-height:1.5; color:var(--muted); text-align:center; padding:4px;}
.series-text{flex:1; min-width:260px;}
.tetbiq-ikonlari{display:flex; gap:14px; margin-top:12px; align-items:center;}
.tetbiq-ikonlari .ikon{width:26px; height:26px; background-color:var(--blue); opacity:0.8;}
.series-text h2{font-size:21px; margin:8px 0 10px;}
.series-text p{font-size:14px; color:var(--muted); line-height:1.6;}
.series-block.f-hidden{display:none;}
@media (max-width:640px){ .series-head{flex-direction:column;} .series-photo{width:180px;} }

/* Cədvəl sətri axtarış qutusu (kod/tutum/CCA və s. üzrə) */
.spec-search-box{margin-bottom:16px;}
.spec-search-box input{
  width:100%; padding:10px 14px; border:1px solid var(--line-strong); font-size:13.5px;
  font-family:'Inter'; border-radius:0;
}
.spec-search-box input:focus{outline:none; border-color:var(--blue);}
.spec-search-count{font-size:11.5px; color:var(--muted-2); margin-top:6px;}

/* Cədvəldəki "Məlumat vərəqi" (datasheet) keçidi */
.ds-link{display:inline-flex; align-items:center; gap:3px; padding:3px 7px; border:1px solid var(--blue); color:var(--blue); font-size:10.5px; font-weight:600; text-decoration:none; white-space:nowrap;}
.ds-link:hover{background:var(--blue); color:#fff;}
.ds-link svg{width:10px; height:10px; flex-shrink:0;}

/* Nəqliyyat növü filtr ikonları */
.filter-check{display:flex; align-items:center; gap:7px;}
/* Nəqliyyat növü ikonları artıq CSS mask/data-URI DEYİL, birbaşa <img
   src="assets/ikonlar/filtr/neqliyyat-novu/...svg"> kimi göstərilir (bax
   main.js) — MƏHSUL FOTOLARI İLƏ EYNİ MƏNTİQ: istifadəçi SVG faylını
   əvəzləyəndə, heç bir build skripti lazım olmadan səhifədə DƏRHAL
   görünür (2026-09-22, istifadəçinin tələbi). Əvəzinə: checked
   vəziyyətində rəng dəyişməsi artıq mümkün deyil (img currentColor-u
   valid etmir) — SVG-lər öz sabit rənglərini (--muted) daşıyır. */
.vehicle-ico{width:17px; height:17px; flex-shrink:0; display:inline-block; object-fit:contain;}
/* Bir kateqoriyaya aid bir neçə konkret nəqliyyat vasitəsi ikonu (məs.
   Ağır Texnika → yük maşını + traktor + avtobus) yan-yana kiçik qrup kimi
   göstərilir — tək ümumiləşdirici ikon əvəzinə (2026-09-22). */
.vehicle-ico-group{display:inline-flex; align-items:center; gap:4px; flex-shrink:0; margin-left:auto;}
.filter-check .vc-label{white-space:nowrap;}

/* Filtr paneli ikonları — eyni mask üsulu, assets/ikonlar/filtr/ qovluğundan */
.filtr-ico{
  width:16px; height:16px; display:inline-block; background-color:var(--ink);
  mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%223%204%2021%204%2014%2012.5%2014%2019%2010%2021%2010%2012.5%203%204%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%223%204%2021%204%2014%2012.5%2014%2019%2010%2021%2010%2012.5%203%204%22%2F%3E%3C%2Fsvg%3E");
  mask-size:contain; -webkit-mask-size:contain; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
}
.axtaris-ico{
  width:16px; height:16px; display:inline-block; background-color:var(--muted-2);
  mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2215.5%22%20y2%3D%2215.5%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2215.5%22%20y2%3D%2215.5%22%2F%3E%3C%2Fsvg%3E");
  mask-size:contain; -webkit-mask-size:contain; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
}
/* Sayt üzrə ümumi ikonlar — ayrıca fayllardan (assets/ikonlar/ui-elementleri/)
   mask texnikası ilə. Bütün ölçülər/rənglər CSS-də idarə olunur, .ikon
   əsas class-dır, .ikon-XXX hər birinin öz mask-image-i verir. */
.ikon{display:inline-block; background-color:currentColor; flex-shrink:0;
  mask-size:contain; -webkit-mask-size:contain;
  mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
  mask-position:center; -webkit-mask-position:center;}
.ikon-etrafli{width:13px; height:13px; mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%2213%206%2019%2012%2013%2018%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2219%22%20y2%3D%2212%22%2F%3E%3Cpolyline%20points%3D%2213%206%2019%2012%2013%2018%22%2F%3E%3C%2Fsvg%3E");}
.ikon-pdf{width:13px; height:13px; mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22%2F%3E%3Cpolyline%20points%3D%227%2011%2012%2016%2017%2011%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12%22%2F%3E%3Cpolyline%20points%3D%227%2011%2012%2016%2017%2011%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%2220%22%2F%3E%3C%2Fsvg%3E");}
.ikon-oxcuq-yuxari{width:18px; height:18px; mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E");}
.ikon-tenzimleme{width:20px; height:20px; mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19%2013a7%207%200%200%200%200-2l2-1.5-2-3.4-2.3.9a7%207%200%200%200-1.7-1L14.5%203h-5l-.5%202.6a7%207%200%200%200-1.7%201l-2.3-.9-2%203.4L5%2010.6a7%207%200%200%200%200%202l-2%201.5%202%203.4%202.3-.9c.5.4%201.1.8%201.7%201l.5%202.4h5l.5-2.4c.6-.2%201.2-.6%201.7-1l2.3.9%202-3.4L19%2013z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19%2013a7%207%200%200%200%200-2l2-1.5-2-3.4-2.3.9a7%207%200%200%200-1.7-1L14.5%203h-5l-.5%202.6a7%207%200%200%200-1.7%201l-2.3-.9-2%203.4L5%2010.6a7%207%200%200%200%200%202l-2%201.5%202%203.4%202.3-.9c.5.4%201.1.8%201.7%201l.5%202.4h5l.5-2.4c.6-.2%201.2-.6%201.7-1l2.3.9%202-3.4L19%2013z%22%2F%3E%3C%2Fsvg%3E");}
.ikon-menyu{width:20px; height:20px; mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Cline%20x1%3D%224%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%3E%3Cline%20x1%3D%224%22%20y1%3D%227%22%20x2%3D%2220%22%20y2%3D%227%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2212%22%20x2%3D%2220%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%224%22%20y1%3D%2217%22%20x2%3D%2220%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E");}
.ikon-tetbiq{width:64px; height:64px;}
.ikon-kart{width:32px; height:32px;}

.fg-chevron{
  width:14px; height:14px; display:inline-block; background-color:var(--muted-2); flex-shrink:0;
  mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E");
  mask-size:contain; -webkit-mask-size:contain; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
  transition:transform .2s ease;
}
.filter-group[open] .fg-chevron{transform:rotate(180deg);}

/* ===========================================================================
   CƏDVƏL: MİNİ-FOTO + CHECKBOX SÜTUNLARI (2026-09-22)
   Hər spec-table-ın ilk 2 sütunu: seç (checkbox) + mini foto (lightbox).
   Bu 2 sütun filtr indeksləmə sistemindən (.util-col) İSTİSNA edilib — bax
   assets/js/main.js colIndexInTable().
   =========================================================================== */
/* 2026-09-25 DÜZƏLİŞ: foto düyməsi (.row-thumb-btn) 45px sabit ölçüdədir,
   AMMA bu sütun (util-col) cəmi 34px idi — düymə öz xanasından KİÇİK
   ekranlarda/şrift fərqlərində DAŞIB, qonşu "Kod" sütunu ilə ÜST-ÜSTƏ
   DÜŞÜRDÜ (istifadəçi tapdı). Checkbox (1-ci util-col) kiçik qala bilər,
   FOTO (2-ci util-col) İSƏ düymənin öz ölçüsünə (45px) uyğun GENİŞ olmalıdır. */
.spec-table th.util-col{width:26px; padding:6px 2px;}
.spec-table th.util-col:nth-child(2){width:57px;}
.spec-table td.util-col:nth-child(2){padding:4px 6px;}
.spec-table td.util-col{padding:4px 6px; vertical-align:middle; text-align:center;}
.row-select{width:16px; height:16px; accent-color:var(--blue); cursor:pointer;}
.row-thumb-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:45px; height:45px; padding:0; border:1px solid var(--line); background:#fff;
  cursor:zoom-in; overflow:hidden; border-radius:0; transition:border-color .15s ease;
}
.row-thumb-btn:hover{border-color:var(--blue);}
.row-thumb{width:100%; height:100%; object-fit:contain; display:block;}
/* Foto hələ yüklənməyibsə (fayl yoxdursa) — səliqəli boş yer, sınıq-şəkil ikonu yox */
.row-thumb-btn.img-missing{cursor:default; border-style:dashed; border-color:var(--line); background:var(--bg-soft);}
.row-thumb-btn.img-missing:hover{border-color:var(--line);}
.row-thumb-btn.img-missing::after{
  content:""; width:18px; height:18px; display:block; background-color:var(--muted-2); opacity:.45;
  mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%221.5%22%2F%3E%3Cpolyline%20points%3D%2221%2015%2016%2010%205%2021%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%221.5%22%2F%3E%3Cpolyline%20points%3D%2221%2015%2016%2010%205%2021%22%2F%3E%3C%2Fsvg%3E");
  mask-size:contain; -webkit-mask-size:contain; mask-repeat:no-repeat; -webkit-mask-repeat:no-repeat;
}

/* Lightbox (şəkil böyütmə) modalı */
.img-lightbox{
  position:fixed; inset:0; z-index:400; background:rgba(10,14,28,.86);
  display:none; align-items:center; justify-content:center; padding:32px;
}
.img-lightbox.open{display:flex;}
.img-lightbox img{max-width:min(640px,90vw); max-height:80vh; object-fit:contain; background:transparent;}
.img-lightbox .lb-close{
  position:absolute; top:18px; right:22px; width:38px; height:38px; border:none;
  background:rgba(255,255,255,.12); color:#fff; cursor:pointer; display:flex;
  align-items:center; justify-content:center; border-radius:0;
}
.img-lightbox .lb-close:hover{background:var(--gold); color:#171300;}
.img-lightbox .lb-caption{position:absolute; bottom:24px; left:0; right:0; text-align:center; color:#fff; font-size:13px; letter-spacing:.02em;}

/* Seçilənlər üçün Təklif Al — üzən aşağı panel */
.offer-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:245;
  background:#0a1230; color:#fff; padding:12px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  transform:translateY(100%); transition:transform .25s ease; box-shadow:0 -4px 18px rgba(0,0,0,.18);
}
.offer-bar.show{transform:translateY(0);}
.offer-bar .ob-count{font-size:13.5px; opacity:.9;}
.offer-bar .ob-count b{color:var(--gold); font-size:15px;}
.offer-bar .ob-actions{display:flex; gap:10px; align-items:center;}
.offer-bar button, .offer-bar a.ob-btn{
  height:34px; padding:0 18px; border:1px solid var(--gold); background:transparent; color:#fff;
  font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); text-decoration:none;
  transition:background .2s ease, color .2s ease;
}
.offer-bar button:hover, .offer-bar a.ob-btn:hover{background:var(--gold); color:#171300;}
.offer-bar .ob-clear{border-color:rgba(255,255,255,.3); opacity:.85;}
.offer-bar .ob-clear:hover{background:rgba(255,255,255,.12); color:#fff;}
.offer-toast{
  position:fixed; left:50%; bottom:74px; transform:translate(-50%,8px); z-index:246;
  background:#171300; color:#fff; padding:10px 18px; font-size:13px; opacity:0;
  pointer-events:none; transition:opacity .2s ease, transform .2s ease;
}
.offer-toast.show{opacity:1; transform:translate(-50%,0);}
@media (max-width:640px){
  .offer-bar{flex-direction:column; align-items:stretch; gap:10px; padding:12px 14px;}
  .offer-bar .ob-actions{justify-content:stretch;}
  .offer-bar .ob-actions > *{flex:1; justify-content:center;}
}

/* Seçilmiş məhsullar üçün sorğu forması (modal) */
.offer-modal{position:fixed; inset:0; z-index:401; background:rgba(10,14,28,.86); display:none; align-items:center; justify-content:center; padding:24px;}
.offer-modal.open{display:flex;}
.offer-modal .om-box{background:#fff; max-width:460px; width:100%; max-height:88vh; overflow-y:auto; padding:28px 26px 24px; position:relative;}
.offer-modal h3{margin:0 0 16px; font-size:17px; color:var(--ink); padding-right:20px;}
.offer-modal .om-close{position:absolute; top:14px; right:14px; width:32px; height:32px; border:none; background:var(--bg-soft); cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--ink);}
.offer-modal .om-close:hover{background:var(--gold); color:#171300;}
.offer-modal form{display:flex; flex-direction:column; gap:12px;}
.offer-modal label{font-size:12.5px; color:var(--muted-2); display:flex; flex-direction:column; gap:5px;}
.offer-modal label span{color:#c0392b;}
.offer-modal input, .offer-modal textarea{
  border:1px solid var(--line); padding:9px 10px; font-size:14px; font-family:inherit; color:var(--ink); background:#fff;
}
.offer-modal textarea{resize:vertical; font-size:12.5px; line-height:1.5;}
.offer-modal input:focus, .offer-modal textarea:focus{outline:none; border-color:var(--blue);}
.offer-modal .btn-om-submit{
  height:38px; border:none; background:var(--blue); color:#fff; font-size:14px; cursor:pointer; margin-top:4px;
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); transition:background .2s ease;
}
.offer-modal .btn-om-submit:hover{background:var(--gold); color:#171300;}
.offer-modal .btn-om-submit:disabled{opacity:.6; cursor:default;}
.offer-modal .om-status{font-size:12.5px; min-height:16px;}
.offer-modal .om-status.ok{color:#1a7a3c;}
.offer-modal .om-status.err{color:#c0392b;}

/* ===========================================================================
   SERTİFİKAT NİŞANLARI (ISO, MSDS və s.) — 2026-09-23
   Hər brend kateqoriya səhifəsində başlığın altında göstərilir, kliklə PDF
   açılır. Fayllar assets/sertifikatlar/{brend}/ qovluğunda saxlanılır və
   məhsul fotoları ilə EYNİ qayda ilə istifadəçi tərəfindən əvəzlənə bilər
   (heç bir build skripti lazım deyil — birbaşa <a href> keçididir).
   =========================================================================== */
.cert-badges{display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 2px;}
.cert-badge{
  display:inline-flex; align-items:center; gap:8px; padding:7px 13px;
  border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.08);
  text-decoration:none; font-size:12.5px; font-weight:600; color:#fff;
  transition:border-color .15s ease, background .15s ease;
}
.cert-badge:hover{border-color:var(--gold); background:rgba(232,185,0,0.15); color:var(--gold);}
.cert-badge img{width:22px; height:22px; flex-shrink:0;}
/* Ağ fonda (məs. /senedler/ səhifəsində) tünd variant */
.cert-badges.on-light .cert-badge{border-color:var(--line-strong); background:#fff; color:var(--ink);}
.cert-badges.on-light .cert-badge:hover{border-color:var(--blue); background:var(--bg-soft); color:var(--blue);}


/* ===========================================================================
   MƏHSUL MÜQAYİSƏSİ (2-4 məhsul) — 2026-09-23, GENİŞ EKRAN DÜZƏLİŞİ 2026-09-25
   Mövcud checkbox seçim sistemindən istifadə edir (Təklif Al ilə eyni).
   Sütun başlıqları həmin cədvəlin öz başlıqlarından avtomatik götürülür.
   İSTİFADƏÇİNİN TAPINTISI: köhnə 720px-lik kiçik pəncərə RAHATSIZ idi —
   "2 məhsul müqayisə edəcəksən skrol edirsən". Beynəlxalq təcrübə (Amazon,
   Best Buy, Currys, RS Components/Grainger sənaye kataloqları) yoxlanıldı:
   HAMISI müqayisəni GENİŞ (demək olar tam-ekran) overlay və ya ayrıca
   səhifə kimi göstərir, kiçik popup kimi YOX. Bura da bu standart tətbiq
   edildi: pəncərə demək olar tam ekran (96vw × 92vh), SPEC ADLARI sütunu
   (`.cmp-row-label`) üfüqi skroll zamanı SABİT qalır (sticky, sol tərəfdə)
   — bu, məhz beynəlxalq müqayisə cədvəllərinin ƏSAS standart naxışıdır
   (istifadəçi hansı sətrə baxdığını HEÇ VAXT itirmir, hətta 4 məhsulu
   müqayisə edərkən sağa doğru sürüşdürəndə belə). */
.offer-modal .om-box.cmp-box{max-width:1480px; width:96vw; max-height:92vh; overflow-y:hidden; display:flex; flex-direction:column;}
.cmp-table-wrap{overflow-x:auto; margin-top:10px; max-height:calc(92vh - 110px); overflow-y:auto;}
.cmp-table{width:100%; border-collapse:collapse; font-size:14px;}
.cmp-table th, .cmp-table td{padding:12px 18px; border-bottom:1px solid var(--line); text-align:left;}
.cmp-table th:not(.cmp-row-label), .cmp-table td:not(.cmp-row-label){min-width:190px;}
.cmp-table tr:first-child th{background:var(--navy); color:#fff; font-weight:600; position:sticky; top:0; z-index:2;}
.cmp-table .cmp-row-label{font-weight:600; color:var(--muted); background:var(--bg-soft); white-space:nowrap; position:sticky; left:0; z-index:1; min-width:150px;}
.cmp-table tr:first-child th.cmp-row-label{z-index:3;}
@media (max-width:760px){
  .offer-modal:has(.cmp-box){padding:0;}
  .offer-modal .om-box.cmp-box{width:100vw; max-width:100vw; height:100vh; max-height:100vh; padding:20px 14px 16px; border-radius:0;}
  .cmp-table-wrap{max-height:calc(100vh - 90px);}
  .cmp-table th, .cmp-table td{padding:10px 12px; font-size:13px;}
  .cmp-table th:not(.cmp-row-label), .cmp-table td:not(.cmp-row-label){min-width:150px;}
}

/* Kompakt "tezliklə" bildirişi — .coming-soon-box-un tam-səhifə versiyasından
   fərqli olaraq, məzmunlu səhifələrin İÇİNDƏ (məs. hələ konkret modeli
   olmayan texnologiya səhifələrində) üfüqi zolaq kimi göstərilir. */
.soon-notice{
  display:flex; align-items:flex-start; gap:14px;
  background:var(--bg-soft); border:1px dashed var(--line-strong);
  padding:18px 22px; margin:24px 0;
}
.soon-notice .ikon{width:24px; height:24px; flex-shrink:0; margin-top:2px; color:var(--gold-deep);}
.soon-notice strong{display:block; color:var(--ink); font-size:14.5px; margin-bottom:4px;}
.soon-notice p, .soon-notice .soon-text{color:var(--muted) !important; font-size:13.5px; line-height:1.6; margin:0;}

/* Tətbiq ikonları (VARTA rəsmi ikonları, <img> ilə) — məişət və s. seriya təsvirində */
.tetbiq-ikonlari{flex-wrap:wrap; gap:10px 12px;}
.tetbiq-ikonlari img{width:34px; height:34px; object-fit:contain; display:block;}

/* Cədvəllərdən sonrakı ümumi texniki qeyd */
.cedvel-qeydi{margin:28px 0 0; font-size:.82rem; line-height:1.5; color:var(--muted, #5b6788);}

/* Sertifikat ikonları tünd başlıqda ağ görünsün (açıq fonda tünd göy qalır) */
.cert-badges:not(.on-light) .cert-badge img{filter:brightness(0) invert(1);}
.cert-badges:not(.on-light) .cert-badge:hover img{filter:brightness(0) saturate(100%) invert(76%) sepia(62%) saturate(1200%) hue-rotate(5deg);}

/* Cədvəl xanalarında uzun kod/ölçü (boşluqsuz) yan xanaya minməsin — xananın içində sətir sonuna keçsin */
.spec-table td{overflow-wrap:anywhere;}

/* Seriya başlığında kimyəvi sistem və üstünlüklər sətri — təsvirlə eyni rəng (var(--muted)), vurğu qalın */
.series-text .seriya-kimya{margin:8px 0 0;}
.seriya-kimya strong{font-weight:700;}
/* Üstünlük nişanları — çərçivəli; əsas üstünlük qızılı haşiyə ilə */
.ustunlukler{list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; padding:0;}
.ustunlukler li{font-size:.8rem; line-height:1.3; font-weight:600; color:var(--blue); background:var(--bg-soft); border:1px solid var(--line); padding:5px 11px;}
.ustunlukler li.esas{border-color:var(--gold); background:#fff8db; color:#3a2f00;}
.spec-table td.kim-col{white-space:nowrap; overflow-wrap:normal;} /* kimyəvi işarə (Zn/MnO₂) bölünməsin */

/* Seriya başlığı — üstünlüklər sətri (kimyəvi sistem sətri ilə eyni üslub) və ikon etiketi */
.tetbiq-etiket{font-size:.82rem; color:var(--muted); align-self:center; margin-right:2px;}

/* ŞÜAR — "Etibarlı Enerji Etalonu". ÜSLUB DƏYİŞMƏZDİR (istifadəçi qaydası):
   hər söz böyük hərflə, rəng ana səhifədəki kimi (qızılı + nazik tünd göy kontur). */
.sloqan{color:var(--gold) !important; -webkit-text-stroke:0.4px var(--navy); paint-order:stroke fill;
  text-shadow:0 1px 2px rgba(11,10,92,0.35); font-weight:700; letter-spacing:.01em;}
.foot-bottom .sloqan{font-size:13.5px; opacity:1;}
footer .foot-bottom .sloqan, footer .sloqan{color:var(--gold) !important; opacity:1;}

/* "Sizin üçün" — müştəri qrupları bloku (ana səhifə) */
.musteri-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px;}
.musteri-card{background:#fff; border:1px solid var(--line); padding:26px 22px 24px; display:flex; flex-direction:column; transition:border-color .2s, box-shadow .2s;}
.musteri-card:hover{border-color:var(--gold); box-shadow:0 10px 28px rgba(11,10,92,.08);}
.musteri-card img{width:40px; height:40px;}
.musteri-card :is(h2,h3){font-size:18px; margin:14px 0 8px; line-height:1.3;}
.musteri-card p{color:var(--muted); font-size:14px; line-height:1.6; margin:0;}
.musteri-card ul{list-style:none; margin:14px 0 18px; padding:0;}
.musteri-card li{font-size:13.5px; line-height:1.5; padding:5px 0 5px 22px; position:relative; color:var(--ink);}
.musteri-card li::before{content:""; position:absolute; left:2px; top:11px; width:10px; height:6px; border-left:2px solid var(--gold-deep); border-bottom:2px solid var(--gold-deep); transform:rotate(-45deg);}
.musteri-card .btn{margin-top:auto; align-self:flex-start; max-width:100%; white-space:normal; text-align:center; line-height:1.3;}
@media (max-width:1100px){.musteri-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.musteri-grid{grid-template-columns:1fr;}}

/* Şüar — "F" düzülüşü: böyük ekranda bir sətir, telefonda hər söz alt-alta (sola düzlənmiş) */
.sloqan-f{white-space:nowrap; color:var(--gold) !important; -webkit-text-stroke:0.7px var(--navy); paint-order:stroke fill; text-shadow:0 1px 2px rgba(11,10,92,0.35);}
@media (max-width:600px){
  .sloqan-f{display:block; white-space:normal;}
  .sloqan-f > span{display:block;}
}
/* "Sizin üçün" düymələri — saytın ağ fon qaydası: göy düymə, hover-də qızılı */
.musteri-btn{background:var(--blue); color:#fff !important; border-color:var(--blue);}
.musteri-btn:hover{background:var(--gold); color:#171300 !important; border-color:var(--gold);}

/* Çörək qırıntısı — elementlər öz içində bölünmür; sığmayanda BÜTÖV halda növbəti sətrə keçir (bütün səhifələr) */
.breadcrumb{flex-wrap:wrap; column-gap:8px; row-gap:4px; align-items:baseline;}
.breadcrumb > a, .breadcrumb > span{white-space:nowrap;}
/* Banner başlığı — sətirlər tarazlı bölünsün (dəstəkləməyən brauzer adi qayda ilə göstərir) */
.page-header h1{text-wrap:balance;}

/* Banner — tətbiq sahəsi keçidləri (VARTA portfelinin quruluşu kimi). Paraleloqram, tünd fonda: ağ kontur → hover qızılı */
.ph-saheler{display:flex; flex-wrap:wrap; gap:8px 10px; margin:20px 0 0; padding:0; list-style:none;}
.ph-saheler a{display:inline-flex; align-items:center; padding:7px 18px; font-size:13px; font-weight:600; color:#fff;
  border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.06); white-space:nowrap;
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); transition:background .2s, color .2s, border-color .2s;}
.ph-saheler a:hover, .ph-saheler a:focus-visible{background:var(--gold); color:#171300; border-color:var(--gold);}
.series-block[id]{scroll-margin-top:calc(var(--header-h, 72px) + 20px);} /* banner keçidləri: başlıq menyunun altında qalmasın */

/* "Yuxarı" düyməsi — KEYFİYYƏTLİ NEON (2026-10-02, yenidən): buzlu şüşə gövdə + 2 təmiz qat (zəif iz + NEON axını)
   + hamar (anti-aliased) kənarlar + firuzəyi baş. NEON qaydası: öndə firuzəyi baş, arxasında bənövşəyi, sönən quyruqda qızılı.
   --p (0–100) = səhifənin sürüşmə faizi; halqa saat 12-dən saat əqrəbi istiqamətində dolur. Kölgəsiz. */
@property --p{syntax:'<number>'; inherits:true; initial-value:0;}
.back-to-top{width:46px; height:46px; padding:0; border:none !important; border-radius:50%; color:inherit;
  right:33px !important; --p:0; isolation:isolate; box-shadow:none !important;
  background:rgba(255,255,255,.75) !important; -webkit-backdrop-filter:blur(10px) saturate(1.2); backdrop-filter:blur(10px) saturate(1.2);}
.back-to-top:hover{background:rgba(255,255,255,.82) !important;}
.back-to-top > span{position:absolute; inset:0; border-radius:50%; pointer-events:none;}
/* halqa forması: 3 px qalınlıq, hər iki kənarda 0,6 px yumşaq keçid (pilləsiz) */
.btt-iz, .btt-halqa{
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3.9px), #000 calc(100% - 3.3px), #000 calc(100% - .7px), transparent 100%);
          mask:radial-gradient(farthest-side, transparent calc(100% - 3.9px), #000 calc(100% - 3.3px), #000 calc(100% - .7px), transparent 100%);}
.btt-iz{background:rgba(16,6,159,.16);}
.btt-halqa{background:conic-gradient(from 0deg,
  rgba(232,185,0,0) 0%, rgba(232,185,0,.55) calc(var(--p) * .12%), #E8B900 calc(var(--p) * .26%), #D9762F calc(var(--p) * .38%),
  #A43BFF calc(var(--p) * .58%), #7E7BFF calc(var(--p) * .75%), #3FD3F5 calc(var(--p) * .9%), #19F0E0 calc(var(--p) * 1%), transparent calc(var(--p) * 1%));}
/* firuzəyi baş — dolan hissənin ucunda (ağ mərkəz, hamar kənar) */
.btt-bas{inset:auto !important; width:7px; height:7px; left:calc(50% - 3.5px); top:calc(50% - 3.5px);
  background:radial-gradient(circle, #FFFFFF 0 30%, #BFFFF8 40%, #19F0E0 62%, rgba(25,240,224,0) 72%);
  transform:rotate(calc(var(--p) * 3.6deg)) translateY(-21px); opacity:calc(min(var(--p), 1));}
.btt-ox{position:relative; display:block; width:46px; height:46px;}
.btt-ox-xett{fill:none; stroke:url(#bttOx); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round;}
.back-to-top:hover .btt-iz, .back-to-top:focus-visible .btt-iz{background:rgba(25,240,224,.30);}
@keyframes btt-p{from{--p:0;} to{--p:100;}}
@supports (animation-timeline: scroll()){
  .back-to-top{animation:btt-p linear both; animation-timeline:scroll(root block);}
}
@media (max-width:760px){
  .back-to-top{width:42px; height:42px; right:21px !important;} .btt-ox{width:42px; height:42px;}
  .btt-bas{transform:rotate(calc(var(--p) * 3.6deg)) translateY(-19px);}
}
/* Əlaqə menyusu açılanda "yuxarı" düyməsi gizlənir — üst-üstə düşməsinlər */
body:has(.fab-wrap.open) .back-to-top{opacity:0 !important; visibility:hidden !important; pointer-events:none !important;}
/* Əlaqə düyməsi — hover-də qızılı (saytın qaydası) */
.fab-toggle:hover, .fab-toggle:focus-visible{background:var(--gold) !important; color:#171300 !important;}
/* Telefonda çərəz bildirişi sağ küncdəki düymələrin (əlaqə + yuxarı) altına düşməsin */
@media (max-width:760px){ .cookie-bar{right:84px !important; max-width:none;} }


/* Hover — filtr sətirləri və checkbox-lar cədvəl sətri kimi (2026-10-01) */
/* Hover — FİRUZƏYİ QISA İŞIQLANMA (bütün ekran ölçüləri, istifadəçi qərarı 2026-10-02):
   sətrə gəldikdə / toxunduqda firuzəyi işıq yanır və yavaşca sönür (davamlı rəng YOX — telefonda "yapışqan" olmur) */
@keyframes firuze-isiq{from{background-color:rgba(25,240,224,.42);} to{background-color:rgba(25,240,224,0);}}
.filter-check:hover, .filter-group summary:hover, .spec-table tbody tr:hover,
.filter-check:active, .filter-group summary:active, .spec-table tbody tr:active{animation:firuze-isiq .75s ease-out;}
input[type="checkbox"]{transition:box-shadow .15s ease;}
input[type="checkbox"]:focus-visible{box-shadow:0 0 0 3px rgba(28,229,210,.45);}
@media (hover:hover){ input[type="checkbox"]:hover{box-shadow:0 0 0 3px rgba(28,229,210,.40);} }
@media (prefers-reduced-motion: reduce){
  .filter-check:hover, .filter-group summary:hover, .spec-table tbody tr:hover{animation:none; background:rgba(28,229,210,.14);}
}

/* Seriya fotosu — hover-də çərçivə xətti boyunca NEON işıq axır (videodakı naqillərdə gəzən enerji kimi).
   Fırlanan konik şüa (transform: rotate — GPU-da, səhifəni yavaşlatmır) + ağ daxili qat → işıq yalnız çərçivədə görünür. */
/* (bütün cihazlar) */
  .series-photo{overflow:hidden; isolation:isolate;}
  .series-photo::before{content:""; position:absolute; inset:-50%; z-index:0; pointer-events:none;
    background:conic-gradient(from 0deg, transparent 0 38%, rgba(232,185,0,.35) 46%, #E8B900 56%, #D9762F 63%, #A43BFF 74%, #7E7BFF 82%, #3FD3F5 89%, #19F0E0 94%, #EFFFFD 96%, transparent 97.5%);
    opacity:0; transition:opacity .2s ease;}
  .series-photo::after{content:""; position:absolute; inset:3px; z-index:1; background:#fff; pointer-events:none;}
  .series-photo > img, .series-photo > .photo-fallback-text{position:relative; z-index:2;}
  .series-photo.neon-aktiv::before{opacity:1; animation:seriya-neon 2.4s linear infinite;}
  @media (hover:hover){ .series-photo:hover::before{opacity:1; animation:seriya-neon 2.4s linear infinite;} }
  .series-photo.img-missing::after{background:var(--bg-soft);}

@keyframes seriya-neon{to{transform:rotate(1turn);}}
@media (prefers-reduced-motion: reduce){
  .series-photo:hover::before, .series-photo.neon-aktiv::before{animation:none; background:linear-gradient(135deg,#E8B900,#A43BFF,#19F0E0);}
}

/* Seçim paneli açılanda əlaqə və "yuxarı" düymələri panelin üstünə qalxır */
.fab-wrap, .back-to-top{transition:bottom .25s ease, opacity .25s ease, visibility .25s;}
body:has(.offer-bar.show) .fab-wrap{bottom:calc(var(--ob-h, 0px) + 26px) !important;}
body:has(.offer-bar.show) .back-to-top{bottom:calc(var(--ob-h, 0px) + 96px) !important;}
@media (max-width:760px){
  body:has(.offer-bar.show) .fab-wrap{bottom:calc(var(--ob-h, 0px) + 16px) !important;}
  body:has(.offer-bar.show) .back-to-top{bottom:calc(var(--ob-h, 0px) + 78px) !important;}
}
/* Telefonda seçim panelinin düymələri 2×2, mətn tam sığır */
@media (max-width:640px){
  .offer-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));}
  .offer-bar .ob-actions{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
  .offer-bar .ob-actions > *{min-width:0;}
  .offer-bar button, .offer-bar a.ob-btn{height:auto; min-height:40px; padding:7px 12px; white-space:normal; text-align:center; line-height:1.25; font-size:12.5px;}
}

/* Böyüdülmüş məhsul fotosu — 3D səhnə: ağ fon YOX; model perspektivdə yavaş fırlanır və üzür;
   NEON işıq modelin öz konturu (şəffaflıq sərhədi) boyunca dövrə vurur — seriya fotosu ilə eyni palitra (2026-10-02) */
.img-lightbox{background:radial-gradient(ellipse at 50% 42%, rgba(42,26,110,.92) 0%, rgba(10,8,40,.96) 60%, rgba(5,4,22,.98) 100%); perspective:1400px;}
.img-lightbox img{background:transparent !important; transform-style:preserve-3d; will-change:transform, filter;
  animation:lb-neon 2.6s linear infinite; transform:none;}
@keyframes lb-3d{
  0%  {transform:rotateY(-16deg) rotateX(4deg) translateY(0);}
  50% {transform:rotateY(0deg)   rotateX(6deg) translateY(-10px);}
  100%{transform:rotateY(16deg)  rotateX(4deg) translateY(0);}
}
/* kontur: 2 sabit nazik neon xətt + kontur boyunca dövrə vuran işıq (ofset dairə üzrə hərəkət edir) */
@keyframes lb-neon{
  0%   {filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(4px 0 3px #19F0E0)    drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  12.5%{filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(3px 3px 3px #19F0E0)  drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  25%  {filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(0 4px 3px #19F0E0)    drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  37.5%{filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(-3px 3px 3px #19F0E0) drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  50%  {filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(-4px 0 3px #19F0E0)   drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  62.5%{filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(-3px -3px 3px #19F0E0) drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  75%  {filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(0 -4px 3px #19F0E0)   drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  87.5%{filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(3px -3px 3px #19F0E0) drop-shadow(0 24px 22px rgba(0,0,0,.55));}
  100% {filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(4px 0 3px #19F0E0)    drop-shadow(0 24px 22px rgba(0,0,0,.55));}
}
@media (prefers-reduced-motion: reduce){
  .img-lightbox img{animation:none; transform:none; filter:drop-shadow(0 0 1px #E8B900) drop-shadow(0 0 1px #A43BFF) drop-shadow(0 18px 18px rgba(0,0,0,.5));}
}
.img-lightbox{-webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);} /* arxadakı cədvəl yazıları diqqəti yayındırmasın */

/* Əlaqə düyməsi — nazik NEON kontur (seriya fotosu kimi): dairə boyunca enerji şüası dövrə vurur —
   öndə firuzəyi baş, arxasında bənövşəyi, sönən quyruqda qızılı (2026-10-02) */
.fab-toggle{position:relative; isolation:isolate;}
.fab-toggle > *{position:relative; z-index:2;}
.fab-toggle::before{content:""; position:absolute; inset:0; border-radius:50%; z-index:1; pointer-events:none;
  background:conic-gradient(from 0deg, transparent 0 38%, rgba(232,185,0,.35) 46%, #E8B900 56%, #D9762F 63%, #A43BFF 74%, #7E7BFF 82%, #3FD3F5 89%, #19F0E0 94%, #EFFFFD 96%, transparent 97.5%);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3.4px), #000 calc(100% - 2.8px), #000 calc(100% - .7px), transparent 100%);
          mask:radial-gradient(farthest-side, transparent calc(100% - 3.4px), #000 calc(100% - 2.8px), #000 calc(100% - .7px), transparent 100%);
  animation:seriya-neon 2.4s linear infinite; will-change:transform;}   /* hamar kənar — "yuxarı" düyməsi ilə eyni üsul */

/* Tünd fonda (footer, banner, tünd bloklar) "yuxarı" düyməsinin şüşəsi tünd göy olur */
.back-to-top.btt-tund{background:rgba(11,10,92,.55) !important;}
.back-to-top.btt-tund:hover{background:rgba(11,10,92,.75) !important;}
.back-to-top.btt-tund .btt-iz{background:rgba(255,255,255,.16);}

/* Sayt axtarışı — qruplar, say, vurğu (2026-10-02) */
.sx-say{font-size:12px; color:var(--muted); padding:2px 4px 8px;}
.sx-qrup{font:700 11px/1.2 'IBM Plex Mono', ui-monospace, monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--blue); padding:10px 4px 6px; border-top:1px solid var(--line);}
.sx-qrup span{color:var(--muted); font-weight:600;}
.search-hit mark{background:rgba(25,240,224,.35); color:inherit; padding:0 1px;}
.search-hit .sx-seriya{font-weight:500; color:var(--muted); font-size:12px;}
.search-hit .h-yer{font-size:11px; color:var(--muted-2, #8a93b8); margin-top:2px;}
.search-hit:focus-visible{outline:2px solid #19F0E0; outline-offset:-2px; background:var(--bg-soft);}
/* Telefonda axtarış paneli ekranın enində, hər iki tərəfdən bərabər boşluqla — sol kənardan kəsilmir (2026-10-02) */
@media (max-width:760px){
  .search-results{position:fixed; left:12px; right:12px; top:calc(var(--header-h, 64px) + 8px); width:auto; max-width:none;
    max-height:calc(100dvh - var(--header-h, 64px) - 24px); overflow-y:auto; overscroll-behavior:contain;}
}

/* Footer: real keçidi olmayan sosial şəbəkə düymələri gizlənir — keçid yazılan kimi avtomatik görünür (2026-10-02) */
.social-icons a.social-ic[href="#"], .social-icons a.social-ic[href=""]{display:none !important;}
/* PDF hələ yoxdur — sorğu mesajı */
.pdf-sorgu{position:fixed; left:50%; bottom:24px; transform:translate(-50%, 140%); z-index:400; max-width:min(560px, calc(100vw - 32px));
  background:#0B0A5C; color:#fff; padding:12px 14px 12px 16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  font-size:14px; line-height:1.45; transition:transform .25s ease; border-left:3px solid #19F0E0;}
.pdf-sorgu.show{transform:translate(-50%, 0);}
.pdf-sorgu a{color:#171300; background:var(--gold); padding:6px 12px; font-weight:700; white-space:nowrap; text-decoration:none;}
.pdf-sorgu button{background:transparent; border:none; color:#fff; font-size:20px; line-height:1; cursor:pointer; padding:0 4px;}
.ds-link.ds-yox{opacity:.72;}
@media (max-width:760px){ /* telefonda: çərəz bildirişinin üstündə, sağdakı əlaqə/yuxarı düymələrindən solda */
  .pdf-sorgu{left:12px; right:84px; max-width:none; bottom:104px; transform:translateY(calc(100% + 140px));}
  .pdf-sorgu.show{transform:translateY(0);}
}
@media (min-width:761px){ .pdf-sorgu{bottom:110px;} } /* çərəz bildirişinin üstündə */

/* ===== MOBİL MENYU DÜZƏLİŞİ (2026-10-02) =====
   Səbəb: panel (z 250) başlığın (z 200) içindədir → faktiki 200; qaraltma qatı (z 245) panelin ÜSTÜNƏ düşüb
   toxunuşları tuturdu. Qaraltma başlığın ALTINA endirilir; panel başlığın real alt kənarından başlayır. */
.nav-backdrop{z-index:190 !important; top:var(--nav-top, var(--header-h)) !important;}
.navlinks{top:var(--nav-top, var(--header-h));}
body:has(.navlinks.mobile-open) .fab-wrap,
body:has(.navlinks.mobile-open) .back-to-top,
body:has(.navlinks.mobile-open) .cookie-bar,
body:has(.navlinks.mobile-open) .pdf-sorgu{opacity:0 !important; visibility:hidden !important; pointer-events:none !important;}
/* Mobil menyu: ox düyməsi HƏMİŞƏ bölmə adının sağında; alt menyu açılanda aşağı sürüşmür (2026-10-02) */
.navlinks > li > .toplink{order:1; flex:1 1 auto; min-width:0;}
.navlinks > li > .nav-caret{order:2; flex:0 0 auto;}
.navlinks > li > .dropdown{order:3; flex-basis:100%;}
.cookie-bar{z-index:260 !important;} /* filtr panelinin (240) üstündə — "Anladım" həmişə basılır (2026-10-02) */
/* Menyu açıq olanda başlıq (panel daxil) və qaraltma qatı səhifədəki BÜTÜN məzmunun üstündə —
   filtr paneli (240) kimi öz qatı olan bloklar paneli və qaraltmanı örtməsin (2026-10-02) */
body:has(.navlinks.mobile-open) header{z-index:1000 !important;}
body:has(.navlinks.mobile-open) .nav-backdrop{z-index:999 !important;}
/* Telefonda çərəz bildirişi açıq olanda səhifənin altına onun hündürlüyü qədər boşluq — "Tətbiq et" və digər
   düymələr bildirişin ALTINDA qalmasın, toxunuş itməsin (2026-10-06) */

/* Seçim paneli açılanda: panel çərəz bildirişindən YUXARI qatda, bildiriş isə panelin ÜSTÜNƏ qalxır —
   "Formla Təklif Al" və digər düymələr örtülmür (2026-10-06) */
.offer-bar{z-index:270 !important;}
body:has(.offer-bar.show) .cookie-bar{bottom:calc(var(--ob-h, 0px) + 12px) !important;}
/* Mərkəzi cədvəl standartı: model adı kimi uzun mətn sütunları sətir keçidi edir (kəsilmir) — cedvel_standart.py işarələyir */
.spec-table td.metn-col{white-space:normal !important; overflow-wrap:break-word; text-align:center;}
/* Kataloq hazırlanan brend səhifələri — saxta sətir əvəzinə dürüst məlumat və sorğu düymələri (2026-10-06) */
.katalog-hazirlanir{max-width:820px; margin:8px auto 40px; padding:34px 32px; border:1px solid var(--line); background:#fff; text-align:center;}
.katalog-hazirlanir h2{font-size:22px; margin:0 0 12px; color:var(--blue);}
.katalog-hazirlanir p{color:var(--muted); line-height:1.65; margin:0 0 22px;}
.kh-duymeler{display:flex; flex-wrap:wrap; gap:10px 14px; justify-content:center;}
/* Bal qabı (honeypot) sahəsi — insan görmür, bot doldurur */
.hp-sahe{position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; pointer-events:none;}
.ts-qutu{margin-top:8px;}
.spec-table td.kod-col{white-space:nowrap !important; overflow-wrap:normal !important; word-break:keep-all;} /* kod heç vaxt bölünmür */

/* ===== RƏNG STANDARTI (2026-10-06): masaüstündəki rənglər standartdır, ekrandan asılı DƏYİŞMİR =====
   1) Telefon brauzerlərinin avtomatik qaranlıq rejimi saytın rənglərini tündləşdirməsin (meta color-scheme + CSS)
   2) Mobil menyu və seçim paneli "mürəkkəb" #0a1230 yox, saytın standart tünd göyü (--navy) */
:root{color-scheme:only light;}
.navlinks{background:var(--navy) !important;}
.offer-bar{background:var(--navy) !important;}

/* ===== KART STANDARTI (2026-10-06, kart_standart.py) =====
   MƏHSUL KATEQORİYASI / TEXNOLOGİYA (.kart-k): hündür düzbucaqlı — başlıq (2 sətir) → izah → foto (eskiz → hover-də əsl foto) */
.app-cell.kart-k{height:auto; display:flex; flex-direction:column; gap:10px; padding:18px 16px 16px;}
.kart-k .kart-basliq{font-size:16px; line-height:1.3; min-height:2.6em; margin:0; color:#fff; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.kart-k .kart-izah{font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.86); margin:0; min-height:4.65em;}
.kart-k .kart-foto{position:relative; width:100%; aspect-ratio:1 / 1; margin-top:auto;}
.kart-k .kart-foto > div{position:absolute; inset:0; background-size:contain; background-repeat:no-repeat; background-position:center;
  transition:opacity .35s ease;}
.kart-k .kart-foto-esl{opacity:0;}
.kart-k:hover .kart-foto-esl, .kart-k:focus-within .kart-foto-esl{opacity:1;}
.kart-k:hover .kart-foto-eskiz, .kart-k:focus-within .kart-foto-eskiz{opacity:0;}
.kart-k .more-link{align-self:flex-start;}
/* TƏTBİQ SAHƏSİ (.kart-t): ölçü dəyişmir; başlıq sol yuxarıda; fonda eskiz; hover — əvvəlki kimi */
.app-cell.kart-t .kart-eskiz-fon{position:absolute; inset:0; background-size:contain; background-repeat:no-repeat;
  background-position:center 62%; opacity:.95; transition:opacity .3s ease; pointer-events:none;}
.app-cell.kart-t:hover .kart-eskiz-fon{opacity:0;}
.app-cell.kart-t .app-cell-head{align-items:flex-start; height:auto;}
.app-cell.kart-t .app-cell-head :is(h2,h3,h4){font-size:15px; line-height:1.3; margin:0;}

/* ===== KUKİ RAZILIĞI BİLDİRİŞİ (2026-10-06) — müasir kart, bərabər seçimlər (GDPR üslubu) ===== */
.cookie-bar{display:flex !important; flex-direction:column; gap:12px; max-width:520px; padding:16px 18px !important;
  background:var(--navy) !important; color:#fff; border-left:3px solid #19F0E0; box-shadow:0 18px 40px -18px rgba(5,4,40,.55);}
.cookie-bar:not(.show){display:none !important;}
.cookie-bar .kuki-bas{display:block; font-size:15px; margin-bottom:4px; color:#fff;}
.cookie-bar .kuki-metn p{margin:0; font-size:13px; line-height:1.55; color:rgba(255,255,255,.88) !important;}
.cookie-bar .kuki-metn a{color:var(--gold); text-decoration:underline;}
.cookie-bar .kuki-duymeler{display:flex; gap:10px; flex-wrap:wrap;}
.cookie-bar .kuki-btn{flex:1 1 150px; min-height:40px; padding:8px 14px; font-weight:700; font-size:13px; cursor:pointer;
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); transition:background .2s, color .2s, border-color .2s;}
.cookie-bar .kuki-esas{background:var(--gold); color:#171300; border:1px solid var(--gold);}
.cookie-bar .kuki-ikinci{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.7);}
.cookie-bar .kuki-btn:hover, .cookie-bar .kuki-btn:focus-visible{background:#fff; color:var(--navy); border-color:#fff;}
/* Kuki bildirişi açıq olanda səhifənin sonuna əlavə yer — FOOTER-in içində (tünd göy), ağ sahə yaranmır (2026-10-08) */
body:has(#cookieBar.show) footer::after{content:""; display:block; height:170px;}
@media (max-width:760px){ body:has(#cookieBar.show) footer::after{height:200px;} .cookie-bar .kuki-btn{flex:1 1 120px; font-size:12.5px;} }
.kuki-ayar-link{color:rgba(255,255,255,.8); font-size:13px; margin-right:14px;}
/* Köhnə bildiriş qaydalarının neytrallaşdırılması: mətn kəsilmir, max-width yeni kartdadır, düymələr yan-yana bərabər */
.cookie-bar{max-width:min(520px, calc(100vw - 96px)) !important; transform:none !important;}
.cookie-bar .kuki-metn p{display:block !important; -webkit-line-clamp:unset !important; overflow:visible !important; flex:none;}
.cookie-bar .kuki-duymeler{flex-direction:row; align-items:stretch; width:100%;}
.cookie-bar button.kuki-btn{flex:1 1 0 !important; min-width:0; width:auto; margin:0; white-space:normal; line-height:1.25; border-radius:0;}
.cookie-bar button.kuki-esas{background:var(--gold); color:#171300; border:1px solid var(--gold);}
.cookie-bar button.kuki-ikinci{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.7);}
.cookie-bar button.kuki-btn:hover, .cookie-bar button.kuki-btn:focus-visible{background:#fff; color:var(--navy); border-color:#fff;}
@media (max-width:760px){ .cookie-bar{max-width:none !important;} }

/* ===== MÜASİR BİLDİRİŞ — PDF sorğusu (2026-10-06) ===== */
.pdf-sorgu{display:grid !important; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:12px 8px 14px 14px !important;
  border-left:3px solid #19F0E0; box-shadow:0 18px 40px -16px rgba(5,4,40,.6); overflow:hidden; opacity:0; pointer-events:none;
  transition:transform .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease;}
.pdf-sorgu.show{opacity:1; pointer-events:auto;}
.pdf-sorgu .ps-ikon{width:28px; height:28px; border-radius:50%; background:rgba(25,240,224,.16); color:#19F0E0; font:700 15px/28px Georgia, serif; text-align:center;}
.pdf-sorgu .ps-metn{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; min-width:0;}
.pdf-sorgu .ps-metn a{color:#171300; background:var(--gold); padding:7px 14px; font-weight:700; white-space:nowrap; text-decoration:none;
  clip-path:polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);}
.pdf-sorgu .ps-metn a:hover{background:#fff; color:var(--navy);}
.pdf-sorgu .ps-bagla{width:44px; height:44px; display:flex; align-items:center; justify-content:center; background:transparent; border:none;
  color:#fff; cursor:pointer; border-radius:50%; transition:background .2s;}
.pdf-sorgu .ps-bagla:hover, .pdf-sorgu .ps-bagla:focus-visible{background:rgba(255,255,255,.14); outline:none;}
.pdf-sorgu .ps-xett{position:absolute; left:0; bottom:0; height:3px; width:100%; background:linear-gradient(90deg,#19F0E0,#A43BFF,#E8B900); transform-origin:left;}
.pdf-sorgu.show .ps-xett{animation:ps-geri 9s linear forwards;}
.pdf-sorgu.dayan .ps-xett{animation-play-state:paused;}
@keyframes ps-geri{from{transform:scaleX(1);} to{transform:scaleX(0);}}
@media (prefers-reduced-motion: reduce){ .pdf-sorgu{transition:none;} .pdf-sorgu.show .ps-xett{animation:none;} }

/* ===== B2B TƏKLİF FORMASI (2026-10-06) — böyük ekranda sürüşdürməsiz; yalnız uzun siyahı öz içində sürüşür ===== */
.offer-modal .om-box.om-b2b{width:min(760px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); display:flex; flex-direction:column;
  padding:22px 24px 18px; overflow:hidden;}
.om-b2b h3{margin:0 0 4px; font-size:20px; color:var(--blue);}
.om-b2b .om-alt{margin:0 0 12px; font-size:13px; color:var(--muted); line-height:1.5;}
.om-b2b form{display:flex; flex-direction:column; gap:10px; min-height:0; flex:1;}
.om-nov{display:inline-flex; gap:0; border:1px solid var(--line); width:max-content; max-width:100%;}
.om-nov label{margin:0; cursor:pointer;}
.om-nov input{position:absolute; opacity:0; pointer-events:none;}
.om-nov span{display:block; padding:8px 16px; font-size:13px; font-weight:600; color:var(--muted); transition:background .2s, color .2s;}
.om-nov input:checked + span{background:var(--blue); color:#fff;}
.om-nov input:focus-visible + span{outline:2px solid #19F0E0; outline-offset:-2px;}
.om-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px 14px;}
.om-b2b label{display:flex; flex-direction:column; gap:4px; font-size:12.5px; font-weight:600; color:var(--ink, #111531);}
.om-b2b label i{color:#d22; font-style:normal;}
.om-b2b input:not([type=radio]):not(.hp-sahe), .om-b2b textarea{width:100%; padding:9px 11px; border:1px solid var(--line); font:inherit; font-weight:400; font-size:14px; border-radius:0;}
.om-b2b input:focus, .om-b2b textarea:focus{outline:2px solid #19F0E0; outline-offset:-1px; border-color:#19F0E0;}
.om-b2b [aria-invalid="true"]{border-color:#d22 !important; background:#fff6f6;}
.om-b2b .om-tam{grid-column:1 / -1;}
.om-b2b[data-nov="fiziki"] .om-h, .om-b2b[data-nov="fiziki"] .om-h-i, .om-b2b[data-nov="fiziki"] .om-ad-h{display:none;}
.om-b2b[data-nov="huquqi"] .om-ad-f{display:none;}
.om-m-bas{display:flex; justify-content:space-between; font-size:12px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.04em;
  border-bottom:1px solid var(--line); padding:4px 92px 6px 0; margin-top:2px;}
.om-mehsullar{list-style:none; margin:0; padding:0; overflow-y:auto; min-height:52px; max-height:min(34dvh, 260px); flex:0 1 auto;}
.om-mehsullar li{display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--line);}
.om-m-ad{min-width:0;}
.om-m-ad b{display:block; font-size:13px; color:var(--ink, #111531); line-height:1.3;}
.om-m-ad small{display:block; font-size:11.5px; color:var(--muted); line-height:1.4; margin-top:2px;}
.om-say{display:flex; align-items:stretch; border:1px solid var(--line); height:36px;}
.om-say button{width:32px; background:#f3f5fc; border:none; font-size:18px; line-height:1; color:var(--blue); cursor:pointer;}
.om-say button:hover{background:var(--gold); color:#171300;}
.om-say input{width:64px !important; border:none !important; text-align:center; padding:0 4px !important; font-weight:700; -moz-appearance:textfield;}
.om-sil{width:32px; height:32px; border:none; background:transparent; color:var(--muted); font-size:20px; cursor:pointer;}
.om-sil:hover{color:#d22;}
.om-b2b .om-qeyd textarea{resize:vertical; min-height:44px;}
.om-b2b .btn-om-submit{align-self:flex-start; margin-top:2px;}
.om-b2b .om-razi{margin:0; font-size:11.5px; color:var(--muted);}
@media (max-width:640px){
  .offer-modal .om-box.om-b2b{padding:18px 14px 14px; max-height:calc(100dvh - 16px); overflow-y:auto;}
  .om-grid{grid-template-columns:1fr;}
  .om-mehsullar{max-height:none; overflow:visible;}
  .om-mehsullar li{grid-template-columns:1fr auto; }
  .om-m-ad{grid-column:1 / -1;}
  .om-m-bas{padding-right:0;}
  .om-b2b .btn-om-submit{align-self:stretch;}
}
.offer-modal .om-box.om-b2b{overflow-y:auto;} /* yalnız ekran həqiqətən alçaq olanda sürüşür — məzmun heç vaxt kəsilmir */
/* B2B forma — köhnə forma qaydalarının neytrallaşdırılması */
.offer-modal .om-box.om-b2b{max-width:none !important; width:min(760px, calc(100vw - 32px)) !important;}
.om-b2b label{display:block !important;}
.om-b2b label > input, .om-b2b label > textarea{display:block; margin-top:5px;}
.om-b2b label span, .om-b2b .om-nov span{color:inherit !important;}
.om-b2b .om-nov input:checked + span{color:#fff !important;}
.om-b2b .om-nov span{color:var(--muted) !important;}
.om-b2b label i{color:#d22 !important;}
.om-b2b .btn-om-submit{padding:12px 30px !important; font-size:14.5px;}
@media (max-width:640px){ .om-b2b form{flex:none;} .om-b2b .om-mehsullar{flex:none; max-height:none; overflow:visible;} } /* telefonda siyahı sıxılmır, digər xanaların üstünə düşmür */
.om-say{justify-self:start; width:max-content;}

/* Forma: "Fiziki şəxs" seçiləndə şirkət, VÖEN, vəzifə xanaları və şirkət ulduzları GİZLƏNİR (display:block !important qaydasını üstələyir) */
.om-b2b[data-nov="fiziki"] .om-h, .om-b2b[data-nov="fiziki"] .om-h-i, .om-b2b[data-nov="fiziki"] .om-ad-h{display:none !important;}
.om-b2b[data-nov="huquqi"] .om-ad-f{display:none !important;}
/* Foto böyütmə: "Şəkli yüklə" (server su nişanı ilə) */
.img-lightbox .lb-yukle{position:absolute; left:50%; bottom:22px; transform:translateX(-50%); z-index:3; display:inline-flex; align-items:center; gap:8px;
  padding:10px 20px; background:var(--gold); color:#171300; font-weight:700; font-size:14px; text-decoration:none;
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); transition:background .2s, color .2s;}
.img-lightbox .lb-yukle:hover, .img-lightbox .lb-yukle:focus-visible{background:#fff; color:var(--navy);}
/* Kart fotoları: seçim (eskiz/ehtiyat) bitənə qədər qat göstərilmir — iki foto eyni anda görünmür (main.js KART_FOTO_SECIM) */
.kart-k .kart-foto-eskiz:not(.foto-hazir){visibility:hidden;}
.app-cell .cell-photo:not(.foto-hazir){visibility:hidden;}
/* Foto menyusu (sağ klik / uzun basma) — endirmə su nişanlı */
img{-webkit-touch-callout:none;}
.foto-menyu{position:fixed; z-index:1200; display:none; min-width:210px; background:#fff; border:1px solid var(--line);
  box-shadow:0 18px 40px -14px rgba(5,4,40,.45); padding:6px; border-left:3px solid #19F0E0;}
.foto-menyu.open{display:block;}
.foto-menyu a{display:flex; align-items:center; gap:10px; padding:10px 12px; color:var(--ink, #111531); font-size:14px; font-weight:600; text-decoration:none; cursor:pointer;}
.foto-menyu a:hover, .foto-menyu a:focus-visible{background:var(--gold); color:#171300; outline:none;}
/* ===== MOBİL MENYU — MƏZMUN HÜNDÜRLÜYÜNDƏ (2026-10-07) =====
   Panel ekranın bütün hündürlüyünü TUTMUR: bölmələr bitdiyi yerdə bitir; alt menyu açılanda uzanır,
   ekrana sığmayanda öz içində sürüşür. Telefonda tam en. Arxa fon qaraltma qatı ilə örtülüdür. */
@media (max-width:980px){
  .navlinks{bottom:auto !important; height:auto !important; max-height:calc(100dvh - var(--nav-top, var(--header-h)) - 16px) !important;
    overflow-y:auto; overscroll-behavior:contain; box-shadow:0 24px 48px -20px rgba(5,4,40,.65); border-bottom:2px solid var(--gold);}
}
@media (max-width:600px){
  .navlinks{left:0 !important; right:0 !important; width:auto !important; max-width:none !important;}
}

/* ===================== FORMALAR + BİLDİRİŞ PƏNCƏRƏSİ (2026-10-08) =====================
   Düymənin izah mətni düymənin SAĞINDA (yerə qənaət); təklif forması böyük ekranda sürüşdürməsiz —
   uzun məhsul siyahısı yalnız öz içində sürüşür. Göndərəndən sonra forma bağlanır, .es-bildiris açılır. */
.om-gonder, .form-gonder{display:flex; align-items:center; gap:14px 18px; flex-wrap:wrap;}
.om-gonder .btn-om-submit, .form-gonder .btn{flex:0 0 auto; margin:0 !important; align-self:center !important;}
.om-gonder .om-razi, .form-gonder .form-note{flex:1 1 220px; margin:0; font-size:12px; line-height:1.45; color:var(--muted-2);}
.form-gonder{margin-top:6px;}
@media (min-width:641px){
  .offer-modal .om-box.om-b2b{overflow-y:hidden;}
  .om-b2b form{min-height:0; flex:1 1 auto;}
  .om-b2b .om-mehsullar{flex:1 1 auto; max-height:none; min-height:52px; overflow-y:auto;}
  @media (max-height:640px){ .offer-modal .om-box.om-b2b{overflow-y:auto;} .om-b2b .om-mehsullar{flex:none; max-height:none; overflow:visible;} }
}
@media (max-width:640px){
  .om-gonder, .form-gonder{flex-wrap:nowrap; gap:12px;}
  .om-b2b .om-gonder .btn-om-submit{align-self:center !important; padding:12px 20px !important;}
  .om-gonder .om-razi, .form-gonder .form-note{flex:1 1 auto; font-size:11.5px;}
}
.es-bildiris{position:fixed; inset:0; z-index:420; display:none; align-items:center; justify-content:center; padding:16px;
  background:rgba(10,14,28,.72); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);}
.es-bildiris.open{display:flex; animation:esbFon .2s ease;}
.esb-qutu{position:relative; background:#fff; width:min(440px, 100%); max-height:calc(100dvh - 32px); overflow-y:auto;
  padding:30px 26px 24px; border-top:3px solid #19F0E0; text-align:center; outline:none; animation:esbQutu .25s ease;}
.esb-x{position:absolute; top:10px; right:10px; width:44px; height:44px; border:none; background:transparent; color:var(--ink, #111531);
  display:flex; align-items:center; justify-content:center; cursor:pointer;}
.esb-x:hover{color:#171300; background:var(--gold);}
.esb-x[hidden]{display:none;}
.esb-ikon{width:60px; height:60px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; border-radius:50%;
  background:#eef0ff; color:var(--blue);}
.es-bildiris[data-hal="ok"] .esb-ikon{background:var(--blue); color:#fff;}
.es-bildiris[data-hal="xeta"] .esb-ikon{background:#fdeaea; color:#a12222;}
.esb-spin{width:28px; height:28px; border-radius:50%; border:3px solid rgba(16,6,159,.15); border-top-color:#19F0E0; border-right-color:#A43BFF;
  animation:esbFirlan .9s linear infinite;}
.esb-qutu h2{margin:0 0 8px; font-size:19px; line-height:1.3; color:var(--blue);}
.esb-metn{margin:0 auto; max-width:36ch; font-size:14px; line-height:1.55; color:var(--muted);}
.esb-detal{list-style:none; margin:16px 0 0; padding:0; text-align:left; border-top:1px solid var(--line);}
.esb-detal:empty{display:none;}
.esb-detal li{display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px;}
.esb-detal span{color:var(--muted);}
.esb-detal b{color:var(--ink, #111531); text-align:right; overflow-wrap:anywhere;}
.esb-duymeler{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px;}
.esb-duymeler:empty{display:none;}
.esb-btn{min-height:44px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; font:inherit; font-size:14px; font-weight:600;
  cursor:pointer; text-decoration:none; border:1px solid var(--blue); background:#fff; color:var(--blue);
  clip-path:polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); transition:background .2s ease, color .2s ease, border-color .2s ease;}
.esb-btn.esas{background:var(--blue); color:#fff;}
.esb-btn:hover, .esb-btn:focus-visible{background:var(--gold); border-color:var(--gold); color:#171300;}
.esb-canli{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
html.esb-acik{overflow:hidden;}
@keyframes esbFon{from{opacity:0}to{opacity:1}}
@keyframes esbQutu{from{opacity:0; transform:translateY(8px) scale(.98)}to{opacity:1; transform:none}}
@keyframes esbFirlan{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .es-bildiris.open, .esb-qutu{animation:none;} .esb-spin{animation-duration:2.4s;} }

/* ===================== ƏLÇATANLIQ (2026-10-08) ===================== */
/* "Məzmuna keç" — yalnız klaviatura ilə (Tab) fokuslananda görünür */
.kecid-link{position:fixed; left:12px; top:-80px; z-index:1200; padding:12px 18px; background:var(--gold); color:#171300; font-weight:700;
  font-size:14px; text-decoration:none; transition:top .15s ease;}
.kecid-link:focus{top:12px; outline:2px solid #19F0E0; outline-offset:2px;}
main#esas{display:block; scroll-margin-top:90px;}
/* Slayder nöqtələri: görünən xətt eyni (26×4), toxunma sahəsi 26×24 px (WCAG 2.2 — minimum 24×24) */
.hero-dot{height:24px; background:linear-gradient(rgba(255,255,255,0.55), rgba(255,255,255,0.55)) center / 100% 4px no-repeat !important;}
.hero-dot.active{background:linear-gradient(var(--gold), var(--gold)) center / 100% 4px no-repeat !important;}
.hero-dots{margin-top:4px;}
/* Telefonda oxunaqlıq: heç bir yazı 12 px-dən kiçik deyil; footer keçidləri ən az 24 px hündürlükdə */
@media (max-width:640px){
  .brand-tile .segment, .prod-spec, .filter-count, .foot-hours .t, .spec-bar-item .t, .article-card .a-meta, .search-hit .h-yer,
  .cinfo-row .t, .foot-social-label, .spec-search-count, .ds-link, .om-m-ad small, .brand-chip{font-size:12px !important;}
  .foot-legal a, .foot-bottom a{display:inline-flex; align-items:center; min-height:24px;}
  .foot-legal{flex-wrap:wrap; gap:6px 18px;}
}
/* Breadcrumb: hər keçidin toxunma sahəsi ən az 24 px hündürlükdə (WCAG 2.2 target-size) */
.breadcrumb{align-items:center; flex-wrap:wrap; row-gap:0;}
.breadcrumb a{display:inline-flex; align-items:center; min-height:24px;}
/* Telefonda hero kartında şüar açıq fon üzərindədir — qızılı yazının tünd göy konturu tam (kontrast üçün) */
@media (max-width:600px){
  .hero .sloqan-f{-webkit-text-stroke:0; text-shadow:1px 0 0 var(--navy), -1px 0 0 var(--navy), 0 1px 0 var(--navy), 0 -1px 0 var(--navy), 1px 1px 0 var(--navy), -1px -1px 0 var(--navy), 1px -1px 0 var(--navy), -1px 1px 0 var(--navy);}
}
/* Hero: əsas başlıq (h1) olan slayd gizli olanda da əlçatan qalır (yalnız şəffaf) — səhifənin h1-i həmişə mövcuddur */
.hero-slide:has(h1):not(.active){visibility:visible;}
/* Hero şüarı hər ekranda açıq kart üzərindədir — tünd göy kontur tam (kontrast üçün) */
.hero .sloqan-f{-webkit-text-stroke:0; text-shadow:1px 0 0 var(--navy), -1px 0 0 var(--navy), 0 1px 0 var(--navy), 0 -1px 0 var(--navy), 1px 1px 0 var(--navy), -1px -1px 0 var(--navy), 1px -1px 0 var(--navy), -1px 1px 0 var(--navy);}
/* content-visibility (2026-10-08) GERİ ALINDI: səhifənin sonuna tez sürüşdürəndə hündürlük dəyişir, footer altında boşluq görünürdü */

/* ===================== ƏLAQƏ DÜYMƏSİ — DALĞA YAYAN FİRUZƏYİ TOP (istifadəçi dizaynı, 2026-10-08) =====================
   Dairəvi forma qalır; parlaq firuzəyi kürə (yuxarı-solda işıq parıltısı), ikon tünd göy; ətrafa ardıcıl iki dalğa
   halqası yayılır (yalnız transform/opacity — GPU). Hover-də qızılı (saytın qaydası). Animasiya HƏR rejimdə işləyir (istifadəçi qərarı).
   Əvvəlki dövrə vuran NEON konturu bu dizaynı ƏVƏZ EDİR. */
.fab-toggle{
  background:radial-gradient(circle at 32% 28%, #EFFFFD 0%, #8FFBF2 18%, #19F0E0 48%, #0BC8BA 100%) !important;
  color:#0b0a5c !important;
  box-shadow:0 0 0 1px rgba(11,10,92,.18), 0 10px 26px -8px rgba(25,240,224,.75), inset 0 -4px 10px rgba(5,120,112,.35) !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.fab-toggle::before, .fab-toggle::after{
  content:""; position:absolute; inset:0; border-radius:50%; z-index:0; pointer-events:none;
  background:none !important; -webkit-mask:none !important; mask:none !important;
  border:2px solid rgba(25,240,224,.85); box-shadow:0 0 12px rgba(25,240,224,.55);
  animation:fab-dalga 2.4s cubic-bezier(.2,.6,.35,1) infinite !important; will-change:transform, opacity;
}
.fab-toggle::after{animation-delay:1.2s !important;}
@keyframes fab-dalga{
  0%{transform:scale(1); opacity:.85;}
  70%{opacity:.18;}
  100%{transform:scale(2.1); opacity:0;}
}
.fab-toggle:hover, .fab-toggle:focus-visible{
  background:radial-gradient(circle at 32% 28%, #FFF6CC 0%, #F5D44A 30%, #E8B900 62%, #C79C0A 100%) !important;
  color:#171300 !important; transform:translateY(-2px);
}
.fab-toggle:focus-visible{outline:3px solid #0b0a5c; outline-offset:3px;}
.fab-wrap.open .fab-toggle::before, .fab-wrap.open .fab-toggle::after{animation:none !important; opacity:0;}
/* İstifadəçi qərarı (2026-10-08): dalğa animasiyası "hərəkəti azalt" rejimində də işləyir. */