/* =========================================================================
   base.css — Baza qat: reset, konteyner, tipoqrafiya, duymeler, elcatanliq
   Mercedes-Benz Autostar Azerbaycan · Dalga D3
   =========================================================================

   BU FAYLIN ROLU
     header.css ve footer.css BUNDAN ASILIDIR. Ortaq olan her sey burada
     bir defe yazilir, komponent fayllarinda TEKRARLANMIR.
     Yukleme sirasi (theme/inc/setup.php): fonts -> tokens -> base -> header
     -> footer -> main.

   MENBELER (her qaydanin yaninda konkret menbe gosterilib)
     [MAINCSS]  analysis/qlobal/css/main.css       — yunan saytinin orijinal CSS qaydasi (sitat)
     [INLINE]   analysis/qlobal/css/inline.css     — sehife daxili CSS (Osano ve s.)
     [COMPUTED] analysis/*.json                    — Playwright getComputedStyle olcmesi
     [VERIFY]   analysis/VERIFY-SUMMARY.txt        — skeptik yoxlamanin duzelisleri
     [REF]      docs/REFERENCE_ANALYSIS.md         — tesdiqlenmis desktop xulasesi
     [MOBIL]    analysis/agent-mobil.md            — tesdiqlenmis mobil xulasesi

   ZIDDIYYET QAYDASI: [VERIFY] > [MAINCSS] > [COMPUTED] > [REF]/[MOBIL]

   HARDCODED DEYER YOXDUR — butun reng/olcu tokens.css deyisenlerinden gelir.
   tokens.css-de olmayan deyer bu faylda --mb-local-* adi ile tanidilir ve
   "tokens.css-e kocurulmelidir" qeydi ile isarelenir (bax §0).

   ⚠ TEXNIKI: CSS custom property @media sertinde ISLEMIR. Ona gore @media
     bloklarinda breakpoint REQEMLERI birbasa yazilib, yaninda token adi
     serhde gosterilib.
   ========================================================================= */


/* =========================================================================
   0. YERLI DEYISENLER — tokens.css-de YOXDUR, ORA KOCURULMELIDIR
   -------------------------------------------------------------------------
   Bunlari tokens.css-e ozum elave ede bilmirem (basqa agentin faylidir).
   Orkestrator uygun gorse --mb-local-* prefiksini silib tokens.css-e kocure biler.
   ========================================================================= */

:root {
  /* Ikinci dereceli duymenin fonu — [CSSVAR] --branding--button-secondary-* ve
     [MAINCSS] .translucent .btn{background-color:transparent;border-color:#bbb;color:#333}
     Reng deyerleri tokens.css-de VAR (--mb-color-border-button, --mb-color-text-heading,
     --mb-color-bg-btn-sec-hover), yalniz "seffaf fon" acari yoxdur. */
  --mb-local-btn-bg-transparent: transparent; /* [CSSVAR] --branding--button-secondary-background-color: transparent */

  /* Tund fon uzerinde ikinci dereceli duymenin hover fonu
     [MAINCSS] .secondary-dark .btn:hover{background-color:#424242} */
  --mb-local-color-btn-dark-hover: #424242;

  /* Form sahesinin fokus rengi — [MAINCSS] input:focus,select:focus,textarea:focus
     {border-color:#2f6690;box-shadow:inset 0 0 5px 0 #2f6690} */
  --mb-local-color-input-focus: #2f6690;

  /* Kart duymelerinin qalxma mesafesi — IKI ferqli deyer olculdu:
       87px  [MAINCSS] .ani--text-01 .inset .content .button{transform:translateY(87px)} (ana sehife)
       40px  [MAINCSS] .tabs.our-models .cycle--hover .button{transform:translateY(40px)} (kataloq karti)
     tokens.css-de yalniz 87px var (--mb-motion-button-rise). 40px-lik variant burada. */
  --mb-local-motion-button-rise-sm: 40px; /* [MAINCSS] .tabs.our-models .cycle--hover .button */

  /* Sekil hover boyudulmesinin miqyas baslangici — [MAINCSS] .jump.scale-image--hover img{transform:scale(1)} */
  --mb-local-image-scale-base: 1;

  /* Konteyner legacy kenar — [MAINCSS] .container{margin:0 10px} (<768px)
     tokens.css-de --mb-layout-container-base "0 10px" kimi qisa yazilib; burada tek reqem lazimdir. */
  --mb-local-container-margin-x: 10px;

  /* Sutun gutter-inin musbet yarisi — [MAINCSS] .row-fluid{margin-inline:-10px} qarsiligi */
  --mb-local-gutter-half: 10px; /* = --mb-space-gutter, musbet istiqamet */

  /* --- Olculmus, lakin tokens.css-de token-i OLMAYAN olculer -------------- */
  --mb-local-text-18:        1.125rem; /* 18px — [MAINCSS] .sub-title / .content */
  --mb-local-text-15:        15px;     /* [COMPUTED] ban novu etiketi (h4 teqinde, 700) */
  --mb-local-text-14:        0.875rem; /* 14px — [MAINCSS] .h4,h4{font-size:.875rem} */
  --mb-local-text-12:        0.75rem;  /* 12px — [COMPUTED] .featured-sash */
  --mb-local-text-ls-content:0.18px;   /* [COMPUTED] .content letter-spacing */

  --mb-local-layout-fluid-max: 1920px; /* [MAINCSS] .container-fluid>.container{max-width:1920px} */
  --mb-local-btn-max-mobile:   320px;  /* [MAINCSS] @media(max-width:767px){.btn{max-width:320px}} */

  /* Elcatanliq fokus halqasi — yunan saytinda YOXDUR (bax §8.3 serhi).
     Reng tokens.css-den (--mb-color-accent), yalniz en/offset burada. */
  --mb-local-focus-ring-width: 2px;
  --mb-local-focus-ring-offset: 2px;

  /* Cookie banneri z-index — [INLINE] .osano-cm-window{z-index:2147483638},
     .osano-cm-dialog 2147483636, widget 2147483637.
     ⚠ [MAINCSS] yunan sayti bunu .osano-cm-window{z-index:214748} ile ASAGI SALIR.
     Osano 3-cu terefdir ([REF §6] — replikasiyadan kenar), ona gore burada
     yalniz SENEDLESDIRME ucun saxlanilir, hec bir qaydada istifade olunmur. */
  --mb-local-z-cookie: 2147483637;
}


