/* Hallmark · genre: modern-minimal (utilitarian) · theme: custom (brand navy/red/blue) · design-system: design.md · designed-as-app
   Autoraan design layer — every rule is scoped to .ar-ds, so the switch in autoraan-design.php restores the old look.
   Source of truth: tes-factory/wp-factory/engine/sites/autoraan/custom/design/autoraan-design.css */

/* Performance fixes that must survive the switch (WooCommerce icon font, product gallery opacity) live in
   autoraan-seo-perf.php, not here. */

/* ===================================================================== tokens */
:root {
  --ar-ink: #132544;
  --ar-ink-2: #4a5874;
  --ar-ink-3: #5d6982;
  --ar-paper: #ffffff;
  --ar-paper-2: #f3f6fa;
  --ar-paper-3: #e8eef7;
  --ar-rule: #dfe5ee;
  --ar-rule-strong: #c7d0dd;
  --ar-navy: #00316d;
  --ar-navy-900: #0b2350;
  --ar-on-navy: #ffffff;
  --ar-on-navy-2: #c9d6ea;
  --ar-on-navy-rule: rgb(201 214 234 / 0.22);
  --ar-red: #e51c24;
  --ar-red-press: #c8151d;
  --ar-link: #005991;
  --ar-focus: #078bc7;

  --ar-s1: 4px; --ar-s2: 8px; --ar-s3: 12px; --ar-s4: 16px; --ar-s5: 24px; --ar-s6: 32px; --ar-s7: 48px; --ar-s8: 72px;
  --ar-t-xs: 12px; --ar-t-sm: 14px; --ar-t-md: 16px; --ar-t-lg: 18px;
  --ar-t-xl: clamp(20px, 1.2vw + 15px, 24px);
  --ar-t-2xl: clamp(24px, 1.8vw + 17px, 32px);
  --ar-t-display: clamp(26px, 2.6vw + 16px, 40px);

  --ar-radius: 10px;
  --ar-radius-card: 14px;
  --ar-radius-pill: 999px;
  --ar-shadow-1: 0 1px 2px rgb(11 35 80 / 0.06), 0 1px 1px rgb(11 35 80 / 0.04);
  --ar-shadow-2: 0 12px 28px -14px rgb(11 35 80 / 0.32), 0 2px 6px rgb(11 35 80 / 0.06);
  --ar-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --ar-dur: 160ms;
  --ar-wrap: 1180px;
  --ar-read: 800px;                         /* reading sheet (article column) */
  --ar-callbar-h: 60px;
  --ar-canvas: #f3f6fa;                     /* page background; text always sits on a white sheet above it */
  --ar-gutter: 12px;                        /* canvas visible beside a sheet */
  --ar-sheet-pad: var(--ar-s4);
}
@media (min-width: 768px) { :root { --ar-gutter: var(--ar-s5); --ar-sheet-pad: var(--ar-s6); } }

/* ===================================================================== base */
html.ar-ds, html.ar-ds body { overflow-x: clip; }
.ar-ds { color: var(--ar-ink); -webkit-text-size-adjust: 100%; }
.ar-ds ::selection { background: var(--ar-paper-3); color: var(--ar-navy-900); }
.ar-ds h1, .ar-ds h2, .ar-ds h3, .ar-ds h4, .ar-ds h5, .ar-ds h6 { font-style: normal; text-wrap: balance; overflow-wrap: anywhere; min-width: 0; color: var(--ar-ink); }
.ar-ds p { text-wrap: pretty; }
.ar-ds :focus-visible { outline: 2px solid var(--ar-focus); outline-offset: 2px; }
.ar-ds a { text-underline-offset: 3px; }
.ar-wrap { width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)); margin-inline: auto; }
.ar-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

/* canvas + sheets ---------------------------------------------------------
   The page is a light canvas; anything people read (spec, article, form, product summary) sits on a white sheet with
   a hairline border, so the reading surface is always distinct from the background (Zoomit, Digikala Mag pattern). */
body.ar-ds { background: var(--ar-canvas); }
.ar-ds #brxe-e9e43b, .ar-ds #brxe-mfwaaj, .ar-ds #brxe-a2b372,                       /* car: spec, products, article */
.ar-ds #brxe-bd5188, .ar-ds #brxe-991139,                                           /* post: article, comments */
.ar-ds #brxe-224884, .ar-ds #brxe-29a0f5,                                           /* product: summary, tabs */
.ar-ds #brxe-wudtws, .ar-ds #brxe-kdkbgf, .ar-ds #brxe-bswwsz,                       /* archives: text, brands, models */
.ar-ds #brxe-d2733d, .ar-ds #brxe-b45e96, .ar-ds.woocommerce-cart #brx-content > .woocommerce,
.ar-ds.woocommerce-checkout #brx-content > .woocommerce, .ar-ds.woocommerce-account #brx-content > .woocommerce,
.ar-ds .ar-sheet {
  background: var(--ar-paper) !important; border: 1px solid var(--ar-rule) !important; border-radius: var(--ar-radius-card) !important;
  box-shadow: var(--ar-shadow-1);
}

/* buttons ---------------------------------------------------------------- */
.ar-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--ar-s2);
  min-height: 48px; padding: 0 var(--ar-s5); border-radius: var(--ar-radius);
  font: inherit; font-size: var(--ar-t-md); font-weight: 700; line-height: 1; white-space: nowrap;
  text-decoration: none; cursor: pointer; border: 1px solid transparent;
  transition: transform var(--ar-dur) var(--ar-ease), background-color var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-btn:active { transform: scale(0.97); }
.ar-btn--primary { background: var(--ar-red); color: #fff; }
.ar-btn--primary:hover { background: var(--ar-red-press); color: #fff; }
.ar-btn--secondary { background: var(--ar-paper); color: var(--ar-navy); border-color: var(--ar-navy); }
.ar-btn--secondary:hover { background: var(--ar-paper-3); color: var(--ar-navy); }
.ar-btn[disabled], .ar-btn[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; }

/* Bricks + WooCommerce buttons follow the same voice */
.ar-ds .bricks-button, .ar-ds .button, .ar-ds button.button, .ar-ds .single_add_to_cart_button {
  border-radius: var(--ar-radius); font-weight: 700; min-height: 44px;
  transition: transform var(--ar-dur) var(--ar-ease), background-color var(--ar-dur) var(--ar-ease);
}
.ar-ds .bricks-button:active, .ar-ds .button:active { transform: scale(0.97); }

/* fields ------------------------------------------------------------------ */
.ar-ds select, .ar-ds input[type="search"], .ar-ds input[type="text"], .ar-ds input[type="email"], .ar-ds input[type="tel"], .ar-ds textarea {
  border: 1px solid var(--ar-rule-strong); border-radius: var(--ar-radius); background-color: var(--ar-paper);
  color: var(--ar-ink); font: inherit; font-size: var(--ar-t-md); min-height: 44px;
  transition: border-color var(--ar-dur) var(--ar-ease);
}
.ar-ds select:hover, .ar-ds input:hover, .ar-ds textarea:hover { border-color: var(--ar-ink-3); }
.ar-ds select:focus-visible, .ar-ds input:focus-visible, .ar-ds textarea:focus-visible { outline: 2px solid var(--ar-focus); outline-offset: 1px; }

/* chips ------------------------------------------------------------------- */
.ar-chips { display: flex; flex-wrap: wrap; gap: var(--ar-s2); margin: 0; padding: 0; list-style: none; }
.ar-chip {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--ar-s3);
  border-radius: var(--ar-radius-pill); border: 1px solid var(--ar-on-navy-rule);
  color: var(--ar-on-navy); font-size: var(--ar-t-sm); text-decoration: none; white-space: nowrap;
  transition: background-color var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-chip:hover { background: rgb(255 255 255 / 0.08); border-color: var(--ar-on-navy-2); color: var(--ar-on-navy); }
.ar-spec-chip {
  display: inline-flex; align-items: center; min-height: 26px; padding: 0 var(--ar-s2);
  border-radius: var(--ar-radius-pill); background: var(--ar-paper-3); color: var(--ar-navy);
  font-size: var(--ar-t-xs); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.01em;
}

/* section heads ----------------------------------------------------------- */
.ar-section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--ar-s4); margin-bottom: var(--ar-s4); }
.ar-ds .ar-section-title { margin: 0; font-size: var(--ar-t-xl); font-weight: 700; line-height: 1.45; color: var(--ar-ink); }
.ar-more { color: var(--ar-link); font-size: var(--ar-t-sm); font-weight: 700; text-decoration: none; white-space: nowrap; }
.ar-more::after { content: " ←"; }
.ar-more:hover { text-decoration: underline; }

/* ===================================================================== chrome */
/* the two vertical fixed tabs on the left edge are replaced by the bottom navigation */
.ar-ds #brxe-bwueda, .ar-ds #brxe-ezijdy { display: none !important; }

/* header -----------------------------------------------------------------
   One row aligned to the page width: 72px from 992px (logo · menu · search · cart), 56px below it
   (menu · logo · search icon · cart; the search field opens as a second row). Gone: the announcement bar,
   the utility row (contact/about/blog → menu, mobile menu, footer) and the 6px strip with its endless
   gradient shimmer. Header 159px → 72px on desktop, ~150px → 56px on phones. */
.ar-ds #brxe-hlnipo, .ar-ds #brxe-btoqkp, .ar-ds #brxe-bhnygb, .ar-ds #brxe-nvzsvg, .ar-ds #brxe-nezwyh { display: none !important; }
.ar-ds #brx-header { background: var(--ar-paper); transition: box-shadow var(--ar-dur) var(--ar-ease); }
.ar-ds #brx-header.scrolling { box-shadow: var(--ar-shadow-1); }
.ar-ds #brxe-wuarax { background: var(--ar-paper) !important; border-bottom: 1px solid var(--ar-rule); padding: 0 !important; }
.ar-ds #brxe-tthjol { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto; padding: 0 !important; }
.ar-ds #brxe-aprxli {
  flex-direction: row !important; justify-content: flex-start !important; align-items: center !important;
  column-gap: var(--ar-s1) !important; min-height: 56px; padding: 0 !important;
}
.ar-ds #brxe-lfswaj { order: 0; }
.ar-ds #brxe-wrfnkl { order: 1; display: flex; flex-shrink: 0; }
.ar-ds #brxe-wrfnkl .bricks-site-logo { width: 136px !important; }
.ar-ds #brxe-mgeaam { order: 2; display: flex !important; align-items: center; column-gap: var(--ar-s1) !important; margin-inline-start: auto; }

