/* Arter - yeni dizayn (redesign 2026-10). Yalnız yeni dizaynda yüklənir: arter_theme_css('site') ->
   /assets/css/site.v<filemtime>.css (.htaccess R6 qaydası, 1 il immutable). Köhnə styles.css-ə toxunulmur - geri qayıtmaq təmizdir.
   Mənbə: dizayn paketinin styles.css-i ("Trace cleanup" bazaya qatılıb, ölü qaydalar atılıb), canlı saytın .prose qaydaları
   (cədvəllər, iframe/video, uzun sözlər) yeni tokenlərlə, plan.md §2-dəki əlçatanlıq düzəlişləri. ROI, finder və PDF qaydaları
   burada deyil (roi.css / finder - yalnız o səhifələrdə). Qayda: yalnız adi "-" (uzun tire yox); rənglər tokenlərdən.
   P5 (2026-10-08): yalnız BİR səhifə qrupunda yarana bilən selektorlar öz faylına köçürülüb (mənbə kodu + 352 səhifəlik
   örtük yoxlaması, kaskad sırası yoxlanıb): home.css (ana səhifə), services.css (xidmətlər, modullar, "Odoo Azərbaycan"),
   pages.css (layihələr, media/məqalə, haqqımızda, əlaqə), roi.css, shop.css. Burada qalan - ən azı iki qrupda (və ya
   ümumi görünüşlərdə: məxfilik, axtarış, 404) işlənənlər: başlıq/menyu, altlıq, çat, demo forması, .prose, kartlar.
   Yeni qayda yalnız bir qrupa aiddirsə - həmin fayla yazın. */

/* ─── Şriftlər (OFL, öz serverimizdə; fayl adı dəyişir: -v1-, -v2- ...) ─── */
@font-face{font-family:"Geologica";font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/geologica-v1-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/geologica-v1-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geologica";font-style:normal;font-weight:600 700;font-display:swap;src:url(../fonts/geologica-v1-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/onest-v1-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/onest-v1-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/onest-v1-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Şrift yüklənənə qədər Arial - ölçülər Onest/Geologica-ya uyğunlaşdırılıb (CLS az olsun; fontTools ilə hesablanıb) */
@font-face{font-family:"Onest Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:102.65%;ascent-override:94.49%;descent-override:29.71%;line-gap-override:0%}
@font-face{font-family:"Geologica Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans");size-adjust:101.3%;ascent-override:96.25%;descent-override:27.15%;line-gap-override:0%}

/* ─── Masaüstü miqyası 0,75 (sahibkar 2026-10-08: "sanki zoom olunub" - Chrome-da 75% ölçünü seçdi) ───
   Siçanlı kompüterdə (hover + fine pointer) və ekran ≥931 px olanda bütün səhifə brauzerin 75% zoom-u kimi göstərilir: 931 px
   = 1241 × 0,75, yəni masaüstü dizaynı (≥1241 "effektiv" px) burada artıq sığır. Telefon və planşetlər (toxunma) 100% qalır.
   Media sorğuları real eni görür (zoom-u yox), ona görə masaüstü sərhədləri (1100, 1240, 1320) aşağıda bu zonanı istisna edir:
   "(max-width:930px), (max-width:N) and (hover:none), (max-width:N) and (pointer:coarse), print and (max-width:N)".
   core.js, finder.js və roi.js eyni qaydadadır (getBoundingClientRect zoom-lu ölçü qaytarır - currentCSSZoom-a bölünür).
   Zona üç şərtlədir:
   - "not all and (max-width:930px)" - dar siyahının dəqiq tamamlayıcısı: kəsr endə (Windows 125%-də 930,4 px) boşluq qalmır
     (əvvəl 930-931 arası nə zoom, nə mobil menyu idi - masaüstü sıra 930 px-ə sıxılıb yana sürüşürdü);
   - yalnız "screen" - çap (albom vərəqi ~1047 px) əvvəlki kimi 100% və planşet sərhədləri ilə (siyahılardakı "print and");
   - @supports (zoom:1) - zoom-u tanımayan brauzer (Firefox < 126) zonaya girmir, core.js ona köhnə sərhədləri qaytarır.
   Brauzerin 75%-indən fərq: CSS zoom vw/vh-i də 0,75-ə vurur (pəncərə "böyümür") - mega menyu daralır, başlıqlar kiçilir.
   Ona görə tema CSS-ində hər vw/vh/dvh "/ var(--zoom)" ilə yazılır, məs. clamp(16px,4vw / var(--zoom),40px): zonada
   --zoom .75-dir (dəyər sahibkarın gördüyü Chrome 75%-i ilə eynidir), zonadan kənarda 1 (dəyər əvvəlki ilə eynidir).
   İstisna: yalnız mobil bloklardakı vh/dvh cütləri (köhnə brauzer ehtiyatı - var() o ehtiyatı pozardı).
   Zonada xırda mətnlərin böyüdülməsi (ən azı 14,5 CSS px) faylın SONUNDADIR - eyni şərtlə; orada olmasının səbəbi kaskad sırasıdır. */
:root{--zoom:1}
@supports (zoom:1){
  @media screen and (hover:hover) and (pointer:fine){
    @media not all and (max-width:930px){
      html{zoom:.75}
      :root{--zoom:.75}
      /* de menyu aralığı (başlıq bölməsindəki (min-width:1241px) qaydasının zona üçün surəti) */
      html[lang="de"] .main-nav{gap:16px}
      html[lang="de"] .head-row{gap:14px}
      /* Qısa səhifə (404, axtarış, boş "təşəkkür") 75%-də pəncərədən qısa qalır və 1920x1080-də tünd altlığın altında ağ zolaq
         görünürdü (100%-də yox idi). Altlığın rəngi kölgə ilə aşağı uzadılır: kölgə sürüşdürmə sahəsinə daxil deyil */
      .site-foot{box-shadow:0 100vh 0 100vh var(--ink)}
    }
  }
}

/* ─── Tokenlər (dizayn paketi) ─── */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --ink:#16191D; --ink-2:#22272D; --muted:#5A616A; --line:#E5E0D8; --stone:#F7F4EF; --stone-2:#EEE7DC;
  --red:#C5172E; --red-dark:#A0112A; --red-soft:#FBEEF0; --red-on-dark:#F2607A;
  --gold:#A48E70; --gold-dark:#7A664B; --gold-light:#DCCFBC;
  --odoo:#714B67; --odoo-light:#C9A0C0; --aubergine:#2B1F28;
  --on-dark:#FFFFFF; --on-dark-muted:#AFB5BD; --dark-line:#30363E;
  --ok:#1F7A55;
  /* Əlçatanlıq (plan §2): sahə sərhədi 3:1-dən çox (#8F96A0); --wa (#128C4A) ağla 4.31:1 - yalnız ikon/düymə fonu (3:1),
     üzərində adi ölçülü mətn olan fon --wa-dark (#0E7A3F, ağla 5.4:1) */
  --input-line:#8F96A0; --wa:#128C4A; --wa-dark:#0E7A3F;
  --radius:16px; --radius-sm:10px;
  --shadow:0 1px 2px rgba(22,25,29,.05), 0 12px 32px -18px rgba(22,25,29,.25);
  --shadow-pop:0 24px 48px -20px rgba(22,25,29,.35);
  --font-display:"Geologica","Geologica Fallback","Onest",system-ui,sans-serif;
  --font:"Onest","Onest Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --head-h:74px;
  /* Köhnə dəyişən adları - function.php-dəki ~200 inline style və köhnə gövdələr (lead, 404, partnyorlar) bunları işlədir */
  --primary-color:var(--ink); --accent-color:var(--red); --accent-dark:var(--red-dark); --accent-gold:var(--gold);
  --text-dark:var(--ink); --text-light:var(--muted); --text-muted:var(--muted); --text-color:var(--ink);
  --bg-white:var(--bg); --bg-light:var(--stone); --bg-dark:var(--ink); --bg-card:var(--bg);
  --border-color:var(--line); --border-radius:var(--radius); --border-radius-sm:var(--radius-sm); --border-radius-full:9999px;
  --shadow-sm:0 1px 2px rgba(22,25,29,.06); --shadow-md:var(--shadow); --shadow-lg:var(--shadow-pop);
  --transition:all .2s ease; --max-content:1240px;
}

/* ─── Baza ─── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
main{overflow-x:clip;display:block}
main:focus{outline:none}
a{color:inherit}
img{max-width:100%;height:auto}
svg,video{max-width:100%}
h1,h2,h3,h4{margin:0;text-wrap:balance;font-family:var(--font-display);font-weight:650;font-variation-settings:"SHRP" 45;line-height:1.2}
p{margin:0}
ul,ol{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--focus,var(--red));outline-offset:2px;border-radius:4px}
/* Tünd fonda fokus halqası açıq qırmızıdır (#F2607A tünd fonda ~5.6:1; adi qırmızı 3:1-dən az idi - WCAG 1.4.11) */
.site-foot,.cred-band,.cta-band,.card.dark,.arter-chat__head,.toast,.t-pv{--focus:var(--red-on-dark)}
[id]{scroll-margin-top:calc(var(--head-h) + 16px)}
.nw{white-space:nowrap}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rot90{transform:rotate(90deg)} .rot-90{transform:rotate(-90deg)}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw / var(--zoom),40px)}
.sec{padding-block:clamp(64px,8vw / var(--zoom),112px)}
.sec-sm{padding-block:clamp(36px,5vw / var(--zoom),64px)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:var(--on-dark);padding:10px 16px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600}
.skip:focus{top:12px}

/* Bölmə başlığı, etiket */
.label{display:inline-flex;align-items:center;font:600 12.5px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}
.sh{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:760px;margin-bottom:clamp(32px,5vw / var(--zoom),56px);justify-items:start}
.sh h2,.h2{font-weight:650;font-size:clamp(1.9rem,3.4vw / var(--zoom),2.75rem);line-height:1.1;letter-spacing:-.02em}
.sh p{color:var(--muted);font-size:1.06rem;max-width:62ch}
.h3{font-size:1.12rem;font-weight:650;line-height:1.3}
.lede{font-size:clamp(1.02rem,1.4vw / var(--zoom),1.15rem);color:var(--muted);max-width:60ch}

/* ─── Düymələr və linklər ─── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15.5px/1.2 var(--font);padding:13px 22px;border-radius:var(--radius-sm);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-align:center}
.btn .ic{width:18px;height:18px}
.btn .arr{transition:transform .15s}
.btn:hover .arr{transform:translateX(3px)}
.btn-red{background:var(--red);color:var(--on-dark);border-color:var(--red)}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--on-dark)}
.btn-ghost-dark{border-color:var(--dark-line);color:var(--on-dark);background:transparent}
.btn-ghost-dark:hover{border-color:var(--on-dark)}
.btn-lg{padding:16px 26px;font-size:16.5px}
.btn-sm{padding:9px 14px;font-size:14px}
.btn[disabled]{opacity:.6;cursor:progress}
.link{font-weight:600;color:var(--red);text-decoration:none;display:inline-flex;align-items:center}
.link:hover,.link.is-hover{text-decoration:underline;text-underline-offset:3px}   /* .is-hover: kartın örtüyü altındakı .link (core.js) */
.cta-row{display:flex;flex-wrap:wrap;gap:12px}