/* =========================================================================
   1. RESET / NORMALIZE — minimal
   [MAINCSS] html{box-sizing:border-box} · *,:after,:before{box-sizing:inherit}
   [MAINCSS] body{margin:0} · [MAINCSS] img{max-width:100%}
   Lazimsiz qayda yazilmayib: yunan sayti tam normalize.css yuklemir.
   ========================================================================= */

html {
  box-sizing: border-box; /* [MAINCSS] html{box-sizing:border-box} */
}

*,
*::before,
*::after {
  box-sizing: inherit; /* [MAINCSS] *,:after,:before{box-sizing:inherit} */
}

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
  margin: 0; /* [MAINCSS] body{margin:0} · h1..h4{margin-top:0} · p{margin-top:0} */
}

/* [MAINCSS] .h1,.h2,h1,h2{margin-bottom:revert} · .h3,.h4,h3,h4{margin-bottom:revert} · p{margin-bottom:revert}
   "revert" = brauzerin oz alt kenari qalir. Biz yuxari kenari sifirlayib alt kenari
   brauzere buraxiriq — yunan sayti ile eyni davranis. */
h1, h2, h3, h4, h5, h6, p {
  margin-bottom: revert;
}

ul, ol {
  margin: 0;
  padding: 0;
}

/* Naviqasiya/menyu siyahilari — yunan saytinda isare yoxdur [COMPUTED] */
nav ul,
nav ol {
  list-style: none;
}

/* ⚠ Yunan saytinda QLOBAL seviyyede yalniz `img{max-width:100%}` var —
   `img{display:block}` qaydalari YALNIZ konkret modullara aiddir (yoxlanildi:
   main.css-de tek qlobal `img` qaydasi budur). Ona gore burada da yalniz
   max-width qoyulur; `display:block` komponent faylinda verilir. */
img,
picture,
video,
canvas,
svg {
  max-width: 100%; /* [MAINCSS] img{max-width:100%} */
}

/* [MAINCSS] a{background:transparent} */
a {
  background-color: transparent;
  color: inherit;
}

/* Form elementleri sriftu miras almir — brauzer standartidir, sifirlayiriq.
   [MAINCSS] yunan saytinda bu, komponent seviyyesinde edilir; biz bir yerde edirik. */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  color: inherit;
  margin: 0;
}