/* icon buttons: search toggle + cart, 44px targets */
.ar-search-toggle {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0;
  border-radius: var(--ar-radius); background: none; color: var(--ar-ink); cursor: pointer; transition: background-color var(--ar-dur) var(--ar-ease);
}
.ar-search-toggle:hover, .ar-search-toggle[aria-expanded="true"] { background: var(--ar-paper-2); }
.ar-ds .brxe-woocommerce-mini-cart .mini-cart-link {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--ar-radius);
  color: var(--ar-ink); transition: background-color var(--ar-dur) var(--ar-ease);
}
.ar-ds .brxe-woocommerce-mini-cart .mini-cart-link:hover { background: var(--ar-paper-2); }
.ar-ds #brxe-ewjaok svg, .ar-ds #brxe-plpgfh svg { width: 24px !important; height: 24px !important; }
.ar-ds .brxe-woocommerce-mini-cart .cart-count { background: var(--ar-red) !important; color: #fff !important; width: 18px !important; height: 18px !important; font-size: 11px; font-weight: 700; line-height: 18px; }
.ar-ds .brxe-woocommerce-mini-cart .cart-detail { border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-2); }

/* search field: one pill (field + icon), white with a border while focused */
.ar-ds #brxe-uvncjv { width: 240px; }
.ar-ds #brxe-uvncjv .bricks-search-form, .ar-ds #brxe-ontjss .bricks-search-form {
  display: flex; align-items: center; background: var(--ar-paper-2); border: 1px solid transparent; border-radius: var(--ar-radius); overflow: hidden;
  transition: background-color var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-ds #brxe-uvncjv .bricks-search-form:focus-within, .ar-ds #brxe-ontjss .bricks-search-form:focus-within { background: var(--ar-paper); border-color: var(--ar-rule-strong); }
.ar-ds #brxe-uvncjv .bricks-search-form:has(input:focus-visible), .ar-ds #brxe-ontjss .bricks-search-form:has(input:focus-visible) { outline: 2px solid var(--ar-focus); outline-offset: 1px; }
.ar-ds #brxe-uvncjv input[type="search"], .ar-ds #brxe-ontjss input[type="search"] {
  flex: 1; min-width: 0; width: auto; height: 40px; min-height: 40px; padding: 0 var(--ar-s3); border: 0 !important; border-radius: 0;
  background: transparent !important; color: var(--ar-ink); font-size: var(--ar-t-sm); outline: none;
}
.ar-ds #brxe-uvncjv button, .ar-ds #brxe-ontjss button { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; background: transparent !important; color: var(--ar-ink-2); }
.ar-ds #brxe-uvncjv svg, .ar-ds #brxe-ontjss svg { width: 18px !important; height: 18px !important; }

@media (max-width: 991px) {
  .ar-ds #brxe-aprxli { column-gap: var(--ar-s3) !important; }
  /* compact header: hamburger (Bricks' own mobile menu) up to 991px — the full menu does not fit a tablet row */
  .ar-ds #brxe-lfswaj .bricks-nav-menu-wrapper { display: none !important; }
  .ar-ds #brxe-lfswaj .bricks-mobile-menu-toggle { display: block !important; }
  .ar-ds #brxe-uvncjv, .ar-ds #brxe-plpgfh { display: none !important; }
  .ar-ds #brxe-roqsij { display: none !important; }
  .ar-ds #brx-header.ar-search-open #brxe-roqsij { display: flex !important; padding: 0 var(--ar-gutter) var(--ar-s3) !important; width: 100%; }
  .ar-ds #brxe-ontjss { width: 100%; }
}
@media (min-width: 992px) {
  .ar-ds #brxe-aprxli { min-height: 72px; column-gap: var(--ar-s5) !important; }
  .ar-ds #brxe-wrfnkl { order: 0; }
  .ar-ds #brxe-lfswaj { order: 1; }
  .ar-ds #brxe-wrfnkl .bricks-site-logo { width: 176px !important; }
  .ar-ds #brxe-mgeaam { column-gap: var(--ar-s2) !important; }
  .ar-search-toggle { display: none; }
}

/* desktop menu */
.ar-ds #brxe-lfswaj .bricks-nav-menu { gap: 2px; }
.ar-ds #brxe-lfswaj .bricks-nav-menu > li { margin: 0 !important; }
.ar-ds #brxe-lfswaj .bricks-nav-menu > li > a, .ar-ds #brxe-lfswaj .bricks-nav-menu > li > .brx-submenu-toggle {
  display: flex; align-items: center; gap: 2px; min-height: 40px; padding: 0 var(--ar-s3) !important; border-radius: var(--ar-radius);
  color: var(--ar-ink) !important; font-size: 15px !important; font-weight: 700; transition: background-color var(--ar-dur) var(--ar-ease), color var(--ar-dur) var(--ar-ease);
}
.ar-ds #brxe-lfswaj .bricks-nav-menu > li > .brx-submenu-toggle > a { padding: 0 !important; color: inherit !important; font-size: inherit !important; }
.ar-ds #brxe-lfswaj .bricks-nav-menu > li:hover > a, .ar-ds #brxe-lfswaj .bricks-nav-menu > li:hover > .brx-submenu-toggle,
.ar-ds #brxe-lfswaj .bricks-nav-menu > li:focus-within > .brx-submenu-toggle { background: var(--ar-paper-2); color: var(--ar-navy) !important; }
.ar-ds #brxe-lfswaj .bricks-nav-menu > li.current-menu-item > a, .ar-ds #brxe-lfswaj .bricks-nav-menu > li.current-menu-ancestor > .brx-submenu-toggle { color: var(--ar-navy) !important; background: var(--ar-paper-3); }
/* submenu arrows were 19px apart (WCAG 2.5.8 target size ≥ 24px) */
.ar-ds #menu-main-menu .brx-submenu-toggle > button { min-width: 24px; min-height: 24px; display: inline-flex; align-items: center; justify-content: center; color: var(--ar-ink-3); }
.ar-ds #menu-main-menu .brx-submenu-toggle > button svg { width: 12px; height: 12px; }
.ar-ds #brxe-lfswaj .bricks-nav-menu .sub-menu {
  min-width: 220px; padding: var(--ar-s2) !important; background: var(--ar-paper) !important; line-height: 1.6;   /* Bricks: 60px per row */
  border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-2);
}
.ar-ds #brxe-lfswaj .bricks-nav-menu .sub-menu > li > a {
  display: block; padding: var(--ar-s2) var(--ar-s3) !important; border-radius: 8px; color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm); font-weight: 400; white-space: nowrap;
}
.ar-ds #brxe-lfswaj .bricks-nav-menu .sub-menu > li > a:hover { background: var(--ar-paper-2); color: var(--ar-navy) !important; }

