/* Calm editorial showroom with an ink foundation and mineral actions. */
html { scrollbar-gutter: stable; }
:root, [data-theme] {
  --r-xs: 3px; --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --as-red: #bd3d36; --as-green: #39745a;
  --as-red-badge: #c62f2f; /* white badge text on red passes contrast (5.4:1) */
  --as-brand: #142a44;
  --as-brand-btn: #ad6840;
}
:root, [data-theme="light"] {
  --color-bg: #f7f5f0; --color-surface: #fffdf8; --as-surface-2: #eee7dc;
  --color-text: #142a44; --as-muted: #5d6772;
  --color-divider: rgba(20, 42, 68, .12); --as-line-strong: rgba(20, 42, 68, .24);
  /* Brand colour: buttons, selected filters, checkboxes, active page — the "action" colour. */
  --as-ink: var(--as-brand-btn); --as-on-ink: #ffffff; --as-logo-plate: #fffdf8;
  --color-accent: var(--as-brand); --color-accent-100: #f2e8dc; --color-accent-800: #703a20;
  --as-stripe: rgba(20, 42, 68, .06);
  --shadow-sm: 0 1px 2px rgba(20, 20, 24, .06);
  --shadow-md: 0 8px 24px rgba(20, 20, 24, .08);
  --shadow-lg: 0 24px 60px rgba(20, 20, 24, .16);
}
[data-theme="dark"] {
  --color-bg: #0e1c2c; --color-surface: #142a44; --as-surface-2: #193650;
  --color-text: #f7f2e9; --as-muted: #b8c5d1;
  --color-divider: rgba(242, 242, 240, .09); --as-line-strong: rgba(242, 242, 240, .18);
  /* Same brand colour as day mode for buttons / selected items, so both themes match. */
  --as-ink: var(--as-brand-btn); --as-on-ink: #ffffff; --as-logo-plate: #fffdf8;
  --color-accent: #e0a174; --color-accent-100: #1d354e; --color-accent-800: #edc09a;
  --as-stripe: rgba(242, 242, 240, .05);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, .35);
  --shadow-lg: 0 0 0 1px rgba(242, 242, 240, .06), 0 30px 70px rgba(0, 0, 0, .55);
}

html, body { margin: 0; background: var(--color-bg); }

[data-skip-link] { position: fixed; left: 12px; top: 12px; z-index: 4000; transform: translateY(-160%); padding: 12px 16px; border-radius: 12px; background: var(--as-ink); color: var(--as-on-ink); font: 700 14px/1 var(--font-body); text-decoration: none; transition: transform .18s var(--ease); }
[data-skip-link]:focus { transform: translateY(0); outline: 3px solid var(--color-text); outline-offset: 3px; }

/* Smooth page-to-page transitions (cross-document View Transitions — Chrome/Edge/Safari 18+; others navigate normally) */
/* cross-document view transitions disabled — page fade is handled in theme.js + the server shell (prevents multiple flashes) */
::view-transition-old(root) { animation: as-vt-out .28s cubic-bezier(.4,0,1,1) both; }
::view-transition-new(root) { animation: as-vt-in .42s cubic-bezier(.16,1,.3,1) both; }
@keyframes as-vt-out { to { opacity: 0; transform: translateY(-10px) scale(.995); } }
@keyframes as-vt-in { from { opacity: 0; transform: translateY(16px); } }
header, [data-site-header] { view-transition-name: as-header; }
::view-transition-group(as-header) { animation-duration: 0s; }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none; } }
html { background: var(--color-bg); }