button,
[type='button'],
[type='submit'],
[type='reset'] {
  cursor: pointer; /* [MAINCSS] .btn,...,button,input[type=button],input[type=submit]{cursor:pointer} */
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* =========================================================================
   2. BAZA ELEMENTLER — html / body
   [MAINCSS] html{font-family:corpo-s-cyrillic,...;font-size:16px;line-height:1.4;
                  direction:ltr;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
                  overflow:initial}
   [MAINCSS] body{margin:0;-webkit-font-smoothing:antialiased;background:#fff;
                  color:#767676;font-family:inherit;font-size:1rem;font-weight:400;
                  letter-spacing:normal}
   [COMPUTED] body 16px / 22.4px / 400 / rgb(118,118,118) — desktop VE mobil EYNI
              (mobile-typography.json: her 6 profilde eyni deyer)
   ========================================================================= */

html {
  font-family: var(--mb-font-body);
  font-size: var(--mb-text-root-size);         /* 16px */
  line-height: var(--mb-text-root-line-height); /* 1.4 → 22.4px */
  direction: ltr;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background-color: var(--mb-color-bg);   /* #ffffff */
  color: var(--mb-color-text);            /* #767676 */
  font-family: inherit;
  font-size: var(--mb-text-body-size);    /* 1rem = 16px */
  font-weight: var(--mb-font-weight-regular);
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =========================================================================
   3. KONTEYNER SISTEMI
   -------------------------------------------------------------------------
   [REF §5.3] Sehife konteyneri 1903px, yan padding 40px
   [REF §4.1] Mehsul sehifesi: daxili .container left=40, w=1823, padding 0 40px
              → mezmun sahesi x = 80…1863
   [MOBIL §10] Kart yan bosluqu 20px (kart left:20, en 350)
   [MAINCSS]  .row--max-1700{margin-inline:auto;max-width:1700px}
              @media(min-width:979px) elave: width:96vw
   [MAINCSS]  .container-fluid>.container{margin-inline:auto;max-width:1920px;width:auto}
   [MAINCSS]  .row-fluid,[class*=layout]{margin-inline:-10px}
   ⚠ [REF §5.3] Bootstrap-in 724/940/1170/1540 konteynerleri LEGACY-dir —
     burada ISTIFADE OLUNMUR.
   ========================================================================= */

/* --- 3.1 Tam-en sarqi (full-bleed wrapper) ------------------------------- */
.mb-container-fluid {
  width: 100%;
}

.mb-container-fluid > .mb-container {
  margin-inline: auto;  /* [MAINCSS] .container-fluid>.container{margin-inline:auto} */
  max-width: var(--mb-local-layout-fluid-max);    /* [MAINCSS] max-width:1920px */
  width: auto;          /* [MAINCSS] width:auto */
}

/* --- 3.2 Sehife konteyneri — yan padding --------------------------------- */
/* <1200px: 20px  → [MOBIL §10] olculmus kart kenari (left:20, en 350 @390px)
   ≥1200px: 40px  → [COMPUTED] header/footer .container-fluid padding 0 40px
                    ([MAINCSS] .pl-4@lg/.pr-4@lg @media(min-width:1200px))
   ⚠ 768–1199px araligi ("tablet") HEC OLCULMEYIB ([MOBIL §12 №8]) —
     burada 20px goturulub, cunki [MAINCSS] .pl-2@sm eyni deyeri verir. */
.mb-container {
  padding-inline: var(--mb-layout-pad-x-sm); /* 20px */
}

@media (min-width: 1200px) { /* --mb-bp-lg */
  .mb-container {
    padding-inline: var(--mb-layout-pad-x); /* 40px */
  }
}

/* Legacy kenar — [MAINCSS] .container{margin:0 10px}
   Yalniz konkret modul bunu teleb edende istifade olunur. */
.mb-container--legacy-margin {
  margin-inline: var(--mb-local-container-margin-x); /* 10px */
  padding-inline: 0;
}

/* --- 3.3 Mezmun sirasi — max-width 1700px -------------------------------- */
/* [MAINCSS] .row--max-1700{margin-inline:auto;max-width:1700px}
   [COMPUTED] 1903px-de faktiki en 1700px, sol/sag kenar 101.5px */
.mb-row--max-1700 {
  margin-inline: auto;
  max-width: var(--mb-layout-row-max); /* 1700px */
}

@media (min-width: 979px) { /* --mb-bp-nav */
  .mb-row--max-1700 {
    width: var(--mb-layout-row-width); /* 96vw — [MAINCSS] yalniz >=979px */
  }
}

/* --- 3.4 Sutun sirasi (gutter) ------------------------------------------- */
/* [MAINCSS] .row-fluid,[class*=layout]{margin-inline:-10px} → sutunlar arasi 20px */
.mb-row {
  margin-inline: calc(-1 * var(--mb-space-gutter)); /* -10px */
}

.mb-row > * {
  padding-inline: var(--mb-local-gutter-half); /* 10px */
}

/* [MAINCSS] .row-fluid:after{clear:both;content:" ";display:table} — float clearfix */
.mb-row::after {
  clear: both;
  content: ' ';
  display: table;
}

/* --- 3.5 Bloklar arasi standart aralig ----------------------------------- */
/* [MAINCSS] .container+.container,.container-wrap+.container-wrap,
             .row-fluid+.row-fluid{margin-top:1.875rem} */
.mb-container + .mb-container,
.mb-container-fluid + .mb-container-fluid,
.mb-row + .mb-row {
  margin-top: var(--mb-space-block-gap); /* 1.875rem = 30px */
}

/* --- 3.6 Yatay dasmanin kesilmesi ---------------------------------------- */
/* ⚠ [MOBIL §10] Yunan saytinda mobilde bezi sıralar viewport-dan genisdir
   (mes. header sirasi 390px-de 410px olculub) ve VALIDEYN elementin
   `overflow:hidden` xususiyyeti onu kesir — bu sebebden yatay scroll YARANMIR
   ([MOBIL §2] her 3 sehifede horizontal scroll = false).
   Menbe qayda: [MAINCSS] @media(max-width:978px)
     .header-container .container-r6z94 .row-fluid.row--max-1700{overflow:hidden;width:calc(100% + 80px)}
   Diqqet: bu qayda YALNIZ header-e aiddir → header.css agentinin isidir.
   Burada yalniz ortaq kesici koməkçi verilir; `body`-ye qlobal
   `overflow-x:hidden` QOYULMUR, cunki o, `position:sticky`-ni sindirir. */
.mb-clip-x {
  overflow-x: hidden;
}


/* =========================================================================
   4. BREAKPOINT SKALASI — senedlesdirme + gorunurluk koməkçileri
   -------------------------------------------------------------------------
   [MOBIL §1] main.css-de cemi 20 unikal media query var. Real skala:

     mobil         : <= 767px    (--mb-bp-max-phone)
     tablet        : 768 – 978px (--mb-bp-md … --mb-bp-max-tablet)
     kicik masa    : 979 – 1199px (--mb-bp-nav … --mb-bp-max-md)
     masa          : 1200 – 1599px (--mb-bp-lg … --mb-bp-max-lg)
     genis masa    : >= 1600px   (--mb-bp-xl)

   Hedef profillerimiz: 390px → "mobil" · 1903px → "genis masa"
   KRITIK KESID: 979px — desktop naviqasiya <-> hamburger
   ========================================================================= */

/* --- 4.1 Gorunurluk koməkçileri ------------------------------------------
   [MAINCSS]-den birebir kocurulub (ad prefiksi .mb-u-). Header ve footer
   agentlerinin hər ikisi bunlari isledir → baza faylin yeridir.
     u-hidden-xs-up  → gizli >= 568px
     u-hidden-sm-up  → gizli >= 768px   (.visible-phone eynidir)
     u-hidden-md-up  → gizli >= 979px   (mobil hamburger konteyneri [MOBIL §3])
     u-hidden-lg-up  → gizli >= 1200px
     u-hidden-xl-up  → gizli >= 1600px
     u-hidden-xs-down→ gizli <= 767px   (.hidden-phone eynidir)
     u-hidden-sm-down→ gizli <= 978px   (header hesab ikonu [MOBIL §8])
     u-hidden-md-down→ gizli <= 1199px  (waypoint zolagi [MOBIL §7])
     u-hidden-lg-down→ gizli <= 1599px
   ------------------------------------------------------------------------- */

@media (min-width: 568px)  { .mb-u-hidden-xs-up { display: none !important; } }
@media (min-width: 768px)  { .mb-u-hidden-sm-up { display: none !important; } }
@media (min-width: 979px)  { .mb-u-hidden-md-up { display: none !important; } }
@media (min-width: 1200px) { .mb-u-hidden-lg-up { display: none !important; } }
@media (min-width: 1600px) { .mb-u-hidden-xl-up { display: none !important; } }

@media (max-width: 767px)  { .mb-u-hidden-xs-down { display: none !important; } }
@media (max-width: 978px)  { .mb-u-hidden-sm-down { display: none !important; } }
@media (max-width: 1199px) { .mb-u-hidden-md-down { display: none !important; } }
@media (max-width: 1599px) { .mb-u-hidden-lg-down { display: none !important; } }

/* Yalniz bir aralikda gizlenenler — [MAINCSS] */
@media (min-width: 768px) and (max-width: 978px)   { .mb-u-hidden-sm-only { display: none !important; } }
@media (min-width: 979px) and (max-width: 1199px)  { .mb-u-hidden-md-only { display: none !important; } }
@media (min-width: 1200px) and (max-width: 1599px) { .mb-u-hidden-lg-only { display: none !important; } }

/* [MAINCSS] .hidden{display:none!important;visibility:hidden!important} · .u-hidden{visibility:hidden!important} */
.mb-u-hidden { visibility: hidden !important; }
.mb-hidden   { display: none !important; visibility: hidden !important; }


/* =========================================================================
   5. TIPOQRAFIYA
   -------------------------------------------------------------------------
   Govde metni desktop ve mobilde EYNIDIR ([MOBIL §9]):
     body 16px / 22.4px / 400 / #767676
   Basliqlar FLUID-dir — `calc` ile xetti interpolyasiya, `clamp` DEYIL
   (tokens.css §4-de sebebi izah olunub: clamp 1903px-de sehv olcu verer).
   ========================================================================= */

/* --- 5.1 Basliq teqleri (h1…h4) ------------------------------------------ */
/* [MAINCSS] .h1,.h2,h1,h2{color:#333;font-family:corpo-a,...;font-style:normal;
             font-weight:400;letter-spacing:0;line-height:normal;text-transform:none}
   [MAINCSS] .h1,h1{font-size:1.875rem}  → 30px
   [MAINCSS] @media(max-width:978px){h1{font-size:30px}} */
h1, h2,
.mb-h1, .mb-h2 {
  color: var(--mb-color-text-heading); /* #333333 */
  font-family: var(--mb-font-title);   /* corpo-a */
  font-style: normal;
  font-weight: var(--mb-font-weight-regular);
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
}

h1, .mb-h1 { font-size: var(--mb-text-h1-size); } /* 1.875rem = 30px */
h2, .mb-h2 { font-size: var(--mb-text-h2-size); } /* 1.5rem = 24px */

/* [MAINCSS] .h3,.h4,h3,h4{color:#767676;font-family:corpo-a,...;font-weight:400;
             line-height:normal;text-transform:none}
   [MAINCSS] .h3,h3{font-size:1.125rem} · .h4,h4{font-size:.875rem}
   ⚠ [COMPUTED] mobil ana sehifede olculen h4 15px/700/#000-dir — o, KOMPONENT
     seviyyesindeki qayda (ban novu etiketi), baza h4 deyil. Komponent deyeri
     asagida §5.5-de ayrica verilib. */
h3, h4,
.mb-h3, .mb-h4 {
  color: var(--mb-color-text);       /* #767676 */
  font-family: var(--mb-font-title); /* corpo-a */
  font-style: normal;
  font-weight: var(--mb-font-weight-regular);
  line-height: normal;
  text-transform: none;
}

h3, .mb-h3 { font-size: var(--mb-text-h3-size); } /* 1.125rem = 18px */
h4, .mb-h4 { font-size: var(--mb-local-text-14); }               /* [MAINCSS] .h4,h4{font-size:.875rem} = 14px */

/* --- 5.2 Modul basligi — .mb-title (fluid) ------------------------------- */
/* BOYUK basliq — [MAINCSS] .theme--homepage-big.jump .title / .theme--internal-big.jump .title
     <768px : font-size:41px (iki bildirisin ikincisi qalib gelir), line-height:1.1
     >=768px: calc(52px + (61 - 52) * ((100vw - 768px) / (1600 - 768)))
   Yoxlanis: @390 = 41px / 45.1px ✓ [COMPUTED] · @1903 = 64.2776px / 70.7054px ✓ [COMPUTED] */
.mb-title {
  color: var(--mb-color-text-heading);
  font-family: var(--mb-font-title);
  font-size: var(--mb-text-title-big-mobile); /* 41px */
  font-weight: var(--mb-font-weight-regular);
  line-height: var(--mb-text-title-big-lh);   /* 1.1 */
  margin-bottom: 0;
}

@media (min-width: 768px) { /* --mb-bp-md */
  .mb-title {
    font-size: var(--mb-text-title-big); /* calc(52…61) → @1903 = 64.2776px */
  }
}

/* "title-lg" varianti — [MAINCSS] .title-lg.theme--internal-big.jump .title */
@media (min-width: 768px) {
  .mb-title--lg {
    font-size: var(--mb-text-title-big-lg); /* calc(60…69) → @1903 = 72.2776px */
  }
}

/* ORTA basliq — mehsul sehifesinin basligi
   [MAINCSS] .theme--internal-medium.jump .title{font-size:calc(38px + (45 - 38) * ...);
             font-weight:400;line-height:1.2;padding-top:10px}
   Yoxlanis: @390 = 34.8197px / 41.7837px ✓ [COMPUTED mehsul mobil]
             @1903 = 47.5493px / 57.0591px ✓ [COMPUTED]
   ⚠ [MOBIL §9] "mehsul desktop ~64px" yazisi TESDIQLENMEYIB — tokens.css-deki
     [COMPUTED] 47.5493px olcmesi qalib gelir. */
.mb-title--medium {
  font-size: var(--mb-text-title-medium);
  line-height: var(--mb-text-title-medium-lh); /* 1.2 */
  padding-top: var(--mb-space-1);              /* [MAINCSS] padding-top:10px */
}

.mb-title--medium-lg {
  font-size: var(--mb-text-title-medium-lg); /* calc(38…57) → @1903 = 63.9195px */
}

/* KICIK basliqlar — [MAINCSS] .theme--homepage-small.jump .title{font-weight:700}
   · .theme--internal-small.jump .title{font-weight:700} · .theme--basic.jump .title{font-weight:400} */
.mb-title--small {
  font-size: var(--mb-text-title-small); /* calc(24…33) → @1903 = 36.2776px */
  font-weight: var(--mb-font-weight-bold);
  line-height: normal;
}

.mb-title--xsmall {
  font-size: var(--mb-text-title-xsmall); /* calc(20…23) → @1903 = 24.0925px */
  font-weight: var(--mb-font-weight-bold);
  line-height: normal;
}

.mb-title--basic {
  font-size: var(--mb-text-title-basic); /* calc(21…23) → @1903 = 23.7284px */
  font-weight: var(--mb-font-weight-regular);
  line-height: normal;
}

/* --- 5.3 Alt basliq — .mb-sub-title -------------------------------------- */
/* [MAINCSS] .theme--homepage-big.jump .sub-title{font-family:corpo-s-cyrillic,...;
             font-size:18px;font-weight:400;line-height:1.5}  → 18 x 1.5 = 27px
   [MAINCSS] @media(min-width:768px){...{padding-bottom:10px}}
   [COMPUTED] mehsul mobil: 18px / normal / 400 / #767676 */
.mb-sub-title {
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-18); /* 18px — [MAINCSS] font-size:18px */
  font-weight: var(--mb-font-weight-regular);
  line-height: 1.5;    /* → 27px */
}

@media (min-width: 768px) { /* --mb-bp-md */
  .mb-sub-title {
    padding-bottom: var(--mb-space-1); /* [MAINCSS] padding-bottom:10px */
  }
}

/* Qalin variant — [MAINCSS] .theme--internal-big.jump .sub-title{font-weight:700;line-height:1.1;padding-bottom:10px} */
.mb-sub-title--bold {
  font-weight: var(--mb-font-weight-bold);
  line-height: 1.1;
}

/* --- 5.4 Mezmun metni — .mb-content -------------------------------------- */
/* [COMPUTED] ana sehife (hem mobil, hem desktop):
     18px / 25.2px / 400 / letter-spacing 0.18px
   (25.2 = 18 x 1.4 — kok line-height nisbeti)
   [MAINCSS] .theme--internal-medium.jump .content{font-size:18px} */
.mb-content {
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-18); /* 18px */
  font-weight: var(--mb-font-weight-regular);
  letter-spacing: var(--mb-local-text-ls-content); /* 0.18px — [COMPUTED] — 0.01em qarsiligi, deqiq olculub */
  line-height: 1.4;       /* → 25.2px */
}