/* mobile menu panel (Bricks nav-menu #brxe-lfswaj) */
.ar-ds #brxe-lfswaj .bricks-mobile-menu-wrapper { background: var(--ar-paper) !important; width: min(320px, 86vw) !important; box-shadow: var(--ar-shadow-2); padding-top: 64px; }
/* RTL: the panel opens from the right, under the hamburger (Bricks setting was "left"); the ✕ stays above it */
.ar-ds #brxe-lfswaj .bricks-mobile-menu-wrapper.left { left: auto !important; right: 0 !important; transform: translateX(100%); }
.ar-ds #brxe-lfswaj .bricks-mobile-menu-toggle { z-index: 1000; color: var(--ar-ink); }
.ar-ds #brxe-lfswaj .bricks-mobile-menu-toggle::before { inset: -14px -12px; }   /* 20×16 bars, 44×44 target */
.ar-ds #brxe-lfswaj .bricks-mobile-menu-wrapper::before { background: var(--ar-paper) !important; }   /* Bricks paints the panel on ::before */
.ar-ds #brxe-lfswaj .bricks-mobile-menu > li > a, .ar-ds #brxe-lfswaj .bricks-mobile-menu > li > .brx-submenu-toggle > a,
.ar-ds #brxe-lfswaj .bricks-mobile-menu > li > .brx-submenu-toggle button { color: var(--ar-ink) !important; font-size: var(--ar-t-md); font-weight: 700; }
.ar-ds #brxe-lfswaj .bricks-mobile-menu > li { border-bottom: 1px solid var(--ar-rule); }
.ar-ds #brxe-lfswaj .bricks-mobile-menu .sub-menu a { color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm); font-weight: 400; }
.ar-ds #brxe-lfswaj .bricks-mobile-menu-overlay { background: rgb(11 35 80 / 0.45) !important; }
.ar-ds #brxe-lfswaj.show-mobile-menu .bricks-mobile-menu-toggle .bar-top, .ar-ds #brxe-lfswaj.show-mobile-menu .bricks-mobile-menu-toggle .bar-center,
.ar-ds #brxe-lfswaj.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom { background-color: var(--ar-ink) !important; }
.ar-ds .ar-mobile-utility { list-style: none; margin: var(--ar-s5) 0 0; padding: var(--ar-s3) var(--ar-s5); display: grid; gap: 0; background: var(--ar-paper-2); position: relative; }
.ar-ds .ar-mobile-utility li { margin: 0; padding: 0; border: 0; line-height: 1.4; }
.ar-ds .ar-mobile-utility a { color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm); font-weight: 400; text-decoration: none; display: flex; align-items: center; min-height: 44px; padding: 0 !important; }
.ar-ds:has(#brxe-lfswaj.show-mobile-menu) .ar-tabbar { display: none; }

/* mobile bottom navigation */
.ar-tabbar { display: none; }
@media (max-width: 767px) {
  body.ar-ds { padding-bottom: calc(var(--ar-callbar-h) + env(safe-area-inset-bottom)); }
  .ar-tabbar {
    display: block; position: fixed; inset-inline: 0; bottom: 0; z-index: 900;
    background: var(--ar-paper); border-top: 1px solid var(--ar-rule);
    padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -8px 20px -16px rgb(11 35 80 / 0.45);
  }
  .ar-tabbar ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
  .ar-tabbar__item {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    min-height: var(--ar-callbar-h); color: var(--ar-ink-3); text-decoration: none;
    font-size: 11px; line-height: 1; white-space: nowrap; transition: color var(--ar-dur) var(--ar-ease);
  }
  .ar-tabbar__item[aria-current="page"] { color: var(--ar-navy); font-weight: 700; }
  .ar-tabbar__item:active svg { transform: scale(0.92); }
  .ar-tabbar__item svg { transition: transform var(--ar-dur) var(--ar-ease); }
  .ar-tabbar__item--call { color: var(--ar-red); font-weight: 700; }
  body.ar-ds.woocommerce-cart, body.ar-ds.woocommerce-checkout { padding-bottom: 0; }
}

/* ===================================================================== home */
.ar-ds #brxe-afrkua, .ar-ds #brxe-tgqrpd { display: none; }   /* old hero + car carousel (replaced) */
.ar-ds #brxe-qfeyvl { padding: 0 !important; background: none !important; width: 100%; }

.ar-hero { background: var(--ar-navy); color: var(--ar-on-navy); padding-block: var(--ar-s6) var(--ar-s7); }
.ar-hero__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ar-s6); align-items: center; }
.ar-ds .ar-hero__title { margin: 0 0 var(--ar-s3); color: var(--ar-on-navy); font-size: var(--ar-t-display); font-weight: 700; line-height: 1.3; }
.ar-hero__lede { margin: 0 0 var(--ar-s5); color: var(--ar-on-navy-2); font-size: var(--ar-t-md); line-height: 1.9; max-width: 52ch; }
.ar-finder { background: var(--ar-paper); border-radius: var(--ar-radius-card); padding: var(--ar-s4); box-shadow: var(--ar-shadow-2); max-width: 620px; }
.ar-finder__label { display: block; margin-bottom: var(--ar-s2); color: var(--ar-ink-2); font-size: var(--ar-t-sm); font-weight: 700; }
.ar-finder__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ar-s3); }
.ar-finder select { width: 100%; min-height: 48px; padding-inline: var(--ar-s3); font-size: var(--ar-t-md); }
.ar-finder .ar-btn { width: 100%; }
.ar-hero__popular { margin-top: var(--ar-s5); display: grid; gap: var(--ar-s2); }
.ar-hero__popular-label { color: var(--ar-on-navy-2); font-size: var(--ar-t-xs); }
.ar-hero__media { display: none; margin: 0; }
@media (min-width: 640px) {
  .ar-finder__row { grid-template-columns: minmax(0, 1fr) auto; }
  .ar-finder .ar-btn { width: auto; }
}
@media (min-width: 992px) {
  .ar-hero { padding-block: var(--ar-s7) var(--ar-s8); }
  .ar-hero__inner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: var(--ar-s7); }
  .ar-hero__media { display: block; border-radius: var(--ar-radius-card); overflow: hidden; aspect-ratio: 4 / 3; background: var(--ar-navy-900); }
  .ar-hero__img { width: 100%; height: 100%; object-fit: cover; display: block; }
}

/* popular cars */
.ar-cars { padding-block: var(--ar-s6); }
.ar-cars__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ar-s3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ar-car__link {
  display: flex; flex-direction: column; height: 100%; text-decoration: none; color: var(--ar-ink);
  background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card);
  padding: var(--ar-s3); box-shadow: var(--ar-shadow-1);
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-car__link:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); border-color: var(--ar-rule-strong); }
.ar-car__link:active { transform: scale(0.98); }
.ar-car__media { display: block; aspect-ratio: 3 / 2; margin-bottom: var(--ar-s2); }
.ar-car__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.ar-car__name { font-size: var(--ar-t-sm); font-weight: 700; line-height: 1.6; margin-bottom: var(--ar-s2); }
.ar-car__spec { margin-top: auto; display: flex; flex-wrap: wrap; gap: var(--ar-s1); }
@media (min-width: 768px) { .ar-cars__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ar-s4); } .ar-car__name { font-size: var(--ar-t-md); } }

/* product categories (Bricks query loop #brxe-kvgwqs) */
.ar-ds #brxe-nuoagf { background: var(--ar-paper-2); padding-block: var(--ar-s6); }
.ar-ds .ar-cats-title { width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)); margin: 0 auto var(--ar-s4); }
.ar-ds #brxe-hzitsl { width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ar-s3); padding: 0; margin-inline: auto; }
.ar-ds .brxe-kvgwqs.brxe-div {
  max-height: none; border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); background: var(--ar-paper);
  box-shadow: var(--ar-shadow-1); transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds .brxe-kvgwqs.brxe-div:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); }
.ar-ds .brxe-kvgwqs .brxe-zxbshk.brxe-div { max-height: none; display: flex; flex-direction: column-reverse; }
.ar-ds .brxe-kvgwqs .brxe-cwckdx.brxe-image { width: 100%; aspect-ratio: 4 / 3; height: auto; }
.ar-ds .brxe-kvgwqs .brxe-cwckdx.brxe-image img, .ar-ds .brxe-kvgwqs img.brxe-cwckdx { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.ar-ds .brxe-kvgwqs .brxe-apnlsn.brxe-heading { font-size: var(--ar-t-sm); line-height: 1.5; padding: var(--ar-s3); color: var(--ar-ink); }
@media (min-width: 768px) { .ar-ds #brxe-hzitsl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ar-s4); } .ar-ds .brxe-kvgwqs .brxe-apnlsn.brxe-heading { font-size: var(--ar-t-md); } }
@media (min-width: 1100px) { .ar-ds #brxe-hzitsl { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* best sellers: hidden while WooCommerce has nothing to show */
.ar-ds #brxe-04d0e3:has(.woocommerce-info) { display: none; }

/* why Autoraan → compact trust strip */
.ar-ds #brxe-tselgt { background: var(--ar-paper-2); padding-block: var(--ar-s6); }
.ar-ds #brxe-rchaew { width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)) !important; margin-inline: auto; padding: 0 !important; }
.ar-ds #brxe-hlzuwv { font-size: var(--ar-t-xl); margin-bottom: var(--ar-s4) !important; text-align: start; }
.ar-ds #brxe-lumzep { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--ar-s3) !important; }
.ar-ds #brxe-lumzep > .brxe-div {
  background: var(--ar-paper) !important; border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card);
  padding: var(--ar-s4) !important; min-height: 0 !important; height: auto !important; align-items: flex-start !important; text-align: start !important; gap: var(--ar-s2);
}
.ar-trust-icon {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: var(--ar-s2);
  border-radius: var(--ar-radius); background: var(--ar-paper-3); color: var(--ar-navy);
}
.ar-ds #brxe-lumzep > .brxe-div h3 { font-size: var(--ar-t-sm) !important; line-height: 1.6 !important; margin: 0 !important; text-align: start !important; }
.ar-ds #brxe-lumzep > .brxe-div .brxe-text-basic { font-size: var(--ar-t-xs) !important; color: var(--ar-ink-2) !important; line-height: 1.7; text-align: start !important; }
@media (min-width: 992px) { .ar-ds #brxe-lumzep { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .ar-ds #brxe-lumzep > .brxe-div h3 { font-size: var(--ar-t-md) !important; } }

/* ===================================================================== car page (template 4689) */
/* Three sheets on the canvas: answer (title + spec + photo), products, article. */
.ar-ds.single-automobile #brxe-e5953d { background: none !important; padding: var(--ar-gutter) 0 0 !important; }
.ar-ds.single-automobile #brxe-e9e43b, .ar-ds.single-automobile #brxe-mfwaaj {
  width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important; padding: var(--ar-sheet-pad) !important;
}
.ar-ds.single-automobile #brxe-e9e43b {
  display: grid !important; gap: var(--ar-s4) var(--ar-s6); align-items: start;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "crumb" "title" "spec" "note" "sibs" "media" "pick";
}
.ar-ds.single-automobile #brxe-qjwouk, .ar-ds.single-automobile #brxe-nvfjtb { display: contents; }
.ar-ds.single-automobile #brxe-aifgru { grid-area: crumb; }
.ar-ds.single-automobile #brxe-brzwwz { grid-area: title; }
.ar-ds.single-automobile .ar-spec, .ar-ds.single-automobile #brxe-bxkwjd { grid-area: spec; }
.ar-ds.single-automobile #brxe-msbkue { grid-area: note; }
.ar-ds.single-automobile .ar-siblings { grid-area: sibs; }
.ar-ds.single-automobile #brxe-zfmupw { grid-area: media; justify-self: center; max-width: 320px; width: 100%; height: auto; border-radius: var(--ar-radius-card); border: 1px solid var(--ar-rule); background: var(--ar-paper); }
.ar-ds.single-automobile #brxe-c78f78 { display: none; }   /* repeats the H1 */
.ar-ds.single-automobile #brxe-bxhlcs { grid-area: pick; width: 100%; max-width: 320px; justify-self: center; }
.ar-ds.single-automobile #brxe-bxhlcs select { width: 100%; padding-inline: var(--ar-s3); }
/* the "other models" select lists the same cars as the sibling chips — one way to switch is enough */
.ar-ds.single-automobile #brxe-e9e43b:has(.ar-siblings) #brxe-bxhlcs { display: none; }
@media (min-width: 992px) {
  /* title on its own line across the sheet; spec beside the photo */
  .ar-ds.single-automobile #brxe-e9e43b {
    grid-template-columns: minmax(0, 1fr) 300px; gap: var(--ar-s4) var(--ar-s6);
    grid-template-rows: auto auto auto 1fr auto auto;
    grid-template-areas: "crumb crumb" "title title" "spec media" "spec pick" "note ." "sibs .";
  }
  .ar-ds.single-automobile #brxe-zfmupw, .ar-ds.single-automobile #brxe-bxhlcs { justify-self: stretch; max-width: none; }
}
.ar-ds.single-automobile .breadcrumb, .ar-ds.single-automobile .breadcrumb a { color: var(--ar-ink-3) !important; font-size: var(--ar-t-sm); }
.ar-ds.single-automobile .breadcrumb a:hover { color: var(--ar-navy) !important; }
.ar-ds.single-automobile #brxe-brzwwz { color: var(--ar-ink) !important; font-size: clamp(21px, 1.4vw + 15px, 30px) !important; line-height: 1.55 !important; text-align: start !important; margin: 0 !important; }