/* Dealer masthead: full-bleed signal bar; every interactive row remains on the shared 1320px content grid. */
header[data-keep="1"] {
  position: relative !important;
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible;
  background: var(--as-brand) !important;
  border-bottom: 5px solid var(--as-brand-btn);
  box-shadow: 0 10px 34px color-mix(in srgb, var(--as-brand) 24%, transparent);
}
header[data-keep="1"]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: repeating-linear-gradient(135deg, rgba(255,255,255,.58) 0 2px, transparent 2px 10px);
  opacity: .55;
}
header[data-keep="1"] > * {
  width: min(1320px, calc(100% - 56px));
  margin-inline: auto;
}
header[data-keep="1"] > div:first-of-type {
  min-height: 35px;
  padding: 8px 0 !important;
  color: color-mix(in srgb, white 78%, transparent) !important;
  border-bottom: 1px solid rgba(255,255,255,.25);
}
header[data-keep="1"] > div:nth-of-type(2) {
  margin-top: 0 !important;
  min-height: 82px;
  padding: 10px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
header[data-keep="1"] a[href="Home.dc.html"] {
  border-radius: 0 !important;
  padding: 7px 14px 7px 0 !important;
  background: transparent !important;
  border-right: 1px solid rgba(255,255,255,.28);
}
header[data-keep="1"] nav a { border-radius: 0 !important; color: #fff !important; }
header[data-keep="1"] nav a:hover { background: rgba(255,255,255,.16) !important; }
@media (max-width: 891.98px) {
  header[data-keep="1"] > * { width: min(1320px, calc(100% - 28px)); }
  header[data-keep="1"] > div:nth-of-type(2) { min-height: 64px; }
}

/* Refined navigation pass: light, compact, and contemporary instead of a heavy dealer-banner treatment. */
header[data-keep="1"] {
  background: color-mix(in srgb, var(--color-bg) 94%, transparent) !important;
  border-bottom: 1px solid var(--color-divider);
  box-shadow: 0 8px 28px rgba(13, 27, 42, .07);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
header[data-keep="1"]::before {
  height: 3px;
  background: linear-gradient(90deg, var(--as-brand) 0 18%, var(--as-brand-btn) 18% 28%, transparent 28% 100%);
  opacity: 1;
}
header[data-keep="1"] > div:first-of-type {
  min-height: 30px;
  color: var(--as-muted) !important;
  border-bottom-color: var(--color-divider);
}
header[data-keep="1"] > div:nth-of-type(2) {
  min-height: 74px;
  padding: 8px 0 !important;
}
header[data-keep="1"] a[href="Home.dc.html"] {
  padding: 6px 18px 6px 0 !important;
  border-right-color: var(--color-divider);
}
header[data-keep="1"] nav a {
  color: var(--color-text) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}
header[data-keep="1"] nav a:hover { background: var(--as-surface-2) !important; }
header[data-keep="1"] > div:nth-of-type(2) > a[href^="tel:"] {
  min-height: 42px;
  padding: 0 16px !important;
  color: #fff !important;
  background: var(--as-brand) !important;
  border-radius: 8px !important;
}
[data-theme="dark"] header[data-keep="1"] { box-shadow: 0 8px 28px rgba(0,0,0,.24); }
@media (min-width: 892px) {
  header[data-keep="1"] [data-desktop-nav] { display: none !important; }
  header[data-keep="1"] > div:nth-of-type(2) { position: relative; }
  header[data-keep="1"] > div:nth-of-type(2) > span[style="flex: 1;"] { display: none; }
  header[data-keep="1"] > div:nth-of-type(2) > a:first-child { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; border: 0 !important; z-index: 2; }
  header[data-keep="1"] [data-head-social] { order: -2; }
  header[data-keep="1"] [data-desktop-menu="1"] { background: #3a3a3a; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 3; }
  header[data-keep="1"] > div:nth-of-type(2) > :not(a[href="Home.dc.html"]):not([data-desktop-menu="1"]) { margin-right: 0; }
  header[data-keep="1"] > nav[aria-label="Menu"] { position: fixed !important; top: 0; right: 0; bottom: 0; z-index: 9999 !important; display: flex !important; width: min(460px, 92vw) !important; min-height: 100vh !important; margin: 0 !important; padding: 104px 32px 32px !important; border-radius: 0 !important; overflow-y: auto; background: var(--color-surface) !important; box-shadow: -24px 0 70px rgba(0,0,0,.24) !important; }
}

/* Native selects: themed dropdown lists (dark mode was white-on-white) */
:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }
select option, select optgroup { background-color: var(--color-surface); color: var(--color-text); }

/* Ordered navigation: logo, links, contact, theme, language, search. */
[data-header-inline] { display:none; }
/* Shared logo sizing and a geometrically centered compact toolbar. */
header[data-keep="1"] [data-header-logo] img { width:112px!important; height:auto!important; }
@media (max-width:999px) {
  header[data-keep="1"] [data-header-command] { display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; gap:0!important; }
  header[data-keep="1"] [data-header-command] > [data-header-logo] { grid-column:1!important; grid-row:1; justify-self:start!important; position:static!important; transform:none!important; padding:7px 5px!important; }
  header[data-keep="1"] [data-header-logo] img { width:80px!important; height:auto!important; }
  header[data-keep="1"] [data-header-tools] { grid-column:2; grid-row:1; justify-self:center!important; gap:0!important; }
  header[data-keep="1"] [data-header-tools] [data-head-social],
  header[data-keep="1"] [data-header-phone-label] { display:none!important; }
  header[data-keep="1"] [data-header-tools] [data-header-icon]:not([data-head-social]),
  header[data-keep="1"] [data-header-tools] [data-header-lang],
  header[data-keep="1"] [data-header-tools] [data-header-phone] { display:flex!important; align-items:center; justify-content:center; width:32px!important; min-width:32px!important; height:44px!important; min-height:44px!important; padding:0!important; }
  header[data-keep="1"] [data-header-lang] { order:0; }
  header[data-keep="1"] [data-header-theme] { order:1; }
  header[data-keep="1"] [data-header-phone] { order:2; }
  header[data-keep="1"] [data-header-tools] > button:not([data-header-theme]):not([data-header-lang]) { order:3; }
  header[data-keep="1"] [data-header-menu] { display:flex!important; grid-column:3!important; grid-row:1; justify-self:end!important; min-width:44px!important; width:44px!important; height:44px!important; padding:0!important; justify-content:center!important; }
  header[data-keep="1"] [data-header-menu-label] { display:none!important; }
  header[data-keep="1"] [data-header-menu] { background:var(--as-brand)!important; color:#fff!important; }
}
@media (min-width:521px) and (max-width:999px) {
  header[data-keep="1"] [data-header-logo] img { width:104px!important; }
  header[data-keep="1"] [data-header-tools] [data-header-icon]:not([data-head-social]),
  header[data-keep="1"] [data-header-tools] [data-header-lang],
  header[data-keep="1"] [data-header-tools] [data-header-phone] { width:44px!important; min-width:44px!important; }
}
@media (max-width:359px) {
  header[data-keep="1"] [data-header-command] { width:calc(100% - 16px)!important; padding:0!important; }
  header[data-keep="1"] [data-header-logo] img { width:72px!important; }
  header[data-keep="1"] [data-header-tools] [data-header-icon]:not([data-head-social]),
  header[data-keep="1"] [data-header-tools] [data-header-lang],
  header[data-keep="1"] [data-header-tools] [data-header-phone] { width:28px!important; min-width:28px!important; }
}
@media (min-width: 1000px) {
  header[data-keep="1"] [data-header-command] { display:flex!important; gap:18px!important; }
  header[data-keep="1"] [data-header-command] > [data-header-logo] { order:0; position:static!important; transform:none!important; flex:none; }
  header[data-keep="1"] [data-header-inline] { order:1; display:flex; align-items:center; gap:16px; flex:1; }
  header[data-keep="1"] [data-header-inline] a { color:var(--color-text)!important; font-size:13px; font-weight:750; text-decoration:none; white-space:nowrap; padding:12px 0; }
  header[data-keep="1"] [data-header-tools] { order:2; flex:none; gap:2px; }
  header[data-keep="1"] [data-header-tools] [data-head-social] { display:none; }
  header[data-keep="1"] [data-header-phone] { order:0; padding:0 5px; }
  header[data-keep="1"] [data-header-theme] { order:1; }
  header[data-keep="1"] [data-header-lang] { order:2; }
  header[data-keep="1"] [data-header-tools] > button:not([data-header-theme]):not([data-header-lang]) { order:3; }
  header[data-keep="1"] [data-header-menu] { display:none!important; }
}
@media (max-width: 819px) {
  [data-hero-stage] [data-hero-word] { display:none; }
  [data-hero-stage] [data-hero-container] { min-height:720px; justify-content:flex-start; }
  [data-hero-stage] [data-hero-mobile-word] { display:flex; align-items:center; flex:none; height:160px; color:rgba(255,255,255,.55); font-size:clamp(48px,14vw,108px); font-weight:900; letter-spacing:-.075em; line-height:1; white-space:nowrap; text-align:left; text-transform:uppercase; }
  [data-hero-stage] [data-hero-lower] { margin-top:0; }
  [data-hero-stage] [data-hero-arrival] { display:none; }
}
[data-hero-mobile-word] { display:none; }
[data-qs-go] { background:var(--as-brand)!important; color:#fff!important; }

/* Content-page outer rhythm, without changing controls or card interiors. */
[data-site-frame] > article#main-content { padding-block:50px!important; }