/* ─── Loqo və rəsmi Silver nişanı ─── */
.logo{display:inline-flex;color:var(--red);line-height:0;flex:none}
.logo svg{height:25px;width:auto;fill:currentColor}
#logo-arter .bar{fill:var(--gold)} /* <use> klonu sprite-dakı orijinalın stilini alır */
/* Rəsmi şəkil (images/odoo.png, 690x345); .badge-lg (hero) bütün nişanı göstərir - home.css */
.badge{display:inline-flex;align-items:center;flex:none;border:1px solid #C9CFD5;background:#FFFFFF;border-radius:8px;padding:0 4px;height:44px;overflow:hidden;text-decoration:none}
.badge:hover{border-color:var(--ink)}
/* Başlıq nişanı (dizayndakı kimi "odoo | SILVER PARTNER"): şəkildən yalnız "odoo" yazısı (faylda x 106-583, y 56-205; 0.1 miqyas),
   "Silver Partner" HTML mətndir - şəklin öz lövhəsi 44 px hündürlükdə ~6 px idi, oxunmurdu */
.badge-hd{gap:10px;padding:0 12px 0 10px}
.badge-hd .bw{display:block;width:48px;height:15px;overflow:hidden;flex:none}
.badge-hd .bw img{display:block;width:69px;height:auto;max-width:none;margin:-5.6px 0 0 -10.6px}
.badge-hd .sep{width:1px;align-self:stretch;margin-block:9px;background:#C9CFD5;flex:none}
.badge-hd .bt{font:700 10.5px/1.15 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.badge-hd .bt span{display:block}
/* Böyük Silver nişanı (ana səhifənin hero-su, "Odoo Azərbaycan"): rəsmi şəkil (images/odoo.png, 690x345) ağ kənarları kəsilərək + mətn */
.badge-lg{height:auto;padding:4px 16px 4px 6px;gap:14px;border-radius:12px;white-space:normal;max-width:100%;color:var(--ink)}
.badge-lg img{display:block;max-width:none;height:72px;width:144px;margin:-10px -20px -10px -19px}
.badge-lg .sep{width:1px;align-self:stretch;background:#C9CFD5;margin-block:8px;flex:none}
.badge-lg .bt{font:600 13.5px/1.3 var(--font);max-width:17ch}
.badge-lg .bt small{display:block;font-weight:500;font-size:12px;color:var(--muted);margin-top:2px}

/* ─── Başlıq (header) ─── */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
/* Aralıqlar dizayndakından (22/26) bir az sıxdır: səbət və 4 dilli seçici dizaynda yox idi, Silver nişanı mətnlidir - sıra
   1160 px konteynerə sığmalıdır (fix1: az/ru/en 1321-1920 px-də 24-93 px ehtiyat) */
.head-row{display:flex;align-items:center;gap:18px;min-height:var(--head-h);position:relative}
.main-nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:15px;font-weight:500}
.main-nav a{text-decoration:none;padding-block:8px;position:relative}
.main-nav > a,.has-sub > a,.mega-btn{white-space:nowrap}   /* iki sözlü bənd (de "Über uns") sətrə bölünməsin */
.main-nav > a::after,.has-sub > a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.main-nav > a:hover::after,.has-sub > a:hover::after{transform:scaleX(1)}
.main-nav a[aria-current]::after,.has-sub > a[aria-current]::after{transform:none}
.main-nav .m-only{display:none}
.has-mega,.has-sub{position:relative;display:inline-flex;align-items:center;gap:2px}
.mega-btn,.sub-btn{font:inherit;font-weight:500;background:none;border:0;color:inherit;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}
.mega-btn::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mega-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.mega-btn[data-current]::before{content:"";position:absolute;left:0;right:13px;bottom:2px;height:3px;background:var(--gold)}
.mega-btn:hover,.mega-btn[aria-expanded="true"]{color:var(--red)}
.sub-btn{padding:8px 2px}
.sub-btn .ic{width:16px;height:16px}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-42%);width:min(980px,92vw / var(--zoom));background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.1fr);gap:20px;z-index:50}
.mega-h{font:700 11.5px/1.3 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 10px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega li a{display:flex;align-items:center;gap:10px;padding:7px 8px;margin-inline:-8px;border-radius:8px;font-size:14.5px;line-height:1.3;text-decoration:none}
.mega li a:hover,.mega li a[aria-current]{background:var(--stone)}
.mega li a[aria-current]{font-weight:600}
.mi{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex:none;color:#FFFFFF}
.mi .ic{width:16px;height:16px;stroke-width:2}
.mega-side{background:var(--stone);border-radius:12px;padding:18px;display:grid;gap:10px;align-content:start}
.mega-side p{font-size:14px;color:var(--muted)}
.mega-side .link{padding:0}
.mega-side .link::after{display:none}
.g-fin{background:#2C6F6B} .g-sales{background:var(--red)} .g-hr{background:#6B4F86} .g-proj{background:#8A6A3F}
.sub-menu{position:absolute;top:calc(100% + 10px);left:-12px;min-width:220px;list-style:none;margin:0;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);z-index:50}
.sub-menu a{display:block;padding:9px 10px;border-radius:8px;font-size:14.5px}
.sub-menu a:hover{background:var(--stone)}
/* Dil seçicisi */
.lang-sw{position:relative;flex:none}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font:600 14px var(--font);cursor:pointer}
.lang-btn .ic{width:18px;height:18px}
.lang-btn:hover,.lang-btn[aria-expanded="true"]{border-color:var(--ink)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;list-style:none;margin:0;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 18px 36px -16px rgba(22,25,29,.35);z-index:50}
.lang-menu a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none}
.lang-menu a span{font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line);padding:1px 6px;border-radius:4px}
.lang-menu a[aria-current] span{color:var(--on-dark);background:var(--red);border-color:var(--red)}
.lang-menu a:hover{background:var(--stone)}
.lang-row{gap:6px;align-items:center;padding-block:13px}
.lang-row .lr-h{font-size:13px;color:var(--muted);margin-right:6px}
.main-nav .lang-row a{font-size:13.5px;font-weight:600;padding:5px 10px;border-radius:6px;border:1px solid var(--line);text-decoration:none}
.main-nav .lang-row a::after{display:none}
.main-nav .lang-row a[aria-current]{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
/* Səbət */
.cart-link{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--line);color:var(--ink);text-decoration:none;flex:none}
.cart-link:hover,.cart-link[aria-current]{border-color:var(--ink)}
.cart-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#FFFFFF;font:700 11.5px/20px var(--font);text-align:center}
.cart-count[data-n="0"]{background:var(--ink-2)}
.head-cta{white-space:nowrap;flex:none}
.menu-btn{display:none;align-items:center;gap:8px;font:600 14px var(--font);background:var(--bg);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;flex:none}
.menu-btn .ic{width:18px;height:18px}
.menu-btn .mb-i-close,.menu-btn[aria-expanded="true"] .mb-i-open{display:none}
.menu-btn[aria-expanded="true"] .mb-i-close{display:block}
@media (max-width:990px),(max-width:1320px) and (hover:none),(max-width:1320px) and (pointer:coarse),print and (max-width:1320px){.main-nav{gap:16px;font-size:14.5px}.head-row{gap:14px}}
/* de: menyu sözləri uzundur (Dienstleistungen, Über uns) - geniş ekranda da sıx aralıq, yoxsa CTA konteynerdən 23 px çıxırdı.
   Masaüstü miqyası zonası üçün eyni qayda faylın əvvəlindədir (zona şərti media siyahısına sığmır) */
@media (min-width:1241px){html[lang="de"] .main-nav{gap:16px}html[lang="de"] .head-row{gap:14px}}
@media (max-width:930px),(max-width:1240px) and (hover:none),(max-width:1240px) and (pointer:coarse),print and (max-width:1240px){
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px clamp(16px,4vw,40px) 16px;background:var(--bg);border-bottom:1px solid var(--line);margin-left:0;box-shadow:0 24px 32px -24px rgba(22,25,29,.35);max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}
  .main-nav.open{display:flex}
  .main-nav a{padding-block:13px;border-bottom:1px solid var(--line)}
  .main-nav > a::after,.has-sub > a::after{display:none}
  .main-nav a[aria-current]{color:var(--red);font-weight:600}
  .has-mega{display:contents}
  .mega-btn,.mega{display:none!important}
  .has-sub{display:grid;grid-template-columns:1fr auto;align-items:center}
  .sub-menu{position:static;box-shadow:none;border:0;grid-column:1/-1;padding:0 0 0 14px}
  .main-nav .m-only{display:block}
  .main-nav .m-only.lang-row{display:none}
  .menu-btn{display:inline-flex}
  .lang-sw{margin-left:auto}
}
@media (max-width:860px){.head-row .head-cta{display:none}}
@media (max-width:640px){
  :root{--head-h:64px}
  .head-row{gap:10px}
  .logo svg{height:21px}
  .head-row .badge,.lang-sw{display:none}
  .cart-link{margin-left:auto;width:40px;height:40px}
  .main-nav .m-only.lang-row{display:flex}
}

/* ─── Daxili səhifə başlığı, səhifə yolu ─── */
.phero{border-bottom:1px solid var(--line);position:relative}
.phero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw / var(--zoom),72px);align-items:end;padding-block:clamp(28px,4vw / var(--zoom),44px) clamp(36px,5vw / var(--zoom),64px)}
.phero-in.solo{grid-template-columns:minmax(0,1fr)}
/* Sütun minmax(0,1fr): uzun tək söz (de "Geschäftsausstattung", "Lohnabrechnungsmodul", ru) sütunu konteynerdən genişləndirməsin;
   overflow-wrap:anywhere min-content-i də kiçildir - söz yalnız sətrə sığmayanda bölünür (320-360 px), H1 mətni dəyişmir */
.phero-copy{display:grid;gap:16px;justify-items:start;min-width:0;grid-template-columns:minmax(0,1fr)}
.phero-aside{position:relative;min-width:0}
.phero h1{font-weight:700;font-variation-settings:"SHRP" 60;font-size:clamp(2rem,4.2vw / var(--zoom),3.3rem);line-height:1.06;letter-spacing:-.03em;max-width:22ch;overflow-wrap:anywhere}
.phero .lede{max-width:60ch}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13.5px;color:var(--muted);list-style:none;margin:0;padding:0}
.crumbs li{display:inline-flex;align-items:center;gap:10px;min-width:0}
.crumbs li + li::before{content:"";width:5px;height:5px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:rotate(45deg);flex:none}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.crumbs [aria-current]{color:var(--ink-2)}