/* [MAINCSS] .theme--internal-big.jump .content{font-size:16px} ·
   .theme--internal-small.jump .content{font-size:16px;padding-top:5px} */
.mb-content--16 {
  font-size: var(--mb-text-body-size); /* 1rem = 16px */
  letter-spacing: normal;
}

/* --- 5.5 Kicik etiketler ------------------------------------------------- */
/* [COMPUTED] ban novu etiketi (h4 teqinde): 15px / normal / 700 / #000
   Baza h4-den ferqlidir (o, 14px/400/#767676) — ona gore ayrica sinif. */
.mb-label-strong {
  color: var(--mb-color-black);
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-15); /* 15px — [COMPUTED] */
  font-weight: var(--mb-font-weight-bold);
  line-height: normal;
}

/* [COMPUTED] .featured-sash 12px / 16.8px (= 12 x 1.4) · fon #0078D6 · metn #FFF
   [COMPUTED verify-home-b.json] sash qutusu 98x23px, fon rgb(0,120,214)
   [MAINCSS] body:not(.homepage) .module.listing .featured-sash{display:none}
             → yalniz ana sehifedeki listing-de gorunur */
.mb-featured-sash {
  background-color: var(--mb-color-accent); /* #0078D6 */
  color: var(--mb-color-text-on-dark);      /* #FFFFFF */
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-12); /* 12px */
  line-height: 1.4;   /* → 16.8px */
}