/* answer card (engine oil) + table of the other fluids — markup from ar_ds_spec_block() */
.ar-spec { display: grid; gap: var(--ar-s4); min-width: 0; }
.ar-spec__engine {
  display: grid; gap: var(--ar-s3); grid-template-columns: minmax(0, 1fr);
  background: var(--ar-navy); color: var(--ar-on-navy); border-radius: var(--ar-radius-card); padding: var(--ar-s4) var(--ar-s5);
}
.ar-ds .ar-spec__name { margin: 0; color: var(--ar-on-navy); font-size: var(--ar-t-md); font-weight: 700; line-height: 1.5; }
.ar-spec__visc { margin: 0; display: grid; gap: 2px; }
.ar-spec__visc span, .ar-spec__facts dt { color: var(--ar-on-navy); font-size: var(--ar-t-xs); font-weight: 400; line-height: 1.5; }
.ar-spec__visc bdi { font-size: var(--ar-t-display); font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; }
.ar-spec__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ar-s3); margin: 0; padding-top: var(--ar-s3); border-top: 1px solid var(--ar-on-navy-rule); }
.ar-spec__facts div { display: grid; gap: 2px; min-width: 0; }
.ar-spec__facts dd { margin: 0; color: var(--ar-on-navy); font-size: var(--ar-t-lg); font-weight: 700; line-height: 1.4; font-variant-numeric: tabular-nums; }
@media (min-width: 768px) {
  .ar-spec__engine { grid-template-columns: minmax(0, 0.9fr) minmax(0, 2fr); grid-template-areas: "name facts" "visc facts"; align-items: center; column-gap: var(--ar-s5); padding: var(--ar-s5); }
  .ar-ds .ar-spec__name { grid-area: name; }
  .ar-spec__visc { grid-area: visc; }
  .ar-spec__facts { grid-area: facts; border-top: 0; padding-top: 0; }
  .ar-spec__facts div { padding-inline-start: var(--ar-s4); border-inline-start: 1px solid var(--ar-on-navy-rule); }
}
.ar-spec__table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--ar-t-sm); line-height: 1.6; }
.ar-spec__table caption { caption-side: top; text-align: start; padding: 0 0 var(--ar-s2); color: var(--ar-ink-2); font-size: var(--ar-t-sm); font-weight: 700; }
.ar-spec__table bdi { font-variant-numeric: tabular-nums; }
@media (min-width: 768px) {
  .ar-spec__table { border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); overflow: hidden; background: var(--ar-paper); }
  .ar-spec__table th, .ar-spec__table td { padding: var(--ar-s3) var(--ar-s4); text-align: start; border-bottom: 1px solid var(--ar-rule); }
  .ar-spec__table thead th { background: var(--ar-paper-2); color: var(--ar-ink-3); font-size: var(--ar-t-xs); font-weight: 400; padding-block: var(--ar-s2); }
  .ar-spec__table tbody th { color: var(--ar-navy); font-weight: 700; white-space: nowrap; }
  .ar-spec__table tbody td { color: var(--ar-ink); font-weight: 700; }
  .ar-spec__table tbody tr:last-child > * { border-bottom: 0; }
  .ar-spec__table td.is-empty { color: var(--ar-ink-3); font-weight: 400; }
}
@media (max-width: 767px) {
  /* phones: each fluid is a card with labelled values (a 5-column table does not fit 360px) */
  .ar-spec__table, .ar-spec__table tbody, .ar-spec__table tr, .ar-spec__table th, .ar-spec__table td { display: block; }
  .ar-spec__table caption { display: block; }
  .ar-spec__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ar-spec__table tr {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ar-s2) var(--ar-s3);
    border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); padding: var(--ar-s3) var(--ar-s4); background: var(--ar-paper);
  }
  .ar-spec__table tr + tr { margin-top: var(--ar-s2); }
  .ar-spec__table tbody th { grid-column: 1 / -1; text-align: start; color: var(--ar-navy); font-weight: 700; padding-bottom: var(--ar-s2); border-bottom: 1px solid var(--ar-rule); }
  .ar-spec__table td { display: grid; gap: 2px; align-content: start; text-align: start; color: var(--ar-ink); font-weight: 700; font-size: var(--ar-t-md); min-width: 0; }
  .ar-ds.single-automobile #brxe-zfmupw { max-width: 260px; }
  .ar-spec__table td::before { content: attr(data-label); color: var(--ar-ink-3); font-size: var(--ar-t-xs); font-weight: 400; }
  .ar-spec__table td.is-empty { display: none; }
}

/* spec "table" → cards */
.ar-ds.single-automobile #brxe-bxkwjd {
  display: grid !important; gap: var(--ar-s3); grid-template-columns: minmax(0, 1fr);
  background: none !important; padding: 0 !important; box-shadow: none !important; border: 0 !important;
}
/* header row (labels move into each card) + dividers; selector outranks the card rule below */
.ar-ds.single-automobile #brxe-bxkwjd > #brxe-evajry, .ar-ds.single-automobile #brxe-bxkwjd > .brxe-divider { display: none !important; }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ar-s3) var(--ar-s4);
  background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card);
  padding: var(--ar-s4) !important; margin: 0 !important; width: auto !important;
}
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic {
  display: grid; gap: 2px; text-align: start !important; width: auto !important; padding: 0 !important; margin: 0 !important;
  font-size: var(--ar-t-lg); font-weight: 700; color: var(--ar-ink); direction: rtl; font-variant-numeric: tabular-nums;
}
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:first-child { grid-column: 1 / -1; font-size: var(--ar-t-md); color: var(--ar-navy); padding-bottom: var(--ar-s2) !important; border-bottom: 1px solid var(--ar-rule); }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:nth-child(n+2)::before { display: block; font-size: var(--ar-t-xs); font-weight: 400; color: var(--ar-ink-3); }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:nth-child(2)::before { content: "استاندارد"; }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:nth-child(3)::before { content: "ویسکوزیته"; }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:nth-child(4)::before { content: "حجم"; }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div > .brxe-text-basic:nth-child(5)::before { content: "زمان تعویض"; }
.ar-ds.single-automobile #brxe-bxkwjd .brxe-text-basic.ar-empty { display: none !important; }
.ar-ds.single-automobile #brxe-bxkwjd > .brxe-div:not(:has(> .brxe-text-basic:nth-child(n+2):not(.ar-empty))) { display: none !important; }
/* engine oil = the answer most visitors came for: the one navy card */
.ar-ds.single-automobile #brxe-bxkwjd > #brxe-aghnxv { background: var(--ar-navy) !important; border-color: var(--ar-navy) !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ar-ds.single-automobile #brxe-aghnxv > .brxe-text-basic { color: var(--ar-on-navy) !important; }
.ar-ds.single-automobile #brxe-aghnxv > .brxe-text-basic:first-child { color: var(--ar-on-navy-2) !important; border-bottom-color: var(--ar-on-navy-rule); }
.ar-ds.single-automobile #brxe-bxkwjd > #brxe-aghnxv > .brxe-text-basic:nth-child(n+2)::before { color: var(--ar-on-navy); }
.ar-ds.single-automobile #brxe-aghnxv > .brxe-text-basic:nth-child(3) { order: -1; grid-column: 1 / -1; font-size: var(--ar-t-display); line-height: 1.2; }
.ar-ds.single-automobile #brxe-aghnxv > .brxe-text-basic:first-child { order: -2; }
@media (min-width: 768px) {
  .ar-ds.single-automobile #brxe-bxkwjd { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-ds.single-automobile #brxe-aghnxv { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .ar-ds.single-automobile #brxe-bxkwjd > .brxe-div:not(#brxe-aghnxv) { grid-template-columns: minmax(0, 1fr); }
}
.ar-ds.single-automobile #brxe-msbkue { color: var(--ar-ink-3) !important; font-size: var(--ar-t-xs) !important; text-align: start !important; margin: 0 !important; }
.ar-siblings { display: grid; gap: var(--ar-s2); min-width: 0; }
.ar-siblings__label { color: var(--ar-ink-2); font-size: var(--ar-t-sm); }
.ar-chip--light { color: var(--ar-navy); border-color: var(--ar-rule-strong); background: var(--ar-paper); }
.ar-chip--light:hover { color: var(--ar-navy); background: var(--ar-paper-3); border-color: var(--ar-navy); }

/* products block: tabs as segmented pills + honest empty state */
.ar-ds.single-automobile #brxe-mfwaaj { margin-top: var(--ar-gutter) !important; }
.ar-ds.single-automobile .ar-products-title { margin-bottom: var(--ar-s4); }
/* article sheet */
.ar-ds.single-automobile #brxe-a2b372 {
  width: min(var(--ar-read), 100% - 2 * var(--ar-gutter)) !important; margin: var(--ar-gutter) auto 0 !important; padding: var(--ar-sheet-pad) !important;
}
.ar-ds.single-automobile #brxe-a2b372 .brxe-post-content { max-width: none; }