/* ─── Ümumi bloklar ─── */
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:clamp(28px,5vw / var(--zoom),64px);align-items:start}
.sticky{position:sticky;top:calc(var(--head-h) + 22px);display:grid;gap:16px}
.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:clamp(20px,2.4vw / var(--zoom),26px);display:grid;gap:10px;align-content:start;min-width:0}
.card.stone{background:var(--stone);border-color:var(--stone-2)}
.card.dark{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.card.dark p{color:var(--on-dark-muted)}
.card h3,.card-h{font:650 1.12rem/1.3 var(--font-display);font-variation-settings:"SHRP" 45}
.card p{color:var(--muted);font-size:15px}
.card .card-h{font:650 1.12rem/1.3 var(--font-display);font-variation-settings:"SHRP" 45;color:var(--ink)}   /* p.card-h - .card p-dən üstün */
.side-cta{font-size:14.5px;color:var(--muted);line-height:1.55;padding-top:12px;border-top:1px solid var(--line)}
.side-cta .link{display:inline}
.empty{padding:28px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;display:grid;gap:12px;justify-items:center}
.empty b{color:var(--ink)}
.cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;background:var(--ink);color:var(--on-dark);border-radius:20px;padding:clamp(26px,4vw / var(--zoom),44px)}
.cta-band h2{font-size:clamp(1.5rem,2.8vw / var(--zoom),2.1rem);font-weight:650;line-height:1.2}
.cta-band p{color:var(--on-dark-muted);margin-top:8px}
.cta-band .btns{display:flex;flex-wrap:wrap;gap:10px}
.src-note{font-size:12.5px;color:var(--muted);margin-top:10px}
.src-note a{color:inherit}

/* Şəkil çərçivəsi (dizaynın .ph-i; real şəkil: .ph.has-img > img) */
.ph{position:relative;background:var(--stone);border:1px solid var(--stone-2);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;aspect-ratio:var(--ar,4/3);max-width:100%;color:var(--gold-dark)}
.ph .ph-ic{width:40px;height:40px;stroke-width:1.4}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph.contain img{object-fit:contain;padding:7%;background:#FFFFFF}

/* ─── Mətn (modul, məqalə, hüquqi səhifələr) - canlı saytın .prose qaydaları yeni tokenlərlə ─── */
.prose{font-size:17px;line-height:1.75;max-width:72ch;min-width:0;overflow-wrap:break-word}
.prose > * + *{margin-top:1.05em}
.prose h1,.prose h2{font-size:1.6rem;font-weight:650;line-height:1.25;margin-top:1.8em}
.prose h3{font-size:1.28rem;font-weight:650;line-height:1.3;margin-top:1.6em}
.prose h4,.prose h5,.prose h6{font-size:1.08rem;font-weight:650;margin-top:1.4em;font-family:var(--font-display)}
.prose > :first-child{margin-top:0}
/* .prose p{margin:0} YOX: o (0,1,1) yuxarıdakı ".prose > * + *" (0,1,0) aralığını ləğv edirdi - abzaslar yapışırdı (P2 düzəlişi) */
.prose ul,.prose ol{padding-left:0;list-style:none;display:grid;gap:.55em}
.prose ul li{position:relative;padding-left:26px}
.prose ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;background:var(--gold)}
.prose ol{counter-reset:ol}
.prose ol li{counter-increment:ol;position:relative;padding-left:34px}
.prose ol li::before{content:counter(ol);position:absolute;left:0;top:.15em;width:24px;height:24px;display:grid;place-items:center;font:700 12.5px var(--font);background:var(--ink);color:var(--on-dark)}
.prose li > ul,.prose li > ol{margin-top:.55em}
.prose a{color:var(--red);text-underline-offset:3px}
.prose a:hover{color:var(--red-dark)}
.prose strong,.prose b{font-weight:650}
.prose blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:4px solid var(--gold);color:var(--ink-2);font-style:italic}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose img,.prose video,.prose iframe,.prose embed,.prose object,.prose svg{max-width:100%;height:auto;border-radius:var(--radius-sm)}
.prose iframe[src*="youtube"],.prose iframe[src*="youtu.be"],.prose .yt-facade{width:100%;aspect-ratio:16/9;height:auto;border:0}
.prose pre,.prose code{font-size:.9em;background:var(--stone);border-radius:6px}
.prose code{padding:1px 5px}
.prose pre{padding:14px 16px;overflow-x:auto}
/* Cədvəllər (blog botu hər həftə cədvəl dərc edir) - başlıq qırmızı çalarlı, zebra, çərçivə və künclər */
.prose table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px;line-height:1.55;margin-block:1.4em}
.prose caption{caption-side:top;text-align:left;font-weight:650;font-size:14.5px;color:var(--ink-2);padding:0 0 8px}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line)}
.prose th + th,.prose td + td{border-left:1px solid var(--line)}
.prose tr:last-child > td{border-bottom:0}
.prose thead th,.prose thead td,.prose tr:first-child > th{background:rgba(197,23,46,.05);font-weight:600;color:var(--ink);border-bottom-color:rgba(197,23,46,.22)}
.prose tbody tr:nth-child(even) > td{background:rgba(22,25,29,.028)}
.prose thead tr:first-child > :first-child,.prose table > tbody:first-child tr:first-child > :first-child{border-top-left-radius:var(--radius-sm)}
.prose thead tr:first-child > :last-child,.prose table > tbody:first-child tr:first-child > :last-child{border-top-right-radius:var(--radius-sm)}
.prose td > p,.prose th > p{margin:0}
.prose td > p + p{margin-top:.5em}
.prose td ul,.prose td ol{gap:.3em}
@media (max-width:768px){
  .prose{font-size:16.5px;overflow-wrap:anywhere}
  .prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .prose th,.prose td{padding:10px 12px;min-width:140px}
}

/* ─── Kartlar və torlar ─── */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:clamp(22px,2.4vw / var(--zoom),28px);display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .15s,box-shadow .15s}
.tile:hover{border-color:var(--gold-light);box-shadow:var(--shadow)}
.tile h3{font-size:1.2rem;font-weight:650;line-height:1.25;overflow-wrap:break-word}
.tile p{color:var(--muted);font-size:15px}
.tile .link{margin-top:auto;padding-top:10px}
.tile-main{grid-column:span 2;grid-row:span 2;background:var(--stone);border-color:var(--stone-2);gap:16px}
.tile-main h3{font-size:clamp(1.5rem,2.4vw / var(--zoom),2rem);font-weight:700;letter-spacing:-.02em}
.tile-main > p{font-size:16px;max-width:52ch}
.tile-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.flag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark);background:var(--red);padding:4px 10px;border-radius:4px}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li,.chips li a,.subs span,.subs a{font-size:13.5px;font-weight:600;padding:5px 10px;border-radius:6px;background:var(--stone);border:1px solid var(--line);text-decoration:none;color:var(--ink);display:inline-block}
.chips li:has(a){padding:0;background:none;border:0}
.chips li a:hover,.subs a:hover{border-color:var(--ink)}
.subs{display:flex;flex-wrap:wrap;gap:6px}
/* Modul kartları */
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Filtrlər (linklər; core.js tam siyahıda yerində süzür) */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,3vw / var(--zoom),32px)}
.fbtn{font:600 14px var(--font);padding:9px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.fbtn:hover{border-color:var(--ink)}
.fbtn[aria-pressed="true"],.fbtn[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.fbtn small{font-weight:500;opacity:.7;margin-left:6px}
/* Layihə kartları, nəticələr */
.acard .ph{border:0;border-radius:0}
.nums{display:flex;flex-wrap:wrap;gap:26px;padding-top:6px}
.nums b{display:block;font-family:var(--font-display);font-variation-settings:"SHRP" 60;font-size:2.4rem;font-weight:700;color:var(--red);line-height:1}
.nums span{font-size:13px;color:var(--muted)}
.result-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.result-row div{border-top:1px solid var(--line);padding-top:14px}
.result-row b{display:block;font-family:var(--font-display);font-variation-settings:"SHRP" 60;font-size:clamp(2.2rem,4vw / var(--zoom),3rem);font-weight:700;line-height:1;color:var(--red)}
.result-row span{color:var(--muted);font-size:14.5px}
/* Məqalə kartları */
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.acard{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;background:var(--bg);transition:border-color .15s,box-shadow .15s;min-width:0}
.acard:hover{border-color:var(--gold-light);box-shadow:var(--shadow)}
.acard .ph{--ar:16/9}
.acard-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.acard h3,.acard .h3{font-size:1.08rem;font-weight:650;line-height:1.35}
.acard p{color:var(--muted);font-size:14.5px;line-height:1.5;flex:1}
.acard .ameta{flex:none}
.ameta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted);align-items:center}
.ameta .cat{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}
/* Məqalə, modul və layihə kartı (.acard, .afeat, .mcard, .pcard): link yalnız başlıqdadır (a.card-a - anchor mətni = başlıq), ::after
   bütün kartı örtür - kliklənən sahə, kursor və kartın hover-i əvvəlki kimidir. Fokus halqası kartın özündədir (əvvəlki <a class="acard">
   kimi); :has() olmayan brauzerdə halqa başlığın linkində qalır. SEO işi 2026-10-09.
   Kartın "Ətraflı" / "Oxuyun" sətri (span.link) örtüyün altındadır və :hover almır - siçan onun üstündə olanda core.js .is-hover
   verir (yuxarıdakı .link.is-hover): altı xətt əvvəlki kimi yalnız həmin sətrin üstündə (merge follow-up 2026-10-10). */