/* --- 5.6 Strapline -------------------------------------------------------- */
/* [COMPUTED] ana sehife mobil: 30px / 42px / 400 / corpo-a
   [MAINCSS] .theme--homepage.jumps-cycle .strapline:
     <768px : 41px (line-height 1.1)
     >=768px: calc(53px + (58 - 53) * ...) → @1903 = 59.8209px
   [COMPUTED] mehsul mobil strapline: 16px / 22.4px / 700 / corpo-s-cyrillic
   ⚠ Uc ferqli strapline var — hansinin harada islendiyini KOMPONENT agenti secir.
     Burada yalniz hero varianti (ölçülmüş) verilir. */
.mb-strapline {
  color: var(--mb-color-text-heading);
  font-family: var(--mb-font-title);
  font-size: var(--mb-text-title-big-mobile); /* 41px — [MAINCSS] <768px */
  font-weight: var(--mb-font-weight-regular);
  line-height: var(--mb-text-title-big-lh);   /* 1.1 */
}

@media (min-width: 768px) { /* --mb-bp-md */
  .mb-strapline {
    font-size: var(--mb-text-strapline-hero); /* calc(53…58) → @1903 = 59.8209px */
  }
}

/* Strapline reng variantlari — [MAINCSS] .strapline--white/--dark/--highlight/--highlight-alt */
.mb-strapline--white          { color: var(--mb-color-white) !important; }  /* [MAINCSS] !important orijinalda var */
.mb-strapline--dark           { color: var(--mb-color-black); }
.mb-strapline--highlight      { color: var(--mb-color-accent); }
.mb-strapline--highlight-alt  { color: var(--mb-color-text); }


/* =========================================================================
   6. DUYMELER
   -------------------------------------------------------------------------
   [MAINCSS] .btn,.media-exterior360 .btn-hotspot,button,input[type=button],
             input[type=submit]{cursor:pointer;display:inline-block;font-style:normal;
             outline:none;text-align:center;text-decoration:none;vertical-align:middle;
             -webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#0078d6;
             border:1px solid;border-color:#0078d6;border-radius:30px;color:#fff;
             font-size:1rem;font-weight:700;line-height:44px;margin:0;min-height:1em;
             padding:0 2.5em}
   [COMPUTED] faktiki qutu hundurluyu 44 + 2x1px serhed = 46px

   ⚠ SUURLU FERQ: yunan sayti bu stilleri `button`/`input[type=button]`
     elementlerinin OZUNE de tetbiq edir ve sonra hamburger/close kimi
     duymeleri `.reset` sinfi ile sifirlayir. Biz eksini edirik — stil yalniz
     `.mb-btn` sinfine tetbiq olunur. Vizual netice eynidir, amma bizim
     markup-da tesadufi `<button>` mavi duymeye cevrilmir.
   ========================================================================= */