/* product cards of the "featured products" code element (car tabs, posts) */
.ar-ds .ar-pane-title { margin: 0 0 var(--ar-s3); color: var(--ar-ink-2); font-size: var(--ar-t-md); font-weight: 700; line-height: 1.6; }
.ar-ds .featured_products { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important; gap: var(--ar-s3) !important; margin: 0 !important; padding: 0 !important; }
.ar-ds .featured_products li.product {
  position: relative; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--ar-s2) !important;
  text-align: start !important; margin: 0 !important; padding: var(--ar-s3) !important;
  background: var(--ar-paper); border: 1px solid var(--ar-rule) !important; border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-1);
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds .featured_products li.product:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); }
.ar-ds .featured_products li.product > a { display: block; }
.ar-ds .featured_products li.product > a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }   /* whole card opens the product */
.ar-ds .featured_products img { display: block; width: 100%; max-width: none !important; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
.ar-ds .featured_products .inner-child { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--ar-s2); flex: 1; text-align: start !important; }
.ar-ds .featured_products h3 {
  margin: 0 !important; color: var(--ar-ink); font-size: var(--ar-t-sm) !important; font-weight: 700; line-height: 1.7;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-ds .featured_products .price, .ar-ds .featured_products .woocommerce-Price-amount { color: var(--ar-ink) !important; font-size: var(--ar-t-md); font-weight: 700; }
.ar-ds .featured_products .price:has(.screen-reader-text), .ar-ds .featured_products .price:has(.screen-reader-text) .woocommerce-Price-amount { font-size: var(--ar-t-sm); }   /* price range */
.ar-ds .featured_products .stock.out-of-stock { align-self: flex-start; display: inline-flex; margin: 0; padding: 2px var(--ar-s2); border-radius: var(--ar-radius-pill); background: var(--ar-paper-2); color: var(--ar-ink-3); font-size: var(--ar-t-xs); }
.ar-ds .featured_products .inner-child > div:last-child { margin-top: auto; }
.ar-ds .featured_products .ar-card-cta, .ar-ds .featured_products form.cart, .ar-ds .featured_products form.cart .button { position: relative; z-index: 1; width: 100% !important; max-width: none !important; }
.ar-ds .featured_products form.cart { display: flex !important; }
.ar-ds .featured_products form.cart .button { height: auto !important; min-height: 44px; background: var(--ar-red) !important; color: #fff !important; }
@media (max-width: 600px) {
  /* phones: one row per product, photo beside the text */
  .ar-ds .featured_products { grid-template-columns: minmax(0, 1fr) !important; }
  .ar-ds .featured_products li.product { display: grid !important; grid-template-columns: 88px minmax(0, 1fr); align-items: start !important; column-gap: var(--ar-s3) !important; border-bottom: 1px solid var(--ar-rule) !important; }
  .ar-ds .featured_products li.product > a { grid-row: span 2; }
}
.ar-ds.single-automobile #brxe-jvlvqe {
  display: flex !important; flex-wrap: nowrap !important; gap: var(--ar-s2); overflow-x: auto; scrollbar-width: none; padding-bottom: var(--ar-s1);
  border: 0 !important; background: none !important; box-shadow: none !important; width: 100% !important; justify-content: flex-start !important;
}
.ar-ds.single-automobile #brxe-jvlvqe::-webkit-scrollbar { display: none; }
.ar-ds.single-automobile #brxe-jvlvqe .tab-title {
  flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 var(--ar-s4) !important; min-height: 40px; display: flex; align-items: center;
  border: 1px solid var(--ar-rule-strong); border-radius: var(--ar-radius-pill); background: var(--ar-paper) !important;
  color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm); white-space: nowrap; cursor: pointer;
  transition: background-color var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-ds.single-automobile #brxe-jvlvqe .tab-title.brx-open { background: var(--ar-navy) !important; border-color: var(--ar-navy); color: var(--ar-on-navy) !important; }
.ar-ds.single-automobile #brxe-jvlvqe .tab-title .brxe-text-basic { color: inherit !important; font-size: inherit !important; }
.ar-ds.single-automobile #brxe-qmhddq { border: 0 !important; padding: var(--ar-s3) 0 0 !important; }
.ar-empty-state {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ar-s3);
  background: var(--ar-paper-2); border: 1px dashed var(--ar-rule-strong); border-radius: var(--ar-radius-card); padding: var(--ar-s4);
}
.ar-empty-state p { margin: 0; color: var(--ar-ink-2); font-size: var(--ar-t-sm); }

/* ===================================================================== reading (car article, posts, category text)
   Measured on Zoomit, Digikala Mag, Virgool, Smashing, NN/g (2026-10-18): Persian body 16–18px at 1.88–2.2 line
   height, ~650–700px measure, 20–28px between paragraphs, softened dark text on white over a light canvas.
   Kalameh runs small, so 17px on phones and 18px from tablet up, line height 2, measure ≤ 680px. */
.ar-ds .brxe-post-content, .ar-ds .bio { font-size: 17px; line-height: 1.95; color: var(--ar-ink); max-width: 680px; margin-inline: auto; overflow-wrap: break-word; }
@media (min-width: 768px) { .ar-ds .brxe-post-content, .ar-ds .bio { font-size: var(--ar-t-lg); line-height: 2; } }
.ar-ds .brxe-post-content > :first-child, .ar-ds .bio > :first-child { margin-top: 0 !important; }
.ar-ds .brxe-post-content p, .ar-ds .bio p { margin: 0 0 1.1em; color: var(--ar-ink); }
.ar-ds .brxe-post-content li, .ar-ds .bio li { color: var(--ar-ink); margin-block: 0.35em; }
.ar-ds .brxe-post-content :is(h2, h3, h4), .ar-ds .bio :is(h2, h3, h4) { color: var(--ar-ink) !important; font-weight: 700 !important; letter-spacing: 0 !important; scroll-margin-top: 140px; }
.ar-ds .brxe-post-content h2, .ar-ds .bio h2 { font-size: clamp(21px, 0.9vw + 17px, 26px) !important; line-height: 1.55 !important; margin: 1.9em 0 0.55em !important; }
.ar-ds .brxe-post-content h3, .ar-ds .bio h3 { font-size: clamp(18px, 0.5vw + 16px, 21px) !important; line-height: 1.6 !important; margin: 1.6em 0 0.45em !important; }
.ar-ds .brxe-post-content h4, .ar-ds .bio h4 { font-size: var(--ar-t-md) !important; line-height: 1.7 !important; margin: 1.4em 0 0.4em !important; }
.ar-ds .brxe-post-content :is(h2, h3, h4) strong, .ar-ds .bio :is(h2, h3, h4) strong { font-weight: inherit; }
.ar-ds .brxe-post-content strong, .ar-ds .bio strong { font-weight: 700; color: var(--ar-ink); }
.ar-ds .brxe-post-content a, .ar-ds .bio a:not(.read-more) { color: var(--ar-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.ar-ds .brxe-post-content a:hover { text-decoration-thickness: 2px; }
.ar-ds .brxe-post-content :is(ul, ol), .ar-ds .bio :is(ul, ol) { margin: 0 0 1.1em; padding-inline-start: 1.4em; }
.ar-ds .brxe-post-content ul li::marker, .ar-ds .bio ul li::marker { color: var(--ar-navy); }
.ar-ds .brxe-post-content ol, .ar-ds .bio ol { list-style-type: persian; }
.ar-ds .brxe-post-content ol li::marker, .ar-ds .bio ol li::marker { color: var(--ar-navy); font-weight: 700; }
.ar-ds .brxe-post-content img { border-radius: var(--ar-radius); height: auto; max-width: 100%; }
.ar-ds .brxe-post-content figure { margin: 1.6em 0 !important; max-width: 100%; width: auto !important; background: none !important; border: 0 !important; padding: 0 !important; }
.ar-ds .brxe-post-content figcaption, .ar-ds .brxe-post-content .wp-caption-text { color: var(--ar-ink-3); font-size: var(--ar-t-xs); line-height: 1.7; text-align: center; margin-top: var(--ar-s2); }
.ar-ds .brxe-post-content table { display: block; overflow-x: auto; border-collapse: collapse; font-size: var(--ar-t-sm); line-height: 1.7; margin: 0 0 1.4em; }
.ar-ds .brxe-post-content th, .ar-ds .brxe-post-content td { border: 1px solid var(--ar-rule); padding: var(--ar-s2) var(--ar-s3); text-align: start; }
.ar-ds .brxe-post-content th { background: var(--ar-paper-2); font-weight: 700; }
.ar-ds .brxe-post-content blockquote { margin: 1.6em 0; padding: var(--ar-s4) var(--ar-s5); background: var(--ar-paper-2); border: 0; border-inline-start: 3px solid var(--ar-navy); border-radius: var(--ar-radius); color: var(--ar-ink); }
.ar-ds .brxe-post-content blockquote p:last-child { margin-bottom: 0; }
.ar-ds .brxe-post-content hr { border: 0; border-top: 1px solid var(--ar-rule); margin: 2em 0; }

/* table of contents (posts with 3+ sections) */
.ar-toc { margin: 1.4em 0 1.8em; }
.ar-toc details { background: var(--ar-paper-2); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius); padding: var(--ar-s2) var(--ar-s4); }
.ar-toc summary { display: flex; align-items: center; justify-content: space-between; min-height: 40px; cursor: pointer; list-style: none; color: var(--ar-ink); font-size: var(--ar-t-md); font-weight: 700; }
.ar-toc summary::-webkit-details-marker { display: none; }
.ar-toc summary::after { content: "+"; color: var(--ar-navy); font-size: 22px; line-height: 1; }
.ar-toc details[open] summary::after { content: "−"; }
.ar-ds .ar-toc ol { margin: var(--ar-s1) 0 var(--ar-s2); padding-inline-start: 1.3em; font-size: 15px; line-height: 1.9; }
.ar-ds .ar-toc li { margin-block: 0.15em; }
.ar-ds .ar-toc a { color: var(--ar-ink-2); text-decoration: none !important; border: 0 !important; box-shadow: none !important; }
.ar-ds .ar-toc a:hover { color: var(--ar-link); text-decoration: underline !important; }

/* ===================================================================== single post (template: banner, title, article, related, comments)
   Title first, then the photo, then the article on a white sheet (it used to be photo → grey title band → bare text). */
.ar-ds.single-post #brx-content { display: flex; flex-direction: column; gap: var(--ar-s5); padding-bottom: var(--ar-s7); }
.ar-ds.single-post #brx-content > * { order: 3; margin-block: 0 !important; }
.ar-ds.single-post #brxe-ruuqkb { order: 1; background: none !important; padding: var(--ar-s6) 0 0 !important; }
.ar-ds.single-post #brxe-zlkozr {
  width: min(var(--ar-read), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto; padding: 0 !important;
  display: flex; flex-direction: column; align-items: flex-start !important; text-align: start !important; gap: 0;
}
.ar-kicker { display: inline-block; margin-bottom: var(--ar-s2); color: var(--ar-link); font-size: var(--ar-t-sm); font-weight: 700; text-decoration: none; }
.ar-kicker:hover { text-decoration: underline; }
.ar-ds.single-post #brxe-vohrfb { color: var(--ar-ink) !important; font-size: clamp(24px, 1.9vw + 15px, 38px) !important; line-height: 1.5 !important; text-align: start !important; margin: 0 0 var(--ar-s3) !important; }
.ar-ds.single-post #brxe-dxsxbj { display: flex; flex-wrap: wrap; justify-content: flex-start !important; gap: 0; }
.ar-ds.single-post #brxe-dxsxbj .item { color: var(--ar-ink-3) !important; font-size: var(--ar-t-sm); padding: 0 !important; margin: 0 !important; }
.ar-ds.single-post #brxe-dxsxbj .item:not(:first-child)::before { content: "·"; margin-inline: var(--ar-s2); color: var(--ar-rule-strong); }
.ar-ds.single-post #brxe-b90a70 {
  order: 2; width: min(var(--ar-read), 100% - 2 * var(--ar-gutter)) !important; height: auto !important; min-height: 0 !important;
  aspect-ratio: 16 / 9; margin-inline: auto !important; border-radius: var(--ar-radius-card);
  background-size: cover !important; background-position: center !important;
}
.ar-ds.single-post #brxe-bd5188, .ar-ds.single-post #brxe-991139, .ar-ds.single-post #brxe-6f3fbe, .ar-post-cta {
  width: min(var(--ar-read), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important;
}
.ar-ds.single-post #brxe-bd5188 { padding: var(--ar-sheet-pad) !important; }
@media (min-width: 768px) {
  .ar-ds.single-post #brxe-bd5188 { padding: var(--ar-s7) var(--ar-s8) !important; }
  .ar-ds.single-post #brxe-b90a70 { aspect-ratio: 2 / 1; }   /* keeps the first lines of the article closer to the fold */
}
.ar-ds.single-post #brxe-db0a82 { max-width: none; }