.card-a{color:inherit;text-decoration:none}
.card-a::after{content:"";position:absolute;inset:0;z-index:2}
@supports selector(:has(*)){
  .card-a:focus-visible{outline:none}
  .acard:has(.card-a:focus-visible),.afeat:has(.card-a:focus-visible),.mcard:has(.card-a:focus-visible),.pcard:has(.card-a:focus-visible){outline:2px solid var(--focus,var(--red));outline-offset:2px}
}
.toc{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:t}
.toc a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:7px 0;font-size:14px;text-decoration:none;color:var(--ink-2);line-height:1.4}
.toc a::before{counter-increment:t;content:counter(t);font-weight:700;color:var(--gold-dark);font-size:12.5px;padding-top:1px}
.toc a:hover{color:var(--red)}
/* Modul səhifəsi blokları */
.block{display:grid;gap:14px;padding-block:clamp(28px,4vw / var(--zoom),40px);border-top:1px solid var(--line)}
.block:first-child{border-top:0;padding-top:0}
.block h2{font-size:clamp(1.4rem,2.4vw / var(--zoom),1.8rem);font-weight:650;line-height:1.2}
.block p{color:var(--ink-2);font-size:16.5px;line-height:1.7;max-width:68ch}
.video-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border-radius:var(--radius);background:var(--ink);color:var(--on-dark);text-decoration:none}
.video-card .play{width:52px;height:52px;border-radius:12px;background:var(--red);display:grid;place-items:center}
.video-card .play::before{content:"";border-left:16px solid #FFFFFF;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}
.video-card b{display:block;font-size:16px}
.video-card span{font-size:13.5px;color:var(--on-dark-muted)}
.video-card:hover .play{background:var(--red-dark)}
.side-links{list-style:none;margin:0;padding:0;display:grid}
.side-links a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:14.5px}
.side-links a:hover,.side-links a[aria-current]{color:var(--red)}
.side-links a[aria-current]{font-weight:600}
.phone-big{font-family:var(--font-display);font-size:1.35rem;font-weight:650;text-decoration:none}
/* Haqqımızda */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* Status zolağı (aubergine) */
.cred-band{background:var(--aubergine);color:var(--on-dark);--dark-line:#4A3846;--on-dark-muted:#CDBDC9}
.cred-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,5vw / var(--zoom),72px);align-items:center;padding-block:clamp(40px,6vw / var(--zoom),64px)}
.cred-left{display:grid;gap:16px;justify-items:start}
.cred-left h2{font-size:clamp(1.5rem,2.6vw / var(--zoom),2rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}
.cred-left p{color:var(--on-dark-muted);max-width:46ch}
.cred-left .link{color:var(--on-dark)}
.cred-band .label{color:var(--odoo-light)}

/* ─── Formalar (dizaynın .lead / .form-grid; sahə sərhədi 3:1, fokus görünür) ─── */
.lead,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lead .full,.form-grid .full{grid-column:1/-1}
.lead label,.form-grid label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}
.lead input,.lead select,.lead textarea,.form-grid input,.form-grid select,.search-row input{font:15px var(--font);padding:12px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);width:100%;min-width:0}
.lead select,.form-grid select{height:46px}
.lead textarea{min-height:110px;resize:vertical}
.lead input:focus-visible,.lead select:focus-visible,.lead textarea:focus-visible,.form-grid input:focus-visible,.form-grid select:focus-visible,.search-row input:focus-visible{border-color:var(--ink);outline:2px solid var(--red);outline-offset:1px}
.lead fieldset{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.lead legend{font-size:14px;font-weight:600;padding:0;margin-bottom:6px}
.checks{display:flex;flex-wrap:wrap;gap:6px}
.checks label{display:inline-flex;flex-direction:row;align-items:center;gap:7px;font-size:13.5px;font-weight:500;padding:6px 10px;border:1px solid var(--input-line);border-radius:8px;cursor:pointer}
.checks input{width:auto;padding:0;accent-color:var(--red)}
.checks label:has(input:checked){border-color:var(--red);background:var(--red-soft)}
.field-err{font-size:13px;color:var(--red-dark);font-weight:500}
[aria-invalid="true"]{border-color:var(--red)!important}
.done{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid #BFE3D2;background:#EEF8F3;color:var(--ok);font-size:14.5px;font-weight:500}
.search-form{display:grid;gap:8px;width:100%;max-width:640px}
.search-form > label{font-size:14px;font-weight:600}
.search-row{display:flex;gap:10px}
.search-row input{flex:1}
.search-row .btn{flex:none}
.phero h1 .q{color:var(--red);overflow-wrap:anywhere}

/* ─── Bölmə komponentləri (FAQ, metodologiya, final CTA). Ana səhifəyə aid olanlar (hero, yol tapıcı, loqo zolağı, sahə tabları,
   mühasibat siyahısı, ROI bloku) assets/css/home.css-dədir - yalnız ana səhifədə yüklənir ─── */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw / var(--zoom),72px);align-items:start}
.faq-side{display:grid;gap:14px;justify-items:start}
.faq-side p{color:var(--muted)}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-weight:600;font-size:1.06rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:16px;height:2px;background:var(--ink);transition:transform .2s}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq details p{color:var(--muted);padding:0 44px 22px 0;max-width:64ch}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));counter-reset:s;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--line)}
.tl li{counter-increment:s;position:relative;padding:0 18px 0 0;display:grid;gap:6px;align-content:start}
.tl li::before{content:counter(s,decimal-leading-zero);position:relative;z-index:1;width:34px;height:32px;display:grid;place-items:center;background:var(--bg);border:2px solid var(--ink);font:700 12.5px var(--font);margin-bottom:12px}
.tl li:first-child::before{background:var(--red);border-color:var(--red);color:var(--on-dark)}
.tl h3{font-size:1.05rem;font-weight:650;font-family:var(--font)}
.tl p{color:var(--muted);font-size:14.5px;line-height:1.45}
.final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw / var(--zoom),64px);align-items:center;background:var(--stone);border-radius:24px;padding:clamp(28px,5vw / var(--zoom),64px)}
.final-copy{display:grid;gap:16px;justify-items:start}
.final-copy p{color:var(--muted);font-size:1.06rem}

/* ─── Açar-dəyər siyahısı (layihə, məhsul) - mağazanın qalan qaydaları assets/css/shop.css-dədir (P4) ─── */
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;font-size:14.5px;padding-block:14px;border-block:1px solid var(--line);margin:0}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600}