.mb-btn {
  background-color: var(--mb-color-accent);       /* #0078D6 */
  border: var(--mb-button-border-width) solid;    /* 1px solid */
  border-color: var(--mb-color-accent);           /* #0078D6 */
  border-radius: var(--mb-radius-button);         /* 30px */
  color: var(--mb-color-text-on-dark);            /* #FFFFFF */
  cursor: pointer;
  display: inline-block;
  font-family: var(--mb-font-body);
  font-size: var(--mb-text-button-size);          /* 1rem = 16px */
  font-style: normal;
  font-weight: var(--mb-font-weight-bold);        /* 700 */
  line-height: var(--mb-button-line-height);      /* 44px → qutu 46px */
  margin: 0;
  min-height: 1em;
  outline: none;
  padding: 0 var(--mb-button-padding-x);          /* 0 2.5em = 0 40px */
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* [MAINCSS] .btn:hover{background:#014880;border-color:#014880;color:#fff} */
.mb-btn:hover {
  background-color: var(--mb-color-accent-hover); /* #014880 */
  border-color: var(--mb-color-accent-hover);
  color: var(--mb-color-text-on-dark);
}

/* ⚠ [MAINCSS] Kecid qaydasi YALNIZ >=768px-de aktivdir. */
@media (min-width: 768px) { /* --mb-bp-md */
  .mb-btn {
    transition: var(--mb-motion-button); /* all .6s ease, background-color .6s ease-in-out, color .3s ease-in-out */
  }
}

/* ⚠ [MAINCSS] @media(max-width:767px){.btn{display:block;margin:0 auto;max-width:320px}}
   [COMPUTED] tesdiq: mobil kart duymesi 200x46, valideyn 314 → sol kenar 95 = merkezlenib. */
@media (max-width: 767px) { /* --mb-bp-max-phone */
  .mb-btn {
    display: block;
    margin: 0 auto;
    max-width: var(--mb-local-btn-max-mobile); /* 320px */
  }
}

/* [MAINCSS] .btn span{display:inline-block;line-height:normal;padding:3px 0;
             vertical-align:middle;position:relative;top:-2px}
   [MAINCSS] .btn .icon,.btn span span{vertical-align:baseline} */
.mb-btn > span {
  display: inline-block;
  line-height: normal;
  padding: 3px 0;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.mb-btn .mb-icon,
.mb-btn > span > span {
  vertical-align: baseline;
}

.mb-btn > span > span {
  padding: 0;
  top: auto;
}

/* --- 6.1 Variant: primary (aciq yazilis) --------------------------------- */
/* Baza .mb-btn onsuz da primary-dir; bu sinif niyyeti aydin etmek ucundur. */
.mb-btn--primary {
  background-color: var(--mb-color-accent);
  border-color: var(--mb-color-accent);
  color: var(--mb-color-text-on-dark);
}

/* --- 6.2 Variant: secondary ---------------------------------------------- */
/* [MAINCSS] .secondary .btn / .translucent .btn
     {background-color:transparent;border-color:#bbb;color:#333}
   [COMPUTED katalog karti, hem mobil hem desktop]:
     rgba(0,0,0,0) · 1px solid rgb(187,187,187) · rgb(51,51,51) · 200x46 (mobil) */
.mb-btn--secondary {
  background-color: var(--mb-local-btn-bg-transparent);
  border-color: var(--mb-color-border-button); /* #BBBBBB */
  color: var(--mb-color-text-heading);         /* #333333 */
}

/* [MAINCSS] .secondary .btn:hover{background-color:#ebebeb;border-color:#bbb;color:#333} */
.mb-btn--secondary:hover {
  background-color: var(--mb-color-bg-btn-sec-hover); /* #EBEBEB */
  border-color: var(--mb-color-border-button);
  color: var(--mb-color-text-heading);
}

/* [MAINCSS] .translucent .btn:hover{background-color:transparent;border-color:#bbb;color:#333}
   Yeni: "translucent" variantinda hover-de fon DEYISMIR. */
.mb-btn--translucent {
  background-color: var(--mb-local-btn-bg-transparent);
  border-color: var(--mb-color-border-button);
  color: var(--mb-color-text-heading);
}

.mb-btn--translucent:hover {
  background-color: var(--mb-local-btn-bg-transparent);
  border-color: var(--mb-color-border-button);
  color: var(--mb-color-text-heading);
}

/* --- 6.3 Variant: outline-white (tund fon / sekil uzerinde) --------------- */
/* [MAINCSS] .tertiary .btn,.white .btn{background-color:transparent}
   [MAINCSS] .white .btn{border-color:#fff;color:#fff}
   [COMPUTED verify-home-b.json — ana sehife hero 2-ci duymesi]:
     rgba(0,0,0,0) · 1px solid rgb(255,255,255) · rgb(255,255,255) · radius 30px
     · 700 · 16px · padding 0 40px · 200x46 */
.mb-btn--outline-white {
  background-color: var(--mb-local-btn-bg-transparent);
  border-color: var(--mb-color-white);
  color: var(--mb-color-white);
}

/* [MAINCSS] .white .btn:hover{background-color:#ebebeb;border-color:#bbb;color:#333} */
.mb-btn--outline-white:hover {
  background-color: var(--mb-color-bg-btn-sec-hover); /* #EBEBEB */
  border-color: var(--mb-color-border-button);        /* #BBBBBB */
  color: var(--mb-color-text-heading);                /* #333333 */
}

/* [MAINCSS] .white-solid .btn{background-color:#fff;border-color:#fff;color:#000}
   [MAINCSS] .white-solid .btn:hover{background-color:#000;border-color:#000;color:#fff} */
.mb-btn--white-solid {
  background-color: var(--mb-color-white);
  border-color: var(--mb-color-white);
  color: var(--mb-color-black);
}

.mb-btn--white-solid:hover {
  background-color: var(--mb-color-black);
  border-color: var(--mb-color-black);
  color: var(--mb-color-white);
}

/* --- 6.4 Variant: secondary-dark (tund fon uzerinde ikinci deryece) ------- */
/* [MAINCSS] .secondary-dark .btn,.translucent-dark .btn
             {background-color:transparent;border-color:#696969;color:#fff}
   [MAINCSS] .secondary-dark .btn:hover{background-color:#424242;border-color:#696969;color:#fff} */
.mb-btn--secondary-dark {
  background-color: var(--mb-local-btn-bg-transparent);
  border-color: var(--mb-color-grey-mid-dark); /* #696969 */
  color: var(--mb-color-text-on-dark);
}

.mb-btn--secondary-dark:hover {
  background-color: var(--mb-local-color-btn-dark-hover); /* #424242 — tokens.css-e kocurulmelidir */
  border-color: var(--mb-color-grey-mid-dark);
  color: var(--mb-color-text-on-dark);
}

/* --- 6.5 Variant: qirmizi (AMG) ------------------------------------------ */
/* [MAINCSS] .btn{background-color:#b21e23;border-color:#b21e23} — AMG brend sehifelerinde
   [MAINCSS] hover: #86171a */
.mb-btn--amg {
  background-color: var(--mb-color-red);      /* #B21E23 */
  border-color: var(--mb-color-red);
  color: var(--mb-color-text-on-dark);
}

.mb-btn--amg:hover {
  background-color: var(--mb-color-red-hover); /* #86171A */
  border-color: var(--mb-color-red-hover);
}

/* --- 6.6 Duyme vezyyet ve olcu modifikatorlari --------------------------- */
/* [MAINCSS] .button.is-disabled .btn{cursor:default;opacity:.7;pointer-events:none} */
.mb-btn.is-disabled,
.mb-btn:disabled {
  cursor: default;
  opacity: 0.7;
  pointer-events: none;
}

/* [MAINCSS] .btn--full-width .btn{width:100%!important} */
.mb-btn--full { width: 100% !important; }

/* [MAINCSS] @media(max-width:767px){.btn--full-width-mobile .btn{max-width:none!important;width:100%!important}} */
@media (max-width: 767px) { /* --mb-bp-max-phone */
  .mb-btn--full-mobile { max-width: none !important; width: 100% !important; }
  /* [MAINCSS] .btn--initial-mobile .btn{display:inline-block;max-width:none!important;width:auto!important} */
  .mb-btn--initial-mobile { display: inline-block; max-width: none !important; width: auto !important; }
}

/* [MAINCSS] .btn-pad-condensed .btn{padding:0 10px} */
.mb-btn--pad-condensed { padding: 0 var(--mb-space-1); }

/* [MAINCSS] .btn--reset-line-height .btn{line-height:normal} */
.mb-btn--reset-line-height { line-height: normal; }

/* --- 6.7 Pill radius ----------------------------------------------------- */
/* [MAINCSS] .franchises-wrap{border-radius:99px} · .jump.franchise-badge{border-radius:99px} */
.mb-btn--pill { border-radius: var(--mb-radius-pill); } /* 99px */

/* --- 6.8 Olculmus duyme enleri (SENEDLESDIRME) ---------------------------
   Bu olculer KOMPONENT seviyyesinde verilir (hero, kart, sticky bar) —
   baza faylda sinif kimi yazilmir ki, uydurma utility yaranmasin.
   Agentler oz komponent CSS-inde bu deqiq deyerleri isletsin:

     Hero duymeleri  [COMPUTED verify-home-b.json]:
        primary   235 x 46 (left 102)
        secondary 200 x 46 (left 347)  → aralarinda 10px
     Kart duymeleri  [COMPUTED mobile-hover.json]:
        mobil   200 x 46 (valideyn .button 314 x 46, merkezlenib)
        desktop 155 x 46 (valideyn .button 175 x 46)
     Mehsul sticky bar CTA-lari [REF §4.1]: hundurluk 46px
   ------------------------------------------------------------------------- */


/* =========================================================================
   7. ORTAQ ANIMASIYA NAXISLARI
   -------------------------------------------------------------------------
   ⚠ EN VACIB TAPINTI: yunan saytinda BU IKI NAXIS DA YALNIZ >=1200px-de
     ISLEYIR ([MAINCSS] her ikisi @media(min-width:1200px) blokundadir).
     1199px-den asagida hec bir hover gizletmesi/boyudulmesi YOXDUR.
     Bu, "her yerde eynidir" deyimini deqiqlesdirir: naxis eynidir, amma
     yalniz masa ustu araliqda aktivdir.
   ========================================================================= */

/* --- 7.1 Sekil hover boyudulmesi ----------------------------------------- */
/* [MAINCSS] @media(min-width:1200px){
     .jump.scale-image--hover .thumb,.jump.scale-image--hover div.responsive-image{overflow:hidden}
     .jump.scale-image--hover img{backface-visibility:hidden;transform:scale(1);
                                  transition:transform .4s ease-in-out;width:100%}
     .jump.scale-image--hover .inset:hover img{transform:scale(1.08)}
     .jump.scale-image--hover.scale-big .inset:hover img{transform:scale(1.04)}} */
@media (min-width: 1200px) { /* --mb-bp-lg */
  .mb-scale-image,
  .mb-scale-image__frame {
    overflow: hidden;
  }

  .mb-scale-image img {
    backface-visibility: hidden;
    transform: scale(var(--mb-local-image-scale-base)); /* 1 */
    transition: transform var(--mb-motion-duration) var(--mb-motion-ease); /* .4s ease-in-out */
    width: 100%;
  }

  .mb-scale-image:hover img {
    transform: scale(var(--mb-motion-image-scale)); /* 1.08 */
  }

  .mb-scale-image--big:hover img {
    transform: scale(var(--mb-motion-image-scale-big)); /* 1.04 */
  }
}

/* --- 7.2 Kart duymelerinin asagidan qalxmasi ----------------------------- */
/* [MAINCSS] @media(min-width:1200px){
     .ani--text-01 .inset{overflow:hidden}
     .ani--text-01 .inset .content .button{opacity:0;transform:translateY(87px);
                                           transition:all .4s ease-in-out}
     .ani--text-01 .inset:hover .content .button{opacity:1;transform:translateY(0)}}
   [COMPUTED] desktop kataloq karti: opacity 0 · matrix(1,0,0,1,0,40) · visibility hidden
              transition "opacity .4s ease-in-out, transform .4s ease-in-out"
   → Kataloq karti 40px qalxir ([MAINCSS] .tabs.our-models .cycle--hover .button),
     ana sehife karti 87px. Ikisi de asagida verilib. */
@media (min-width: 1200px) { /* --mb-bp-lg */
  .mb-card__actions {
    opacity: 0;
    transform: translateY(var(--mb-motion-button-rise)); /* 87px */
    transition: all var(--mb-motion-duration) var(--mb-motion-ease); /* .4s ease-in-out */
    visibility: hidden; /* [COMPUTED] olculen deyer — opacity ile birlikde */
  }

  .mb-card:hover .mb-card__actions,
  .mb-card__inset:hover .mb-card__actions {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  /* Kataloq karti varianti — [MAINCSS] .tabs.our-models .cycle--hover .button{transform:translateY(40px)} */
  .mb-card__actions--rise-sm {
    transform: translateY(var(--mb-local-motion-button-rise-sm)); /* 40px */
    transition:
      opacity var(--mb-motion-duration) var(--mb-motion-ease),
      transform var(--mb-motion-duration) var(--mb-motion-ease);
  }
}

/* ⚠⚠ ISTIFADECI QERARI GOZLEYIR ⚠⚠
   [MOBIL §11] 390px-de olculen deyerler:
       visibility: hidden · opacity: 1 · transform: none · rect 314x46
   Yeni yunan saytinda MOBILDE kart duymeleri HEC VAXT gorunmur (toxunma
   cihazinda hover yoxdur, gostermek ucun ayrica mexanizm de qurulmayib).
   Bu blok hemin davranisi TEKRARLAYIR.

   AMMA: `visibility:hidden`-i doguran CSS qaydasi main.css-de TAPILMADI
   (nə <=767px, nə <=1199px blokunda) — ehtimal ki, JS/inline stil ile qoyulur.
   Bu sebebden hokm "olculdu, menbe qaydasi tapilmadi" statusundadir.

   QERAR: mobilde kart duymeleri GORUNSUN, yoxsa yunan sayti kimi GIZLI qalsin?
   Cavab "gorunsun" olarsa — bu blok tamamile SILINIR (basqa deyisiklik lazim deyil). */
@media (max-width: 767px) { /* --mb-bp-max-phone */
  .mb-card__actions {
    visibility: hidden; /* [MOBIL §11] olculub — istifadeci qerari gozleyir */
  }
}

/* --- 7.3 Umumi kecid --------------------------------------------------- */
/* [MAINCSS] yunan saytinda demek olar butun kecidler .4s ease-in-out-dur. */
.mb-transition {
  transition: all var(--mb-motion-default);
}


/* =========================================================================
   8. ELCATANLIQ (A11Y)
   -------------------------------------------------------------------------
   ⚠ QEYD: bu bolmedeki qaydalarin BIR HISSESI yunan saytinda YOXDUR.
     [REF §5.5] yunan saytinda dropdown-lar tamamile CSS `:hover` ile acilir
     → klaviatura ile elcatan deyil; `prefers-reduced-motion` bloku ve
     `:focus-visible` konturu da main.css-de TAPILMADI (0 qayda).
     Bunlar VIZUAL FERQ YARATMIR (yalniz klaviatura fokusunda ve ya
     istifadecinin oz sistem parametri aktiv olanda gorunur), ona gore
     "yunan saytinda olmayan element elave etme" qaydasini pozmur.
     Silinmesi teleb olunarsa — §8.3 ve §8.4 bloklari cixarilir.
   ========================================================================= */

/* --- 8.1 Ekran oxuyucusu ucun gizli metn (WordPress standarti) ----------- */
.screen-reader-text {
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
  word-wrap: normal !important;
}

/* Fokuslananda gorunur olur — WP standarti */
.screen-reader-text:focus {
  background-color: var(--mb-color-bg);
  border-radius: var(--mb-radius-dropdown-item); /* 5px */
  box-shadow: var(--mb-shadow-dropdown);
  clip-path: none;
  color: var(--mb-color-text-heading);
  display: block;
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-14);
  font-weight: var(--mb-font-weight-bold);
  height: auto;
  left: var(--mb-space-1);
  line-height: normal;
  padding: var(--mb-space-1) var(--mb-space-2);
  text-decoration: none;
  top: var(--mb-space-1);
  width: auto;
  z-index: var(--mb-z-modal); /* 1050 — header-in (1049) ustunde */
}

/* --- 8.2 Mezmuna kec linki ----------------------------------------------- */
.mb-skip-link {
  background-color: var(--mb-color-bg);
  border-radius: var(--mb-radius-dropdown-item);
  box-shadow: var(--mb-shadow-dropdown);
  color: var(--mb-color-text-heading);
  font-family: var(--mb-font-body);
  font-size: var(--mb-local-text-14);
  font-weight: var(--mb-font-weight-bold);
  left: var(--mb-space-1);
  padding: var(--mb-space-1) var(--mb-space-2);
  position: absolute;
  text-decoration: none;
  top: calc(-1 * var(--mb-space-7)); /* -70px — ekrandan kenarda */
  transition: top var(--mb-motion-default);
  z-index: var(--mb-z-modal); /* 1050 */
}

.mb-skip-link:focus,
.mb-skip-link:focus-visible {
  top: var(--mb-space-1); /* 10px */
}

/* --- 8.3 Fokus gostericisi ------------------------------------------------ */
/* Yunan saytinda `outline:none` yazilib ([MAINCSS] .btn{outline:none}) ve evezi
   verilmeyib. Biz `:focus-visible` (yalniz klaviatura) ucun aydin kontur veririk —
   siçan ile klikde GORUNMUR, ona gore vizual muqayiseye tesir etmir. */
:focus-visible {
  outline: var(--mb-local-focus-ring-width) solid var(--mb-color-accent); /* 2px #0078D6 */
  outline-offset: var(--mb-local-focus-ring-offset); /* 2px */
}

/* Tund fon uzerinde (header, footer) kontur ag olur — eks halda gorunmur. */
.mb-on-dark :focus-visible {
  outline-color: var(--mb-color-white);
}

/* [MAINCSS] input:focus,select:focus,textarea:focus{border-color:#2f6690;
             box-shadow:inset 0 0 5px 0 #2f6690} — yunan saytinin form fokusu */
input:focus,
select:focus,
textarea:focus {
  border-color: var(--mb-local-color-input-focus); /* #2F6690 — tokens.css-e kocurulmelidir */
  box-shadow: inset 0 0 5px 0 var(--mb-local-color-input-focus);
}

/* --- 8.4 Animasiyanin sondurulmesi --------------------------------------- */
/* Istifadeci sistem parametrinde "hereketi azalt" secibse. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

}

/* Hover-de gizlenmis kart duymeleri acilmayib qalmasin deye derhal gorunur olur.
   ⚠ YALNIZ >=1200px — cunki gizletme de yalniz orada olur (§7.2).
   Mobil (<=767px) bloku toxunulmur: orada gizletme animasiya deyil, referansin
   olculmus davranisidir. */
@media (prefers-reduced-motion: reduce) and (min-width: 1200px) { /* --mb-bp-lg */
  .mb-card__actions {
    opacity: 1;
    transform: none;
    visibility: visible;
  }
}