/* next step after the article */
.ar-post-cta {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ar-s4);
  padding: var(--ar-s5); border-radius: var(--ar-radius-card); background: var(--ar-navy); color: var(--ar-on-navy);
}
.ar-ds .ar-post-cta__title { margin: 0 0 var(--ar-s1); color: var(--ar-on-navy); font-size: var(--ar-t-xl); line-height: 1.5; }
.ar-post-cta p { margin: 0; max-width: 52ch; color: var(--ar-on-navy-2); font-size: var(--ar-t-sm); line-height: 1.9; }
@media (max-width: 599px) { .ar-post-cta .ar-btn { width: 100%; } }

/* related posts: cards on the canvas */
.ar-ds.single-post #brxe-6f3fbe { padding: var(--ar-s5) 0 0 !important; }
.ar-ds.single-post #brxe-zlpmum { margin: 0 0 var(--ar-s4) !important; color: var(--ar-ink) !important; font-size: var(--ar-t-xl) !important; line-height: 1.5; text-align: start !important; width: 100%; }
.ar-ds #brxe-65b6f7 { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: var(--ar-s3) !important; margin: 0; padding: 0; width: 100%; }
@media (min-width: 600px) { .ar-ds #brxe-65b6f7 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ar-ds #brxe-65b6f7 > li {
  width: auto !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; overflow: hidden; position: relative;
  background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-1);
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds #brxe-65b6f7 > li:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); }
.ar-ds #brxe-65b6f7 > li { height: auto !important; }
.ar-ds #brxe-65b6f7 figure { margin: 0 !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; overflow: hidden; flex-shrink: 0; }
.ar-ds #brxe-65b6f7 figure a { display: block; width: 100%; height: 100%; }
.ar-ds #brxe-65b6f7 figure img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; }
.ar-ds #brxe-65b6f7 .post-content { padding: var(--ar-s3) var(--ar-s4) var(--ar-s4) !important; display: grid; gap: var(--ar-s1); text-align: start; margin: 0 !important; }
.ar-ds #brxe-65b6f7 h3 { margin: 0 !important; font-size: var(--ar-t-md) !important; line-height: 1.7 !important; font-weight: 700 !important; }
.ar-ds #brxe-65b6f7 h3 a { color: var(--ar-ink); text-decoration: none; }
.ar-ds #brxe-65b6f7 h3 a::after { content: ""; position: absolute; inset: 0; }
.ar-ds #brxe-65b6f7 .post-content > div { color: var(--ar-ink-3); font-size: var(--ar-t-xs); }
@media (max-width: 599px) {
  /* phones: a compact list (thumbnail beside the title) instead of three screen-high cards */
  .ar-ds #brxe-65b6f7 > li { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); align-items: center; }
  .ar-ds #brxe-65b6f7 figure { aspect-ratio: 4 / 3; height: 100% !important; }
  .ar-ds #brxe-65b6f7 .post-content { padding: var(--ar-s2) var(--ar-s3) !important; }
  .ar-ds #brxe-65b6f7 h3 { font-size: var(--ar-t-sm) !important; }
}

/* comments */
.ar-ds.single-post #brxe-991139 { padding: var(--ar-sheet-pad) !important; }
.ar-ds #commentform textarea { height: 140px; min-height: 0; resize: vertical; }
.ar-ds #brxe-29e7b5, .ar-ds #brxe-29e7b5 #comments { width: 100%; margin: 0 !important; padding: 0 !important; }
.ar-ds .comment-reply-title { margin: 0 0 var(--ar-s4) !important; color: var(--ar-ink); font-size: var(--ar-t-xl) !important; line-height: 1.5; }
.ar-ds #commentform { display: grid; gap: var(--ar-s4); }
.ar-ds #commentform .form-group { display: grid; gap: var(--ar-s1); margin: 0 !important; }
.ar-ds #commentform label { color: var(--ar-ink-2); font-size: var(--ar-t-sm); font-weight: 700; }
.ar-ds #commentform input[type="text"], .ar-ds #commentform input[type="email"], .ar-ds #commentform textarea { width: 100%; padding: var(--ar-s2) var(--ar-s3); }
.ar-ds #commentform .form-submit { margin: 0; }

/* ===================================================================== blog list (/blog/, page 18) */
.ar-ds #brxe-phgjax { padding: var(--ar-s6) 0 0 !important; }
.ar-ds #brxe-enhcvg { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; align-items: flex-start !important; }
.ar-ds #brxe-enhcvg :is(h1, h2, h3) { margin: 0 !important; text-align: start !important; font-size: var(--ar-t-2xl) !important; color: var(--ar-ink) !important; }
.ar-ds #brxe-ogpglp { padding: var(--ar-s5) 0 var(--ar-s7) !important; margin: 0 !important; }
.ar-ds #brxe-lvipyf { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; }
.ar-ds #brxe-osputa { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: var(--ar-s4) !important; width: 100%; }
@media (min-width: 640px) { .ar-ds #brxe-osputa { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ar-ds #brxe-osputa { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ar-s5) !important; } }
.ar-ds a.brxe-xpldry {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; width: auto !important; height: 100%; margin: 0 !important; padding: 0 !important;
  overflow: hidden; text-decoration: none; background: var(--ar-paper) !important; border: 1px solid var(--ar-rule) !important; border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-1) !important;
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds a.brxe-xpldry:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2) !important; }
.ar-ds a.brxe-xpldry .brxe-icogyh { width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 16 / 9; margin: 0 !important; overflow: hidden; }
.ar-ds a.brxe-xpldry .brxe-icogyh img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; border-radius: 0 !important; }
.ar-ds a.brxe-xpldry .brxe-sbttas { width: auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: var(--ar-s2) !important; padding: var(--ar-s4) !important; text-align: start !important; }
.ar-ds a.brxe-xpldry .brxe-jenyrz { order: -1; justify-content: flex-start !important; gap: 0; }
.ar-ds a.brxe-xpldry .brxe-jenyrz .item { color: var(--ar-ink-3) !important; font-size: var(--ar-t-xs) !important; padding: 0 !important; margin: 0 !important; }
.ar-ds a.brxe-xpldry .brxe-jenyrz .item:not(:first-child)::before { content: "·"; margin-inline: var(--ar-s2); color: var(--ar-rule-strong); }
.ar-ds a.brxe-xpldry .brxe-zltzgn {
  margin: 0 !important; color: var(--ar-ink) !important; font-size: var(--ar-t-lg) !important; line-height: 1.65 !important; text-align: start !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-ds a.brxe-xpldry .brxe-lgtikb, .ar-ds a.brxe-xpldry .brxe-lgtikb p {
  margin: 0 !important; color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm) !important; line-height: 1.9 !important; text-align: start !important;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

/* ===================================================================== car lists (archives) */
.ar-ds .brxe-posts .bricks-layout-inner {
  background: var(--ar-paper); border: 1px solid var(--ar-rule) !important; border-radius: var(--ar-radius-card);
  overflow: hidden; box-shadow: var(--ar-shadow-1); padding: var(--ar-s3) !important;
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds .brxe-posts .bricks-layout-inner:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); }
.ar-ds .brxe-posts .image-wrapper img { object-fit: contain; }
@media (max-width: 767px) { .ar-ds .brxe-posts.brxe-posts { --columns: 2 !important; --gutter: 12px !important; } }
.ar-ds .brxe-posts h5, .ar-ds .brxe-posts h5 a { font-size: var(--ar-t-md) !important; margin: var(--ar-s2) 0 0 !important; color: var(--ar-ink) !important; text-decoration: none; }