/* ─── Səhifələmə ─── */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:clamp(32px,4vw / var(--zoom),48px)}
.pager ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pg-n,.pg-prev,.pg-next{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:15px;color:var(--ink);background:var(--bg)}
.pg-n:hover,a.pg-prev:hover,a.pg-next:hover{border-color:var(--ink)}
.pg-n[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.pg-prev[aria-disabled],.pg-next[aria-disabled]{color:var(--muted);opacity:.55}
.pg-prev .ic,.pg-next .ic{width:18px;height:18px}
.pg-gap{display:grid;place-items:center;min-width:24px;color:var(--muted)}

/* ─── 404 ─── */
.nf{background:var(--stone);border-bottom:1px solid var(--line)}
.nf-in{display:grid;gap:18px;justify-items:center;text-align:center;padding-block:clamp(56px,9vw / var(--zoom),120px);max-width:820px}
.nf-code{font:700 clamp(4.5rem,12vw / var(--zoom),7.5rem)/1 var(--font-display);font-variation-settings:"SHRP" 60;letter-spacing:-.04em;color:var(--red)}
.nf h1{font-weight:700;font-variation-settings:"SHRP" 60;font-size:clamp(1.9rem,3.6vw / var(--zoom),2.8rem);letter-spacing:-.02em}
.nf .lede{max-width:56ch}
.nf-links{justify-content:center;margin-top:6px}
.nf .search-form{margin-top:18px;text-align:left}
.t-v-404 .site-foot{margin-top:0}

/* ─── Altlıq (footer) ─── */
.site-foot{background:var(--ink);color:var(--on-dark);margin-top:clamp(64px,8vw / var(--zoom),112px);font-size:14.5px}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:40px;border-bottom:1px solid var(--dark-line)}
.foot-top .logo{color:var(--on-dark)}
.foot-top .logo svg{height:30px}
.foot-top-r{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-block:40px}
.foot-h{margin:0 0 14px;font:700 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
.foot-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot-grid a{color:var(--on-dark-muted);text-decoration:none;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:anywhere}   /* ru "конфиденциальности", de "Datenschutzerklärung" dar sütunda */
.foot-grid a:hover{color:var(--on-dark);text-decoration:underline;text-underline-offset:3px}
.foot-grid li{color:var(--on-dark-muted)}
.foot-contact{line-height:1.5}
.socials{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:18px!important}
.socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--dark-line);color:var(--on-dark)}
.socials a:hover{border-color:var(--on-dark);text-decoration:none}
.socials .ic{width:19px;height:19px}
.foot-bottom{padding-block:20px 28px;border-top:1px solid var(--dark-line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;color:var(--on-dark-muted);font-size:13px}
.foot-langs{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.foot-langs a{display:inline-block;padding:4px 8px;border-radius:6px;color:var(--on-dark-muted);text-decoration:none;font-weight:600;letter-spacing:.04em}
.foot-langs a:hover{color:var(--on-dark)}
.foot-langs a[aria-current]{color:var(--on-dark);background:var(--ink-2)}

/* ─── Üzən düymələr: WhatsApp (sağ 24, aşağı 92), R7 çat (sağ 24, aşağı 24), mobil panel (<=640) ─── */
.wa{position:fixed;right:24px;bottom:92px;z-index:999997;width:56px;height:56px;border-radius:14px;background:var(--wa);color:#FFFFFF;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(18,140,74,.7);text-decoration:none}
.wa:hover{background:var(--wa-dark)}
.wa svg,.wa-sq svg{fill:currentColor}
.wa svg{width:29px;height:29px}
.wa:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.arter-chat-open .wa{visibility:hidden}
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:999995;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -10px 24px -18px rgba(22,25,29,.35)}
.mbar .btn{flex:1;padding-block:12px}
.wa-sq,.chat-sq{flex:none;height:48px;border-radius:var(--radius-sm);display:grid;place-items:center;text-decoration:none}
.wa-sq{width:50px;background:var(--wa);color:#FFFFFF}
.wa-sq svg{width:24px;height:24px}
.chat-sq{grid-auto-flow:column;gap:6px;padding:0 12px;border:1.5px solid var(--ink);color:var(--ink);font-weight:600;font-size:14px}
.chat-sq .ic{width:19px;height:19px}
/* R7 çat - eyni markup və JS (function.php: arter_chat_widget), yalnız rənglər yeni dizayndan */
.arter-chat-btn{position:fixed;right:24px;bottom:24px;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:14px;background:var(--ink);color:#FFFFFF;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 10px 24px -8px rgba(22,25,29,.55);z-index:999996;-webkit-tap-highlight-color:transparent}
.arter-chat-btn:hover{background:var(--ink-2)}
.arter-chat-btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.arter-chat-btn svg{width:26px;height:26px;display:block}
.arter-chat-btn .arter-chat-btn__x,.arter-chat-btn.is-open .arter-chat-btn__chat{display:none}
.arter-chat-btn.is-open .arter-chat-btn__x{display:block}
.arter-chat{position:fixed;right:24px;bottom:92px;width:380px;max-width:calc(100vw / var(--zoom) - 48px);max-height:min(80vh / var(--zoom),calc(100vh / var(--zoom) - 116px));display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 60px -20px rgba(22,25,29,.45);z-index:999998;font:15px/1.45 var(--font);text-align:left}
@media (prefers-reduced-motion:no-preference){.arter-chat:not([hidden]){animation:arterChatUp .2s ease}}
@keyframes arterChatUp{from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none}}
.arter-chat__head{position:relative;flex:none;padding:18px 56px 18px 20px;background:var(--ink);color:var(--on-dark)}
.arter-chat__title{font:650 1.12rem/1.3 var(--font-display);font-variation-settings:"SHRP" 45}
.arter-chat .arter-chat__sub{margin-top:4px;font-size:13.5px;color:var(--on-dark-muted)}
.arter-chat__x{position:absolute;top:12px;right:12px;width:36px;height:36px;margin:0;padding:0;border:1px solid var(--dark-line);border-radius:var(--radius-sm);background:transparent;color:var(--on-dark);cursor:pointer;display:grid;place-items:center}
.arter-chat__x:hover{border-color:var(--on-dark)}
.arter-chat__x svg{width:18px;height:18px}
.arter-chat__form{display:flex;flex-direction:column;gap:12px;padding:16px 20px 18px;overflow-y:auto;overscroll-behavior:contain}
.arter-chat__f{display:grid;gap:5px}
.arter-chat__f label{font-size:13.5px;font-weight:600}
.arter-chat__req{color:var(--red)}
.arter-chat__opt{font-weight:400;color:var(--muted)}
.arter-chat input,.arter-chat textarea{width:100%;margin:0;padding:11px 12px;background:var(--bg);border:1px solid var(--input-line);border-radius:var(--radius-sm);color:var(--ink);font:15px/1.35 var(--font)}
.arter-chat input::placeholder,.arter-chat textarea::placeholder{color:#868D96;opacity:1}
.arter-chat input:focus-visible,.arter-chat textarea:focus-visible{border-color:var(--ink);outline:2px solid var(--red);outline-offset:1px}
.arter-chat textarea{min-height:88px;resize:vertical}
.arter-chat .arter-chat__hint{font-size:13px;color:var(--muted)}
.arter-chat .arter-chat__err{font-size:13px;color:var(--red-dark);font-weight:500}
.arter-chat__alert{padding:10px 12px;border:1px solid #F2CDD3;border-radius:var(--radius-sm);background:var(--red-soft);color:var(--red-dark);font-size:14px}
.arter-chat__hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.arter-chat__send{margin:4px 0 0;padding:13px;border:1.5px solid var(--red);border-radius:var(--radius-sm);background:var(--red);color:#FFFFFF;font:600 15.5px var(--font);cursor:pointer}
.arter-chat__send:hover{background:var(--red-dark);border-color:var(--red-dark)}
.arter-chat__send:disabled{opacity:.6;cursor:not-allowed}
.arter-chat .arter-chat__note{font-size:12.5px;line-height:1.5;color:var(--muted)}
.arter-chat__note a{color:inherit}
.arter-chat__ok{padding:28px 20px;text-align:center;overflow-y:auto}
.arter-chat__ok:focus{outline:none}
.arter-chat__ok svg{display:block;width:48px;height:48px;margin:0 auto 10px;color:var(--ok)}
.arter-chat .arter-chat__ok-title{margin-bottom:6px;font:650 1.1rem/1.3 var(--font-display);color:var(--ink)}
.arter-chat__again{margin:16px 0 0;padding:9px 14px;border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:600 14px var(--font);cursor:pointer}
@media (pointer:coarse){.arter-chat input,.arter-chat textarea{font-size:16px}}
@media (max-width:640px){
  .wa,.arter-chat-btn{display:none!important}
  .mbar{display:flex}
  .site-foot{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))} /* mobil panel altlığın üstünü örtməsin (body padding-i ağ zolaq verirdi) */
  .arter-chat{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;max-height:calc(100dvh - 160px)}
}

/* ─── Demo forması (arter_lead_block - eyni markup, sahə adları və JS; yalnız görünüş) ─── */
.t-new .arter-lead{padding-block:clamp(48px,7vw / var(--zoom),96px);background:transparent}
/* Bölmədən sonra: .sec-in alt boşluğu kifayətdir; .sec-sm-dən sonra cəmi 112/64px; sonrakı bölmə ilə arada da 112/64px */
.t-new :is(.sec,.sec-sm) + .arter-lead,.t-new :is(.sec,.sec-sm) + script + .arter-lead{padding-top:0}
.t-new .sec-sm + .arter-lead,.t-new .sec-sm + script + .arter-lead{padding-top:clamp(28px,3.4vw / var(--zoom),48px)}
.t-new .arter-lead + :is(.sec,.sec-sm){padding-top:16px}
.t-new .arter-lead .container{max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw / var(--zoom),40px)}
.t-new .arter-lead__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw / var(--zoom),64px);align-items:start;background:var(--stone);border-radius:24px;padding:clamp(24px,5vw / var(--zoom),56px)}
.t-new .arter-lead__grid--compact{grid-template-columns:minmax(0,1fr);max-width:900px;margin-inline:auto}
.t-new .arter-lead__intro{display:grid;gap:14px;justify-items:start;align-content:start}
.t-new .arter-lead .section-label{font:600 12.5px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark);padding:0;margin:0;background:none}
.t-new .arter-lead .section-title{font:650 clamp(1.7rem,3vw / var(--zoom),2.4rem)/1.12 var(--font-display);font-variation-settings:"SHRP" 45;letter-spacing:-.02em;color:var(--ink);margin:0;text-align:left}
.t-new .arter-lead__intro p{color:var(--muted);font-size:1.04rem;line-height:1.6;margin:0;padding:0}
.t-new .arter-lead__box{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw / var(--zoom),30px);box-shadow:var(--shadow);min-width:0}
.t-new .arter-lead form{display:grid;gap:16px;margin:0}
.t-new .arter-lead .form-grid-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.t-new .arter-lead .form-group{display:grid;gap:6px;min-width:0;margin:0}
.t-new .arter-lead .form-group.full-width{grid-column:1/-1}
.t-new .arter-lead .form-label{font-size:14px;font-weight:600;color:var(--ink);margin:0}
.t-new .arter-lead .form-control{font:15px var(--font);padding:12px;border:1px solid var(--input-line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);width:100%;min-width:0;margin:0;box-shadow:none;height:auto}
.t-new .arter-lead select.form-control{height:46px}
.t-new .arter-lead textarea.form-control{min-height:96px;resize:vertical}
.t-new .arter-lead .form-control:focus-visible{border-color:var(--ink);outline:2px solid var(--red);outline-offset:1px}
.t-new .arter-lead__req{color:var(--red)}
.t-new .arter-lead__mods{border:0;padding:0;margin:0;min-width:0}
.t-new .arter-lead__mods legend{font-weight:600;font-size:14px;color:var(--ink);margin-bottom:8px;padding:0}
.t-new .arter-lead__chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px}
.t-new .arter-lead__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--input-line);border-radius:8px;background:var(--bg);font-size:13.5px;font-weight:500;line-height:1.3;cursor:pointer;min-width:0;margin:0}
.t-new .arter-lead__chip input{margin:0;flex:none;accent-color:var(--red)}
.t-new .arter-lead__chip:has(input:checked){border-color:var(--red);background:var(--red-soft)}
.t-new .arter-lead details{margin:0;border-top:1px solid var(--line);padding-top:12px}
.t-new .arter-lead details[open]{display:grid;gap:14px}
.t-new .arter-lead summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--red);margin:0}
.t-new .arter-lead .btn-primary{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;font:600 16px/1.2 var(--font)!important;padding:15px 22px!important;border-radius:var(--radius-sm);border:1.5px solid var(--red);background:var(--red);color:#FFFFFF;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;box-shadow:none}
.t-new .arter-lead .btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}
.t-new .arter-lead__ok,.t-new .arter-lead__err{padding:12px 16px;border-radius:var(--radius-sm);margin:0;font-weight:500;line-height:1.5}
.t-new .arter-lead__ok{background:#EEF8F3;color:var(--ok);border:1px solid #BFE3D2}
.t-new .arter-lead__err{background:var(--red-soft);color:var(--red-dark);border:1px solid #F2CDD3}
.t-new .arter-lead__note{font-size:12.5px;color:var(--muted);margin:0;padding:0;line-height:1.5}
.t-new .arter-lead__note a{color:inherit;text-decoration:underline}
.t-new .arter-lead__alt{font-size:14.5px;line-height:1.9;color:var(--muted);margin:0;padding:0}
.t-new .arter-lead__alt a{color:var(--red);font-weight:600;text-decoration:none;white-space:nowrap}
.t-new .arter-lead__alt .ic{width:16px;height:16px;vertical-align:-3px;margin-right:2px}
.t-new .arter-proof{margin:0;padding:18px 20px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;width:100%}
.t-new .arter-proof__badge{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:600;text-decoration:none}
.t-new .arter-proof__badge img{width:96px;height:auto;flex:none}
.t-new .arter-proof__facts{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14.5px;color:var(--ink)}
.t-new .arter-proof__facts b{font:700 1.3rem/1 var(--font-display);color:var(--red);margin-right:4px}
.t-new .arter-proof__src{color:var(--muted);font-size:12.5px;white-space:nowrap}
.t-new .arter-proof__link{font-size:14px;color:var(--red);text-decoration:none;font-weight:600}
.t-new .arter-proof__link .ic{width:15px;height:15px;vertical-align:-2px}

/* ─── Toast, dialoq ─── */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:999999;background:var(--ink);color:var(--on-dark);padding:12px 16px;border-radius:var(--radius-sm);font-size:14.5px;display:flex;gap:14px;align-items:center;box-shadow:0 16px 32px -12px rgba(22,25,29,.5);max-width:calc(100vw / var(--zoom) - 32px)}
.toast a{color:var(--gold-light);font-weight:600}
.modal{border:0;padding:0;border-radius:var(--radius);width:min(600px,calc(100vw / var(--zoom) - 32px));max-height:calc(100dvh / var(--zoom) - 32px);overflow:auto;background:var(--bg);color:var(--ink);box-shadow:0 30px 60px -20px rgba(22,25,29,.45)}
.modal::backdrop{background:rgba(22,25,29,.55)}

/* ─── P2: xidmətlər siyahısı, modul səhifəsi, "Odoo Azərbaycan" ─── */
.ic-fill{fill:currentColor;stroke:none}
.btn .ic-fill{width:18px;height:18px}
.phero p.label{margin-bottom:-6px}
.mod-main{min-width:0}
.block .prose{font-size:16.5px}
.video-card .link{color:inherit;font-weight:600}
.video-card + .video-card{margin-top:10px}
.yt-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.card.dark .card-h{color:var(--on-dark)}
.empty .link{font-weight:600}

/* ─── P3: layihələr, media/məqalə, haqqımızda, əlaqə ─── */
.ph-in{display:grid;gap:8px;justify-items:center;text-align:center;padding:12px;font-size:13px;font-weight:600;color:var(--gold-dark)}
.ph.has-img{background:var(--stone)}
a.ph{text-decoration:none}
.ameta time{white-space:nowrap}
/* Məqalə */
.side-links small{font-size:13px;font-weight:600;color:var(--muted)}
/* Əlaqə */
.lead label > span{display:block}
.req{color:var(--red);font-weight:700}
.form-alert{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid #F2CDD3;background:var(--red-soft);color:var(--red-dark);font-size:14.5px;font-weight:500}
.map-note{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.map-frame{grid-column:1/-1;position:relative;aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden;background:var(--stone-2)}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ─── Önizləmə zolağı (yalnız kuki ilə) ─── */
.t-pv{background:var(--aubergine);color:var(--on-dark);font-size:14px}
.t-pv .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;min-height:38px;padding-block:6px}
.t-pv a{color:var(--gold-light)}

/* ─── Responsiv ─── */
@media (max-width:930px),(max-width:1100px) and (hover:none),(max-width:1100px) and (pointer:coarse),print and (max-width:1100px){
  .bento,.mgrid,.agrid,.mgrid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile-main{grid-column:1/-1;grid-row:auto}
  .tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .tl::before{display:none}
  .mega{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .cred-in,.faq,.final,.phero-in,.layout,.cta-band{grid-template-columns:minmax(0,1fr)}
  .t-new .arter-lead__grid{grid-template-columns:minmax(0,1fr)}
  .sticky{position:static}
  .sticky .side-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  .team{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  h1,h2,h3{overflow-wrap:anywhere}   /* yalnız sətrə sığmayan uzun söz (de "aserbaidschanischem") 320 px-də bölünür; hyphens yoxdur.
                                       anywhere (break-word yox): justify-items:start olan gridlərdə (.sh, .phero-copy) min-content-i də kiçildir */
  .bento,.tl,.mgrid,.mgrid-4,.agrid,.team,.result-row,.lead,.form-grid{grid-template-columns:minmax(0,1fr)}
  .t-new .arter-lead .form-grid-inner{grid-template-columns:minmax(0,1fr)}
  .t-new .arter-lead__grid{border-radius:var(--radius)}
  .video-card{grid-template-columns:auto minmax(0,1fr)}
  .video-card .link{display:none}
  .cta-row .btn{flex:1 1 100%}
  .btn{white-space:normal}
  .search-row{flex-direction:column}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}   /* dizayndakı kimi 640 px-ə qədər 4 sütun */
  .pager .pg-prev span,.pager .pg-next span{display:none}
  .badge-lg .bt{max-width:none}
  .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));width:max-content}   /* mobil panelin (.mbar) üstündə; left:50% eni yarıya endirməsin */
}
/* 360 px və dar: mobil paneldə "Çat" yalnız ikon (ad aria-label-dədir) - "Ödənişsiz demo" bir sətirdə qalsın */
@media (max-width:360px){
  .chat-sq{width:48px;padding:0}
  .chat-sq span{display:none}
  .mbar .btn{white-space:nowrap;padding-inline:12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{
  .site-head,.site-foot,.wa,.mbar,.arter-chat-btn,.arter-chat,.t-pv,.skip{display:none!important}
  body{padding:0}
}

/* ─── Blueprint dili (21st.dev seçimi, Batch A - 2026-10-09) ───
   Saytın bir "çertyoj" dili: tük qalınlıqlı torlar, künc mötərizələri, "+" kəsişmələri, solğun qızılı xətlər - "dəqiq qurulmuş
   tətbiq" hissi verir, ucuz effekt yoxdur. Hamısı öz CSS-imizdir, mövcud server markup-u üzərində: 21st.dev-dən kod köçürülməyib, paket yoxdur,
   lisenziyası bəlli olmayan nümunələrdən yalnız fikir götürülüb. Bu faylda: hero/daxili səhifə başlığının nöqtə sahəsi (.phero),
   status zolağı və CTA zolağının işıq şüaları, altlıqdakı böyük ARTER nişanı, düymə dərinliyi, mətn linklərinin oxu, rəqəm vahidi.
   Ana səhifənin hero toru və "Odoo" markeri, ROI bloku, rəqəm mötərizələri - home.css; loqo divarı - pages.css; modul kataloqu -
   services.css; ROI nəticə rəqəmləri - roi.css (bu blokun eyni adlı hissələri).
   Qaydalar:
   - Dekorativ qatlar yalnız psevdo-elementdir (position:absolute, z-index:-1, isolation:isolate) - axına girmir, CLS yoxdur;
     hamısı "@media screen" içindədir - çapda yoxdur. SVG nişanı aria-hidden, mətn düyünü yoxdur.
   - Hərəkət yalnız prefers-reduced-motion:no-preference altındadır; əsas vəziyyət son vəziyyətdir (reduce-da statik görünür).
   - Gradientlə çəkilən 1 px xətt zonada (zoom .75) ~0,75 cihaz px olur və solur: qalınlıq --hair ilə yazılır (1px / --zoom) -
     zonada 1,33 CSS px = 1 cihaz px, zonadan kənarda 1 px. Real border-lər (1px) olduğu kimi qalır.
   - Tünd zolaqlarda mətn kontrastı ölçülüb (mətn gizlədilib, fonun ən açıq pikseli - nöqtə və şüa daxil; masaüstü və telefon):
     odoo-light etiket 4,85:1, solğun mətn 5,6:1, düymələr 5,9:1 (AA 4,5:1). Ağ fonda: .phero etiketi 5,1:1 (telefonda nöqtə .4). */
:root{
  --hair:calc(1px / var(--zoom));
  /* Tünd zolaqların ortaq resepti: 22 px ağ nöqtə toru (sağa doğru sönür) və 118° iki yumşaq işıq şüası (odoo-light, red-on-dark).
     Nöqtə ağ .12-dir (.16 deyil): hərfin piksel nöqtənin üstünə düşəndə də kiçik odoo-light etiket ("Rəsmi status") 4,5:1-dən aşağı
     düşməsin (.16-da ən pis piksel 4,2-4,45:1 idi) */
  --bp-dots-dark:radial-gradient(circle,rgb(255 255 255 / .12) var(--hair),transparent calc(var(--hair) + .6px));
  --bp-fade-right:linear-gradient(100deg,#000 0%,rgb(0 0 0 / .25) 55%,transparent 85%);
  --bp-shafts:linear-gradient(118deg,transparent 30%,rgb(201 160 192 / .1) 38%,rgb(242 96 122 / .13) 43%,transparent 52%),
              linear-gradient(118deg,transparent 48%,rgb(201 160 192 / .07) 53%,transparent 60%);
}
@media screen{
  /* Daxili səhifə başlığı: yan kartın arxasında solğun qızılı nöqtə sahəsi (18 px), ellips maska ilə sönür */
  .phero{isolation:isolate}
  .phero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:radial-gradient(circle,rgb(122 102 75 / .3) var(--hair),transparent calc(var(--hair) + .6px)) 0 0/18px 18px;
    -webkit-mask-image:radial-gradient(45% 90% at 82% 50%,#000 25%,transparent 75%);mask-image:radial-gradient(45% 90% at 82% 50%,#000 25%,transparent 75%)}
  /* Status zolağı (ana səhifə, haqqımızda) və CTA zolağı (yarım güclə): nöqtə toru + işıq şüaları */
  .cred-band,.cta-band{position:relative;isolation:isolate;overflow:clip}
  .cred-band::before,.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:var(--bp-dots-dark) 0 0/22px 22px;-webkit-mask-image:var(--bp-fade-right);mask-image:var(--bp-fade-right)}
  .cred-band::after,.cta-band::after{content:"";position:absolute;inset:-40% -10% -40% -30%;z-index:-1;pointer-events:none;background:var(--bp-shafts)}
  .cta-band::before,.cta-band::after{opacity:.5}
  /* Altlıq: bir statik diaqonal şüa və sonda kəsilmiş böyük ARTER nişanı (sprite-dakı #logo-arter; footer.php) */
  .site-foot{position:relative;isolation:isolate;overflow:clip}
  .site-foot::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(118deg,transparent 46%,rgb(220 207 188 / .05) 52%,rgb(197 23 46 / .1) 57%,rgb(220 207 188 / .035) 61%,transparent 66%)}
}
/* Nişan yalnız ekranda və 480 px-dən enli ekranda; viewBox nisbəti (335:54) hündürlüyü əvvəlcədən verir - CLS yoxdur.
   Alt kənarla ~25% kəsilir (mənfi margin + altlığın overflow:clip-i); qızılı xətt (.bar) də eyni şəffaflıqla solur */
.foot-mark{display:none}
@media screen and (min-width:480px){
  .foot-mark{display:block;width:100%;height:auto;aspect-ratio:335/54;margin:clamp(12px,2.4vw / var(--zoom),32px) 0 -4%;
    fill:var(--on-dark);opacity:.07;pointer-events:none;user-select:none;
    -webkit-mask-image:linear-gradient(#000 30%,transparent 100%);mask-image:linear-gradient(#000 30%,transparent 100%)}
}
@media (max-width:900px){
  /* Telefonda yan kart mətnin altındadır - nöqtələr yuxarı sağ küncdə. Orada nöqtələr mətnin (etiket, başlıq, lede) altına düşür:
     .4 şəffaflıqla (nöqtə ~.12) hərf nöqtənin mərkəzinə düşəndə də gold-dark etiket ~4,7:1, muted mətn ~5,3:1 qalır
     (tam güclə 3,6 və 4,1:1 olurdu - masaüstündə nöqtələr yan kartın ətrafındadır, mətnin altına çatmır) */
  .phero::before{-webkit-mask-image:radial-gradient(80% 70% at 100% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(80% 70% at 100% 0%,#000 20%,transparent 75%);opacity:.4}
}

/* Qırmızı düymə: təmkinli dərinlik (QW2) - yuxarıda incə işıq, tünd qırmızı çərçivə, basanda 1 px aşağı. Ağ mətn 5,3:1 qalır */
.btn-red{border-color:var(--red-dark);box-shadow:inset 0 var(--hair) 0 rgb(255 255 255 / .22),0 1px 2px rgb(160 17 42 / .22)}
.btn-red:hover{border-color:var(--red-dark);border-color:color-mix(in srgb,var(--red-dark) 78%,var(--ink))}
@media (prefers-reduced-motion:no-preference){.btn-red:active{translate:0 1px}}

/* Mətn linkinin oxu (QW5): kartlardakı və ayrıca duran "Ətraflı", "Oxuyun" tipli linklər. Ox həmişə görünür (CSS maskası,
   currentColor; mətn deyil - ekran oxuyucusu oxumur), hover/fokusda 3 px irəli yalnız no-preference altında. Xarici linklər
   (target) və cümlə içindəki linklər (.side-cta) ox almır */
:is(.tile,.casebox,.acard,.pcard,.mcard,.card,.sec-more,.finder-cta,.empty) .link:not([target],.side-cta .link)::after{
  content:"";flex:none;width:.95em;height:.95em;margin-left:.35em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
@media (prefers-reduced-motion:no-preference){
  :is(.tile,.casebox,.acard,.pcard,.mcard,.card,.sec-more,.finder-cta,.empty) .link:not([target],.side-cta .link)::after{transition:translate .2s}
  .link:is(:hover,:focus-visible)::after,:is(.acard,.pcard,.mcard,a.card):is(:hover,:focus-visible,:has(.card-a:focus-visible)) .link::after{translate:3px 0}
}

/* Statistik rəqəmin vahidi (QW1): 88<small class="stat-u">%</small> - mətn eynidir (arter_stat_html), vahid kiçik və solğun;
   "+" yuxarı qaldırılır (350+). Tünd fonda solğun açıq rəng */
.stat-u{font-size:.55em;font-weight:inherit;letter-spacing:0;color:var(--muted);margin-left:.03em}
.stat-u.up{position:relative;top:-.7em}
.cred-band .stat-u,.card.dark .stat-u{color:var(--on-dark-muted)}

/* ─── 21st.dev seçimi, Batch B (2026-10-09): metodologiya xətti, FAQ kartı, demo bəndləri, oxuma müddəti ───
   Batch A-nın qaydaları ilə: öz CSS-imiz, mövcud server markup-u (+ sahibkarın təsdiqlədiyi yeni mətnlər); hərəkət yalnız
   prefers-reduced-motion:no-preference altında, əsas vəziyyət statikdir; dekorativ qatlar yalnız ekranda; fokus görünür.
   Layihələr siyahısı və məqalənin meta nişanı - pages.css, Community / Enterprise cədvəli - services.css (bu blokun eyni adlı hissəsi). */

/* İşarəli siyahı (.ticks): services.css-dən köçürülüb - indi demo blokunda da (bütün səhifələrdə) işlənir */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ticks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.ticks li::before{content:"";width:18px;height:18px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.4l3.2 3.1L13 4.5' fill='none' stroke='%23C5172E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center}
/* Demo blokunun sol sütunu: "demoda nə alırsınız" (QW3) - uzun formanın yanında sütun boş qalmasın */
.t-new .arter-lead__ticks{gap:10px;margin:2px 0}
.t-new .arter-lead__ticks li{font-size:15.5px;font-weight:500}

/* Metodologiya (seçim 4): addımın təxmini müddəti - başlığın altında kiçik nişan (yalnız ana səhifədə var) */
.tl-when{display:inline-flex;align-items:flex-start;gap:6px;justify-self:start;max-width:100%;margin:1px 0 3px;padding:3px 9px 3px 7px;border-radius:6px;
  background:var(--stone);border:1px solid var(--stone-2);color:var(--gold-dark);font-size:13px;font-weight:600;line-height:1.35}
.tl-when .ic{width:14px;height:14px;stroke-width:2;margin-top:1px}
html:is([lang="de"],[lang="ru"]) .tl :is(h3,p){hyphens:auto;hyphenate-limit-chars:10 4 4}   /* 6 dar sütunda uzun de/ru sözləri */
/* Qırmızı irəliləyiş xətti: bölmə görünüşə girdikcə boz xəttin üstündə soldan sağa dolur (scroll-driven, JS yoxdur).
   Yalnız animation-timeline dəstəklənəndə və no-preference-da; Firefox və reduce - bugünkü boz xətt. Addımlar boz olmur.
   Xəttin zamanı .tl-in öz görünüşüdür (view-timeline): ekranın aşağı 25%-i kəsilir - dolma bölmə oxunan zonaya girəndə başlayır */
@supports (animation-timeline:view()){
  @media screen and (prefers-reduced-motion:no-preference){
    .tl{view-timeline:--tl-rail block;view-timeline-inset:0 25%}
    .tl::after{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--red);transform-origin:0 50%;pointer-events:none;
      animation:tl-rail linear both;animation-timeline:--tl-rail;animation-range:entry 0% entry 100%}
  }
}
@keyframes tl-rail{from{transform:scaleX(0)} to{transform:scaleX(1)}}
@media (max-width:930px),(max-width:1100px) and (hover:none),(max-width:1100px) and (pointer:coarse),print and (max-width:1100px){
  .tl::after{display:none}
  html:is([lang="de"],[lang="ru"]) .tl :is(h3,p){hyphens:manual}   /* 3 və 1 sütunda sütun enlidir - bölmə lazım deyil */
}
/* Telefon: düz siyahı əvəzinə şaquli xətt və dairəvi nömrələr. Xətt hər addımın öz parçasıdır (li::after, nömrədən növbəti
   nömrəyə) - sonuncuda yoxdur, uzunluğu hesablamaq lazım deyil */
@media (max-width:640px){
  .tl{row-gap:0}
  .tl li{padding:0 0 30px 50px;min-height:34px}
  .tl li:last-child{padding-bottom:0}
  .tl li::before{position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;margin:0}
  .tl li > h3{padding-top:6px}
}
@media screen and (max-width:640px){
  .tl li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--line);pointer-events:none}
}
/* Telefonda irəliləyiş: hər parça addım ekranın ortasından keçdikcə qırmızı dolur (addımın öz view-timeline-ı) */
@supports (animation-timeline:view()){
  @media screen and (prefers-reduced-motion:no-preference) and (max-width:640px){
    .tl li{view-timeline:--tl-step block;view-timeline-inset:0 45%}
    .tl li:not(:last-child)::after{background:linear-gradient(var(--red),var(--red)) 0 0/100% 0% no-repeat,var(--line);
      animation:tl-step linear both;animation-timeline:--tl-step;animation-range:entry 0% entry 100%}
  }
}
@keyframes tl-step{from{background-size:100% 0%,auto} to{background-size:100% 100%,auto}}

/* FAQ (seçim 5): yan sütunda əlaqə kartı (ana səhifə, əlaqə) - DOM sırası: başlıq, suallar, kart (telefonda kart sualların altında,
   klaviatura və ekran oxuyucusu da bu sıra ilə gedir). Masaüstündə kart sol sütunda başlığın altındadır və yapışqandır */
@media (min-width:901px){
  .faq:has(> .fcard){grid-template-rows:auto 1fr;row-gap:28px}
  .faq > .faq-list{grid-column:2;grid-row:1 / span 2}
  .faq > .fcard{grid-column:1;grid-row:2;align-self:start;position:sticky;top:calc(var(--head-h) + 22px)}
}
.fcard{display:grid;gap:16px;align-content:start;justify-self:start;width:100%;max-width:440px;min-width:0;padding:clamp(20px,2.4vw / var(--zoom),26px);
  background:var(--stone);border:1px solid var(--stone-2);border-radius:var(--radius)}
.fcard-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.fcard-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--on-dark)}
.fcard-ic .ic{width:20px;height:20px}
.fcard .fcard-h{margin:0;font:650 1.12rem/1.3 var(--font-display);font-variation-settings:"SHRP" 45;color:var(--ink)}
.fcard .fcard-p{display:flex;gap:6px;align-items:flex-start;margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--muted)}
.fcard-p .ic{width:15px;height:15px;stroke-width:2;margin-top:2px}
/* WhatsApp düyməsi: --wa-dark fonda ağ mətn 5,4:1 (--wa 4,31:1 - mətn üçün az) */
.btn-wa{background:var(--wa-dark);border-color:var(--wa-dark);color:#FFFFFF}
.btn-wa:hover{background:#0B6633;border-color:#0B6633}
.fcard .btn-wa{width:100%;color:#FFFFFF;text-decoration:none}   /* .prose a-nın rəngi düymənin mətnini qırmızı etməsin ("Odoo Azərbaycan") */
.fcard .btn-wa:hover{color:#FFFFFF}
.fcard .fcard-tel{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:2px 4px;font-weight:600;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.fcard-tel .ic{width:16px;height:16px;color:var(--red)}
.fcard .fcard-tel:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}
/* "Odoo Azərbaycan": FAQ bölməsinin sonunda, mətnin içində - geniş sütunda üfüqi düzülüş */
.fcard--inline{max-width:none;grid-template-columns:minmax(0,1fr) minmax(220px,auto);column-gap:28px;row-gap:10px;align-items:center}
.fcard--inline .fcard-top{grid-row:1 / span 2}
.fcard--inline .fcard-tel{justify-self:center}
@media (max-width:640px){
  .fcard--inline{grid-template-columns:minmax(0,1fr)}
  .fcard--inline .fcard-top{grid-row:auto}
}
/* Cavablar: fokus halqası görünür, açılma hamar (::details-content + interpolate-size; yalnız no-preference; dəstəkləməyən
   brauzerdə dərhal açılır). Qısa FAQ-larda eyni anda bir cavab açıqdır (details name - HTML) */
.faq summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:no-preference){
  @supports selector(::details-content){
    .faq details{interpolate-size:allow-keywords}
    .faq details::details-content{block-size:0;overflow-y:clip;transition:block-size .3s cubic-bezier(.2,.7,.2,1),content-visibility .3s allow-discrete}
    .faq details[open]::details-content{block-size:auto}
  }
}

/* Oxuma müddəti (QW4): kartın örtüyünün sol yuxarı küncündə ağ nişan (video yazısında yoxdur - orada .vid-badge-dir).
   DOM-da kartın sonundadır (linkin adı başlıqla başlasın), görünüşdə örtüyün üstündə */
.rt-pill{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;line-height:1.2;color:var(--ink);white-space:nowrap}
.rt-pill .ic{width:14px;height:14px;stroke-width:2}
.acard,.afeat{position:relative}
:is(.acard,.afeat) > .rt-pill{position:absolute;left:12px;top:12px;z-index:1;padding:5px 10px 5px 8px;border-radius:999px;
  background:rgb(255 255 255 / .94);box-shadow:0 1px 3px rgb(22 25 29 / .16);pointer-events:none}

/* ─── 21st.dev seçimi, Batch C (2026-10-09): mega menyunun izah sətirləri, bento rəsmləri, səbət toast-u ───
   Batch A/B-nin qaydaları ilə: öz CSS/JS-imiz (21st.dev-dən kod köçürülməyib), mövcud server markup-u + sahibkarın təsdiqlədiyi
   mətnlər; hərəkət yalnız no-preference altında; dekorativ SVG aria-hidden; çapda dekor yoxdur. Modul səhifəsinin video afişası -
   services.css, bentonun enli plitəsi (ana səhifə) və status rəqəmlərinin fırlanması - home.css (bu blokun eyni adlı hissəsi). */

/* Mega menyu (seçim 12): modul adının altında bir sətirlik izah (header.php .mega-d, mətn i18n mod_d_<id> - modulun id-si ilə).
   İkon adın birinci sətrinin yanındadır, izah solğun və ən çox 2 sətirdir (line-clamp - uzun dildə də panel hündürlüyü sabitdir;
   4 dildə heç biri kəsilmir - yoxlanılıb). Panel 980 -> 1240 px, yan kart bir az darlaşır (1,1fr -> .8fr) - izahlar 2 sətrə
   sığsın. Panel artıq "Xidmətlər" düyməsinə deyil, başlıq konteynerinə (.head-row) bağlıdır və onun ortasındadır: en konteynerdən
   böyük olmur, dar zona pəncərəsində də (931 px) sola/sağa çıxmır; yuxarı kənar əvvəlki yerindədir (düymənin altından 14 px).
   Pəncərə qısa olanda panel öz içində sürüşür (alt hissə ekrandan kənarda qalmasın). Mobil menyuda mega yoxdur. JS eynidir */
.has-mega{position:static}
.mega{top:calc(100% - 4px);transform:translateX(-50%);width:min(1240px,100% - 32px);grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.8fr);
  max-height:calc(100vh / var(--zoom) - var(--head-h) - 20px);overflow-y:auto;overscroll-behavior:contain}
.mega li a{align-items:flex-start}
.mega-t{display:grid;gap:2px;min-width:0;padding-top:4px}   /* adın birinci sətri 28 px ikonun ortasına düşsün */
.mega-d{font-size:13px;line-height:1.35;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.mega li a[aria-current] .mega-d{font-weight:400}

/* Bento rəsmləri (seçim 11, Tailark "Features 8" fikri): kiçik plitələrin boş aşağı yarısında monoxrom xətt rəsmi - sprite
   simvolu (i-il-flow / phone / receipt / cal), söz yoxdur, aria-hidden. Sabit 156x96 (simvolun viewBox-u) - CLS yoxdur. Xətt
   currentColor (boz), qızılı vurğu simvolun içindədir. Rəsm mətnlə link arasındadır: margin-top:auto onu plitənin aşağısına
   itələyir, link onun altında qalır. Zonada (zoom .75) xətt 1,5 -> 2 (ekranda ~1,5 cihaz px) - faylın sonundakı blokda */
.tile-il{display:block;flex:none;width:156px;height:96px;max-width:100%;margin:auto 0 0;color:#7D848C;
  fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.tile-il + .link{margin-top:0}
@media print{.tile-il{display:none}}

/* Səbətə əlavə toast-u (növbəti seçim, Bundui "toast6" fikri): məhsulun adı, mövcud mesaj ("Səbətə əlavə edildi. Səbətdə: N") və
   "Səbətə keçin" linki olan kiçik kart - core.js toast(mətn, link, başlıq), başlıq shop.js-dən (düymənin data-name-i). Adi toast-lar
   (linki kopyala, ROI) əvvəlki kimidir. Tünd kart (mövcud toast kimi); yaşıl dairədə işarə dekorativdir. Giriş hərəkəti
   (8 px yuxarı + görünmə) yalnız no-preference. Telefonda link ikinci sətirdədir (mətnin altında). Məhsulun adı ən çox 3 sətirdir
   (yoxlama 2026-10-09: 2 sətirdə ru "Сенсорный POS-терминал Class TX-1700 с двумя экранами" masaüstündə kəsilirdi) */
.toast--card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:2px 14px;align-items:center;width:min(480px,100vw / var(--zoom) - 32px);
  padding:14px 16px 14px 14px;border:1px solid rgb(255 255 255 / .08)}
.toast-ic{grid-row:1 / span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgb(31 122 85 / .28);color:#8FE0BC}
.toast-ic .ic{width:18px;height:18px;stroke-width:2.4}
.toast-t{grid-column:2;font-weight:650;line-height:1.3;color:var(--on-dark);overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.toast-m{grid-column:2;font-size:14px;line-height:1.35;color:var(--on-dark-muted)}
.toast--card a{grid-column:3;grid-row:1 / span 2;white-space:nowrap;padding:8px 12px;border-radius:8px;text-decoration:none;
  background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .2)}
.toast--card a:hover{background:rgb(255 255 255 / .13);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){
  .toast--card{grid-template-columns:36px minmax(0,1fr);row-gap:2px}
  .toast--card a{grid-column:2;grid-row:auto;justify-self:start;margin-top:8px}
}
@media (prefers-reduced-motion:no-preference){
  .toast--card:not([hidden]){animation:toast-in .22s cubic-bezier(.2,.7,.2,1)}
}
@keyframes toast-in{from{opacity:0;translate:0 8px}}

/* ─── Xırda mətnlər masaüstü miqyasında (sahibkar 2026-10-08: "Ən xırdaları böyüt" - 75% görünüş qalır) ───
   Zonada (faylın əvvəlindəki masaüstü miqyası, zoom .75) 14,5 CSS px-dən kiçik mətn ekranda 10,9 px-dən kiçik görünürdü
   (1366x768-də: altlıq başlıqları 9, Silver nişanı 7,9, səbət sayğacı 8,6, etiketlər 9,4 px). Burada YALNIZ o mətnlər 14,5 px-ə
   (ekranda ~10,9 px) qaldırılır; 14,5 və böyük olanlar (gövdə 16, sahələr 15, menyu 15, düymələr 15,5) dəyişmir. Rəng, qalınlıq,
   hərf aralığı, sətir hündürlüyü (nisbi) eynidir - yalnız font-size.
   - Şərt faylın əvvəlindəki zona ilə eynidir (@supports zoom + screen + siçan + ">930 px"); toxunma, ≤930 px və çap üçün heç nə dəyişmir.
   - Blok faylın SONUNDADIR: selektorlar orijinalın eynisidir, sonra gəldiyi üçün üstün olur - spesifiklik dəyişmir.
   - R7 çatın və demo formasının (function.php) qaydaları da buradadır (yeni dizaynda onların inline <style>-u çap olunmur).
   - Yalnız bir səhifə qrupunda olan selektorlar öz fayllarının sonunda, eyni şərtli blokdadır: home.css, services.css, pages.css,
     roi.css, shop.css; ROI qrafikinin SVG yazıları roi.js-dədir (zonada --zoom < 1 olanda); statik 404-new.html öz CSS-ində.
   - Böyük hərfli kiçik başlıqlar (etiketlər) yenə də bölmə başlıqlarından (18-44 px) xeyli kiçikdir. */
@supports (zoom:1){
  @media screen and (hover:hover) and (pointer:fine){
    @media not all and (max-width:930px){
      /* Başlıq: Silver nişanı, səbət sayğacı, dil seçicisi, mega menyu.
         İSTİSNA - Silver nişanının mətni 13 px (14,5 yox): 14,5-də nişan 22 px enlənir, başlıq sırasının boş yeri isə (konteyner
         1160 px) de-də 16, az-da 22, ru-da 25 px idi - de-də "Kostenlose Demo" düyməsi konteynerdən 6,6 px çıxırdı, az-da 0,3 px
         ehtiyat qalırdı. 13 px-də nişan 14 px enlənir: ehtiyat de 1,6, az 7,9, ru 10,7 px. İki sətir 44 px hündürlükdə sığır */
      .badge-hd .bt{font-size:13px}
      .cart-count{font-size:14.5px}
      .lang-btn{font-size:14.5px}
      .lang-menu a span{font-size:14.5px}
      .mega-h{font-size:14.5px}
      .mega-side p{font-size:14.5px}
      /* Mega menyunun qrup başlıqları 14,5 px-də 1-3 sətir olur (az "LAYİHƏ VƏ MOBİL" 1, qalanları 2; de 3) - siyahılar fərqli
         hündürlükdən başlayırdı. Sütunlar subgrid: başlıqlar bir sırada (ən hündürü qədər), siyahılar eyni xətdən başlayır.
         Zonada mega həmişə tək sıra 5 sütundur, ona görə sıra aralığı 0 (başlıqla siyahı arası əvvəlki kimi .mega-h-in 10 px-i) */
      @supports (grid-template-rows:subgrid){
        .mega{row-gap:0}
        .mega > div{grid-row:span 2}
        .mega > div:not(.mega-side){display:grid;grid-template-rows:subgrid}
        .mega > div > ul{align-self:start}   /* siyahı sıranın hündürlüyünə uzanmasın (bəndlər arası 2 px qalır) */
      }
      /* Etiket, səhifə yolu, qeydlər */
      .label{font-size:14.5px}
      .badge-lg .bt{font-size:14.5px}
      .badge-lg .bt small{font-size:14.5px}
      .crumbs{font-size:14.5px}
      .src-note{font-size:14.5px}
      .btn-sm{font-size:14.5px}
      /* .prose: nömrəli siyahının rəqəmi */
      .prose ol li::before{font-size:14.5px}
      /* Kartlar, çiplər, filtrlər (.fbtn small - brauzerin "smaller" ölçüsü idi, 11,7 px) */
      .flag{font-size:14.5px}
      .chips li,.chips li a,.subs span,.subs a{font-size:14.5px}
      .fbtn{font-size:14.5px}
      .fbtn small{font-size:14.5px}
      .nums span{font-size:14.5px}
      .ameta{font-size:14.5px}
      .toc a{font-size:14.5px}
      .toc a::before{font-size:14.5px}
      .video-card span{font-size:14.5px}
      /* Formalar */
      .lead label,.form-grid label{font-size:14.5px}
      .lead legend{font-size:14.5px}
      .checks label{font-size:14.5px}
      .field-err{font-size:14.5px}
      .search-form > label{font-size:14.5px}
      /* Metodologiya addımlarının nömrəsi (34x32 qutuya sığır) */
      .tl li::before{font-size:14.5px}
      /* Batch B: addımın müddət nişanı, oxuma müddəti nişanı */
      .tl-when{font-size:14.5px}
      .rt-pill{font-size:14.5px}
      /* Batch C: mega menyunun izah sətri, səbət toast-unun mesajı; bento rəsminin xətti (ölçü deyil - 1,5 CSS px zonada ~1,1 cihaz px idi) */
      .mega-d{font-size:14.5px}
      .toast-m{font-size:14.5px}
      .tile-il{stroke-width:2}
      /* Altlıq */
      .foot-h{font-size:14.5px}
      .foot-bottom{font-size:14.5px}
      /* R7 çat */
      .arter-chat .arter-chat__sub{font-size:14.5px}
      .arter-chat__f label{font-size:14.5px}
      .arter-chat .arter-chat__hint{font-size:14.5px}
      .arter-chat .arter-chat__err{font-size:14.5px}
      .arter-chat__alert{font-size:14.5px}
      .arter-chat .arter-chat__note{font-size:14.5px}
      /* 14,5 px-də az-da "Məxfilik siyasəti" linki sətir sonunda bölünürdü ("siyasəti" son sətirdə tək qalırdı) - link bütöv keçir */
      .arter-chat .arter-chat__note a{white-space:nowrap}
      .arter-chat__again{font-size:14.5px}
      /* Demo forması (arter_lead_block) */
      .t-new .arter-lead .section-label{font-size:14.5px}
      .t-new .arter-lead .form-label{font-size:14.5px}
      .t-new .arter-lead__mods legend{font-size:14.5px}
      .t-new .arter-lead__chip{font-size:14.5px}
      .t-new .arter-lead__note{font-size:14.5px}
      .t-new .arter-proof__src{font-size:14.5px}
      .t-new .arter-proof__link{font-size:14.5px}
      /* P3 blokları, önizləmə zolağı */
      .ph-in{font-size:14.5px}
      .side-links small{font-size:14.5px}
      .map-note{font-size:14.5px}
      .t-pv{font-size:14.5px}
    }
  }
}

/* ─── Zonada konteyner eni (sahibkar 2026-10-09: "saytın sağ və sol yanları çox boş qalır") ───
   75%-də 1240 px konteyner geniş ekranda enin ~2/3-ni tuturdu: 1920x1080, Windows 150% (1280 CSS px) - məzmun ~870 px, hər
   yanda ~200 px boş. Zonada konteyner effektiv pəncərənin 90%-nə qədər genişlənir: ən azı əvvəlki 1240 px (dar zona
   pəncərələrində dizayn eyni qalır), ən çoxu 1840 px (ekranda 1380 px - çox geniş monitorda sətirlər uzanmasın).
   90vw / var(--zoom) = effektiv pəncərənin 90%-i (zoom vw-ni də kiçildir). Mətn blokları öz ch limitləri ilə qalır. */
@supports (zoom:1){
  @media screen and (hover:hover) and (pointer:fine){
    @media not all and (max-width:930px){
      .wrap,.t-new .arter-lead .container{max-width:clamp(1240px,calc(90vw / var(--zoom)),1840px)}
    }
  }
}