/* ===================================================================== cars archive (/automobile/) */
.ar-ds .automobile-tile { border-radius: var(--ar-radius-card); transition: background-color var(--ar-dur) var(--ar-ease); }
.ar-ds .automobile-tile:hover { background: var(--ar-paper-2); }
.ar-allcars { background: var(--ar-paper-2); padding-block: var(--ar-s6); margin-top: var(--ar-s6); border-top: 1px solid var(--ar-rule); }
.ar-allcars .ar-section-title { margin-bottom: var(--ar-s4); }
.ar-allcars__group + .ar-allcars__group { margin-top: var(--ar-s5); }
.ar-ds .ar-allcars__maker { margin: 0 0 var(--ar-s2); font-size: var(--ar-t-md); color: var(--ar-ink-2); }

/* empty cart: the text block ran edge to edge */
.ar-ds #brxe-nevsca { width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)) !important; margin-inline: auto; }
.ar-ds #brxe-qfjkhk { text-align: center; max-width: 52ch; margin-inline: auto; }

/* ===================================================================== product-category head + text */
.ar-archive-head { padding-block: var(--ar-s6) var(--ar-s2); }
.ar-ds .ar-archive-head__title { margin: 0; font-size: var(--ar-t-2xl); line-height: 1.5; }
.ar-archive-head__count { margin: var(--ar-s1) 0 0; color: var(--ar-ink-3); font-size: var(--ar-t-sm); }
.ar-ds #brxe-197c79 { background: none !important; }
/* filter column + products: the template's flex row (280 + 80 gap + 1120) was wider than its 1400px box and pushed
   the products 60px off the page; a grid inside the page width instead, the filters on a sheet */
@media (min-width: 992px) {
  .ar-ds #brxe-7e5171 {
    display: grid !important; grid-template-columns: 240px minmax(0, 1fr); column-gap: var(--ar-s6) !important; align-items: start;
    width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important;
  }
  .ar-ds #brxe-b6cd6d, .ar-ds #brxe-822d3a { width: auto !important; min-width: 0; max-width: none !important; margin: 0 !important; }
  .ar-ds #brxe-b6cd6d { background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); padding: var(--ar-s4) !important; box-shadow: var(--ar-shadow-1); }
}
@media (max-width: 991px) {
  .ar-ds #brxe-7e5171 { flex-direction: column !important; gap: var(--ar-s4) !important; width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important; }
  .ar-ds #brxe-822d3a, .ar-ds #brxe-b6cd6d { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
}
/* The template's own category text (code element #brxe-wudtws), below the products, collapsed behind «بیشتر بخوانید».
   Collapsed = first section only, cut at a block boundary (no fade: the brand has no gradients). */
.ar-ds #brxe-wudtws { width: 100% !important; margin: var(--ar-s6) 0 var(--ar-s7) !important; padding: var(--ar-sheet-pad) !important; }
.ar-ds #brxe-wudtws .bio { display: block !important; max-height: none !important; overflow: visible !important; height: auto !important; max-width: 720px; margin-inline: 0 auto; }
.ar-ds #brxe-wudtws a.read-more { max-width: 720px; }
.ar-ds #brxe-wudtws .bio:not(.BOOM) > :nth-child(n+3):not(.read-more-fade),
.ar-ds #brxe-wudtws .bio:not(.BOOM) > :nth-child(2):is(h2, h3, h4, h5, ul, ol, figure) { display: none; }
.ar-ds #brxe-wudtws .read-more-fade { display: none !important; }
.ar-ds #brxe-wudtws a.read-more {
  display: flex !important; align-items: center; justify-content: center; min-height: 44px; margin: var(--ar-s4) 0 0 !important;
  border: 1px solid var(--ar-rule-strong); border-radius: var(--ar-radius); color: var(--ar-navy) !important; font-size: var(--ar-t-sm); font-weight: 700; letter-spacing: 0 !important; text-decoration: none;
  transition: background-color var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-ds #brxe-wudtws a.read-more:hover { background: var(--ar-paper-2); border-color: var(--ar-navy); }

/* ===================================================================== other sheets: product page, pages, car archives */
.ar-ds.single-product #brxe-224884, .ar-ds.single-product #brxe-29a0f5 { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important; padding: var(--ar-sheet-pad) !important; }
.ar-ds.single-product #brxe-1ee4a7 { padding-top: var(--ar-gutter) !important; }
.ar-ds.single-product #brxe-29a0f5 { margin-block: var(--ar-gutter) var(--ar-s7) !important; }
.ar-ds #brxe-d2733d, .ar-ds #brxe-kdkbgf, .ar-ds #brxe-bswwsz { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin-inline: auto !important; padding: var(--ar-sheet-pad) !important; }
.ar-ds #brxe-d2733d { margin-block: var(--ar-s5) var(--ar-s7) !important; }
/* about: one sheet holding text + photo */
.ar-ds #brxe-b45e96 { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)) !important; margin: var(--ar-s5) auto var(--ar-s7) !important; padding: var(--ar-sheet-pad) !important; gap: var(--ar-s6); }
.ar-ds #brxe-b45e96 > * { width: 100% !important; max-width: none !important; min-width: 0; margin: 0 !important; padding-inline: 0 !important; }
@media (min-width: 768px) { .ar-ds #brxe-b45e96 > * { width: auto !important; flex: 1 1 0; } }
.ar-ds #brxe-4f4482 :is(p, .brxe-text, .brxe-text-basic) { color: var(--ar-ink-2) !important; }
.ar-ds .ar-allcars { background: none; border-top: 0; margin-top: 0; padding-top: var(--ar-gutter); }
.ar-ds .ar-allcars > .ar-wrap {
  width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)); padding: var(--ar-sheet-pad);
  background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-1);
}
/* car-brand archive: model tiles were grey slabs; white cards inside the sheet */
.ar-ds .child-categories .child-cat {
  background: var(--ar-paper) !important; border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); overflow: hidden;
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease), border-color var(--ar-dur) var(--ar-ease);
}
.ar-ds .child-categories .child-cat:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); border-color: var(--ar-rule-strong); }
.ar-ds .child-categories .child-cat a { color: var(--ar-ink) !important; font-weight: 700; text-decoration: none; }
.ar-ds.woocommerce-cart #brx-content > .woocommerce, .ar-ds.woocommerce-checkout #brx-content > .woocommerce, .ar-ds.woocommerce-account #brx-content > .woocommerce {
  width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)); margin: var(--ar-s5) auto var(--ar-s7); padding: var(--ar-sheet-pad);
}

/* ===================================================================== product lists */
.ar-ds li.product.repeater-item {
  background: var(--ar-paper); border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card);
  padding: var(--ar-s3) !important; box-shadow: var(--ar-shadow-1); display: flex; flex-direction: column;
  transition: transform var(--ar-dur) var(--ar-ease), box-shadow var(--ar-dur) var(--ar-ease);
}
.ar-ds li.product.repeater-item:hover { transform: translateY(-1px); box-shadow: var(--ar-shadow-2); }
.ar-ds li.product.repeater-item img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; height: auto; }
.ar-ds li.product.repeater-item h3, .ar-ds li.product.repeater-item h3 a {
  font-size: var(--ar-t-sm) !important; line-height: 1.7 !important; color: var(--ar-ink) !important; text-decoration: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ar-ds li.product.repeater-item span[style*="border"] {
  border: 0 !important; background: var(--ar-paper-3); border-radius: var(--ar-radius-pill) !important;
  padding: 2px var(--ar-s2) !important; font-size: var(--ar-t-xs); font-weight: 700; direction: ltr;
}
.ar-ds li.product.repeater-item span[style*="border"] a { color: var(--ar-navy); text-decoration: none; }
.ar-ds li.product.repeater-item span[style*="border"]:empty { display: none; }   /* products without viscosity/API printed two empty pills */
.ar-ds li.product.repeater-item .stock.out-of-stock {
  display: inline-flex; margin: 0 0 var(--ar-s1); padding: 2px var(--ar-s2); border-radius: var(--ar-radius-pill);
  background: var(--ar-paper-2); color: var(--ar-ink-3); font-size: var(--ar-t-xs);
}
.ar-ds li.product.repeater-item .woocommerce-Price-amount { color: var(--ar-ink); font-weight: 700; font-size: var(--ar-t-md); }

/* ===================================================================== single product (template 2086) */
.ar-ds.single-product #brxe-mfctdi { display: flex; flex-direction: column; gap: var(--ar-s4); }
.ar-ds.single-product #brxe-ysrgvf, .ar-ds.single-product #brxe-lpfptz, .ar-ds.single-product #brxe-qunogq { min-width: 0; max-width: 100%; }
.ar-ds.single-product #brxe-gdtuxz { display: contents; }
.ar-ds.single-product #brxe-evkoas { display: none; }
.ar-ds.single-product .brxe-product-title { order: 1; font-size: var(--ar-t-2xl) !important; line-height: 1.5 !important; margin: 0 !important; }
.ar-ds.single-product #brxe-47637d { order: 2; }
.ar-ds.single-product #brxe-qunogq { order: 3; background: var(--ar-paper-2) !important; border: 1px solid var(--ar-rule); border-radius: var(--ar-radius-card); padding: var(--ar-s4) !important; display: flex; flex-direction: column; gap: var(--ar-s3); }
.ar-ds.single-product p.warning { order: 4; }
.ar-ds.single-product .brxe-product-price .price { font-size: var(--ar-t-xl); font-weight: 700; color: var(--ar-ink); margin: 0; }
.ar-ds.single-product .brxe-product-stock .stock { margin: 0; }
.ar-ds.single-product .brxe-product-stock .stock.out-of-stock { display: inline-flex; padding: 4px var(--ar-s3); border-radius: var(--ar-radius-pill); background: var(--ar-paper); border: 1px solid var(--ar-rule-strong); color: var(--ar-ink-2); font-size: var(--ar-t-sm); }
.ar-ds.single-product .ar-oos-cta { width: 100%; }
.ar-ds.single-product .brxe-product-price:not(:has(.price)) { display: none; }
/* out of stock: no bundle-total line, no "pick an item" alert, no dead buy button, no second «ناموجود» */
.ar-ds.single-product #brx-content.outofstock .woosb-summary,
.ar-ds.single-product #brx-content.outofstock .woosb-alert,
.ar-ds.single-product #brx-content.outofstock .single_add_to_cart_button,
.ar-ds.single-product #brx-content.outofstock .brxe-product-add-to-cart .stock { display: none !important; }
.ar-ds.single-product p.warning {
  border: 1px solid var(--ar-rule) !important; border-radius: var(--ar-radius-card); background: var(--ar-paper);
  color: var(--ar-ink-2) !important; padding: var(--ar-s4) !important; margin: 0 !important; font-size: var(--ar-t-sm); line-height: 1.9;
}
.ar-ds.single-product p.warning::before {
  content: "ضمانت اصالت کالا" !important; position: static !important; display: block !important; width: auto !important;
  background: none !important; border: 0 !important; padding: 0 !important; margin-bottom: var(--ar-s1);
  color: var(--ar-navy) !important; font-weight: 700; font-size: var(--ar-t-md); text-align: start !important;
}
.ar-ds.single-product .woocommerce-product-gallery__image img, .ar-ds.single-product .flex-control-thumbs img { border-radius: var(--ar-radius); }
.ar-ds.single-product .woocommerce-breadcrumb, .ar-ds.single-product .woocommerce-breadcrumb a { color: var(--ar-ink-3) !important; font-size: var(--ar-t-xs); }
/* contrast (Lighthouse): Bricks breadcrumb #a6a6a6, bundle SKU #808080, cyan tab #01d4f3, grey review submit */
.ar-ds.single-product #brxe-25d285 .navigation, .ar-ds.single-product #brxe-25d285 .navigation a, .ar-ds.single-product .product_meta .sku { color: var(--ar-ink-3) !important; }
.ar-ds.single-product .woocommerce-tabs ul.tabs li a { color: var(--ar-ink-2) !important; }
.ar-ds.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--ar-navy) !important; }
.ar-ds #commentform #submit {
  min-height: 44px; padding: var(--ar-s2) var(--ar-s5) !important; line-height: 1.5; border-radius: var(--ar-radius); border: 1px solid var(--ar-navy) !important;
  background: var(--ar-paper) !important; color: var(--ar-navy) !important; font-weight: 700;
}
.ar-ds #commentform #submit:hover { background: var(--ar-paper-3) !important; }

/* ===================================================================== footer (markup rebuilt by the footer filter)
   Compact: brand + contact, three link groups, the eNamad seal; one bottom line. ~460px → ~280px on desktop. */
.ar-foot { background: var(--ar-navy-900); color: var(--ar-on-navy-2); font-size: var(--ar-t-sm); line-height: 1.9; }
.ar-foot ul { list-style: none; margin: 0; padding: 0; }
.ar-foot a { color: var(--ar-on-navy-2); text-decoration: none; transition: color var(--ar-dur) var(--ar-ease); }
.ar-foot a:hover { color: var(--ar-on-navy); text-decoration: underline; }
.ar-foot__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ar-s5) var(--ar-s4);
  width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)); padding-block: var(--ar-s6) var(--ar-s5);
}
.ar-foot__brand { grid-column: 1 / -1; }
.ar-foot__name { margin: 0 0 var(--ar-s1); color: var(--ar-on-navy); font-size: var(--ar-t-lg); font-weight: 700; line-height: 1.5; }
.ar-foot__desc { margin: 0 0 var(--ar-s2); max-width: 44ch; }
.ar-foot__contact a { color: var(--ar-on-navy); font-weight: 700; }
.ar-ds .ar-foot__title { margin: 0 0 var(--ar-s1); color: var(--ar-on-navy); font-size: var(--ar-t-sm); font-weight: 700; line-height: 1.7; }
.ar-foot__col li a { display: inline-block; padding-block: 2px; }
.ar-foot__seal img { display: block; width: 84px; height: auto; padding: var(--ar-s1); background: var(--ar-paper); border-radius: var(--ar-radius); }
.ar-foot__bar { border-top: 1px solid var(--ar-on-navy-rule); }
.ar-foot__bar-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--ar-s1) var(--ar-s4); width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)); padding-block: var(--ar-s3); }
.ar-foot__bar p { margin: 0; font-size: var(--ar-t-xs); line-height: 1.8; }
@media (min-width: 992px) {
  .ar-foot__grid { grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr)) auto; gap: var(--ar-s6); padding-block: var(--ar-s7) var(--ar-s6); }
  .ar-foot__brand { grid-column: auto; }
}

/* fallback styling of the template footer (used only if the footer filter could not find the eNamad seal) */
.ar-ds #brxe-hdmlxk { background: var(--ar-navy-900) !important; padding-block: var(--ar-s7) var(--ar-s5) !important; }
.ar-ds #brxe-cimckn { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ar-s5) var(--ar-s4); align-items: start; width: min(var(--ar-wrap), 100% - 2 * var(--ar-s4)) !important; margin-inline: auto; padding: 0 !important; }
.ar-ds #brxe-cimckn > .brxe-div { gap: var(--ar-s2); align-items: flex-start !important; text-align: start !important; }
.ar-ds #brx-footer .brxe-heading { color: var(--ar-on-navy) !important; font-size: var(--ar-t-md) !important; font-weight: 700; margin-bottom: var(--ar-s1) !important; }
.ar-ds #brx-footer a.brxe-text-link { color: var(--ar-on-navy-2) !important; font-size: var(--ar-t-sm) !important; text-decoration: none; }
.ar-ds #brx-footer a.brxe-text-link:hover { color: var(--ar-on-navy) !important; text-decoration: underline; }
.ar-ds #brx-footer span.brxe-text-link { display: none !important; }      /* look like links, go nowhere */
.ar-ds #brxe-sozsnb { display: none !important; }                         /* social icons without links */
.ar-ds #brxe-wkiysz { grid-column: 1 / -1; border: 0 !important; border-top: 1px solid var(--ar-on-navy-rule) !important; padding-top: var(--ar-s5); width: 100% !important; }
.ar-ds #brxe-szfywe { border: 0 !important; }
.ar-ds #brxe-szfywe { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ar-s4); }
.ar-ds #brxe-bzkeii { color: var(--ar-on-navy-2) !important; font-size: var(--ar-t-xs) !important; }
.ar-ds #brxe-hnrbld img { background: var(--ar-paper); border-radius: var(--ar-radius); padding: var(--ar-s1); }
.ar-ds #brxe-bhhsan, .ar-ds #brxe-bhhsan a { color: var(--ar-on-navy-2) !important; font-size: var(--ar-t-xs) !important; }
@media (min-width: 992px) { .ar-ds #brxe-cimckn { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ===================================================================== add-to-cart popup (template 2294) */
.ar-ds .brxe-popup-2294 .brx-popup-content {
  width: min(440px, 100% - 2 * var(--ar-gutter)) !important; border-radius: var(--ar-radius-card); box-shadow: var(--ar-shadow-2);
  padding: var(--ar-s6) var(--ar-s5) var(--ar-s5) !important; background: var(--ar-paper) !important;
}
.ar-ds .brxe-popup-2294 .brx-popup-backdrop { background: rgb(11 35 80 / 0.45) !important; }
.ar-ds #brxe-pcngwo { padding: 0 !important; }
.ar-ds #brxe-leqmco { width: 100% !important; gap: var(--ar-s4) !important; position: relative; }
.ar-popup-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--ar-paper-3); color: var(--ar-navy); }
.ar-ds #brxe-ocbcbq { margin: 0 !important; color: var(--ar-ink) !important; font-size: var(--ar-t-lg) !important; font-weight: 700; line-height: 1.6; }
.ar-ds #brxe-awhmys { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ar-s2) !important; width: 100%; }
.ar-ds #brxe-awhmys .bricks-button { justify-content: center; min-height: 44px; padding: 0 var(--ar-s3) !important; font-size: var(--ar-t-sm); white-space: nowrap; }
.ar-ds #brxe-sfvpak { background: var(--ar-red) !important; color: #fff !important; }
.ar-ds #brxe-sfvpak:hover { background: var(--ar-red-press) !important; }
.ar-ds #brxe-opmydo { background: var(--ar-paper) !important; color: var(--ar-navy) !important; border: 1px solid var(--ar-navy) !important; }
.ar-ds #brxe-opmydo:hover { background: var(--ar-paper-3) !important; }
/* «نه! ادامه خرید»: a quiet text action under the two buttons (its orange × icon dropped) */
.ar-ds #brxe-jhbnwf { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--ar-s3); color: var(--ar-ink-2) !important; font-size: var(--ar-t-sm); text-decoration: none; }
.ar-ds #brxe-jhbnwf:hover { color: var(--ar-navy) !important; text-decoration: underline; }
.ar-ds #brxe-jhbnwf .icon { display: none; }

/* cart / checkout / account title */
.ar-ds .ar-page-title { width: min(var(--ar-wrap), 100% - 2 * var(--ar-gutter)); margin: var(--ar-s6) auto 0; color: var(--ar-ink); font-size: var(--ar-t-2xl); line-height: 1.5; }
.ar-ds .ar-page-title + .woocommerce { margin-top: var(--ar-s4) !important; }

/* ===================================================================== motion safety */
@media (prefers-reduced-motion: reduce) {
  .ar-ds *, .ar-ds *::before, .ar-ds *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
  .ar-btn:active, .ar-car__link:hover, .ar-car__link:active, .ar-ds .brxe-kvgwqs.brxe-div:hover,
  .ar-ds li.product.repeater-item:hover, .ar-ds .brxe-posts .bricks-layout-inner:hover,
  .ar-ds .featured_products li.product:hover, .ar-ds #brxe-65b6f7 > li:hover, .ar-ds a.brxe-xpldry:hover { transform: none; }
  html.ar-ds { scroll-behavior: auto; }
}