/* =============================================================================
   HONDA — STANDARD SKIN brand layer (Honda Mont-Laurier + any Honda dealer)
   Loaded additively after theme.css when brand_make = "honda".
   EVERY selector is scoped under .brand-honda so it never affects another brand
   or the generic look. This is the "standard" maquette (mainstream/volume look:
   rounded corners, heavier type, Honda-red accent used generously),
   ported from the Claude Design "Standard Skin" mockup and applied to the shared
   page structure (the boxes/standard/* skin + reused rich box markup).

   Palette matches Honda's real dealer identity (Honda red var(--accent) / PMS 485C,
   white header + near-black text, dark footer band) — verified vs
   hondamontlaurier.com.

   Typography: Honda Global Font (official; guides also cite Avenir Next Rounded).
   Stack falls back to Avenir Next (native on macOS) then system-ui. Drop licensed
   Honda Sans .woff2 files in assets/fonts/honda/ to activate the webfont.
   ============================================================================= */

/* ---- Honda brand webfonts (mirrored from the live Honda Mont-Laurier theme,
   same NerdAuto identity). Titles = National (Honda's brand face); body = Helvetica Neue.
   ttf/otf for now — woff2 conversion is a perf follow-up (see queue). ---- */
@font-face{font-family:"Honda Titles";src:url("../../fonts/honda/National-Regular.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap;}
@font-face{font-family:"Honda Text";src:url("../../fonts/honda/HelveticaNeue.otf") format("opentype");font-weight:300 700;font-style:normal;font-display:swap;}


  
  
  

  /* =====================================================================
     STANDARD MAQUETTE — shared, brand-agnostic, token-driven.
     Mirror of luxury.css but for mainstream/volume brands:
     rounded corners, heavier type, accent used generously, value-forward.
     A brand only defines its tokens (.brand-honda / .brand-honda).
     ===================================================================== */
  /* ---- ATELIER direction (2026-08-04) : palette crème chaude + encre vert-noir,
     rouge Honda accent, radii serrés, profondeur par BORDURES (pas d'ombre),
     bandes PLATES (fin des dégradés rouges). Typo = norme Honda Sans (fallback
     Avenir Next). Porté depuis la maquette Claude Design "Accueil - Atelier". ---- */
  .brand-honda{
    --white:#ffffff;
    --ink:#454d44; --ink-strong:#17201b; --ink-soft:#5f6a5d; /* était #6b7369 : 4,39:1 sur --bg-alt, sous AA (mesuré 2026-08-11) */
    --line:#dbd5c8; --line-soft:#e9e4d8;
    /* Rouge éclairci pour un texte d'accent SUR fond sombre : #cc0000 sur la bande
       #17201b ne donne que 2,83:1 (mesuré 2026-08-11), sous le seuil AA de 3:1. */
    --accent-on-dark:#ff5c5c;
    --bg:#fffdf8; --bg-alt:#f5f2ec; --surface:#eae6dc;
    --accent:#cc0000; --accent-strong:#8f0000; --accent-rgb:204,0,0;
    --on-accent:#ffffff;
    --band:#17201b; /* bande plate vert-noir Atelier — texte blanc + accents rouge */
    --radius-ui:8px; --radius-card:8px; --radius-pill:8px;
    --maxw:1280px; --gutter:clamp(20px,5vw,64px);
    --section-y:clamp(56px,7vw,104px);
    --shadow-card:none;
    --shadow-float:0 8px 24px -18px rgba(23,32,27,.4);
    --ease:cubic-bezier(.23,1,.32,1);
    --header-h:76px;
    /* Stack aligné sur le live : honda(-titles) + fallback Verdana, sans-serif.
       "Honda Titles" = National-Regular ; "Honda Text" = Helvetica Neue (cf @font-face). */
    --font-head:"Honda Titles",Verdana,sans-serif;
    --font-body:"Honda Text",Verdana,sans-serif;
    --head-weight:700; --head-tracking:-.01em;
    --fs-display:clamp(2.6rem,5.6vw,4.6rem);
    --fs-h2:clamp(1.9rem,3.3vw,3rem);
    --fs-h3:clamp(1.2rem,1.7vw,1.55rem);
    --fs-lead:clamp(1.05rem,1.3vw,1.25rem);
    --fs-eyebrow:.8rem; --tracking-eyebrow:.14em;
    background:var(--bg); color:var(--ink);
    font-family:var(--font-body); font-size:1.0625rem; line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  /* dark mode */
  .brand-honda.dark-mode{
    --white:#1b1f24;
    --ink:#c5cbd1; --ink-strong:#f4f6f8; --ink-soft:#8b9298;
    --line:#2c333a; --line-soft:#262c32;
    --bg:#111418; --bg-alt:#171b20;
    --shadow-card:0 1px 2px rgba(0,0,0,.4), 0 20px 44px -26px rgba(0,0,0,.7);
  }
  
  .brand-honda.dark-mode{ --accent:#ff3b3b; --accent-strong:#ff5c5c; --accent-rgb:255,59,59; }

  /* ---- primitives ---- */
  .brand-honda .container{ width:100%; max-width:var(--maxw); margin:0 auto; padding-inline:var(--gutter); }
  .brand-honda .section{ padding-block:var(--section-y); position:relative; }
  .brand-honda .section--alt{ background:var(--bg-alt); }
  .brand-honda h1,.brand-honda h2,.brand-honda h3{ font-family:var(--font-head); color:var(--ink-strong); margin:0; }
  .brand-honda p{ margin:0; }
  .brand-honda a{ color:inherit; text-decoration:none; }

  .brand-honda .eyebrow{ display:inline-flex; align-items:center; gap:.6em; font-family:var(--font-head); font-size:var(--fs-eyebrow); font-weight:700; letter-spacing:var(--tracking-eyebrow); text-transform:uppercase; color:var(--accent); }
  .brand-honda .eyebrow::before{ content:""; width:22px; height:3px; border-radius:3px; background:var(--accent); }
  .brand-honda .h2{ font-size:var(--fs-h2); font-weight:var(--head-weight); line-height:1.05; letter-spacing:var(--head-tracking); }
  .brand-honda .lead{ font-size:var(--fs-lead); color:var(--ink); line-height:1.55; }
  .brand-honda .muted{ color:var(--ink-soft); }

  .brand-honda .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:32px; flex-wrap:wrap; margin-bottom:clamp(28px,4vw,52px); }
  .brand-honda .section-head .titles{ max-width:680px; }
  .brand-honda .section-head .eyebrow{ margin-bottom:14px; }
  .brand-honda .section-head .sub{ margin-top:14px; max-width:56ch; }

  .brand-honda .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.6em; padding:.95em 1.7em; background:var(--accent); color:var(--on-accent); font-family:var(--font-head); font-size:.98rem; font-weight:700; letter-spacing:.01em; border:2px solid var(--accent); border-radius:var(--radius-pill); cursor:pointer; transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s, border-color .25s; white-space:nowrap; }
  .brand-honda .btn .ico{ width:1.1em; height:1.1em; transition:transform .3s var(--ease); }
  .brand-honda .btn:hover{ background:var(--accent-strong); border-color:var(--accent-strong); transform:translateY(-2px); box-shadow:0 12px 26px -12px rgba(var(--accent-rgb),.6); }
  .brand-honda .btn:hover .ico{ transform:translateX(4px); }
  .brand-honda .btn--ghost{ background:transparent; color:var(--ink-strong); border-color:var(--line); }
  .brand-honda .btn--ghost:hover{ background:var(--ink-strong); color:var(--white); border-color:var(--ink-strong); box-shadow:none; }
  .brand-honda .btn--lg{ padding:1.1em 2.1em; font-size:1.05rem; }
  .brand-honda .btn--on-dark{ background:#fff; color:#15171a; border-color:#fff; }
  .brand-honda .btn--on-dark:hover{ background:rgba(255,255,255,.88); border-color:transparent; }
  .brand-honda .btn--on-dark.btn--ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
  .brand-honda .btn--on-dark.btn--ghost:hover{ background:#fff; color:#15171a; border-color:#fff; }

  .brand-honda .link{ display:inline-flex; align-items:center; gap:.45em; font-family:var(--font-head); font-weight:700; font-size:.95rem; color:var(--accent); }
  .brand-honda .link .ico{ width:1.05em; height:1.05em; transition:transform .3s var(--ease); }
  .brand-honda .link:hover .ico{ transform:translateX(4px); }

  .brand-honda .badge{ display:inline-flex; align-items:center; gap:.4em; font-family:var(--font-head); font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:.42em .8em; border-radius:var(--radius-pill); background:var(--ink-strong); color:var(--white); }
  .brand-honda .badge--accent{ background:var(--accent); }
  .brand-honda .badge--soft{ background:rgba(var(--accent-rgb),.12); color:var(--accent); }
  .brand-honda .chip{ display:inline-flex; align-items:center; gap:.4em; padding:.5em 1em; border-radius:var(--radius-pill); border:1.5px solid var(--line); background:var(--white); font-family:var(--font-head); font-weight:600; font-size:.85rem; color:var(--ink-strong); transition:border-color .2s, color .2s, background .2s; }
  .brand-honda .chip:hover{ border-color:var(--accent); color:var(--accent); }

  /* ---- dev toolbar ---- */
  
  
  
  
  

  /* ---- header ---- */
  .brand-honda .site-header{ position:sticky; top:0; z-index:60; height:var(--header-h); background:color-mix(in srgb,var(--bg) 88%, transparent); backdrop-filter:saturate(1.4) blur(10px); border-bottom:1px solid var(--line); }
  .brand-honda .site-header .bar{ height:100%; display:flex; align-items:center; gap:28px; }
  .brand-honda .brand-mark{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:800; font-size:1.3rem; letter-spacing:-.01em; color:var(--ink-strong); }
  .brand-honda .brand-mark .glyph{ width:34px; height:34px; border-radius:var(--radius-ui); background:var(--accent); color:#fff; display:grid; place-items:center; font-size:1rem; }
  .brand-honda .brand-mark .glyph{ border-radius:var(--radius-ui); }
  .brand-honda .nav{ display:flex; gap:24px; margin-left:8px; }
  .brand-honda .nav a{ font-family:var(--font-head); font-weight:600; font-size:.95rem; color:var(--ink); padding:6px 0; border-bottom:2px solid transparent; transition:.2s; }
  .brand-honda .nav a:hover{ color:var(--ink-strong); border-color:var(--accent); }
  .brand-honda .header-cta{ margin-left:auto; display:flex; align-items:center; gap:16px; }
  .brand-honda .header-phone{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--font-head); font-weight:700; color:var(--ink-strong); }
  .brand-honda .header-phone .ico{ width:1.1em; height:1.1em; color:var(--accent); }
  @media(max-width:980px){ .brand-honda .nav,.brand-honda .header-phone{ display:none; } }

  /* ---- hero ---- */
  .brand-honda .hero{ position:relative; min-height:min(88vh,760px); display:flex; align-items:flex-end; color:#fff; overflow:hidden; }
  .brand-honda .hero__bg{ position:absolute; inset:0; background:linear-gradient(120deg,var(--ink-strong),#3a3f45); }
  .brand-honda .hero__bg img{ width:100%; height:100%; object-fit:cover; }
  .brand-honda .hero__scrim{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,12,14,.15) 0%,rgba(10,12,14,.2) 40%,rgba(10,12,14,.82) 100%); }
  .brand-honda .hero__inner{ position:relative; padding-block:clamp(40px,7vw,90px) clamp(120px,12vw,160px); width:100%; }
  .brand-honda .hero .eyebrow{ color:#fff; }
  .brand-honda .hero .eyebrow::before{ background:var(--accent); }
  .brand-honda .hero h1{ font-family:var(--font-head); font-weight:var(--head-weight); font-size:var(--fs-display); line-height:1; letter-spacing:var(--head-tracking); max-width:16ch; margin:16px 0 0; text-shadow:0 2px 30px rgba(0,0,0,.3); }
  .brand-honda .hero .hero__sub{ font-size:var(--fs-lead); max-width:48ch; margin-top:20px; color:rgba(255,255,255,.9); }
  .brand-honda .hero__cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
  .brand-honda .trust-bar{ display:flex; gap:28px; flex-wrap:wrap; margin-top:34px; padding-top:24px; border-top:1px solid rgba(255,255,255,.18); }
  .brand-honda .trust-bar .ti{ display:inline-flex; align-items:center; gap:.6em; font-family:var(--font-head); font-weight:600; font-size:.95rem; color:rgba(255,255,255,.92); }
  .brand-honda .trust-bar .ti .ico{ width:1.25em; height:1.25em; color:var(--accent); }
  .brand-honda .trust-bar .ti .ico{ color:#ff7a7a; }

  /* ---- quick search (overlaps hero) ---- */
  .brand-honda .quicksearch{ margin-top:calc(var(--section-y) * -1); position:relative; z-index:20; }
  .brand-honda .quicksearch .container{ margin-top:-90px; }
  .brand-honda .qs-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow-float); padding:clamp(18px,2.2vw,26px); }
  .brand-honda .qs-grid{ display:grid; grid-template-columns:repeat(4,1fr) auto; gap:14px; align-items:end; }
  .brand-honda .qs-field{ display:flex; flex-direction:column; gap:7px; }
  .brand-honda .qs-field label{ font-family:var(--font-head); font-weight:700; font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-soft); }
  .brand-honda .qs-field select{ appearance:none; background:var(--bg-alt) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%236c7278' stroke-width='2'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center; border:1.5px solid var(--line); border-radius:var(--radius-ui); padding:.85em 2.4em .85em 1em; font-family:var(--font-body); font-size:.98rem; font-weight:600; color:var(--ink-strong); cursor:pointer; }
  .brand-honda .qs-field select:focus{ outline:none; border-color:var(--accent); }
  .brand-honda .qs-submit .btn{ height:100%; padding-inline:1.6em; }
  .brand-honda .qs-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line-soft); }
  .brand-honda .qs-meta > span{ font-family:var(--font-head); font-weight:700; font-size:.85rem; color:var(--ink-soft); }
  @media(max-width:900px){ .brand-honda .qs-grid{ grid-template-columns:1fr 1fr; } .brand-honda .qs-submit{ grid-column:1/-1; } .brand-honda .qs-submit .btn{ width:100%; } }

  /* ---- lineup ---- */
  .brand-honda .seg{ display:inline-flex; flex-wrap:wrap; gap:6px; background:var(--bg-alt); padding:6px; border-radius:var(--radius-pill); margin-bottom:28px; }
  .brand-honda .seg button{ border:0; cursor:pointer; font-family:var(--font-head); font-weight:700; font-size:.9rem; padding:.6em 1.2em; border-radius:var(--radius-pill); background:transparent; color:var(--ink-soft); transition:.2s; }
  .brand-honda .seg button.active{ background:var(--accent); color:var(--on-accent); }
  .brand-honda .lineup-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px); }
  .brand-honda .model-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:22px; display:flex; flex-direction:column; gap:14px; transition:box-shadow .35s var(--ease), transform .35s var(--ease), border-color .3s; }
  .brand-honda .model-card:hover{ box-shadow:var(--shadow-card); transform:translateY(-4px); border-color:transparent; }
  .brand-honda .mc-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
  .brand-honda .mc-name{ font-family:var(--font-head); font-weight:800; font-size:1.25rem; color:var(--ink-strong); letter-spacing:-.01em; }
  .brand-honda .mc-type{ font-size:.86rem; color:var(--ink-soft); font-weight:600; }
  .brand-honda .mc-media{ aspect-ratio:16/10; border-radius:var(--radius-ui); background:linear-gradient(135deg,var(--bg-alt),var(--line-soft)); overflow:hidden; display:grid; place-items:center; }
  .brand-honda .mc-media img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
  .brand-honda .model-card:hover .mc-media img{ transform:scale(1.05); }
  .brand-honda .mc-foot{ display:flex; align-items:center; justify-content:space-between; }
  .brand-honda .mc-price .lbl{ display:block; font-size:.72rem; font-weight:600; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.05em; }
  .brand-honda .mc-price .val{ font-family:var(--font-head); font-weight:800; font-size:1.15rem; color:var(--ink-strong); }
  .brand-honda .mc-cta{ width:42px; height:42px; border-radius:50%; background:var(--bg-alt); color:var(--accent); display:grid; place-items:center; transition:.25s; }
  .brand-honda .mc-cta .ico{ width:18px; height:18px; }
  .brand-honda .model-card:hover .mc-cta{ background:var(--accent); color:var(--on-accent); }
  .brand-honda .is-hidden{ display:none !important; }

  /* ---- inventory / featured cards ---- */
  .brand-honda .inv-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,1.8vw,22px); }
  .brand-honda .inv-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .35s var(--ease), transform .35s var(--ease); }
  .brand-honda .inv-card:hover{ box-shadow:var(--shadow-card); transform:translateY(-4px); }
  .brand-honda .inv-media{ position:relative; aspect-ratio:4/3; background:linear-gradient(135deg,var(--bg-alt),var(--line-soft)); overflow:hidden; }
  .brand-honda .inv-media img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
  .brand-honda .inv-card:hover .inv-media img{ transform:scale(1.05); }
  .brand-honda .inv-media .badge{ position:absolute; top:12px; left:12px; }
  .brand-honda .inv-body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:4px; flex:1; }
  .brand-honda .inv-cond{ font-size:.74rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--accent); }
  .brand-honda .inv-name{ font-family:var(--font-head); font-weight:800; font-size:1.08rem; color:var(--ink-strong); line-height:1.2; }
  .brand-honda .inv-spec{ font-size:.85rem; color:var(--ink-soft); margin-top:2px; }
  .brand-honda .inv-price{ margin-top:auto; padding-top:14px; display:flex; align-items:flex-end; justify-content:space-between; border-top:1px solid var(--line-soft); }
  .brand-honda .inv-price .amt{ font-family:var(--font-head); font-weight:800; font-size:1.35rem; color:var(--ink-strong); }
  .brand-honda .inv-price .pay{ font-size:.78rem; color:var(--ink-soft); text-align:right; }
  .brand-honda .inv-price .pay b{ color:var(--accent); }
  @media(max-width:1040px){ .brand-honda .inv-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:900px){ .brand-honda .lineup-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:620px){ .brand-honda .lineup-grid,.brand-honda .inv-grid{ grid-template-columns:1fr; } }

  /* ---- value props ---- */
  .brand-honda .feat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(14px,1.6vw,20px); }
  .brand-honda .feat{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:28px 24px; }
  .brand-honda .feat .fic{ width:54px; height:54px; border-radius:var(--radius-ui); background:rgba(var(--accent-rgb),.1); color:var(--accent); display:grid; place-items:center; margin-bottom:18px; }
  .brand-honda .feat .fic .ico{ width:26px; height:26px; }
  .brand-honda .feat b{ display:block; font-family:var(--font-head); font-weight:800; font-size:1.1rem; color:var(--ink-strong); margin-bottom:7px; }
  .brand-honda .feat p{ font-size:.92rem; color:var(--ink-soft); line-height:1.55; }
  @media(max-width:860px){ .brand-honda .feat-grid{ grid-template-columns:1fr 1fr; } }

  /* ---- promotions ---- */
  .brand-honda .promo-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,26px); }
  .brand-honda .promo{ position:relative; border-radius:var(--radius-card); overflow:hidden; min-height:260px; display:flex; align-items:flex-end; color:#fff; box-shadow:var(--shadow-card); }
  .brand-honda .promo__bg{ position:absolute; inset:0; background:linear-gradient(140deg,var(--accent),var(--accent-strong)); }
  .brand-honda .promo__bg img{ width:100%; height:100%; object-fit:cover; }
  .brand-honda .promo__scrim{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72)); }
  .brand-honda .promo__cap{ position:relative; padding:24px; }
  .brand-honda .promo .badge{ background:var(--accent); margin-bottom:12px; }
  .brand-honda .promo h3{ color:#fff; font-family:var(--font-head); font-weight:800; font-size:1.4rem; line-height:1.1; }
  .brand-honda .promo .psub{ color:rgba(255,255,255,.85); font-size:.92rem; margin-top:6px; }
  .brand-honda .promo .link{ color:#fff; margin-top:14px; }
  @media(max-width:860px){ .brand-honda .promo-grid{ grid-template-columns:1fr; } }

  /* ---- financing band ---- */
  .brand-honda .finance{ position:relative; overflow:hidden; color:#fff; background:var(--band); border-radius:0; }
  .brand-honda .finance{ background:var(--band); }
  .brand-honda .finance .container{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(30px,5vw,72px); align-items:center; }
  .brand-honda .finance .eyebrow{ color:#fff; }
  .brand-honda .finance h2{ color:#fff; font-family:var(--font-head); font-weight:var(--head-weight); font-size:var(--fs-h2); line-height:1.04; margin-top:14px; }
  .brand-honda .finance h2 .hl{ color:var(--accent); }
  .brand-honda .finance h2 .hl{ color:#ff7a7a; }
  .brand-honda .finance .fsub{ color:rgba(255,255,255,.85); font-size:var(--fs-lead); margin-top:16px; max-width:46ch; }
  .brand-honda .finance .benefits{ list-style:none; padding:0; margin:24px 0 0; display:grid; gap:12px; }
  .brand-honda .finance .benefits li{ display:flex; align-items:center; gap:.7em; font-family:var(--font-head); font-weight:600; }
  .brand-honda .finance .benefits .ico{ width:1.2em; height:1.2em; color:var(--accent); flex:none; }
  .brand-honda .finance .benefits .ico{ color:#ff7a7a; }
  .brand-honda .finance__card{ background:#fff; border-radius:var(--radius-card); padding:clamp(22px,2.6vw,34px); color:var(--ink); box-shadow:var(--shadow-float); }
  .brand-honda .finance__card h3{ font-family:var(--font-head); font-weight:800; font-size:1.3rem; color:#15171a; }
  .brand-honda .finance__card p{ font-size:.9rem; color:#6c7278; margin-top:4px; }
  .brand-honda .ff{ display:grid; gap:12px; margin-top:18px; }
  .brand-honda .ff input{ width:100%; border:1.5px solid #e5e9ed; border-radius:var(--radius-ui); padding:.9em 1em; font-family:var(--font-body); font-size:.98rem; color:#15171a; }
  .brand-honda .ff input:focus{ outline:none; border-color:var(--accent); }
  .brand-honda .ff .row2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  @media(max-width:880px){ .brand-honda .finance .container{ grid-template-columns:1fr; } }

  /* ---- testimonials ---- */
  .brand-honda .rv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px); }
  .brand-honda .rv{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:26px 24px; display:flex; flex-direction:column; gap:14px; }
  .brand-honda .rv .stars{ display:flex; gap:3px; color:#f5a623; }
  .brand-honda .rv .stars .ico{ width:18px; height:18px; }
  .brand-honda .rv p{ color:var(--ink); line-height:1.55; }
  .brand-honda .rv .who{ display:flex; align-items:center; gap:12px; margin-top:auto; }
  .brand-honda .rv .av{ width:42px; height:42px; border-radius:50%; background:rgba(var(--accent-rgb),.12); color:var(--accent); display:grid; place-items:center; font-family:var(--font-head); font-weight:800; }
  .brand-honda .rv .nm{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); font-size:.95rem; }
  .brand-honda .rv .src{ font-size:.8rem; color:var(--ink-soft); }
  @media(max-width:860px){ .brand-honda .rv-grid{ grid-template-columns:1fr; } }

  /* ---- blog ---- */
  .brand-honda .blog-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:clamp(16px,2vw,24px); }
  .brand-honda .post{ display:flex; flex-direction:column; border-radius:var(--radius-card); overflow:hidden; background:var(--white); border:1px solid var(--line); transition:box-shadow .35s, transform .35s; }
  .brand-honda .post:hover{ box-shadow:var(--shadow-card); transform:translateY(-4px); }
  .brand-honda .post.lead-post{ grid-row:span 1; }
  .brand-honda .post-media{ position:relative; aspect-ratio:16/10; background:linear-gradient(135deg,var(--accent),var(--accent-strong)); overflow:hidden; }
  .brand-honda .post.lead-post .post-media{ aspect-ratio:16/12; }
  .brand-honda .post-media img{ width:100%; height:100%; object-fit:cover; }
  .brand-honda .post-cat{ position:absolute; top:12px; left:12px; }
  .brand-honda .post-body{ padding:18px 20px 22px; display:flex; flex-direction:column; gap:8px; flex:1; }
  .brand-honda .post-meta{ font-size:.8rem; color:var(--ink-soft); font-weight:600; }
  .brand-honda .post-title{ font-family:var(--font-head); font-weight:800; font-size:1.15rem; color:var(--ink-strong); line-height:1.2; }
  .brand-honda .post-excerpt{ font-size:.9rem; color:var(--ink-soft); line-height:1.5; }
  .brand-honda .post .link{ margin-top:auto; }
  @media(max-width:900px){ .brand-honda .blog-grid{ grid-template-columns:1fr; } }

  /* ---- dealer location ---- */
  .brand-honda .loc-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(24px,4vw,56px); align-items:center; }
  .brand-honda .loc-info .row{ display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--line-soft); }
  .brand-honda .loc-info .row .ico{ width:22px; height:22px; color:var(--accent); flex:none; margin-top:2px; }
  .brand-honda .loc-info .row b{ font-family:var(--font-head); display:block; color:var(--ink-strong); margin-bottom:3px; }
  .brand-honda .loc-info .row span{ color:var(--ink-soft); font-size:.94rem; }
  .brand-honda .loc-hours{ margin-top:8px; }
  .brand-honda .loc-hours .hr{ display:flex; justify-content:space-between; padding:7px 0; font-size:.94rem; }
  .brand-honda .loc-hours .hr b{ font-family:var(--font-head); color:var(--ink-strong); }
  .brand-honda .loc-map{ border-radius:var(--radius-card); overflow:hidden; min-height:340px; background:linear-gradient(135deg,var(--bg-alt),var(--line)); position:relative; border:1px solid var(--line); }
  .brand-honda .loc-map .pin{ position:absolute; inset:0; display:grid; place-items:center; color:var(--accent); }
  .brand-honda .loc-map .pin .ico{ width:48px; height:48px; }
  @media(max-width:860px){ .brand-honda .loc-grid{ grid-template-columns:1fr; } }

  /* ---- faq ---- */
  .brand-honda .faq{ max-width:820px; margin:0 auto; display:grid; gap:12px; }
  .brand-honda .faq details{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-ui); overflow:hidden; }
  .brand-honda .faq summary{ list-style:none; cursor:pointer; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-family:var(--font-head); font-weight:700; font-size:1.05rem; color:var(--ink-strong); }
  .brand-honda .faq summary::-webkit-details-marker{ display:none; }
  .brand-honda .faq summary .pm{ width:30px; height:30px; border-radius:50%; background:var(--bg-alt); color:var(--accent); display:grid; place-items:center; flex:none; transition:.25s; }
  .brand-honda .faq summary .pm .ico{ width:16px; height:16px; transition:transform .25s; }
  .brand-honda .faq details[open] summary .pm{ background:var(--accent); color:var(--on-accent); }
  .brand-honda .faq details[open] summary .pm .ico{ transform:rotate(45deg); }
  .brand-honda .faq .ans{ padding:0 22px 20px; color:var(--ink-soft); line-height:1.6; }

  /* ---- footer ---- */
  .brand-honda .site-footer{ background:var(--ink-strong); color:rgba(255,255,255,.7); padding-block:clamp(48px,6vw,72px) 28px; }
  .brand-honda.dark-mode .site-footer{ background:#0a0c0f; }
  .brand-honda .footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; }
  .brand-honda .site-footer .brand-mark{ color:#fff; margin-bottom:14px; }
  .brand-honda .site-footer h4{ font-family:var(--font-head); color:#fff; font-size:.95rem; margin:0 0 14px; }
  .brand-honda .site-footer ul{ list-style:none; padding:0; margin:0; display:grid; gap:9px; }
  .brand-honda .site-footer a{ color:rgba(255,255,255,.7); font-size:.92rem; }
  .brand-honda .site-footer a:hover{ color:#fff; }
  .brand-honda .footer-bottom{ margin-top:36px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.82rem; }
  @media(max-width:860px){ .brand-honda .footer-grid{ grid-template-columns:1fr 1fr; } }

  /* =====================================================================
     BRIDGES — standard skin over the shared luxury markup
     The reused luxury box markup uses bmw-prefixed / veh- classes for some
     sections (testimonials, FAQ, dealer location, inventory). Re-skin them to
     the standard design here, token-driven so they inherit the Honda palette.
     All scoped under .brand-honda.
     ===================================================================== */

  /* ---- inventory cards (veh-card == design .inv-card) ---- */
  .brand-honda .veh-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .35s var(--ease), transform .35s var(--ease); }
  .brand-honda .veh-card:hover{ box-shadow:var(--shadow-card); transform:translateY(-4px); }
  .brand-honda .veh-media{ position:relative; aspect-ratio:4/3; background:linear-gradient(135deg,var(--bg-alt),var(--line-soft)); overflow:hidden; }
  .brand-honda .veh-media img{ width:100%; height:100%; object-fit:cover; }
  /* Carrousel photos de card (parité live). Piste scroll-snap : le scroll natif
     tactile marche seul, les flèches pilotent via le handler délégué SRP. */
  .brand-honda .veh-carousel{ position:absolute; inset:0; }
  .brand-honda .veh-carousel__track{ display:flex; height:100%; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; scroll-behavior:smooth; }
  .brand-honda .veh-carousel__track::-webkit-scrollbar{ display:none; }
  .brand-honda .veh-carousel__slide{ flex:0 0 100%; scroll-snap-align:start; display:block; height:100%; }
  .brand-honda .veh-carousel__nav{ position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:999px; background:rgba(23,32,27,.55); color:#fff; cursor:pointer; opacity:0; transition:opacity .2s var(--ease), background .2s var(--ease); z-index:2; }
  .brand-honda .veh-carousel__nav svg{ width:15px; height:15px; }
  .brand-honda .veh-carousel__nav--prev{ left:8px; }
  .brand-honda .veh-carousel__nav--next{ right:8px; }
  .brand-honda .veh-card:hover .veh-carousel__nav{ opacity:1; }
  .brand-honda .veh-carousel__nav:hover{ background:var(--accent); }
  .brand-honda .veh-carousel__count{ position:absolute; bottom:10px; right:10px; z-index:2; font:600 11px/1 var(--font-head); color:#fff; background:rgba(23,32,27,.6); padding:4px 8px; border-radius:999px; letter-spacing:.02em; }
  @media (hover:none){ .brand-honda .veh-carousel__nav{ opacity:1; } }
  .brand-honda .veh-price__note{ display:block; width:100%; margin-top:4px; font-size:.68rem; color:var(--ink-soft); letter-spacing:.01em; }
  .brand-honda .veh-tags{ position:absolute; top:12px; left:12px; display:flex; gap:6px; }
  .brand-honda .veh-body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:4px; flex:1; }
  .brand-honda .veh-head .nm{ font-family:var(--font-head); font-weight:700; font-size:1.08rem; color:var(--ink-strong); line-height:1.2; }
  .brand-honda .veh-head .trim,.brand-honda .veh-specs,.brand-honda .veh-stock{ font-size:.85rem; color:var(--ink-soft); }
  .brand-honda .veh-price{ margin-top:auto; padding-top:14px; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; border-top:1px solid var(--line-soft); }
  .brand-honda .veh-price .total .amt{ white-space:nowrap; }
  .brand-honda .veh-price .total{ font-family:var(--font-head); font-weight:700; font-size:1.35rem; color:var(--ink-strong); }
  .brand-honda .veh-price .total--sale{ color:var(--accent); }
  .brand-honda .veh-price .pay,.brand-honda .veh-price .lbl,.brand-honda .veh-price .sp{ font-size:.78rem; color:var(--ink-soft); }
  .brand-honda .veh-actions{ display:flex; gap:8px; margin-top:12px; }

  /* ---- testimonials (bmw-rv == design .rv) ---- */
  .brand-honda .bmw-reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px); }
  .brand-honda .bmw-rv{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:26px 24px; display:flex; flex-direction:column; gap:14px; box-shadow:none; }
  .brand-honda .bmw-rv__stars{ display:flex; gap:3px; color:#f5a623; }
  .brand-honda .bmw-rv__quote{ color:var(--ink); line-height:1.55; }
  .brand-honda .bmw-rv__top,.brand-honda .bmw-rv__author{ display:flex; align-items:center; gap:12px; }
  .brand-honda .bmw-rv__author{ margin-top:auto; }
  .brand-honda .bmw-rv__avatar{ width:42px; height:42px; border-radius:50%; background:rgba(var(--accent-rgb),.12); color:var(--accent); display:grid; place-items:center; font-family:var(--font-head); font-weight:700; }
  .brand-honda .bmw-rv__name{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); font-size:.95rem; }
  .brand-honda .bmw-rv__role,.brand-honda .bmw-rv__source{ font-size:.8rem; color:var(--ink-soft); }
  @media(max-width:860px){ .brand-honda .bmw-reviews{ grid-template-columns:1fr; } }

  /* ---- FAQ (bmw-faq == design .faq) ---- */
  .brand-honda .bmw-faq{ max-width:820px; margin:0 auto; display:grid; gap:12px; }
  .brand-honda .bmw-faq__item{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-ui); overflow:hidden; }
  .brand-honda .bmw-faq__q{ list-style:none; cursor:pointer; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; font-family:var(--font-head); font-weight:700; font-size:1.05rem; color:var(--ink-strong); }
  .brand-honda .bmw-faq__q::-webkit-details-marker{ display:none; }
  .brand-honda .bmw-faq__chevron{ width:18px; height:18px; color:var(--accent); flex:none; transition:transform .25s; }
  .brand-honda .bmw-faq__item[open] .bmw-faq__chevron{ transform:rotate(180deg); }
  .brand-honda .bmw-faq__a{ padding:0 22px 20px; color:var(--ink-soft); line-height:1.6; }

  /* ---- dealer location (bmw-dloc == design .loc) ---- */
  .brand-honda .bmw-dloc-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(24px,4vw,56px); align-items:center; }
  .brand-honda .bmw-dloc-name{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); }
  .brand-honda .bmw-dloc-map{ border-radius:var(--radius-card); overflow:hidden; min-height:340px; background:linear-gradient(135deg,var(--bg-alt),var(--line)); border:1px solid var(--line); }
  .brand-honda .bmw-hours-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:clamp(18px,2.2vw,26px); box-shadow:var(--shadow-card); }
  .brand-honda .bmw-hours-tab,.brand-honda .bmw-hours-tabs button{ font-family:var(--font-head); font-weight:700; }
  .brand-honda .bmw-hours-tab.is-active{ color:var(--accent); }
  .brand-honda .bmw-hours-note{ color:var(--ink-soft); font-size:.9rem; }
  @media(max-width:860px){ .brand-honda .bmw-dloc-grid{ grid-template-columns:1fr; } }

  /* =====================================================================
     HOMEPAGE SECTIONS — Standard-skin re-skin
     Targets the four sections rendered by the 'standard' boxStyle branch:
     GEO-STATS · CTA-CARDS · SPLIT-CTA · VALUE-PROPS
     All scoped under .brand-honda. Token-driven, no new variable definitions.
     ===================================================================== */

  /* ------------------------------------------------------------------ */
  /* GEO-STATS                                                           */
  /* .geo-stats / .geo-stat / .geo-stat__icon|__value|__label|__content  */
  /* .lead-trust  (luxury/standard markup variant)                       */
  /* ------------------------------------------------------------------ */

  /* Stats strip on light backgrounds */
  .brand-honda .geo-stats{
    display:flex;
    justify-content:center;
    align-items:stretch;
    flex-wrap:wrap;
    gap:0;
  }
  .brand-honda .geo-stat{
    display:flex;
    align-items:center;
    gap:14px;
    padding:clamp(20px,2.6vw,32px) clamp(24px,3.5vw,48px);
    position:relative;
  }
  /* Separator rule between stats (not after last child) */
  .brand-honda .geo-stats--bar .geo-stat + .geo-stat::before{
    content:"";
    position:absolute;
    left:0; top:20%; bottom:20%;
    width:1px;
    background:var(--line);
  }
  .brand-honda .geo-stat__icon{
    width:48px; height:48px; flex:none;
    border-radius:var(--radius-ui);
    background:rgba(var(--accent-rgb),.1);
    color:var(--accent);
    display:grid; place-items:center;
  }
  .brand-honda .geo-stat__icon svg{ width:22px; height:22px; }
  .brand-honda .geo-stat__content{
    display:flex; flex-direction:column; gap:3px;
  }
  .brand-honda .geo-stat__value{
    font-family:var(--font-head);
    font-weight:var(--head-weight);
    font-size:clamp(1.7rem,2.8vw,2.4rem);
    line-height:1;
    color:var(--ink-strong);
    letter-spacing:var(--head-tracking);
  }
  .brand-honda .geo-stat__label{
    font-size:.82rem;
    font-weight:600;
    color:var(--ink-soft);
    text-transform:uppercase;
    letter-spacing:.05em;
    white-space:nowrap;
  }

  /* Cards layout variant */
  .brand-honda .geo-stats--cards .geo-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:clamp(12px,1.5vw,20px);
  }
  .brand-honda .geo-stats--cards .geo-stat{
    flex-direction:column;
    align-items:center;
    text-align:center;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease);
  }
  .brand-honda .geo-stats--cards .geo-stat:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-float);
  }
  .brand-honda .geo-stats--cards .geo-stat::before{ display:none; }

  /* When geo-stats appears over a dark/accent hero section */
  .brand-honda .bg-dark .geo-stat__value,
  .brand-honda .bg-brand .geo-stat__value,
  .brand-honda .bg-accent .geo-stat__value,
  .brand-honda .bg-gradient .geo-stat__value{
    color:#fff;
  }
  .brand-honda .bg-dark .geo-stat__label,
  .brand-honda .bg-brand .geo-stat__label,
  .brand-honda .bg-accent .geo-stat__label,
  .brand-honda .bg-gradient .geo-stat__label{
    color:rgba(255,255,255,.72);
  }
  .brand-honda .bg-dark .geo-stat__icon,
  .brand-honda .bg-brand .geo-stat__icon,
  .brand-honda .bg-accent .geo-stat__icon,
  .brand-honda .bg-gradient .geo-stat__icon{
    background:rgba(255,255,255,.12);
    color:#fff;
  }

  /* lead-trust = luxury/standard markup variant (same data, different HTML) */
  .brand-honda .lead-trust{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
  }
  .brand-honda .lead-trust .t{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:clamp(18px,2.4vw,28px) clamp(28px,4vw,52px);
    position:relative;
  }
  .brand-honda .lead-trust .t + .t::before{
    content:"";
    position:absolute;
    left:0; top:22%; bottom:22%;
    width:1px;
    background:rgba(255,255,255,.2);
  }
  .brand-honda .lead-trust .n{
    font-family:var(--font-head);
    font-weight:var(--head-weight);
    font-size:clamp(1.9rem,3.2vw,2.8rem);
    line-height:1;
    color:#fff;
    letter-spacing:var(--head-tracking);
  }
  .brand-honda .lead-trust .l{
    font-size:.8rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:rgba(255,255,255,.72);
    margin-top:5px;
  }

  @media(max-width:768px){
    .brand-honda .geo-stat{ padding:16px 20px; }
    .brand-honda .geo-stats--bar .geo-stat + .geo-stat::before{ top:0; bottom:0; width:0; }
    .brand-honda .lead-trust{ gap:0; }
    .brand-honda .lead-trust .t{ padding:16px 22px; }
    .brand-honda .lead-trust .t + .t::before{ display:none; }
  }
  @media(max-width:480px){
    .brand-honda .geo-stats--bar .geo-stats{ flex-direction:column; align-items:center; }
    .brand-honda .geo-stat + .geo-stat::before{ display:none; }
    .brand-honda .lead-trust{ flex-direction:column; align-items:center; }
  }

  /* ------------------------------------------------------------------ */
  /* CTA-CARDS                                                           */
  /* .culture-grid / .perk / .perk-ico  (standard boxStyle markup)      */
  /* ------------------------------------------------------------------ */

  .brand-honda .culture-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:clamp(14px,2vw,24px);
  }
  .brand-honda .perk{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:clamp(22px,2.6vw,32px);
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  }
  .brand-honda .perk:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-float);
    border-color:transparent;
  }
  .brand-honda .perk-ico{
    width:54px; height:54px; flex:none;
    border-radius:var(--radius-ui);
    background:rgba(var(--accent-rgb),.1);
    color:var(--accent);
    display:grid; place-items:center;
  }
  .brand-honda .perk-ico svg{ width:22px; height:22px; }
  .brand-honda .perk h3{
    font-family:var(--font-head);
    font-weight:var(--head-weight);
    font-size:clamp(1.05rem,1.3vw,1.2rem);
    color:var(--ink-strong);
    margin:0;
    line-height:1.2;
  }
  .brand-honda .perk p{
    font-size:.92rem;
    color:var(--ink-soft);
    line-height:1.55;
    margin:0;
    flex:1;
  }
  /* Inline btn inside perk inherits pill shape; ensure margin-top:auto pushes it down */
  .brand-honda .perk .btn{
    margin-top:auto;
    align-self:flex-start;
  }

  @media(max-width:900px){ .brand-honda .culture-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:560px){ .brand-honda .culture-grid{ grid-template-columns:1fr; } }

  /* ------------------------------------------------------------------ */
  /* SPLIT-CTA                                                           */
  /* .intro-band / .intro-media / .m-rule  (standard boxStyle markup)   */
  /* ------------------------------------------------------------------ */

  .brand-honda .intro-band{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:clamp(32px,5vw,72px);
    align-items:center;
    background:var(--band);
    border-radius:var(--radius-card);
    overflow:hidden;
    padding:clamp(28px,4vw,56px);
    color:#fff;
  }
  /* Left column = media */
  .brand-honda .intro-media{
    border-radius:var(--radius-ui);
    overflow:hidden;
    aspect-ratio:4/3;
    background:var(--band);
  }
  .brand-honda .intro-media img{
    width:100%; height:100%; object-fit:cover;
    display:block;
  }
  /* Right column — headings */
  .brand-honda .intro-band .h2{
    color:#fff;
    margin-top:0;
  }
  .brand-honda .intro-band .lead,
  .brand-honda .intro-band .muted{
    color:rgba(255,255,255,.82);
  }
  /* Sub-heading inside right column */
  .brand-honda .intro-band h3{
    color:#fff;
    font-size:1rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    margin-top:24px;
    margin-bottom:0;
  }
  .brand-honda .intro-band p.muted{
    color:rgba(255,255,255,.72);
    margin-top:6px;
  }
  /* m-rule = accent horizontal rule / brand bar */
  .brand-honda .m-rule{
    width:44px; height:4px;
    border-radius:4px;
    background:var(--accent);
  }
  /* Buttons on dark background */
  .brand-honda .intro-band .btn{
    background:var(--accent);
    border-color:var(--accent);
    color:#fff;
  }
  .brand-honda .intro-band .btn:hover{
    background:var(--accent-strong);
    border-color:var(--accent-strong);
    box-shadow:0 12px 28px -12px rgba(var(--accent-rgb),.55);
  }
  .brand-honda .intro-band .btn--ghost{
    background:transparent;
    border-color:rgba(255,255,255,.42);
    color:#fff;
  }
  .brand-honda .intro-band .btn--ghost:hover{
    background:#fff;
    border-color:#fff;
    color:var(--ink-strong);
    box-shadow:none;
  }

  @media(max-width:860px){
    .brand-honda .intro-band{
      grid-template-columns:1fr;
    }
    .brand-honda .intro-media{
      aspect-ratio:16/8;
    }
  }
  @media(max-width:560px){
    .brand-honda .intro-band{
      padding:clamp(22px,5vw,32px);
    }
  }

  /* ------------------------------------------------------------------ */
  /* VALUE-PROPS (default boxStyle branch)                               */
  /* .value-props / .value-prop / .value-prop__icon|__title|__subtitle   */
  /* |__description  — styled like the design's .feat cards              */
  /* ------------------------------------------------------------------ */

  .brand-honda .value-props{
    display:grid;
    gap:clamp(14px,1.6vw,20px);
  }
  .brand-honda .value-props--cols-2{ grid-template-columns:repeat(2,1fr); }
  .brand-honda .value-props--cols-3{ grid-template-columns:repeat(3,1fr); }
  .brand-honda .value-props--cols-4{ grid-template-columns:repeat(4,1fr); }

  /* Horizontal (bar) layout — override grid to flex row */
  .brand-honda .value-props--horizontal .value-props{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:clamp(20px,3vw,36px);
  }
  .brand-honda .value-props--horizontal .value-prop{
    flex-direction:row;
    align-items:center;
    background:none;
    border:none;
    box-shadow:none;
    padding:0;
    gap:12px;
  }
  .brand-honda .value-props--horizontal .value-prop:hover{
    transform:none;
    box-shadow:none;
  }

  /* Card (grid) layout */
  .brand-honda .value-props--grid .value-prop{
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }

  .brand-honda .value-prop{
    display:flex;
    gap:14px;
    padding:clamp(22px,2.4vw,30px);
    background:var(--white);
    border:1px solid var(--line);
    border-radius:var(--radius-card);
    box-shadow:var(--shadow-card);
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  }
  .brand-honda .value-prop:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow-float);
    border-color:transparent;
  }
  .brand-honda .value-prop__icon{
    width:54px; height:54px; flex:none;
    border-radius:var(--radius-ui);
    background:rgba(var(--accent-rgb),.1);
    color:var(--accent);
    display:grid; place-items:center;
    margin-bottom:6px;
  }
  .brand-honda .value-prop__icon svg{ width:26px; height:26px; }
  .brand-honda .value-prop__content{
    display:flex; flex-direction:column; gap:4px;
    flex:1;
  }
  .brand-honda .value-prop__title{
    font-family:var(--font-head);
    font-weight:800;
    font-size:1.05rem;
    color:var(--ink-strong);
    line-height:1.25;
  }
  .brand-honda .value-prop__subtitle{
    font-size:.86rem;
    font-weight:600;
    color:var(--accent);
    letter-spacing:.02em;
  }
  .brand-honda .value-prop__description{
    font-size:.9rem;
    color:var(--ink-soft);
    line-height:1.55;
    margin-top:2px;
  }

  /* On dark/brand section backgrounds */
  .brand-honda .bg-dark .value-prop,
  .brand-honda .bg-brand .value-prop,
  .brand-honda .bg-accent .value-prop{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.12);
  }
  .brand-honda .bg-dark .value-prop__title,
  .brand-honda .bg-brand .value-prop__title,
  .brand-honda .bg-accent .value-prop__title{
    color:#fff;
  }
  .brand-honda .bg-dark .value-prop__subtitle,
  .brand-honda .bg-brand .value-prop__subtitle,
  .brand-honda .bg-accent .value-prop__subtitle{
    color:rgba(255,255,255,.72);
  }
  .brand-honda .bg-dark .value-prop__description,
  .brand-honda .bg-brand .value-prop__description,
  .brand-honda .bg-accent .value-prop__description{
    color:rgba(255,255,255,.62);
  }
  .brand-honda .bg-dark .value-prop__icon,
  .brand-honda .bg-brand .value-prop__icon,
  .brand-honda .bg-accent .value-prop__icon{
    background:rgba(255,255,255,.12);
    color:#fff;
  }

  @media(max-width:860px){
    .brand-honda .value-props--cols-4{ grid-template-columns:1fr 1fr; }
    .brand-honda .value-props--cols-3{ grid-template-columns:1fr 1fr; }
  }
  @media(max-width:560px){
    .brand-honda .value-props--cols-2,
    .brand-honda .value-props--cols-3,
    .brand-honda .value-props--cols-4{ grid-template-columns:1fr; }
    .brand-honda .value-props--horizontal .value-props{ flex-direction:column; align-items:flex-start; }
  }

/* =====================================================================
   FINANCING-FORM BOX — Standard skin
   partials/boxes/conversion/financing-form.htm
   Dark Honda-blue band (linear-gradient 125deg), white rounded card,
   pill badge, check-icon benefits, form inputs with border/focus.
   ===================================================================== */

/* Section band */
.brand-honda .financing-form-section{
  background: var(--band);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.brand-honda .financing-form-section.bg-gradient,
.brand-honda .financing-form-section.bg-brand,
.brand-honda .financing-form-section.bg-dark{
  background: var(--band);
}

/* Two-column layout */
.brand-honda .financing-form{
  display: grid;
  gap: clamp(30px,5vw,72px);
  align-items: center;
}
.brand-honda .financing-form--side-by-side{ grid-template-columns: 1.1fr .9fr; }
.brand-honda .financing-form--stacked{ grid-template-columns: 1fr; max-width: 700px; margin: 0 auto; }

/* Info side */
.brand-honda .financing-form__info{ color: #fff; }

/* Pill badge */
.brand-honda .financing-form__badge{
  display: inline-block;
  padding: .35em 1em;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: var(--radius-pill);
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 16px;
  backdrop-filter: blur(4px);
}

/* Heading */
.brand-honda .financing-form__title{
  font-family: var(--font-head);
  font-size: var(--fs-h2);
  font-weight: var(--head-weight);
  line-height: 1.04;
  letter-spacing: var(--head-tracking);
  color: #fff;
  margin: 0 0 16px;
}
.brand-honda .financing-form__highlight{ color: #ff7a7a; }

/* Lead text */
.brand-honda .financing-form__lead{
  font-size: var(--fs-lead);
  color: rgba(255,255,255,.85);
  line-height: 1.55;
  margin-bottom: 28px;
}

/* Benefits */
.brand-honda .financing-form__benefits{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.brand-honda .financing-benefit{
  display: flex;
  align-items: center;
  gap: .75em;
  font-family: var(--font-head);
  font-weight: 600;
  color: rgba(255,255,255,.92);
}
.brand-honda .financing-benefit svg{
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #ff7a7a;
}

/* Financing type tiles */
.brand-honda .financing-form__types{ display: flex; flex-direction: column; gap: 16px; }
.brand-honda .financing-type{ display: flex; align-items: flex-start; gap: 14px; }
.brand-honda .financing-type__icon{
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.12);
  border-radius: var(--radius-ui);
  color: #ff7a7a;
}
.brand-honda .financing-type strong{
  display: block;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 3px;
}
.brand-honda .financing-type p{
  font-size: .9rem;
  color: rgba(255,255,255,.72);
  margin: 0;
}

/* White form card */
.brand-honda .financing-form__card-wrap{ display: flex; flex-direction: column; }
.brand-honda .financing-form__card{
  background: #fff;
  border-radius: var(--radius-card);
  overflow: hidden;
  box-shadow: var(--shadow-float);
  color: var(--ink);
}
.brand-honda .financing-form__card-header{
  padding: 24px 28px 18px;
  border-bottom: 1px solid var(--line);
}
.brand-honda .financing-form__card-header h3{
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--ink-strong);
  margin: 0 0 4px;
}
.brand-honda .financing-form__card-header p{
  font-size: .9rem;
  color: var(--ink-soft);
  margin: 0;
}
.brand-honda .financing-form__card-body{ padding: 24px 28px 28px; }

/* Inputs inside the card */
.brand-honda .financing-form__card-body input,
.brand-honda .financing-form__card-body select,
.brand-honda .financing-form__card-body textarea{
  width: 100%;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-ui);
  padding: .9em 1em;
  font-family: var(--font-body);
  font-size: .98rem;
  color: var(--ink-strong);
  background: var(--bg);
  transition: border-color .2s;
}
.brand-honda .financing-form__card-body input:focus,
.brand-honda .financing-form__card-body select:focus,
.brand-honda .financing-form__card-body textarea:focus{
  outline: none;
  border-color: var(--accent);
}

@media(max-width:880px){
  .brand-honda .financing-form--side-by-side{ grid-template-columns: 1fr; }
  .brand-honda .financing-form__title{ font-size: clamp(1.5rem,4vw,2rem); }
}
@media(max-width:576px){
  .brand-honda .financing-form__card-header,
  .brand-honda .financing-form__card-body{ padding: 18px 20px; }
}

/* =====================================================================
   GEO-TAKEAWAYS BOX — Standard skin
   partials/boxes/seo/geo-takeaways.htm  (boxStyle == 'standard')
   Clean content block; seo-grid2 items as rounded white cards with
   accent-icon heading; two-column readable grid; read-more toggle.
   ===================================================================== */

/* Intro prose */
.brand-honda .seo-intro{
  color: var(--ink-soft);
  line-height: 1.75;
  font-size: 1.0625rem;
}
.brand-honda .seo-intro strong,
.brand-honda .seo-intro b{ color: var(--ink-strong); }

/* Two-column SEO grid */
.brand-honda .seo-grid2{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: clamp(16px,2vw,24px);
}

/* Each cell: white rounded card */
.brand-honda .seo-grid2 .seo-item{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: clamp(18px,2.2vw,26px);
  box-shadow: var(--shadow-card);
  transition: box-shadow .3s var(--ease), transform .3s var(--ease);
}
.brand-honda .seo-grid2 .seo-item:hover{
  box-shadow: 0 8px 32px -12px rgba(var(--accent-rgb),.18);
  transform: translateY(-3px);
}
.brand-honda .seo-grid2 .seo-item h3{
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--ink-strong);
  margin: 0 0 10px;
}
.brand-honda .seo-grid2 .seo-item p{
  font-size: .9rem;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
}

/* Hidden items revealed by toggle */
.brand-honda .seo-more{ display: none; }
.brand-honda #seoCols.expanded .seo-more{ display: block; }

/* Read-more toggle button */
.brand-honda .seo-toggle{
  display: inline-flex;
  align-items: center;
  gap: .45em;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: .95rem;
  color: var(--accent);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.brand-honda .seo-toggle .ico{
  width: 1.1em;
  height: 1.1em;
  transition: transform .3s var(--ease);
}
.brand-honda .seo-toggle[aria-expanded="true"] .ico{ transform: rotate(180deg); }

/* Default (non-standard) path — geo-takeaway cards */
.brand-honda .geo-takeaway{
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius-card);
  padding: 20px 22px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  box-shadow: var(--shadow-card);
}
.brand-honda .geo-takeaway__icon{
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--accent-rgb),.1);
  border-radius: 50%;
  color: var(--accent);
}
.brand-honda .geo-takeaway__title{
  display: block;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1rem;
  color: var(--ink-strong);
  margin-bottom: 5px;
}
.brand-honda .geo-takeaway__description{
  font-size: .9rem;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
}
.brand-honda .geo-takeaways__points--cols-2{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: clamp(14px,1.8vw,20px);
}
.brand-honda .geo-takeaways__text{
  color: var(--ink-soft);
  line-height: 1.75;
}
.brand-honda .geo-takeaways__text strong{ color: var(--ink-strong); }

@media(max-width:768px){
  .brand-honda .seo-grid2{ grid-template-columns: 1fr; }
  .brand-honda .geo-takeaways__points--cols-2{ grid-template-columns: 1fr; }
}

/* =====================================================================
   SITE FOOTER — Standard skin
   partials/site/footer.htm
   Honda navy (#15171a via --ink-strong), white headings,
   rgba(255,255,255,.65) links → #fff on hover, thin top border bottom bar.
   ===================================================================== */

.brand-honda .site-footer{
  background: var(--ink-strong);
  color: rgba(255,255,255,.7);
  padding-block: clamp(52px,6vw,80px) 0;
  font-family: var(--font-body);
  font-size: 1rem;
}

/* Main grid — brand col + inventory + nav columns + contact */
.brand-honda .footer__main{
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1.1fr;
  gap: clamp(24px,3vw,40px);
  padding-bottom: clamp(40px,5vw,60px);
}

/* Brand column */
.brand-honda .footer__brand{ display: flex; flex-direction: column; gap: 16px; }

/* Logo */
.brand-honda .footer__logo img{
  max-height: 40px;
  width: auto;
  filter: brightness(0) invert(1);
}
.brand-honda .footer__logo-invert{ filter: brightness(0) invert(1); }
.brand-honda .footer__logo-text{
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.2rem;
  color: #fff;
}

/* Tagline */
.brand-honda .footer__description{
  font-size: .88rem;
  color: rgba(255,255,255,.6);
  line-height: 1.65;
  max-width: 28ch;
  margin: 0;
}

/* Social icons */
.brand-honda .footer__social{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
.brand-honda .footer__social a{
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.7);
  transition: background .2s, color .2s;
}
.brand-honda .footer__social a:hover{
  background: var(--accent);
  color: #fff;
}

/* Nav columns */
.brand-honda .footer__column{ display: flex; flex-direction: column; gap: 14px; }
.brand-honda .footer__column h5{
  font-family: var(--font-head);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}

/* Link lists */
.brand-honda .footer__links{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 9px;
}
.brand-honda .footer__links li{ line-height: 1; }
.brand-honda .footer__links a{
  color: rgba(255,255,255,.65);
  font-size: .9rem;
  transition: color .2s;
}
.brand-honda .footer__links a:hover{ color: #fff; }

/* Contact list */
.brand-honda .footer__contact{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.brand-honda .footer__contact-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .9rem;
  color: rgba(255,255,255,.7);
}
.brand-honda .footer__contact-item .icon{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--accent);
  margin-top: 3px;
}
.brand-honda .footer__contact-item a{
  color: rgba(255,255,255,.7);
  transition: color .2s;
}
.brand-honda .footer__contact-item a:hover{ color: #fff; }

/* Business hours tabs */
.brand-honda .footer__hours-tabs{ margin-top: 20px; }
/* Pills Ventes/Service : décollées de la ligne + un peu plus d'air (Jade 06/08 : « trop bas, collés sur la ligne »). */
.brand-honda .footer__hours-tabs .hours-tabs__btn{ padding-top:6px !important; padding-bottom:9px !important; margin-bottom:4px !important; }
.brand-honda .footer__hours-tabs .hours-tabs__nav{ border-bottom-color:rgba(255,255,255,.14); }
.brand-honda .hours-tabs__nav{
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.brand-honda .hours-tabs__btn{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-pill);
  color: rgba(255,255,255,.6);
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .35em .85em;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.brand-honda .hours-tabs__btn.is-active,
.brand-honda .hours-tabs__btn:hover{
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}
.brand-honda .hours-tabs__single-label{
  font-family: var(--font-head);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin: 0 0 10px;
}
.brand-honda .hours-tabs__panel{ display: none; }
.brand-honda .hours-tabs__panel.is-active{ display: block; }

.brand-honda .footer__hours{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 6px;
}
.brand-honda .footer__hours li{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: .85rem;
  color: rgba(255,255,255,.65);
}
.brand-honda .footer__hours li strong{
  color: rgba(255,255,255,.85);
  font-weight: 600;
  font-family: var(--font-head);
}

/* Bottom bar */
.brand-honda .footer__bottom{
  border-top: 1px solid rgba(255,255,255,.1);
  padding-block: 20px;
}
.brand-honda .footer__bottom-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.brand-honda .footer__copyright{
  font-size: .82rem;
  color: rgba(255,255,255,.5);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.brand-honda .footer__powered{ color: rgba(255,255,255,.4); }
.brand-honda .footer__powered a{ color: rgba(255,255,255,.55); transition: color .2s; }
.brand-honda .footer__powered a:hover{ color: #fff; }
.brand-honda .footer__legal{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.brand-honda .footer__legal a{
  font-size: .82rem;
  color: rgba(255,255,255,.5);
  transition: color .2s;
}
.brand-honda .footer__legal a:hover{ color: #fff; }
.brand-honda .footer__lang{ display: flex; align-items: center; }

@media(max-width:1100px){
  .brand-honda .footer__main{ grid-template-columns: 1fr 1fr 1fr; }
  .brand-honda .footer__brand{ grid-column: 1 / -1; }
}
@media(max-width:720px){
  .brand-honda .footer__main{ grid-template-columns: 1fr 1fr; }
  .brand-honda .footer__brand{ grid-column: 1 / -1; }
  .brand-honda .footer__bottom-inner{ flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media(max-width:480px){
  .brand-honda .footer__main{ grid-template-columns: 1fr; }
}

/* ============================================================
   HONDA — HEADER + MEGAMENU + HERO  (standard skin layer)
   Every selector scoped under .brand-honda.
   Token-driven — no hardcoded brand hexes beyond white/black
   neutrals. JS scroll classes: .is-scrolled / .is-hidden.
   ============================================================ */


/* ----------------------------------------------------------
   1. SITE HEADER — base shell
   ---------------------------------------------------------- */

.brand-honda .site-header {
    background: color-mix(in srgb, var(--bg) 86%, transparent);
    backdrop-filter: saturate(1.4) blur(10px);
    -webkit-backdrop-filter: saturate(1.4) blur(10px);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    transition:
        background .3s var(--ease),
        box-shadow .3s var(--ease),
        border-color .3s var(--ease),
        transform .35s var(--ease);
}

/* Scrolled state — solid surface + shadow */
.brand-honda .site-header.is-scrolled {
    background: var(--bg);
    backdrop-filter: saturate(1.4) blur(10px);
    -webkit-backdrop-filter: saturate(1.4) blur(10px);
    border-bottom-color: var(--line);
    box-shadow: 0 4px 24px -12px rgba(0, 0, 0, .18);
}

/* Hide on scroll-down */
.brand-honda .site-header.is-hidden {
    transform: translateY(-100%);
}


/* ----------------------------------------------------------
   2. TRANSPARENT STATE — landing layout over dark hero
   ---------------------------------------------------------- */

.header-transparent .brand-honda .site-header:not(.is-scrolled) {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom-color: transparent;
    box-shadow: none;
}

/* Top bar: translucent band over the dark hero */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar {
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .7);
    border-bottom-color: transparent;
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar__item,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar a {
    color: rgba(255, 255, 255, .75);
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar a:hover {
    color: #fff;
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar__divider {
    color: rgba(255, 255, 255, .2);
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar__marquee,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar__announcement {
    color: rgba(255, 255, 255, .8);
}

/* Logo text white over hero */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__logo-text {
    color: #fff;
}

/* Logo image inverted for visibility on dark background */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__logo-img {
    filter: brightness(0) invert(1);
}

/* Nav links white over hero */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .nav-link {
    color: rgba(255, 255, 255, .9);
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .nav-link:hover {
    color: #fff;
}

/* Dropdown arrow inherits white */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .dropdown-arrow {
    stroke: rgba(255, 255, 255, .7);
}

/* Header CTA: pill ghost over hero */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__actions .btn {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .55);
}

.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__actions .btn:hover {
    background: #fff;
    color: var(--ink-strong);
    border-color: #fff;
}

/* Hamburger lines white over hero */
.header-transparent .brand-honda .site-header:not(.is-scrolled) .menu-toggle span {
    background: #fff;
}


/* ----------------------------------------------------------
   3. SCROLLED STATE — solid surface, dark text
   ---------------------------------------------------------- */

.brand-honda .site-header.is-scrolled .header__logo-text {
    color: var(--ink-strong);
}

.brand-honda .site-header.is-scrolled .nav-link {
    color: var(--ink);
}

.brand-honda .site-header.is-scrolled .nav-link:hover {
    color: var(--ink-strong);
}


/* ----------------------------------------------------------
   4. TOP BAR — default (non-transparent) state
   ---------------------------------------------------------- */

.brand-honda .top-bar {
    background: var(--bg-alt);
    color: var(--ink-soft);
    font-size: .86rem; /* bump post-font — Jade 06/08 */
    border-bottom: 1px solid var(--line-soft);
}

.brand-honda .top-bar__item,
.brand-honda .top-bar a {
    color: var(--ink-soft);
    transition: color .2s;
}

.brand-honda .top-bar a:hover {
    color: var(--accent);
}

.brand-honda .top-bar__divider {
    color: var(--line);
}

.brand-honda .top-bar__marquee,
.brand-honda .top-bar__announcement {
    color: var(--ink);
    font-size: .84rem; /* bump post-font — Jade 06/08 */
}


/* ----------------------------------------------------------
   5. NAV LINKS — accent underline reveal on hover
   ---------------------------------------------------------- */

.brand-honda .nav-menu > .nav-item > .nav-link {
    position: relative;
    font-family: var(--font-head);
    font-weight: 600;
    font-size: 1.05rem; /* bump post-changement de font (National rend plus petit) — Jade 06/08 */
    color: var(--ink);
    padding: 6px 0;
    border-bottom: none;
}

.brand-honda .nav-menu > .nav-item > .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--accent);
    border-radius: var(--radius-pill);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s var(--ease);
}

.brand-honda .nav-menu > .nav-item:hover > .nav-link::after,
.brand-honda .nav-menu > .nav-item > .nav-link.active::after {
    transform: scaleX(1);
}

.brand-honda .nav-menu > .nav-item:hover > .nav-link,
.brand-honda .nav-menu > .nav-item > .nav-link.active {
    color: var(--ink-strong);
}


/* ----------------------------------------------------------
   6. HEADER CTA BUTTON — pill shape
   ---------------------------------------------------------- */

.brand-honda .header__actions .btn {
    border-radius: var(--radius-pill);
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .98rem; /* bump post-font — Jade 06/08 */
    padding: .6em 1.4em;
}


/* ----------------------------------------------------------
   7. MEGAMENU PANEL — white rounded card, float shadow
   ---------------------------------------------------------- */

.brand-honda .megamenu,
.brand-honda .nav-dropdown {
    background: var(--white);
    border: 1px solid var(--line-soft);
    border-radius: 0 0 var(--radius-card) var(--radius-card);
    box-shadow: var(--shadow-float);
}

.brand-honda .megamenu__inner {
    padding: 28px 32px;
}

/* Category header (showcase megamenu) */
.brand-honda .megamenu__category-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.brand-honda .megamenu__category-accent {
    width: 4px;
    height: 18px;
    background: var(--accent);
    border-radius: var(--radius-pill);
    flex: none;
}

.brand-honda .megamenu__category-title {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .9rem;
    color: var(--ink-strong);
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
}

.brand-honda .megamenu__category-count {
    font-size: .78rem;
    color: var(--ink-soft);
    font-weight: 600;
    margin-left: auto;
}

/* Megamenu title */
.brand-honda .megamenu__header {
    margin-bottom: 22px;
}

.brand-honda .megamenu__title {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--ink-strong);
    margin: 0;
}

/* Hero card (featured model) */
.brand-honda .megamenu__hero-card {
    display: block;
    border: 1px solid var(--line-soft);
    border-radius: var(--radius-card);
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow .3s var(--ease), transform .3s var(--ease), border-color .3s;
    color: inherit;
}

.brand-honda .megamenu__hero-card:hover {
    box-shadow: var(--shadow-card);
    transform: translateY(-3px);
    border-color: var(--accent);
}

.brand-honda .megamenu__hero-image {
    aspect-ratio: 16 / 9;
    background: var(--bg-alt);
    overflow: hidden;
}

.brand-honda .megamenu__hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s var(--ease);
}

.brand-honda .megamenu__hero-card:hover .megamenu__hero-image img {
    transform: scale(1.04);
}

.brand-honda .megamenu__hero-info {
    padding: 12px 14px 4px;
}

.brand-honda .megamenu__hero-name {
    display: block;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 1rem;
    color: var(--ink-strong);
}

.brand-honda .megamenu__hero-price {
    display: block;
    font-size: .83rem;
    color: var(--ink-soft);
    margin-top: 3px;
}

.brand-honda .megamenu__hero-cta {
    display: flex;
    align-items: center;
    gap: .4em;
    padding: 10px 14px 12px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .84rem;
    color: var(--accent);
}

/* Model list (sibling rows beneath hero card) */
.brand-honda .megamenu__models-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-honda .megamenu__model-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--radius-ui);
    text-decoration: none;
    transition: background .2s;
}

.brand-honda .megamenu__model-link:hover {
    background: rgba(var(--accent-rgb), .07);
}

.brand-honda .megamenu__model-thumb {
    width: 44px;
    height: 32px;
    border-radius: var(--radius-ui);
    background: var(--bg-alt);
    overflow: hidden;
    flex: none;
}

.brand-honda .megamenu__model-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-honda .megamenu__model-info {
    flex: 1;
    min-width: 0;
}

.brand-honda .megamenu__model-name {
    display: block;
    font-family: var(--font-head);
    font-weight: 600;
    font-size: .88rem;
    color: var(--ink-strong);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand-honda .megamenu__model-link:hover .megamenu__model-name {
    color: var(--accent);
}

.brand-honda .megamenu__model-price {
    display: block;
    font-size: .76rem;
    color: var(--ink-soft);
}

.brand-honda .megamenu__model-arrow {
    color: var(--ink-soft);
    flex: none;
    opacity: 0;
    transition: opacity .2s, transform .2s var(--ease);
}

.brand-honda .megamenu__model-link:hover .megamenu__model-arrow {
    opacity: 1;
    transform: translateX(2px);
    color: var(--accent);
}

/* Megamenu footer CTAs (showcase / lineup) */
.brand-honda .megamenu__footer {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    background: var(--bg-alt);
    border-top: 1px solid var(--line-soft);
    border-radius: 0 0 var(--radius-card) var(--radius-card);
}

.brand-honda .megamenu__footer-cta {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .88rem;
    padding: .65em 1.3em;
    border-radius: var(--radius-pill);
    border: 2px solid var(--accent);
    background: var(--accent);
    color: var(--on-accent);
    text-decoration: none;
    transition: background .25s, border-color .25s, transform .25s var(--ease);
}

.brand-honda .megamenu__footer-cta:hover {
    background: var(--accent-strong);
    border-color: var(--accent-strong);
    transform: translateY(-1px);
}

.brand-honda .megamenu__footer-cta--secondary {
    background: transparent;
    color: var(--ink-strong);
    border-color: var(--line);
}

.brand-honda .megamenu__footer-cta--secondary:hover {
    background: var(--ink-strong);
    color: #fff;
    border-color: var(--ink-strong);
    transform: translateY(-1px);
}


/* ----------------------------------------------------------
   8. INVENTORY MEGAMENU (megamenu--inventory)
   ---------------------------------------------------------- */

.brand-honda .megamenu--inventory .megamenu__inner {
    padding: 24px 28px;
}

.brand-honda .megamenu__section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.brand-honda .megamenu__section-header h4 {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .88rem;
    color: var(--ink-strong);
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
}

.brand-honda .megamenu__section-header svg {
    color: var(--accent);
    flex: none;
}

.brand-honda .megamenu__links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-honda .megamenu__links-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: var(--radius-ui);
    font-family: var(--font-head);
    font-size: .88rem;
    color: var(--ink);
    font-weight: 500;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.brand-honda .megamenu__links-list a:hover {
    background: rgba(var(--accent-rgb), .07);
    color: var(--accent);
}

.brand-honda .megamenu__count {
    font-size: .8rem;
    color: var(--ink-soft);
    font-weight: 400;
}

.brand-honda .megamenu__section-divider {
    height: 1px;
    background: var(--line-soft);
    margin: 10px 0;
}

.brand-honda .megamenu__models-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.brand-honda .megamenu__model-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-radius: var(--radius-ui);
    text-decoration: none;
    transition: background .2s;
}

.brand-honda .megamenu__model-item:hover {
    background: rgba(var(--accent-rgb), .07);
}

/* Override the generic .megamenu__model-name for the grid variant */
.brand-honda .megamenu__model-item .megamenu__model-name {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    font-size: .88rem;
    font-weight: 600;
    color: var(--ink-strong);
}

.brand-honda .megamenu__model-item:hover .megamenu__model-name {
    color: var(--accent);
}

.brand-honda .megamenu__model-count {
    font-size: .78rem;
    color: var(--ink-soft);
    white-space: nowrap;
}

/* Inventory footer */
.brand-honda .megamenu__inventory-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 28px;
    background: var(--bg-alt);
    border-top: 1px solid var(--line-soft);
    border-radius: 0 0 var(--radius-card) var(--radius-card);
    flex-wrap: wrap;
}

.brand-honda .megamenu__inventory-link {
    display: inline-flex;
    align-items: center;
    gap: .5em;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .85rem;
    color: var(--accent);
    text-decoration: none;
    transition: color .2s;
}

.brand-honda .megamenu__inventory-link:hover {
    color: var(--accent-strong);
}

.brand-honda .megamenu__inventory-ctas {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.brand-honda .megamenu__inventory-btn {
    display: inline-flex;
    align-items: center;
    padding: .55em 1.1em;
    border-radius: var(--radius-pill);
    border: 1.5px solid var(--line);
    background: var(--white);
    font-family: var(--font-head);
    font-weight: 600;
    font-size: .82rem;
    color: var(--ink-strong);
    text-decoration: none;
    transition: border-color .2s, color .2s, background .2s;
}

.brand-honda .megamenu__inventory-btn:hover {
    border-color: var(--accent);
    color: var(--accent);
}

.brand-honda .megamenu__inventory-btn--accent,
.brand-honda .megamenu__inventory-btn--accent:link,
.brand-honda .megamenu__inventory-btn--accent:visited {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff !important; /* was red-on-red: une règle lien !important forçait --brand-accent (#E3173E) sur fond rouge */
}

.brand-honda .megamenu__inventory-btn--accent:hover {
    background: var(--accent-strong);
    border-color: var(--accent-strong);
    color: #fff !important;
}


/* ----------------------------------------------------------
   9. SIMPLE NAV DROPDOWN (non-megamenu items)
   ---------------------------------------------------------- */

.brand-honda .nav-dropdown {
    padding: 8px 0;
    min-width: 200px;
    border-radius: 0 0 var(--radius-ui) var(--radius-ui);
}

.brand-honda .nav-dropdown li a {
    display: block;
    padding: 8px 16px;
    font-family: var(--font-head);
    font-size: .9rem;
    font-weight: 500;
    color: var(--ink);
    text-decoration: none;
    transition: background .18s, color .18s;
}

.brand-honda .nav-dropdown li a:hover {
    background: rgba(var(--accent-rgb), .07);
    color: var(--accent);
}

.brand-honda .nav-dropdown__divider {
    height: 1px;
    background: var(--line-soft);
    margin: 6px 0;
}

.brand-honda .nav-dropdown__heading span {
    display: block;
    padding: 6px 16px 2px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}


/* ----------------------------------------------------------
   10. MOBILE NAV DRAWER
   ---------------------------------------------------------- */

.brand-honda .mobile-nav-overlay {
    background: rgba(0, 0, 0, .48);
}

.brand-honda .mobile-nav {
    background: var(--white);
}

.brand-honda .mobile-nav__header {
    border-bottom: 1px solid var(--line-soft);
}

.brand-honda .mobile-nav__cta-wrap {
    padding: 16px 20px 0;
}

.brand-honda .mobile-nav__cta-btn {
    width: 100%;
    border-radius: var(--radius-pill);
    font-family: var(--font-head);
    font-weight: 700;
    justify-content: center;
}

.brand-honda .mobile-nav__menu li a {
    font-family: var(--font-head);
    font-weight: 600;
    color: var(--ink-strong);
}

.brand-honda .mobile-nav__menu li a:hover {
    color: var(--accent);
}

.brand-honda .submenu {
    background: var(--bg-alt);
    border-radius: var(--radius-ui);
}

.brand-honda .submenu li a {
    font-family: var(--font-head);
    font-size: .9rem;
    font-weight: 500;
    color: var(--ink);
}

.brand-honda .submenu-cta a {
    color: var(--accent);
    font-weight: 700;
}

.brand-honda .submenu__count {
    color: var(--ink-soft);
    font-size: .82rem;
}

.brand-honda .mobile-nav__section-label {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .76rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

.brand-honda .mobile-nav__heading span {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .74rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}


/* ----------------------------------------------------------
   11. HERO BOX — boxes/essential/hero.htm class names
       .hero-section  .hero__media  .hero__overlay
       .hero__content  .hero__title  .hero__subtitle
       .hero__actions  .hero-badge  .hero-badge__icon
   ---------------------------------------------------------- */

/* Dark scrim: Honda deep-navy tint (vs generic black) */
.brand-honda .hero-section .hero__overlay--dark {
    background: linear-gradient(
        180deg,
        rgba(21, 23, 26, .15) 0%,
        rgba(21, 23, 26, .22) 40%,
        rgba(21, 23, 26, .78) 100%
    );
}

/* Gradient-only overlay variant */
.brand-honda .hero-section .hero__overlay--gradient {
    background: linear-gradient(
        to top,
        rgba(21, 23, 26, .82) 0%,
        transparent 62%
    );
}

/* Headline: white, Honda weight + tracking */
.brand-honda .hero-section .hero__title {
    font-family: var(--font-head);
    font-weight: var(--head-weight);
    font-size: var(--fs-display);
    line-height: 1;
    letter-spacing: var(--head-tracking);
    color: #fff;
    text-shadow: 0 2px 32px rgba(0, 0, 0, .32);
}

/* Subtitle: white, readable */
.brand-honda .hero-section .hero__subtitle {
    font-family: var(--font-head);
    font-size: var(--fs-lead);
    color: rgba(255, 255, 255, .9);
    line-height: 1.5;
}

/* CTA buttons: pill shape */
.brand-honda .hero-section .hero__actions .btn {
    border-radius: var(--radius-pill);
}

/* Trust badges: glassmorphism pill */
.brand-honda .hero-section .hero-badge {
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: var(--radius-pill);
    color: rgba(255, 255, 255, .94);
    font-family: var(--font-head);
    font-weight: 600;
    font-size: .88rem;
}

.brand-honda .hero-section .hero-badge__icon {
    color: #ff7a7a;
}

/* Vehicle search glassmorphism inside hero */
.brand-honda .hero__search .vehicle-search-v2 {
    background: rgba(21, 23, 26, .42);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: var(--radius-card);
}

.brand-honda .hero__search .vehicle-search-v2 .form-select,
.brand-honda .hero__search .vehicle-search-v2 .form-control {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .18);
    color: #fff;
    border-radius: var(--radius-ui);
}

.brand-honda .hero__search .vehicle-search-v2 .form-select:focus,
.brand-honda .hero__search .vehicle-search-v2 .form-control:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), .28);
}

.brand-honda .hero__search .vehicle-search-v2 .search-btn {
    background: var(--accent);
    border-color: var(--accent);
    border-radius: var(--radius-pill);
    font-family: var(--font-head);
    font-weight: 700;
}

.brand-honda .hero__search .vehicle-search-v2 .search-btn:hover {
    background: var(--accent-strong);
    border-color: var(--accent-strong);
}

/* ============================================================
   POLISH PASS 2 — luxury-parity corrections (header, cards, icons)
   Appended LAST so these win over earlier rules.
   ============================================================ */

/* ---- HEADER: frosted solid-white sticky bar (kills transparent-over-hero) ---- */
.brand-honda .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    z-index: var(--z-sticky, 60);
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    transition: background .3s var(--ease), box-shadow .3s var(--ease),
                border-color .3s var(--ease), transform .35s var(--ease);
}
.brand-honda .site-header.is-scrolled {
    background: rgba(255, 255, 255, .98);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    border-bottom-color: var(--line);
    box-shadow: 0 10px 30px -20px rgba(20, 23, 26, .4);
}
.brand-honda .site-header.is-hidden { transform: translateY(-100%); }

.brand-honda.header-transparent .site-header,
.brand-honda.header-transparent .site-header:not(.is-scrolled),
body.header-transparent.brand-honda .site-header:not(.is-scrolled),
.header-transparent .brand-honda .site-header:not(.is-scrolled),
body.layout-landing.brand-honda .site-header:not(.is-scrolled) {
    background: rgba(255, 255, 255, .92);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    border-bottom-color: var(--line);
    box-shadow: none;
}

.brand-honda .header__logo-text,
.brand-honda .site-header.is-scrolled .header__logo-text,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__logo-text,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .header__logo-text {
    color: var(--ink-strong);
    font-family: var(--font-head);
    font-weight: 800;
    letter-spacing: -.01em;
}
.brand-honda .header__logo-img,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__logo-img,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .header__logo-img { filter: none; }

.brand-honda .top-bar,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .top-bar {
    background: var(--bg-alt);
    color: var(--ink-soft);
    border-bottom: 1px solid var(--line-soft);
}
.brand-honda .top-bar__item,
.brand-honda .top-bar a,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar__item,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar a,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .top-bar a { color: var(--ink-soft); }
.brand-honda .top-bar a:hover,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar a:hover { color: var(--accent); }
.brand-honda .top-bar__marquee,
.brand-honda .top-bar__announcement { color: var(--ink); }
.brand-honda .top-bar__divider { color: var(--line); }

.brand-honda .nav-menu > .nav-item > .nav-link,
.brand-honda .site-header.is-scrolled .nav-link,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .nav-link,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .nav-link {
    color: var(--ink);
    font-family: var(--font-head);
    font-weight: 600;
}
.brand-honda .nav-menu > .nav-item:hover > .nav-link,
.brand-honda .nav-menu > .nav-item > .nav-link.active,
.brand-honda .nav-link:hover { color: var(--ink-strong); }
.brand-honda .nav-menu > .nav-item > .nav-link::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px;
    background: var(--accent); border-radius: var(--radius-pill);
    transform: scaleX(0); transform-origin: left center; transition: transform .3s var(--ease);
}
.brand-honda .nav-menu > .nav-item:hover > .nav-link::after,
.brand-honda .nav-menu > .nav-item > .nav-link.active::after { transform: scaleX(1); }
.brand-honda .dropdown-arrow { stroke: var(--ink-soft); }

.brand-honda .header__actions .btn,
.brand-honda .header__actions .btn-primary,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .header__actions .btn,
.brand-honda.header-transparent .site-header:not(.is-scrolled) .header__actions .btn {
    background: var(--accent); color: var(--on-accent); border: 2px solid var(--accent);
    border-radius: var(--radius-pill); font-family: var(--font-head); font-weight: 700;
    font-size: .98rem; padding: .6em 1.4em; /* bump post-font — Jade 06/08 */
}
.brand-honda .header__actions .btn:hover {
    background: var(--accent-strong); color: var(--on-accent); border-color: var(--accent-strong);
}
.brand-honda .menu-toggle span,
.header-transparent .brand-honda .site-header:not(.is-scrolled) .menu-toggle span { background: var(--ink-strong); }

.brand-honda .megamenu,
.brand-honda .nav-dropdown {
    background: var(--white); border: 1px solid var(--line-soft); border-top: 1px solid var(--line);
    border-radius: 0 0 var(--radius-card) var(--radius-card); box-shadow: var(--shadow-float);
}

/* ---- VEHICLE / LINEUP CARDS: constrain icons + fix internals ---- */
.brand-honda .veh-card .ico,
.brand-honda .model-card .ico,
.brand-honda .veh-specs .sp .ico { width:17px; height:17px; flex:none; }
.brand-honda .veh-card .btn .ico,
.brand-honda .veh-card .link .ico,
.brand-honda .model-card .btn .ico,
.brand-honda .model-card .link .ico { width:1.05em; height:1.05em; }

.brand-honda .veh-card { overflow:hidden; }
.brand-honda .veh-media { position:relative; aspect-ratio:4/3; overflow:hidden; border-radius:var(--radius-card); display:block; font-size:0; line-height:0; color:transparent; }
.brand-honda .veh-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; font-size:0; color:transparent; transition:transform .8s var(--ease); }
.brand-honda .veh-card:hover .veh-media img { transform:scale(1.05); }
.brand-honda .veh-tags { position:absolute; top:12px; left:12px; display:flex; gap:6px; z-index:2; font-size:.7rem; }

.brand-honda .veh-body { padding:16px 18px 18px; display:flex; flex-direction:column; gap:12px; flex:1; }
.brand-honda .veh-head { display:flex; flex-direction:column; gap:2px; }
.brand-honda .veh-head .yr { font-family:var(--font-head); font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .veh-head .nm { font-family:var(--font-head); font-weight:800; font-size:1.08rem; line-height:1.2; letter-spacing:-.01em; color:var(--ink-strong); }
.brand-honda .veh-head .trim { font-size:.86rem; color:var(--ink-soft); font-weight:600; margin-top:1px; }

.brand-honda .veh-specs { display:grid; grid-template-columns:repeat(2,1fr); gap:10px 14px; padding:12px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.brand-honda .veh-specs .sp { display:flex; align-items:center; gap:8px; min-width:0; font-size:.84rem; font-weight:600; color:var(--ink); line-height:1.25; }
.brand-honda .veh-specs .sp .ico { width:17px; height:17px; flex:none; color:var(--ink-soft); }

.brand-honda .veh-price { margin-top:auto; padding-top:0; border-top:0; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.brand-honda .veh-price .pay { font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-soft); line-height:1.35; }
.brand-honda .veh-price .pay b { display:inline; font-family:var(--font-head); font-size:1.02rem; font-weight:800; letter-spacing:0; text-transform:none; color:var(--ink-strong); }
.brand-honda .veh-price .total { text-align:right; line-height:1.2; }
.brand-honda .veh-price .total .lbl { display:block; font-size:.66rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .veh-price .total .was { display:block; font-size:.86rem; color:var(--ink-soft); text-decoration:line-through; line-height:1.2; }
.brand-honda .veh-price .total .amt { font-family:var(--font-head); font-weight:800; font-size:1.35rem; color:var(--ink-strong); }
.brand-honda .veh-price .total--sale .amt { color:var(--accent); }

.brand-honda .veh-stock { font-size:.72rem; letter-spacing:.03em; color:var(--ink-soft); }
.brand-honda .veh-actions { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:4px; }
.brand-honda .veh-actions .btn { padding:.7em 1.1em; font-size:.82rem; }
.brand-honda .veh-actions .btn--sm { padding:.7em 1.1em; font-size:.82rem; }

.brand-honda .inv-grid { grid-template-columns:repeat(3,1fr); }
@media(max-width:1040px){ .brand-honda .inv-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){
  .brand-honda .inv-grid { grid-template-columns:1fr; }
  .brand-honda .veh-actions { grid-template-columns:1fr; }
}

.brand-honda .model-card { position:relative; }
.brand-honda .mc-media { position:relative; font-size:0; line-height:0; color:transparent; }
.brand-honda .mc-media img { width:100%; height:100%; object-fit:cover; font-size:0; color:transparent; }
.brand-honda .mc-fuel { position:absolute; top:14px; right:14px; z-index:2; font-size:.7rem; }
.brand-honda .model-card .mc-cta .ico { width:18px; height:18px; flex:none; }

/* ---- GLOBAL ICON SAFETY FLOOR + remaining section internals ---- */
.brand-honda .ico { width:1.1em; height:1.1em; flex:none; }
.brand-honda .veh-actions .btn .ico { width:1.05em; height:1.05em; }
.brand-honda .bmw-dloc-info svg,
.brand-honda .bmw-dloc-name svg,
.brand-honda .bmw-hours-head svg { width:18px; height:18px; color:var(--accent); flex:none; }
.brand-honda .bmw-dloc-hours .ico,
.brand-honda .bmw-dloc-info .ico { width:18px; height:18px; flex:none; }
.brand-honda .footer__social a svg,
.brand-honda .footer__social a .icon,
.brand-honda .footer__social a .ico { width:18px; height:18px; flex:none; }
.brand-honda .seo-toggle .ico,
.brand-honda .link.seo-toggle .ico { width:1em; height:1em; flex:none; }
.brand-honda .link.seo-toggle { display:inline-flex; align-items:center; gap:.4em; }
.brand-honda .bmw-rv__stars .ico,
.brand-honda .bmw-rv__stars svg,
.brand-honda .rv .stars .ico { width:16px; height:16px; flex:none; }
.brand-honda .hero-badge__icon svg,
.brand-honda .hero-badge__icon .ico { width:16px; height:16px; flex:none; }
.brand-honda .financing-type__icon svg,
.brand-honda .financing-type__icon .icon { width:22px; height:22px; flex:none; }
.brand-honda .wizard-success__icon svg { width:28px; height:28px; flex:none; }

/* ============================================================
   POLISH PASS 3 — LUXURY POSITIONING PARITY (alignment + grid columns)
   Placement matches luxury; standard styling kept. Appended last.
   ============================================================ */

/* ---- HERO: force LEFT alignment (luxury parity), lower-left placement ---- */
.brand-honda .hero-section { align-items: flex-end; }
.brand-honda .hero-section .hero__content { text-align: left; }
.brand-honda .hero-section .hero__content-inner,
.brand-honda .hero-section.hero--align-center .hero__content-inner,
.brand-honda .hero-section.hero--align-left .hero__content-inner,
.brand-honda .hero-section.hero--align-right .hero__content-inner {
  margin-left: 0; margin-right: 0; margin-inline: 0; text-align: left; align-items: flex-start;
}
.brand-honda .hero-section .hero__title { max-width: 16ch; margin-left: 0; margin-right: 0; text-align: left; }
.brand-honda .hero-section .hero__subtitle { max-width: 48ch; margin-left: 0; margin-right: 0; text-align: left; }
.brand-honda .hero-section .hero__actions,
.brand-honda .hero-section.hero--align-center .hero__actions,
.brand-honda .hero-section.hero--align-right .hero__actions { justify-content: flex-start; }
.brand-honda .hero-section .hero__badges,
.brand-honda .hero-section.hero--align-center .hero__badges,
.brand-honda .hero-section.hero--align-left .hero__badges { justify-content: flex-start; }
.brand-honda .hero-section .hero__search,
.brand-honda .hero-section.hero--align-center .hero__search { margin-left: 0; margin-right: 0; margin-inline: 0; }
@media (max-width: 480px) {
  .brand-honda .hero-section .hero__badges,
  .brand-honda .hero-section.hero--align-center .hero__badges { justify-content: flex-start; }
}

/* ---- SECTION HEADINGS: left title block + right link, never centered ---- */
.brand-honda .section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; text-align: left; }
.brand-honda .section-head .titles { max-width: 760px; text-align: left; margin-left: 0; margin-right: 0; align-items: flex-start; }
.brand-honda .section-head .eyebrow,
.brand-honda .section-head h2,
.brand-honda .section-head .h2,
.brand-honda .section-head .sub { text-align: left; margin-left: 0; margin-right: 0; justify-content: flex-start; }
.brand-honda .section-head .eyebrow { display: inline-flex; }
.brand-honda .section-header.text-center,
.brand-honda .section-header--center { text-align: left; align-items: flex-start; }
.brand-honda .section-header.text-center > *,
.brand-honda .section-header--center > * { margin-left: 0; margin-right: 0; text-align: left; }

/* ---- GRID COLUMN STRUCTURE → luxury parity (gaps/cards kept standard) ---- */
.brand-honda .feat-grid{ grid-template-columns:repeat(3,1fr); }
@media(max-width:860px){ .brand-honda .feat-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:760px){ .brand-honda .feat-grid{ grid-template-columns:1fr; } }

.brand-honda .culture-grid{ grid-template-columns:repeat(4,1fr); }
@media(max-width:900px){ .brand-honda .culture-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:460px){ .brand-honda .culture-grid{ grid-template-columns:1fr; } }

.brand-honda .bmw-reviews,
.brand-honda .rv-grid{ grid-template-columns:repeat(3,1fr); }
@media(max-width:900px){ .brand-honda .bmw-reviews, .brand-honda .rv-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .brand-honda .bmw-reviews, .brand-honda .rv-grid{ grid-template-columns:1fr; } }

.brand-honda .inv-grid{ grid-template-columns:repeat(3,1fr); }
@media(max-width:980px){ .brand-honda .inv-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .brand-honda .inv-grid{ grid-template-columns:1fr; } }

.brand-honda .lineup-grid{ grid-template-columns:repeat(3,1fr); }
@media(max-width:980px){ .brand-honda .lineup-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:620px){ .brand-honda .lineup-grid{ grid-template-columns:1fr; } }

.brand-honda .promo-grid,
.brand-honda .promo-banner-grid{ grid-template-columns:repeat(3,1fr); }
@media(max-width:860px){ .brand-honda .promo-grid, .brand-honda .promo-banner-grid{ grid-template-columns:1fr; } }

.brand-honda .intro-band,
.brand-honda .split-cta{ grid-template-columns:1fr 1fr; align-items:center; }
@media(max-width:820px){ .brand-honda .intro-band, .brand-honda .split-cta{ grid-template-columns:1fr; } }

.brand-honda .bmw-dloc-grid{ grid-template-columns:1fr 1fr; align-items:start; }
@media(max-width:900px){ .brand-honda .bmw-dloc-grid{ grid-template-columns:1fr; } }

.brand-honda .seo-grid2,
.brand-honda .geo-takeaways__points--cols-2{ grid-template-columns:repeat(2,1fr); }
@media(max-width:720px){ .brand-honda .seo-grid2, .brand-honda .geo-takeaways__points--cols-2{ grid-template-columns:1fr; } }

.brand-honda .blog-grid{ grid-template-columns:1.6fr 1fr 1fr; }
@media(max-width:900px){
  .brand-honda .blog-grid{ grid-template-columns:1fr 1fr; }
  .brand-honda .blog-grid .post.lead-post{ grid-column:span 2; grid-row:span 1; }
}
@media(max-width:560px){
  .brand-honda .blog-grid{ grid-template-columns:1fr; }
  .brand-honda .blog-grid .post.lead-post{ grid-column:span 1; }
}

  /* ============================================================
     POLISH PASS 4 — hero centered (per request) + wider financing form
     Appended last so these win.
     ============================================================ */

  /* ---- HERO: center the text (horizontal + vertical) ---- */
  .brand-honda .hero-section { align-items: center; }
  .brand-honda .hero-section .hero__content { text-align: center; }
  .brand-honda .hero-section .hero__content-inner,
  .brand-honda .hero-section.hero--align-center .hero__content-inner,
  .brand-honda .hero-section.hero--align-left .hero__content-inner,
  .brand-honda .hero-section.hero--align-right .hero__content-inner {
    margin-left: auto; margin-right: auto; margin-inline: auto;
    text-align: center; align-items: center;
  }
  .brand-honda .hero-section .hero__title { max-width: 20ch; margin-left: auto; margin-right: auto; text-align: center; }
  .brand-honda .hero-section .hero__subtitle { max-width: 52ch; margin-left: auto; margin-right: auto; text-align: center; }
  .brand-honda .hero-section .hero__actions,
  .brand-honda .hero-section.hero--align-center .hero__actions,
  .brand-honda .hero-section.hero--align-right .hero__actions { justify-content: center; }
  .brand-honda .hero-section .hero__badges,
  .brand-honda .hero-section.hero--align-center .hero__badges,
  .brand-honda .hero-section.hero--align-left .hero__badges { justify-content: center; }
  .brand-honda .hero-section .hero__search,
  .brand-honda .hero-section.hero--align-center .hero__search { margin-left: auto; margin-right: auto; margin-inline: auto; }

  /* ---- FINANCING: give the form (wizard) the larger column, info narrower ---- */
  .brand-honda .financing-form--side-by-side { grid-template-columns: .82fr 1.18fr; align-items: start; gap: clamp(28px,4vw,64px); }
  .brand-honda .financing-form__info { max-width: 460px; }
  .brand-honda .financing-form__card-wrap,
  .brand-honda .financing-form__card { width: 100%; }
  @media(max-width:980px){ .brand-honda .financing-form--side-by-side { grid-template-columns: 1fr; } .brand-honda .financing-form__info { max-width: none; } }

/* ============================================================
   ACCESSIBILITY FIXES — Lighthouse contrast failures (2026-06-26)
   All scoped under .brand-honda, appended last so they win.
   ============================================================ */

/* ------------------------------------------------------------------
   FIX 1 — Eyebrow on light sections: var(--accent) on #f8fafc = 4.43:1 (FAIL AA)
   Solution: use --accent-strong (#9e0000) on the base eyebrow rule.
   --accent-strong on white = ~7.0:1 (PASS AA + AAA).
   The dark-section overrides (.brand-honda .hero .eyebrow,
   .brand-honda .finance .eyebrow) are more specific (3 vs 2 class
   selectors) and continue to set color:#fff — they are NOT touched.
   The ::before decorative bar follows the same upgrade.
   ------------------------------------------------------------------ */
.brand-honda .eyebrow {
  color: var(--accent-strong);
}
.brand-honda .eyebrow::before {
  background: var(--accent-strong);
}

/* ------------------------------------------------------------------
   FIX 2 — Financing wizard "Suivant" / "Soumettre" buttons:
   .wizard-nav__btn--next / --submit (id #next-btn / #submit-btn)
   inherit background: var(--brand-accent) = generic #3b82f6 → white
   text = 3.67:1 (FAIL AA).
   Solution: override background to var(--accent-strong) (#9e0000).
   White on #9e0000 = ~7.0:1 (PASS AA + AAA).
   ------------------------------------------------------------------ */
.brand-honda #next-btn,
.brand-honda #submit-btn,
.brand-honda .wizard-nav__btn--next,
.brand-honda .wizard-nav__btn--submit {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
  color: #fff;
}
.brand-honda #next-btn:hover:not(:disabled),
.brand-honda #submit-btn:hover:not(:disabled),
.brand-honda .wizard-nav__btn--next:hover:not(:disabled),
.brand-honda .wizard-nav__btn--submit:hover:not(:disabled) {
  background: var(--ink-strong);
  border-color: var(--ink-strong);
  color: #fff;
}

/* ------------------------------------------------------------------
   FIX 3 — Footer language switcher: .lang-switcher__link renders
   near-white (#fdfefe) on a light background in the generic partial
   style block (--brand-text-secondary unresolved) = ~1.03:1 (FAIL).
   The footer's .footer__bottom sits on --ink-strong (#15171a, dark
   navy). Force the links to be clearly legible white on that dark bg,
   consistent with other footer links (rgba 255,255,255,.65 → #fff).
   ------------------------------------------------------------------ */
.brand-honda .footer__lang .lang-switcher__link {
  color: rgba(255, 255, 255, .7);
  font-size: .82rem;
  font-weight: 600;
}
.brand-honda .footer__lang .lang-switcher__link:hover,
.brand-honda .footer__lang .lang-switcher__link.active {
  color: #fff;
}
.brand-honda .footer__lang .lang-switcher__divider {
  color: rgba(255, 255, 255, .3);
}

/* ============================================================
   POLISH PASS 5 — full re-improve (top + mid + bottom). Appended last.
   ============================================================ */

/* ---------- TOP: hero balance, stats band, header micro-polish ---------- */
.brand-honda .hero-section.hero--full .hero__content { padding-top: clamp(96px, 12vh, 132px); padding-bottom: clamp(64px, 9vh, 104px); }
.brand-honda .hero-section.hero--full.hero--has-scroll { padding-bottom: clamp(72px, 9vh, 108px); }
.brand-honda .hero-section .hero__content-inner { display: flex; flex-direction: column; align-items: center; max-width: 920px; }
.brand-honda .hero-section .hero__title { font-size: var(--fs-display); line-height: 1.02; letter-spacing: var(--head-tracking); max-width: 18ch; margin: 0 auto; text-wrap: balance; text-shadow: 0 2px 32px rgba(21, 23, 26, .34); }
.brand-honda .hero-section .hero__subtitle { font-size: var(--fs-lead); line-height: 1.55; max-width: 56ch; margin: clamp(16px, 2vw, 22px) auto 0; color: rgba(255, 255, 255, .9); text-wrap: pretty; }
.brand-honda .hero-section .hero__actions { gap: 14px; margin-top: clamp(24px, 3vw, 34px); justify-content: center; }
.brand-honda .hero-section .hero__actions .btn { border-radius: var(--radius-pill); padding: 1.05em 2em; font-size: 1.02rem; }
.brand-honda .hero-section .hero__badges { gap: 10px 12px; margin-top: clamp(26px, 3.2vw, 36px); justify-content: center; }
.brand-honda .hero-section .hero-badge { gap: .55em; padding: .6em 1.05em; background: rgba(255,255,255,.12); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.22); border-radius: var(--radius-pill); color: rgba(255,255,255,.94); font-family: var(--font-head); font-weight: 600; font-size: .88rem; transition: background .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease); }
.brand-honda .hero-section .hero-badge:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.34); transform: translateY(-1px); }
.brand-honda .hero-section .hero-badge__icon { display: inline-flex; align-items: center; color: #ff7a7a; flex: none; }
@media (max-width: 768px) { .brand-honda .hero-section .hero__title { max-width: 22ch; } .brand-honda .hero-section .hero__subtitle { max-width: 46ch; } .brand-honda .hero-section .hero-badge { font-size: .82rem; padding: .5em .9em; } }
@media (max-width: 480px) { .brand-honda .hero-section.hero--full .hero__content { padding-top: clamp(88px, 18vh, 112px); } .brand-honda .hero-section .hero__actions { flex-direction: column; width: 100%; align-items: center; } .brand-honda .hero-section .hero__actions .btn { width: 100%; max-width: 320px; } .brand-honda .hero-section .hero__badges { gap: 8px; } }

.brand-honda .geo-stats-section.bg-brand,
.brand-honda .geo-stats-section.bg-dark { background: var(--band) !important; color: #fff; }
.brand-honda .geo-stats-section .geo-stats { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 0; }
.brand-honda .geo-stats-section .geo-stat { flex: 1 1 0; min-width: 200px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: clamp(22px,2.6vw,34px) clamp(20px,3vw,44px); position: relative; }
.brand-honda .geo-stats--bar .geo-stat + .geo-stat::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: rgba(255,255,255,.18); }
.brand-honda .geo-stats-section .geo-stat__icon { width: 48px; height: 48px; flex: none; border-radius: var(--radius-ui); background: rgba(255,255,255,.12); color: #fff; display: grid; place-items: center; }
.brand-honda .geo-stats-section .geo-stat__icon svg { width: 22px; height: 22px; }
.brand-honda .geo-stats-section .geo-stat__content { display: flex; flex-direction: column; gap: 3px; }
.brand-honda .geo-stats-section .geo-stat__value { font-family: var(--font-head); font-weight: var(--head-weight); font-size: clamp(1.85rem,2.9vw,2.5rem); line-height: 1; letter-spacing: var(--head-tracking); color: #fff; }
.brand-honda .geo-stats-section .geo-stat__label { font-size: .82rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: rgba(255,255,255,.72); line-height: 1.3; }
@media (max-width: 900px) { .brand-honda .geo-stats-section .geo-stat { flex: 1 1 42%; min-width: 0; } .brand-honda .geo-stats--bar .geo-stat:nth-child(odd) + .geo-stat::before { display: none; } }
@media (max-width: 560px) { .brand-honda .geo-stats-section .geo-stat { flex: 1 1 100%; justify-content: flex-start; padding: 16px 8px; } .brand-honda .geo-stats--bar .geo-stat + .geo-stat::before { display: none; } .brand-honda .geo-stats-section .geo-stat + .geo-stat { border-top: 1px solid rgba(255,255,255,.12); } }

.brand-honda .nav-menu > .nav-item > .nav-link { letter-spacing: .005em; }
.brand-honda .header__actions .btn:focus-visible,
.brand-honda .nav-menu > .nav-item > .nav-link:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 3px; border-radius: var(--radius-ui); }
.brand-honda .header__actions .btn { transition: background .25s var(--ease), border-color .25s var(--ease), transform .2s var(--ease); }
.brand-honda .header__actions .btn:hover { transform: translateY(-1px); }
.brand-honda .megamenu__inner { padding: 28px 32px; }

/* ---------- MID: unified card system ---------- */
.brand-honda .lineup-grid, .brand-honda .inv-grid, .brand-honda .feat-grid, .brand-honda .culture-grid { --fd-card-pad:22px; --fd-card-gap:14px; --fd-card-radius:var(--radius-card); --fd-icon-tile:54px; --fd-icon-tile-radius:var(--radius-ui); --fd-icon-glyph:24px; --fd-grid-gap:clamp(16px,1.9vw,24px); --fd-lift:-6px; gap:var(--fd-grid-gap); }

.brand-honda .lineup-grid .model-card { padding:var(--fd-card-pad); gap:var(--fd-card-gap); border:1px solid var(--line); border-radius:var(--fd-card-radius); background:var(--white); box-shadow:var(--shadow-card); transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s var(--ease); }
.brand-honda .lineup-grid .model-card:hover { transform:translateY(var(--fd-lift)); box-shadow:var(--shadow-float); border-color:transparent; }
.brand-honda .lineup-grid .mc-top { gap:12px; }
.brand-honda .lineup-grid .mc-name { font-family:var(--font-head); font-weight:800; font-size:1.2rem; line-height:1.18; letter-spacing:-.01em; color:var(--ink-strong); }
.brand-honda .lineup-grid .mc-type { margin-top:3px; font-size:.74rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .lineup-grid .mc-media { aspect-ratio:16/10; border-radius:var(--radius-ui); overflow:hidden; background:linear-gradient(135deg,var(--bg-alt),var(--line-soft)); }
.brand-honda .lineup-grid .mc-media img { width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.brand-honda .lineup-grid .model-card:hover .mc-media img { transform:scale(1.05); }
.brand-honda .lineup-grid .mc-foot { margin-top:auto; padding-top:14px; border-top:1px solid var(--line-soft); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.brand-honda .lineup-grid .mc-price .lbl { display:block; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .lineup-grid .mc-price .val { font-family:var(--font-head); font-weight:800; font-size:1.3rem; line-height:1.15; color:var(--ink-strong); }
.brand-honda .lineup-grid .mc-cta { width:42px; height:42px; flex:none; border-radius:50%; background:var(--bg-alt); color:var(--accent); display:grid; place-items:center; transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease); }
.brand-honda .lineup-grid .mc-cta .ico { width:18px; height:18px; flex:none; }
.brand-honda .lineup-grid .model-card:hover .mc-cta { background:var(--accent); color:var(--on-accent); transform:translateX(2px); }
.brand-honda .lineup-grid .mc-fuel { position:absolute; top:14px; right:14px; z-index:2; }

.brand-honda .inv-grid .veh-card { background:var(--white); border:1px solid var(--line); border-radius:var(--fd-card-radius); overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow-card); transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s var(--ease); }
.brand-honda .inv-grid .veh-card:hover { transform:translateY(var(--fd-lift)); box-shadow:var(--shadow-float); border-color:transparent; }
.brand-honda .inv-grid .veh-media { position:relative; aspect-ratio:4/3; overflow:hidden; display:block; font-size:0; line-height:0; color:transparent; }
.brand-honda .inv-grid .veh-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s var(--ease); }
.brand-honda .inv-grid .veh-card:hover .veh-media img { transform:scale(1.05); }
.brand-honda .inv-grid .veh-tags { position:absolute; top:12px; left:12px; z-index:2; display:flex; flex-wrap:wrap; gap:6px; }
.brand-honda .inv-grid .veh-body { padding:var(--fd-card-pad); display:flex; flex-direction:column; gap:var(--fd-card-gap); flex:1; }
.brand-honda .inv-grid .veh-head { display:flex; flex-direction:column; gap:3px; }
.brand-honda .inv-grid .veh-head .yr { font-family:var(--font-head); font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .inv-grid .veh-head .nm { font-family:var(--font-head); font-weight:800; font-size:1.12rem; line-height:1.18; letter-spacing:-.01em; color:var(--ink-strong); }
.brand-honda .inv-grid .veh-head .trim { font-size:.84rem; font-weight:600; color:var(--ink-soft); }
.brand-honda .inv-grid .veh-specs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px 14px; padding:12px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.brand-honda .inv-grid .veh-specs .sp { display:flex; align-items:center; gap:8px; min-width:0; font-size:.83rem; font-weight:600; color:var(--ink); line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brand-honda .inv-grid .veh-specs .sp .ico { width:17px; height:17px; flex:none; color:var(--ink-soft); }
.brand-honda .inv-grid .veh-price { margin-top:auto; padding-top:0; border-top:0; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.brand-honda .inv-grid .veh-price .pay { font-size:.7rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-soft); line-height:1.35; }
.brand-honda .inv-grid .veh-price .pay b { display:inline; font-family:var(--font-head); font-size:1.02rem; font-weight:800; letter-spacing:0; text-transform:none; color:var(--ink-strong); }
.brand-honda .inv-grid .veh-price .total { text-align:right; line-height:1.2; }
.brand-honda .inv-grid .veh-price .total .lbl { display:block; font-size:.64rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .inv-grid .veh-price .total .was { display:block; font-size:.84rem; color:var(--ink-soft); text-decoration:line-through; line-height:1.2; }
.brand-honda .inv-grid .veh-price .total .amt { font-family:var(--font-head); font-weight:800; font-size:1.35rem; line-height:1.15; color:var(--ink-strong); }
.brand-honda .inv-grid .veh-price .total--sale .amt { color:var(--accent); }
.brand-honda .inv-grid .veh-stock { font-size:.7rem; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .inv-grid .veh-actions { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:2px; }
.brand-honda .inv-grid .veh-actions .btn, .brand-honda .inv-grid .veh-actions .btn--sm { padding:.72em 1.1em; font-size:.82rem; }

.brand-honda .feat-grid .feat { display:flex; flex-direction:column; align-items:flex-start; gap:0; padding:clamp(24px,2.4vw,30px); background:var(--white); border:1px solid var(--line); border-radius:var(--fd-card-radius); box-shadow:var(--shadow-card); transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s var(--ease); }
.brand-honda .feat-grid .feat:hover { transform:translateY(var(--fd-lift)); box-shadow:var(--shadow-float); border-color:transparent; }
.brand-honda .feat-grid .feat .fic { width:var(--fd-icon-tile); height:var(--fd-icon-tile); flex:none; border-radius:var(--fd-icon-tile-radius); background:rgba(var(--accent-rgb),.1); color:var(--accent); display:grid; place-items:center; margin-bottom:18px; }
.brand-honda .feat-grid .feat .fic .ico, .brand-honda .feat-grid .feat .fic svg { width:var(--fd-icon-glyph); height:var(--fd-icon-glyph); flex:none; }
.brand-honda .feat-grid .feat b { display:block; font-family:var(--font-head); font-weight:800; font-size:1.1rem; line-height:1.25; color:var(--ink-strong); margin-bottom:7px; }
.brand-honda .feat-grid .feat p { font-size:.92rem; color:var(--ink-soft); line-height:1.55; margin:0; }
.brand-honda .culture-grid .perk { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:clamp(24px,2.6vw,32px); background:var(--white); border:1px solid var(--line); border-radius:var(--fd-card-radius); box-shadow:var(--shadow-card); transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s var(--ease); }
.brand-honda .culture-grid .perk:hover { transform:translateY(var(--fd-lift)); box-shadow:var(--shadow-float); border-color:transparent; }
.brand-honda .culture-grid .perk-ico { width:var(--fd-icon-tile); height:var(--fd-icon-tile); flex:none; border-radius:var(--fd-icon-tile-radius); background:rgba(var(--accent-rgb),.1); color:var(--accent); display:grid; place-items:center; margin-bottom:4px; }
.brand-honda .culture-grid .perk-ico svg, .brand-honda .culture-grid .perk-ico .ico { width:22px; height:22px; flex:none; }
.brand-honda .culture-grid .perk h3 { margin:0; font-family:var(--font-head); font-weight:800; font-size:clamp(1.08rem,1.3vw,1.2rem); line-height:1.2; color:var(--ink-strong); }
.brand-honda .culture-grid .perk p { margin:0; flex:1; font-size:.92rem; color:var(--ink-soft); line-height:1.55; }
.brand-honda .culture-grid .perk .btn { margin-top:auto; align-self:flex-start; }

.brand-honda .badge--new { background:var(--accent); color:var(--on-accent); }
.brand-honda .badge--used { background:var(--ink-strong); color:var(--white); }
.brand-honda .badge--blue, .brand-honda .mc-fuel.badge--blue { background:var(--accent); color:var(--on-accent); }
.brand-honda .badge--m { background:var(--ink-strong); color:var(--white); }
.brand-honda .veh-tags .badge, .brand-honda .mc-fuel.badge { font-size:.68rem; padding:.4em .75em; line-height:1; box-shadow:0 4px 12px -6px rgba(20,23,26,.5); }

/* ---------- BOTTOM: split, financing wizard retint, reviews, dealer, faq, geo, footer ---------- */
.brand-honda .intro-band { padding: clamp(28px,3.6vw,52px); gap: clamp(28px,4vw,64px); box-shadow: var(--shadow-float); }
.brand-honda .intro-media { align-self: stretch; min-height: 280px; box-shadow: 0 18px 44px -26px rgba(0,0,0,.55); }
@media(max-width:820px){ .brand-honda .intro-band { gap: clamp(22px,5vw,32px); } .brand-honda .intro-media { min-height: 220px; aspect-ratio: 16/9; } }
@media(max-width:480px){ .brand-honda .intro-band { padding: 22px; } }

.brand-honda .financing-form__info { max-width: 460px; }
.brand-honda .financing-form__card { border: 1px solid var(--line); }
.brand-honda .financing-form__card-body #financing-form, .brand-honda .financing-form__card-body .financing-form-wrapper > #financing-form { padding: 0; background: transparent; border-radius: 0; }
.brand-honda .financing-form__card-body .wizard-progress__fill { background: var(--accent); }
.brand-honda .financing-form__card-body .wizard-step-indicator__number { width: 36px; height: 36px; border-width: 2px; border-color: var(--line); font-family: var(--font-head); font-size: .95rem; color: var(--ink-soft); }
.brand-honda .financing-form__card-body .wizard-step-indicator__label { font-family: var(--font-head); font-weight: 600; color: var(--ink-soft); }
.brand-honda .financing-form__card-body .wizard-step-indicator.active .wizard-step-indicator__number { background: var(--accent); border-color: var(--accent); box-shadow: 0 6px 16px -6px rgba(var(--accent-rgb),.55); color:#fff; }
.brand-honda .financing-form__card-body .wizard-step-indicator.active .wizard-step-indicator__label { color: var(--accent-strong); }
.brand-honda .financing-form__card-body .wizard-step-indicator.completed .wizard-step-indicator__number { border-color: var(--accent); color: var(--accent); }
.brand-honda .financing-form__card-body .form-control { width: 100%; border: 1.5px solid var(--line); border-radius: var(--radius-ui); padding: .82em 1em; font-size: .98rem; color: var(--ink-strong); background: var(--bg); transition: border-color .2s, box-shadow .2s; }
.brand-honda .financing-form__card-body .form-control:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.14); }
.brand-honda .financing-form__card-body .vehicle-type-options { gap: 12px; }
.brand-honda .financing-form__card-body .vehicle-type-option__card { padding: 18px 14px; border: 1.5px solid var(--line); border-radius: var(--radius-ui); background: var(--bg); transition: border-color .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease); }
.brand-honda .financing-form__card-body .vehicle-type-option__card svg { color: var(--ink-soft); }
.brand-honda .financing-form__card-body .vehicle-type-option:hover .vehicle-type-option__card { border-color: var(--accent); background: rgba(var(--accent-rgb),.04); }
.brand-honda .financing-form__card-body .vehicle-type-option input:checked ~ .vehicle-type-option__card { border-color: var(--accent); background: rgba(var(--accent-rgb),.06); box-shadow: 0 0 0 3px rgba(var(--accent-rgb),.16); }
.brand-honda .financing-form__card-body .vehicle-type-option input:checked ~ .vehicle-type-option__card svg { color: var(--accent); }
.brand-honda .financing-form__card-body .wizard-nav { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line-soft); }
.brand-honda .financing-form__card-body .wizard-nav__btn { border-radius: var(--radius-pill); font-family: var(--font-head); font-size: .95rem; }
.brand-honda .financing-form__card-body .wizard-nav__btn--prev { background: var(--bg-alt); border-color: var(--line); color: var(--ink-strong); }
@media(max-width:560px){ .brand-honda .financing-form__card-body .vehicle-type-options { grid-template-columns: 1fr; } .brand-honda .financing-form__card-body .wizard-step-indicator__label { display: none; } }

.brand-honda .bmw-rv { padding: clamp(22px,2.4vw,28px); gap: 16px; box-shadow: var(--shadow-card); transition: transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s; }
.brand-honda .bmw-rv:hover { transform: translateY(-4px); box-shadow: var(--shadow-float); border-color: transparent; }
.brand-honda .bmw-rv__quote { font-size: 1rem; line-height: 1.6; margin: 0; }
.brand-honda .bmw-rv__author { gap: 12px; padding-top: 4px; }

.brand-honda .bmw-dloc-grid { gap: clamp(28px,4vw,56px); align-items: start; }
.brand-honda .bmw-dloc-name { font-size: clamp(1.3rem,2.4vw,1.7rem); line-height: 1.15; margin: 0 0 18px; }
.brand-honda .bmw-hours-card { padding: clamp(20px,2.4vw,28px); box-shadow: var(--shadow-float); }
.brand-honda .bmw-hours-head { display: flex; align-items: center; gap: 10px; font-family: var(--font-head); font-weight: 700; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px; }
.brand-honda .bmw-hours-tab { background: var(--bg-alt); border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--ink-soft); font-size: .8rem; padding: .42em .95em; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.brand-honda .bmw-hours-tab.is-active { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.brand-honda .bmw-hours-panel { display: none; }
.brand-honda .bmw-hours-panel.is-active { display: block; }
.brand-honda .bmw-dloc-map { box-shadow: var(--shadow-card); }

.brand-honda .bmw-faq { gap: 12px; }
.brand-honda .bmw-faq__item { border-radius: var(--radius-ui); transition: border-color .2s, box-shadow .25s var(--ease); }
.brand-honda .bmw-faq__item:hover { border-color: rgba(var(--accent-rgb),.4); }
.brand-honda .bmw-faq__item[open] { border-color: rgba(var(--accent-rgb),.45); box-shadow: var(--shadow-card); }
.brand-honda .bmw-faq__q { padding: 18px 22px; font-size: 1.02rem; line-height: 1.35; }
.brand-honda .bmw-faq__chevron { width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--bg-alt); color: var(--accent); box-sizing: border-box; }
.brand-honda .bmw-faq__item[open] .bmw-faq__chevron { background: var(--accent); color: var(--on-accent); }
.brand-honda .bmw-faq__a { padding: 0 22px 20px; line-height: 1.65; }

.brand-honda .seo-grid2 { gap: clamp(16px,2vw,24px); align-items: start; }
.brand-honda .seo-grid2 .seo-item { padding: clamp(20px,2.2vw,28px); }
.brand-honda .seo-toggle:hover { color: var(--accent-strong); }

.brand-honda .footer__main { align-items: start; gap: clamp(24px,3vw,44px); }
.brand-honda .footer__links a:hover { color: #fff; }
.brand-honda .footer__bottom-inner { gap: 16px 28px; }
.brand-honda .footer__lang { margin-left: auto; gap: 8px; }
@media(max-width:720px){ .brand-honda .footer__lang { margin-left: 0; } }
@media(max-width:768px){ .brand-honda .intro-band { grid-template-columns: 1fr; } .brand-honda .bmw-dloc-grid { grid-template-columns: 1fr; } .brand-honda .seo-grid2 { grid-template-columns: 1fr; } }
@media(max-width:480px){ .brand-honda .bmw-rv { padding: 20px; } .brand-honda .bmw-faq__q { padding: 16px 18px; } .brand-honda .footer__bottom-inner { flex-direction: column; align-items: flex-start; gap: 12px; } }

  /* ============================================================
     POLISH PASS 6 — user asks: 4-up cards everywhere, stats equal/centered,
     top-footer alignment. Appended last so it wins.
     ============================================================ */

  /* ---- 4 cards across for EVERY card box (desktop), graceful stepdown ---- */
  .brand-honda .feat-grid,
  .brand-honda .inv-grid,
  .brand-honda .lineup-grid,
  .brand-honda .culture-grid { grid-template-columns: repeat(4, 1fr); }
  @media(max-width:1100px){
    .brand-honda .feat-grid,
    .brand-honda .inv-grid,
    .brand-honda .lineup-grid,
    .brand-honda .culture-grid { grid-template-columns: repeat(3, 1fr); }
  }
  @media(max-width:820px){
    .brand-honda .feat-grid,
    .brand-honda .inv-grid,
    .brand-honda .lineup-grid,
    .brand-honda .culture-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media(max-width:520px){
    .brand-honda .feat-grid,
    .brand-honda .inv-grid,
    .brand-honda .lineup-grid,
    .brand-honda .culture-grid { grid-template-columns: 1fr; }
  }

  /* ---- STATS "by the numbers": 4 equal, centered, labels wrap (no collision) ---- */
  .brand-honda .geo-stats-section .geo-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; align-items: stretch; }
  .brand-honda .geo-stats-section .geo-stat { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; padding: clamp(22px,2.4vw,32px) clamp(16px,2vw,28px); text-align: left; }
  .brand-honda .geo-stats-section .geo-stat__content { min-width: 0; }
  .brand-honda .geo-stats-section .geo-stat__value { font-size: clamp(1.6rem,2.4vw,2.2rem); white-space: nowrap; }
  .brand-honda .geo-stats-section .geo-stat__label { white-space: normal; overflow-wrap: anywhere; font-size: .76rem; max-width: 22ch; }
  .brand-honda .geo-stats--bar .geo-stat + .geo-stat::before { content:""; position:absolute; left:0; top:24%; bottom:24%; width:1px; background:rgba(255,255,255,.18); }
  @media(max-width:820px){
    .brand-honda .geo-stats-section .geo-stats { grid-template-columns: repeat(2, 1fr); }
    .brand-honda .geo-stats--bar .geo-stat:nth-child(odd) + .geo-stat::before { display:none; }
  }
  @media(max-width:520px){
    .brand-honda .geo-stats-section .geo-stats { grid-template-columns: 1fr; }
    .brand-honda .geo-stats--bar .geo-stat + .geo-stat::before { display:none; }
    .brand-honda .geo-stats-section .geo-stat { border-top:1px solid rgba(255,255,255,.12); }
  }

  /* ---- TOP-FOOTER / dealer-location: align like luxury (2-col, start) ---- */
  .brand-honda .bmw-dloc-grid { grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,4rem); align-items: start; }
  .brand-honda .bmw-dloc-info { align-self: start; }
  .brand-honda .footer__main { align-items: start; }
  .brand-honda .footer__brand { align-self: start; }

  /* ---- POLISH 7: collapse empty dealer-location heading gap (align like luxury) ---- */
  .brand-honda .dloc .section-head { margin-bottom: clamp(10px,2vw,20px); }
  .brand-honda .dloc .section-head .h2:empty { display: none; }
  .brand-honda .dloc .section-head .titles .h2 { display: none; }   /* heading_title empty here → drop the invisible white h2 */
  .brand-honda .dloc .section-head .m-rule { margin-bottom: 0; }
  .brand-honda .dloc .bmw-dloc-grid { align-items: start; }

/* =============================================================================
   AUDIT FIX PASS 8 — 2026-06-26
   Fixes all 6 confirmed issues in one final block. Appended last; wins via
   specificity or !important where earlier blocks fight back.
   ============================================================================= */

/* ── ISSUE 1: Lang-switcher contrast ──────────────────────────────────────────
   Context A: TOP-BAR (light bg: var(--bg-alt) = #f5f7f9).
     The language-switcher partial has its OWN <style> that sets
     .top-bar .lang-dropdown__toggle { color: rgba(255,255,255,.9) }
     (white on light = 1.07:1 — FAIL). Override it with dark ink.
   Context B: FOOTER (dark navy #15171a). Already fixed at line ~2591 but
     re-affirm here for the footer__bottom area.
   Context C: MOBILE NAV (white bg). The 'buttons' style must use dark ink.
   ──────────────────────────────────────────────────────────────────────────── */

/* A — TOP-BAR: force dark text so it's legible on the light #f5f7f9 bar */
.brand-honda .top-bar .lang-dropdown__toggle {
  color: var(--ink-strong) !important;
  background: none !important;
  border: none !important;
}
.brand-honda .top-bar .lang-dropdown__toggle:hover {
  color: var(--accent) !important;
}
.brand-honda .top-bar .lang-dropdown__toggle .lang-dropdown__arrow {
  opacity: 0.55;
}
.brand-honda .top-bar .lang-dropdown__toggle:hover .lang-dropdown__arrow {
  opacity: 1;
}
/* The dropdown current code (span.lang-dropdown__current) inherits the button color */
.brand-honda .top-bar .lang-dropdown__current {
  color: inherit;
}
/* Top-bar compact & button variants — also dark */
.brand-honda .top-bar .lang-switcher__btn {
  color: var(--ink-soft) !important;
  background: transparent !important;
  border: none !important;
}
.brand-honda .top-bar .lang-switcher__btn:hover,
.brand-honda .top-bar .lang-switcher__btn.active {
  color: var(--accent) !important;
  background: transparent !important;
}
.brand-honda .top-bar .lang-switcher__link {
  color: var(--ink-soft) !important;
}
.brand-honda .top-bar .lang-switcher__link:hover,
.brand-honda .top-bar .lang-switcher__link.active {
  color: var(--accent) !important;
}
.brand-honda .top-bar .lang-switcher__divider {
  color: var(--line) !important;
}

/* B — FOOTER bottom bar: white on #15171a (already set above, re-affirm) */
.brand-honda .site-footer .lang-dropdown__toggle,
.brand-honda .footer__bottom .lang-dropdown__toggle,
.brand-honda .footer__lang .lang-dropdown__toggle {
  color: rgba(255,255,255,.75) !important;
  background: none !important;
  border: none !important;
}
.brand-honda .site-footer .lang-dropdown__toggle:hover,
.brand-honda .footer__lang .lang-dropdown__toggle:hover {
  color: #fff !important;
}
.brand-honda .footer__lang .lang-switcher__link {
  color: rgba(255,255,255,.7) !important;
}
.brand-honda .footer__lang .lang-switcher__link:hover,
.brand-honda .footer__lang .lang-switcher__link.active {
  color: #fff !important;
}
.brand-honda .footer__lang .lang-switcher__divider {
  color: rgba(255,255,255,.28) !important;
}

/* C — MOBILE NAV (white bg): ensure btn style is readable */
.brand-honda .mobile-nav .lang-switcher__btn {
  color: var(--ink-strong) !important;
  background: rgba(var(--accent-rgb),.08) !important;
}
.brand-honda .mobile-nav .lang-switcher__btn.active {
  background: var(--accent) !important;
  color: #fff !important;
}


/* ── ISSUE 2: Generic blue #3b82f6 / #ff7a7a retint ─────────────────────────
   .financing-form__highlight, benefit check-icon svgs, financing-type icons:
   all inherit either --brand-accent (which resolves from theme.css to #3b82f6)
   or are hardcoded to #ff7a7a. Retint to var(--accent) / var(--accent-strong).
   ──────────────────────────────────────────────────────────────────────────── */

/* Highlight in heading ("Financement Abordable" etc.) */
.brand-honda .financing-form__highlight {
  color: #ff7a7a !important; /* light Honda red — readable on the dark band */
}
/* Check icons inside benefit list */
.brand-honda .financing-benefit svg {
  color: #ff7a7a !important;
}
/* Financing type tile icons */
.brand-honda .financing-type__icon {
  color: #ff7a7a !important;
}
.brand-honda .financing-type__icon svg {
  color: #ff7a7a !important;
}
/* Any .btn-primary or Bootstrap-derived primary buttons that escaped */
.brand-honda .btn-primary:not(.wizard-nav__btn--next):not(.wizard-nav__btn--submit) {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--on-accent) !important;
}
.brand-honda .btn-primary:not(.wizard-nav__btn--next):not(.wizard-nav__btn--submit):hover {
  background: var(--accent-strong) !important;
  border-color: var(--accent-strong) !important;
}
/* Empty-state / error text "Pas de problème…" — ensure ink color, not blue */
.brand-honda .empty-state__message,
.brand-honda .inv-empty__title,
.brand-honda .inv-empty p {
  color: var(--ink-soft) !important;
}


/* ── ISSUE 3: Navy gradient bands ─────────────────────────────────────────────
   Ensure background gradient applies to geo-stats, split-cta, financing
   sections regardless of bg_style class. White text must sit on navy.
   ──────────────────────────────────────────────────────────────────────────── */

/* geo-stats "by the numbers" band */
.brand-honda .geo-stats-section.bg-brand,
.brand-honda .geo-stats-section.bg-dark,
.brand-honda .geo-stats-section.bg-gradient,
.brand-honda .geo-stats-section.bg-accent {
  background: var(--band) !important;
  color: #fff;
}

/* split-cta / intro-band wrapper section */
.brand-honda .split-cta-section.bg-brand,
.brand-honda .split-cta-section.bg-dark,
.brand-honda .split-cta-section.bg-gradient {
  background: var(--band) !important;
  color: #fff;
}
/* The .intro-band itself is the inner card — it already has its own gradient.
   Ensure ALL headings inside .intro-band are white, including inline-styled h3. */
.brand-honda .intro-band h2,
.brand-honda .intro-band .h2,
.brand-honda .intro-band h3 {
  color: #fff !important;
}
.brand-honda .intro-band p,
.brand-honda .intro-band .lead,
.brand-honda .intro-band .muted {
  color: rgba(255,255,255,.82) !important;
}

/* financing-form section — the section wrapper */
.brand-honda .financing-form-section {
  background: var(--band) !important;
  color: #fff;
}
/* Hard-re-apply in case a bg_style class overrides it */
.brand-honda .financing-form-section.bg-brand,
.brand-honda .financing-form-section.bg-dark,
.brand-honda .financing-form-section.bg-gradient,
.brand-honda .financing-form-section.bg-default,
.brand-honda .financing-form-section.bg-light {
  background: var(--band) !important;
  color: #fff;
}

/* dealer-location / dloc section — always navy regardless of bg_style */
.brand-honda .dloc,
.brand-honda .dloc.bg-brand,
.brand-honda .dloc.bg-dark,
.brand-honda .dloc.bg-gradient,
.brand-honda .dloc.bg-default,
.brand-honda .dloc.bg-light,
.brand-honda section.dloc {
  background: var(--band) !important;
  color: #fff;
}
/* Headings inside dloc */
.brand-honda .dloc .bmw-dloc-name,
.brand-honda .dloc h2,
.brand-honda .dloc h3 {
  color: #fff !important;
}
/* Contact links inside dloc: light-grey, same as luxury */
.brand-honda .dloc .footer-contact a {
  color: rgba(255,255,255,.75) !important;
}
.brand-honda .dloc .footer-contact a:hover {
  color: #fff !important;
}
.brand-honda .dloc .footer-contact a svg {
  color: var(--accent) !important;
}


/* ── ISSUE 4: 4-up card grids — force with !important ────────────────────────
   Earlier non-important rules at line 2379 set inv-grid to 3 cols; Polish 6
   lines 2778-2781 set 4 but without !important so any later specificity wins.
   Re-declare here WITH !important so nothing can override at desktop.
   ──────────────────────────────────────────────────────────────────────────── */

.brand-honda .feat-grid,
.brand-honda .inv-grid,
.brand-honda .lineup-grid,
.brand-honda .culture-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 1100px) {
  .brand-honda .feat-grid,
  .brand-honda .inv-grid,
  .brand-honda .lineup-grid,
  .brand-honda .culture-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 820px) {
  .brand-honda .feat-grid,
  .brand-honda .inv-grid,
  .brand-honda .lineup-grid,
  .brand-honda .culture-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 520px) {
  .brand-honda .feat-grid,
  .brand-honda .inv-grid,
  .brand-honda .lineup-grid,
  .brand-honda .culture-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ── ISSUE 5: Stats "by the numbers" — 4 equal cols, labels wrap ─────────────
   The geo-stats box uses boxStyle='standard' → .lead-trust markup.
   Also covers the .geo-stats (fallback) path.
   Re-declare WITH !important to beat the generic .geo-stats--bar rule in the
   partial <style> block (which has no .brand-honda scope).
   ──────────────────────────────────────────────────────────────────────────── */

/* .lead-trust (standard/luxury path): force 4-col grid */
.brand-honda .geo-stats-section .lead-trust {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  justify-content: unset !important;
  flex-wrap: unset !important;
}
.brand-honda .geo-stats-section .lead-trust .t {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: clamp(22px,2.8vw,36px) clamp(14px,2vw,28px) !important;
  position: relative;
  border-left: 1px solid rgba(255,255,255,.15);
  min-width: 0;
}
.brand-honda .geo-stats-section .lead-trust .t:first-child {
  border-left: none;
}
/* Hide the ::before separator since we use border-left instead */
.brand-honda .geo-stats-section .lead-trust .t + .t::before {
  display: none !important;
}
.brand-honda .geo-stats-section .lead-trust .n {
  font-family: var(--font-head) !important;
  font-weight: var(--head-weight) !important;
  font-size: clamp(1.7rem,2.6vw,2.4rem) !important;
  line-height: 1 !important;
  color: #fff !important;
  letter-spacing: var(--head-tracking) !important;
  white-space: nowrap;
}
.brand-honda .geo-stats-section .lead-trust .l {
  font-size: .78rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: rgba(255,255,255,.72) !important;
  margin-top: 6px !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  max-width: 20ch;
  line-height: 1.3;
}
@media (max-width: 820px) {
  .brand-honda .geo-stats-section .lead-trust {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(odd) {
    border-left: none;
  }
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(even) {
    border-left: 1px solid rgba(255,255,255,.15);
  }
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(1),
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,.12);
  }
}
@media (max-width: 520px) {
  .brand-honda .geo-stats-section .lead-trust {
    grid-template-columns: 1fr !important;
  }
  .brand-honda .geo-stats-section .lead-trust .t {
    border-left: none !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
  }
  .brand-honda .geo-stats-section .lead-trust .t:first-child {
    border-top: none !important;
  }
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(1),
  .brand-honda .geo-stats-section .lead-trust .t:nth-child(2) {
    border-bottom: none !important;
  }
}

/* Also force the .geo-stats path (fallback) — already 4-col grid above but re-assert */
.brand-honda .geo-stats-section .geo-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}


/* ── ISSUE 6: dealer-location (.dloc, .bmw-dloc-*) ─────────────────────────
   Comprehensive re-style of the standard/luxury markup (bmw-dloc-grid path).
   Left: name + address + phone + email + CALL US pill.
   Right: bmw-hours-card as a clean rounded white/translucent card.
   All on navy gradient background.
   ──────────────────────────────────────────────────────────────────────────── */

/* Tighten section-head gap before the 2-col grid */
.brand-honda .dloc .section-head {
  margin-bottom: clamp(20px, 3vw, 36px) !important;
}
/* m-rule bar: tighten spacing */
.brand-honda .dloc .section-head .m-rule {
  margin-bottom: 14px !important;
}
/* Cancel Polish-7's display:none on the heading, then style it white */
.brand-honda .dloc .section-head .titles .h2,
.brand-honda .dloc .section-head .h2,
.brand-honda .dloc .section-head h2 {
  display: block !important;
  color: #fff !important;
  font-family: var(--font-head) !important;
  font-size: clamp(1.8rem, 3vw, 2.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: var(--head-tracking) !important;
}

/* Grid: 2-col, top-aligned, comfortable gap */
.brand-honda .dloc .bmw-dloc-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: clamp(2.5rem, 5vw, 4.5rem) !important;
  align-items: start !important;
}
@media (max-width: 900px) {
  .brand-honda .dloc .bmw-dloc-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Dealer name */
.brand-honda .dloc .bmw-dloc-name {
  font-family: var(--font-head) !important;
  font-size: clamp(1.25rem, 2.2vw, 1.65rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-transform: none !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
}

/* Contact nav rows */
.brand-honda .dloc .bmw-dloc-info .footer-contact {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 24px 0 !important;
}
.brand-honda .dloc .bmw-dloc-info .footer-contact a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: .92rem !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  transition: color .2s !important;
  padding: 4px 0 !important;
}
.brand-honda .dloc .bmw-dloc-info .footer-contact a:hover {
  color: #fff !important;
}
.brand-honda .dloc .bmw-dloc-info .footer-contact a svg {
  width: 17px !important;
  height: 17px !important;
  flex: none !important;
  color: var(--accent) !important;
  opacity: .85;
}

/* CTA buttons row */
.brand-honda .dloc .bmw-dloc-ctas {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 8px !important;
}
/* Primary CTA (call us) — Honda-blue pill */
.brand-honda .dloc .bmw-dloc-ctas .btn:not(.btn--ghost) {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: var(--radius-pill) !important;
}
.brand-honda .dloc .bmw-dloc-ctas .btn:not(.btn--ghost):hover {
  background: var(--accent-strong) !important;
  border-color: var(--accent-strong) !important;
}
/* Ghost CTA (contact us) — white outline */
.brand-honda .dloc .bmw-dloc-ctas .btn--ghost,
.brand-honda .dloc .bmw-dloc-ctas .btn--on-dark {
  background: transparent !important;
  border-color: rgba(255,255,255,.42) !important;
  color: #fff !important;
  border-radius: var(--radius-pill) !important;
}
.brand-honda .dloc .bmw-dloc-ctas .btn--ghost:hover,
.brand-honda .dloc .bmw-dloc-ctas .btn--on-dark:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: var(--ink-strong) !important;
}

/* Right column: hours card — rounded white card */
.brand-honda .dloc .bmw-hours-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: var(--radius-card) !important;
  padding: clamp(20px,2.4vw,30px) !important;
  box-shadow: 0 8px 32px -12px rgba(0,0,0,.3) !important;
}

/* Hours card header ("BUSINESS HOURS" label + clock icon) */
.brand-honda .dloc .bmw-hours-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-head) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--accent) !important;
  margin-bottom: 16px !important;
}
.brand-honda .dloc .bmw-hours-head svg {
  width: 16px !important;
  height: 16px !important;
  flex: none !important;
}

/* Tab buttons */
.brand-honda .dloc .bmw-hours-tabs {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
  border-bottom: none !important;
}
.brand-honda .dloc .bmw-hours-tab {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: var(--radius-pill) !important;
  color: rgba(255,255,255,.65) !important;
  font-family: var(--font-head) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: .38em .9em !important;
  cursor: pointer !important;
  transition: background .2s, color .2s, border-color .2s !important;
}
.brand-honda .dloc .bmw-hours-tab.is-active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
.brand-honda .dloc .bmw-hours-tab:hover {
  color: rgba(255,255,255,.9) !important;
  background: rgba(255,255,255,.15) !important;
}

/* Hours list rows */
.brand-honda .dloc .bmw-hours-panel { display: none !important; }
.brand-honda .dloc .bmw-hours-panel.is-active { display: block !important; }
.brand-honda .dloc .bmw-hours-panel ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.brand-honda .dloc .bmw-hours-panel li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  font-size: .88rem !important;
}
.brand-honda .dloc .bmw-hours-panel li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.brand-honda .dloc .bmw-hours-panel li span:first-child {
  color: rgba(255,255,255,.82) !important;
  font-weight: 600 !important;
  font-family: var(--font-head) !important;
}
.brand-honda .dloc .bmw-hours-panel li span:last-child {
  color: var(--accent) !important;
  font-weight: 600 !important;
}

/* Hours note */
.brand-honda .dloc .bmw-hours-note {
  font-size: .8rem !important;
  color: rgba(255,255,255,.45) !important;
  font-style: italic !important;
  margin-top: 12px !important;
}

@media (max-width: 560px) {
  .brand-honda .dloc .bmw-dloc-ctas {
    flex-direction: column !important;
  }
  .brand-honda .dloc .bmw-dloc-ctas .btn {
    width: 100% !important;
    justify-content: center !important;
  }
}

  /* ============================================================
     POLISH 9 — stats heading invisible (navy-on-navy) + center; wider model cards
     ============================================================ */

  /* Stats "Volvo Laval en chiffres": section is a NAVY band, but the heading
     was navy text → invisible. Force white + center the whole header. */
  .brand-honda .geo-stats-section .section-head,
  .brand-honda .geo-stats-section .section-header,
  .brand-honda .geo-stats-section .titles { text-align: center !important; justify-content: center !important; align-items: center !important; margin-inline: auto !important; max-width: 760px; }
  .brand-honda .geo-stats-section h2,
  .brand-honda .geo-stats-section .h2,
  .brand-honda .geo-stats-section .section-title,
  .brand-honda .geo-stats-section .eyebrow,
  .brand-honda .geo-stats-section .section-eyebrow,
  .brand-honda .geo-stats-section .lead,
  .brand-honda .geo-stats-section .sub,
  .brand-honda .geo-stats-section p { color: #fff !important; }
  .brand-honda .geo-stats-section .eyebrow::before { background: rgba(255,255,255,.6) !important; }
  .brand-honda .geo-stats-section .eyebrow { color: #ff7a7a !important; justify-content: center; }
  /* keep the stats row centered too */
  .brand-honda .geo-stats-section .geo-stats { justify-content: center !important; }

  /* Model (lineup) cards too narrow at 4-up → 3-up like luxury (wider) */
  .brand-honda .lineup-grid { grid-template-columns: repeat(3, 1fr) !important; }
  @media(max-width:980px){ .brand-honda .lineup-grid { grid-template-columns: repeat(2, 1fr) !important; } }
  @media(max-width:620px){ .brand-honda .lineup-grid { grid-template-columns: 1fr !important; } }

  /* ============================================================
     POLISH 10 — navbar like luxury: DARK top bar (navy) + white text/lang
     ============================================================ */
  .brand-honda .top-bar,
  .brand-honda .site-header .top-bar,
  .header-transparent .brand-honda .site-header:not(.is-scrolled) .top-bar { background: var(--ink-strong) !important; color: rgba(255,255,255,.82) !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; }
  .brand-honda .top-bar a,
  .brand-honda .top-bar__item,
  .brand-honda .top-bar span,
  .brand-honda .top-bar .lang-dropdown__toggle,
  .brand-honda .top-bar .lang-dropdown__current,
  .brand-honda .top-bar .lang-switcher--buttons { color: rgba(255,255,255,.82) !important; }
  .brand-honda .top-bar a:hover,
  .brand-honda .top-bar .lang-dropdown__toggle:hover { color: #fff !important; }
  .brand-honda .top-bar .ico,
  .brand-honda .top-bar svg { color: #ff7a7a !important; }
  .brand-honda .top-bar__divider { color: rgba(255,255,255,.25) !important; }

  /* ============================================================
     POLISH 11 — model/vehicle cards wider (3-up like luxury, not 4)
     ============================================================ */
  .brand-honda .inv-grid { grid-template-columns: repeat(3, 1fr) !important; }
  @media(max-width:980px){ .brand-honda .inv-grid { grid-template-columns: repeat(2, 1fr) !important; } }
  @media(max-width:600px){ .brand-honda .inv-grid { grid-template-columns: 1fr !important; } }

  /* ============================================================
     POLISH 12 — navbar spacing like luxury (padded nav links)
     ============================================================ */
  .brand-honda .main-nav,
  .brand-honda .nav-menu { gap: 8px !important; }
  .brand-honda .nav-menu > .nav-item > .nav-link { padding: 12px 20px !important; }
  .brand-honda .nav-menu > .nav-item > .nav-link::after { left: 20px !important; right: 20px !important; bottom: 4px !important; }
  .brand-honda .header-cta,
  .brand-honda .header__actions { margin-left: 12px; }

  /* ============================================================
     POLISH 13 — show ALL spec text in cards (no truncation, full width)
     ============================================================ */
  .brand-honda .veh-specs { grid-template-columns: 1fr !important; gap: 9px 0 !important; }
  .brand-honda .veh-specs .sp { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; align-items: flex-start; }
  .brand-honda .veh-specs .sp .ico { margin-top: 1px; }
  .brand-honda .model-card .mc-name,
  .brand-honda .veh-card .veh-head .nm { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }

/* =====================================================================
   ATELIER NORMALISATION (2026-08-04) — appended last (wins).
   Profondeur par BORDURE, pas d'ombre ; eyebrow sans tiret déco ;
   surfaces plates. Aligne le skin standard sur la maquette Atelier.
   ===================================================================== */
.brand-honda .eyebrow::before{ display:none !important; }
.brand-honda .eyebrow{ gap:0 !important; }
/* cartes : bordure hairline chaude au lieu d'ombre */
.brand-honda .card,
.brand-honda .veh-card,
.brand-honda .inv-card,
.brand-honda .lineup-card,
.brand-honda .model-card,
.brand-honda .rv,
.brand-honda .bmw-rv,
.brand-honda .finance__card,
.brand-honda .value-prop,
.brand-honda .vp,
.brand-honda .chip{
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}
/* surfaces alternées = crème Atelier */
.brand-honda .section--alt,
.brand-honda .bg-alt{ background:var(--bg-alt) !important; }
/* boutons Atelier (rayon unifié 8px — voir --radius-ui/--radius-card/--radius-pill), plein rouge, transition sobre */
.brand-honda .btn{ border-radius:var(--radius-ui) !important; transition:transform .18s var(--ease), background .18s, border-color .18s !important; }
.brand-honda .btn:hover{ transform:translateY(-1px) !important; box-shadow:none !important; }
/* liens accent en rouge foncé lisible sur crème */
.brand-honda .link{ color:var(--accent-strong) !important; }

/* ============================================================
   ATELIER HERO SLIDER — partials/boxes/honda/hero.htm
   Cross-fade only (opacity), JS in assets/js/brands/honda.js.
   ============================================================ */
.brand-honda .atelier-hero-slide{
  transition: opacity .6s var(--ease);
}
@media (prefers-reduced-motion: reduce){
  .brand-honda .atelier-hero-slide{ transition: none; }
}
/* Points de pagination — centrés au bas des images, au-dessus de la barre de recherche */
.brand-honda .atelier-hero-dots{
  position:absolute; left:0; right:0; bottom:172px; z-index:3;
  display:flex; justify-content:center; gap:10px; pointer-events:none;
}
.brand-honda .atelier-hero-dot{
  pointer-events:auto; position:relative; overflow:hidden;
  width:10px; height:10px; padding:0; border:0; border-radius:99px;
  background:rgba(255,255,255,.45); box-shadow:0 1px 4px rgba(0,0,0,.4); cursor:pointer;
  transition:width .35s var(--ease), background .2s;
}
.brand-honda .atelier-hero-dot:hover{ background:rgba(255,255,255,.75); }
.brand-honda .atelier-hero-dot.is-active{ width:36px; background:rgba(255,255,255,.4); }
/* Remplissage progressif de la durée avant le prochain slide (largeur animée par le JS) */
.brand-honda .atelier-hero-dot__fill{ position:absolute; inset:0; width:0; background:var(--accent); border-radius:99px; }
@media (max-width:640px){ .brand-honda .atelier-hero-dots{ bottom:210px; } }

/* ============================================================
   ATELIER LINEUP TABS + FILTER — partials/boxes/honda/lineup.htm
   JS in assets/js/brands/honda.js (initCatalogFilter). Tabs are grouped by
   the Nerd.Lineup "category" field (carrosserie: VUS, Berline, Électrique…).
   ============================================================ */
.brand-honda #catalogSeg .atelier-seg-btn{
  background: var(--bg-alt);
  color: var(--ink-strong);
  transition: background .2s var(--ease), color .2s var(--ease);
}
.brand-honda #catalogSeg .atelier-seg-btn:hover:not(.active){
  background: var(--surface);
}
.brand-honda #catalogSeg .atelier-seg-btn.active{
  background: var(--band);
  color: var(--bg);
  box-shadow: inset 0 -2px 0 var(--accent); /* soulignement rouge — cohérent avec l'accent Atelier */
}
.brand-honda #catalogSeg .atelier-seg-btn:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
.brand-honda #lineupGrid .model-card{
  transition: opacity .35s var(--ease), transform .35s var(--ease);
  opacity: 1;
  transform: scale(1);
}
.brand-honda #lineupGrid .model-card.is-filtering{
  opacity: 0;
  transform: scale(.97);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce){
  .brand-honda #catalogSeg .atelier-seg-btn{ transition: none; }
  .brand-honda #lineupGrid .model-card{ transition: none; }
}

/* ============================================================
   Correctif 9 (contraste des titres — cartes Offres) traité en inline
   dans partials/boxes/honda/offers.htm (overlay + text-shadow) plutôt
   qu'ici : les cartes n'ont pas de classe stable à cibler en CSS.

   ============================================================
   FOOTER — Inventory dropdown (correctif 7, Honda only)
   ============================================================ */
.brand-honda .footer__inventory-dropdown{
  position: relative;
}
.brand-honda .footer__inventory-dropdown > summary{
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-family: var(--font-head);
  font-size: .95rem;
  color: #fff;
  margin: 0 0 14px;
}
.brand-honda .footer__inventory-dropdown > summary::-webkit-details-marker{ display:none; }
.brand-honda .footer__inventory-dropdown > summary .chev{
  transition: transform .18s var(--ease);
  flex: none;
}
.brand-honda .footer__inventory-dropdown[open] > summary .chev{ transform: rotate(180deg); }
.brand-honda .footer__inventory-dropdown .footer__links{ margin-top: 4px; }

/* =============================================================================
   SRP / VRP (Inventory results page) — Atelier reskin, Honda-only.
   Wrapper `.atelier-vrp` comes from the theme override
   partials/vehicles/default.htm + partials/vehicles/partials/grid.htm (Honda
   branch, mirrors the BMW pattern). The plugin's real filter sidebar/sort/
   pagination markup (Nerd.Inventory `vehicles` component) is reused verbatim —
   only CSS below targets its existing classes; the onFilter/onSort/onLoadMore
   AJAX contract is untouched. Card grid (.inv-grid/.veh-card) reuses the same
   `getVehicles()` vehicle fields as the homepage rail (featured.htm).
   ============================================================================= */

/* ---- Page hero: breadcrumb + title + result count ---- */
.brand-honda .atelier-vrp .page-hero{ background:var(--bg-alt); border-bottom:1px solid var(--line); }
.brand-honda .atelier-vrp .page-hero .container{ padding-block:clamp(36px,5vw,64px); }
.brand-honda .atelier-vrp .page-hero .crumbs{ display:flex; align-items:center; gap:8px; font-size:.78rem; letter-spacing:.03em; color:var(--ink-soft); margin-bottom:18px; flex-wrap:wrap; }
.brand-honda .atelier-vrp .page-hero .crumbs a{ color:inherit; text-decoration:none; transition:color .2s; }
.brand-honda .atelier-vrp .page-hero .crumbs a:hover{ color:var(--accent); }
.brand-honda .atelier-vrp .page-hero .crumbs .sep{ opacity:.5; }
.brand-honda .atelier-vrp .page-hero .crumbs .cur{ color:var(--ink-strong); font-weight:600; }
.brand-honda .atelier-vrp .page-hero .m-rule{ width:44px; height:3px; border-radius:3px; background:var(--accent); margin-bottom:18px; }
.brand-honda .atelier-vrp .page-hero h1{ font-family:var(--font-head); font-size:var(--fs-h2); font-weight:var(--head-weight); letter-spacing:var(--head-tracking); color:var(--ink-strong); line-height:1.05; }
.brand-honda .atelier-vrp .page-hero .ph-meta{ margin-top:22px; display:flex; gap:28px; flex-wrap:wrap; }
.brand-honda .atelier-vrp .page-hero .ph-meta .pm .n{ font-family:var(--font-head); font-size:1.9rem; font-weight:700; color:var(--accent); line-height:1; }
.brand-honda .atelier-vrp .page-hero .ph-meta .pm .l{ font-size:.78rem; color:var(--ink-soft); margin-top:4px; }

/* ---- Result grid: veh-card ---- */
.brand-honda .atelier-vrp .inv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,24px); }
.brand-honda .atelier-vrp .veh-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; display:flex; flex-direction:column; transition:transform .25s var(--ease), border-color .25s var(--ease); }
.brand-honda .atelier-vrp .veh-card:hover{ transform:translateY(-4px); border-color:var(--accent); }
.brand-honda .atelier-vrp .veh-media{ position:relative; aspect-ratio:4/3; background:var(--bg-alt); overflow:hidden; display:block; }
.brand-honda .atelier-vrp .veh-media img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.brand-honda .atelier-vrp .veh-card:hover .veh-media img{ transform:scale(1.05); }
.brand-honda .atelier-vrp .veh-tags{ position:absolute; top:12px; left:12px; display:flex; gap:6px; flex-wrap:wrap; }
.brand-honda .atelier-vrp .badge--light{ background:var(--white); color:var(--ink-strong); border:1px solid var(--line); }
.brand-honda .atelier-vrp .veh-body{ padding:18px 20px 20px; display:flex; flex-direction:column; gap:12px; flex:1; }
.brand-honda .atelier-vrp .veh-head .yr{ font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .atelier-vrp .veh-head .nm{ font-family:var(--font-head); font-size:1.15rem; font-weight:700; color:var(--ink-strong); line-height:1.15; margin-top:3px; }
.brand-honda .atelier-vrp .veh-head .trim{ font-size:.88rem; color:var(--ink-soft); margin-top:2px; }
.brand-honda .atelier-vrp .veh-specs{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px 12px; padding:12px 0; border-block:1px solid var(--line-soft); }
.brand-honda .atelier-vrp .veh-specs .sp{ display:flex; align-items:center; gap:8px; font-size:.83rem; color:var(--ink); }
.brand-honda .atelier-vrp .veh-specs .sp .ico{ width:16px; height:16px; color:var(--accent); flex:none; }
.brand-honda .atelier-vrp .veh-price{ margin-top:auto; }
.brand-honda .atelier-vrp .veh-price .total .lbl{ font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); display:block; }
.brand-honda .atelier-vrp .veh-price .total .amt{ font-family:var(--font-head); font-size:1.4rem; font-weight:700; color:var(--ink-strong); }
.brand-honda .atelier-vrp .veh-price .total .was{ display:block; font-size:.85rem; color:var(--ink-soft); text-decoration:line-through; }
.brand-honda .atelier-vrp .veh-price .total--sale .amt{ color:var(--accent); }
.brand-honda .atelier-vrp .veh-stock{ font-size:.72rem; letter-spacing:.03em; color:var(--ink-soft); }
.brand-honda .atelier-vrp .veh-actions{ display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:4px; }
@media (max-width:1040px){ .brand-honda .atelier-vrp .inv-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){
  .brand-honda .atelier-vrp .inv-grid{ grid-template-columns:1fr; }
  .brand-honda .atelier-vrp .veh-actions{ grid-template-columns:1fr; }
}

/* ---- No results state ---- */
.brand-honda .atelier-vrp .inv-empty{ grid-column:1/-1; text-align:center; padding:64px 24px; border:1px dashed var(--line); border-radius:var(--radius-card); }
.brand-honda .atelier-vrp .inv-empty__title{ font-family:var(--font-head); font-size:1.2rem; font-weight:700; color:var(--ink-strong); margin-bottom:8px; }
.brand-honda .atelier-vrp .inv-empty__detail{ color:var(--ink-soft); }

/* ---- Filter sidebar (plugin's real form — CSS only, markup untouched) ---- */
.brand-honda .atelier-vrp .vehicle-filters h6{ font-family:var(--font-head); font-size:1rem; font-weight:700; color:var(--ink-strong); }
.brand-honda .atelier-vrp .filter-group{ padding-bottom:20px; margin-bottom:20px !important; border-bottom:1px solid var(--line); }
.brand-honda .atelier-vrp .filter-group:last-child{ border-bottom:0; }
.brand-honda .atelier-vrp .filter-label{ display:block; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:10px; }
.brand-honda .atelier-vrp .vehicle-filters .form-label{ font-size:.7rem !important; letter-spacing:.06em; color:var(--ink-soft) !important; font-weight:600; }
.brand-honda .atelier-vrp .vehicle-filters .form-select,
.brand-honda .atelier-vrp .vehicle-filters .form-control{
  font:inherit; font-size:.9rem; color:var(--ink-strong);
  border:1px solid var(--line); border-radius:var(--radius-ui); background-color:var(--white);
  padding:.6em .8em; box-shadow:none;
}
.brand-honda .atelier-vrp .vehicle-filters .form-select{
  appearance:none; padding-right:2em;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23454d44' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .7em center;
}
.brand-honda .atelier-vrp .vehicle-filters .form-select:focus,
.brand-honda .atelier-vrp .vehicle-filters .form-control:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12); outline:none; }
.brand-honda .atelier-vrp .vehicle-filters .form-check-input{ border-radius:4px; border-color:var(--line); }
.brand-honda .atelier-vrp .vehicle-filters .form-check-input:checked{ background-color:var(--accent); border-color:var(--accent); }
.brand-honda .atelier-vrp .vehicle-filters .form-check-input:focus{ box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12); border-color:var(--accent); }
.brand-honda .atelier-vrp .vehicle-filters .form-check-label{ color:var(--ink); font-size:.9rem; }
.brand-honda .atelier-vrp .vehicle-filters .input-group-text{ font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--radius-ui) 0 0 var(--radius-ui); }
.brand-honda .atelier-vrp .vehicle-filters .input-group .form-select{ border-radius:0 var(--radius-ui) var(--radius-ui) 0; }
.brand-honda .atelier-vrp .vehicle-filters .dropdown-menu{ border-radius:var(--radius-ui); border-color:var(--line); }
.brand-honda .atelier-vrp .vehicle-filters .dropdown-menu .form-check-label{ font-size:.85rem; }
.brand-honda .atelier-vrp #resetFiltersContainer .btn,
.brand-honda .atelier-vrp #resetFiltersContainer button,
.brand-honda .atelier-vrp #resetFiltersContainer a{ font:inherit; background:none; border:0; cursor:pointer; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); padding:0; }
/* Mobile condition tabs (checkbox-driven pill toggles) */
.brand-honda .atelier-vrp .condition-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.brand-honda .atelier-vrp .condition-tab{ display:inline-flex; align-items:center; padding:.5em 1em; border:1.5px solid var(--line); border-radius:var(--radius-pill); font-size:.85rem; font-weight:600; color:var(--ink-strong); cursor:pointer; transition:border-color .2s, color .2s, background .2s; }
.brand-honda .atelier-vrp input[type="checkbox"]:checked + .condition-tab{ border-color:var(--accent); background:var(--accent); color:var(--on-accent); }

/* ---- Load-more / pagination spinner ---- */
.brand-honda .atelier-vrp .oc-loading{ color:var(--accent); }

/* ---- Mobile results header + filter trigger button ---- */
.brand-honda .atelier-vrp #mobileVehicleCount{ font-family:var(--font-head); color:var(--ink-strong); }
.brand-honda .atelier-vrp #mobileFilterBtn{ border-radius:var(--radius-pill); }

/* =============================================================================
   VDP (Vehicle Detail Page) — Atelier reskin, Honda-only.
   CSS-only: every class below is the plugin/theme's real VDP markup
   (pages/vehicle-detail.htm + partials/inventory/vdp-*.htm), reused verbatim —
   no markup fork, no AJAX contract touched (VDP has none). All rules are
   scoped under `.brand-honda` (set on <body> by layouts/inventory.htm), so
   other brands render the exact same partials with their own untouched look.
   Depth via BORDER not shadow, flat bands, 8px radii — same language as the
   Atelier home + SRP. The only Honda-only *markup* addition is the sidebar
   calculator include (partials/inventory/vdp-atelier-calc.htm, gated by
   isHonda in vdp-cta-sidebar.htm) — styled at the end of this block.
   ============================================================================= */

/* ---- Breadcrumb ---- */
.brand-honda .inv-vdp__breadcrumb{ background:var(--bg-alt); border-bottom:1px solid var(--line); padding-block:16px; }
.brand-honda .inv-vdp__breadcrumb-list{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; list-style:none; margin:0; padding:0; font-size:.78rem; letter-spacing:.02em; color:var(--ink-soft); }
.brand-honda .inv-vdp__breadcrumb-list li:not(:last-child)::after{ content:"/"; margin-left:8px; opacity:.5; }
.brand-honda .inv-vdp__breadcrumb-list a{ color:inherit; text-decoration:none; transition:color .2s; }
.brand-honda .inv-vdp__breadcrumb-list a:hover{ color:var(--accent); }
.brand-honda .inv-vdp__breadcrumb-list li[aria-current="page"]{ color:var(--ink-strong); font-weight:600; }

/* ---- Hero: gallery + sidebar split ---- */
.brand-honda .inv-vdp__hero{ background:var(--bg); padding-block:clamp(28px,4vw,48px); }
.brand-honda .inv-vdp__hero-grid{ align-items:start; }

/* Gallery */
.brand-honda .inv-vdp-gallery__main{ border:1px solid var(--line); border-radius:var(--radius-card); overflow:hidden; background:var(--bg-alt); }
/* Carrousel : remplir la hauteur de la colonne (alignée sur la sidebar) pour supprimer le gros
   vide entre l'image principale et la bande noire. */
.brand-honda .inv-vdp__hero-grid{ align-items:stretch; }
.brand-honda .inv-vdp__gallery{ display:flex; }
.brand-honda .inv-vdp-gallery{ display:flex; flex-direction:column; flex:1; min-width:0; }
.brand-honda .inv-vdp-gallery__main{ aspect-ratio:auto; flex:1 1 auto; min-height:440px; }
.brand-honda .inv-vdp-gallery__main img{ width:100%; height:100%; object-fit:cover; }
.brand-honda .inv-vdp-gallery__slide{ background:var(--bg-alt); }
.brand-honda .inv-vdp-gallery__slide--placeholder{ color:var(--ink-soft); }
.brand-honda .inv-vdp-gallery__counter,
.brand-honda .inv-vdp-gallery__fullscreen{
  font-family:var(--font-head); font-weight:600; font-size:.78rem;
  background:rgba(23,32,27,.86); color:var(--white); border:0; border-radius:var(--radius-ui);
}
.brand-honda .inv-vdp-gallery__nav{ background:var(--white); color:var(--ink-strong); border:1px solid var(--line); border-radius:50%; box-shadow:none; transition:background .2s, color .2s, border-color .2s; }
.brand-honda .inv-vdp-gallery__nav:hover{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
.brand-honda .inv-vdp-gallery__thumbs{ margin-top:10px; }
.brand-honda .inv-vdp-gallery__thumb{ border:1.5px solid transparent; border-radius:var(--radius-ui); overflow:hidden; transition:border-color .2s, opacity .2s; opacity:.65; }
.brand-honda .inv-vdp-gallery__thumb.is-active,
.brand-honda .inv-vdp-gallery__thumb:hover{ border-color:var(--accent); opacity:1; }
.brand-honda .inv-vdp-gallery__thumbs-nav{ background:var(--white); border:1px solid var(--line); border-radius:50%; color:var(--ink-strong); }
.brand-honda .inv-vdp-gallery__lightbox{ background:rgba(23,32,27,.94); }
.brand-honda .inv-vdp-gallery__lightbox-close,
.brand-honda .inv-vdp-gallery__lightbox-nav{ background:transparent; color:var(--white); border:1px solid rgba(255,255,255,.3); border-radius:50%; }
.brand-honda .inv-vdp-gallery__lightbox-close:hover,
.brand-honda .inv-vdp-gallery__lightbox-nav:hover{ border-color:var(--white); }
.brand-honda .inv-vdp-gallery__lightbox-counter{ font-family:var(--font-head); color:var(--white); }

/* Sidebar: condition badge / title / price / CTAs / specs / dealer / meta */
.brand-honda .inv-vdp-sidebar{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:28px 26px; display:flex; flex-direction:column; gap:20px; box-shadow:none; }
.brand-honda .inv-vdp-sidebar__condition{ display:inline-flex; align-items:center; font-family:var(--font-head); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:.42em .8em; border-radius:var(--radius-pill); background:var(--ink-strong); color:var(--white); align-self:flex-start; }
.brand-honda .inv-vdp-sidebar__condition--new{ background:var(--accent); }
.brand-honda .inv-vdp-sidebar__title{ font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.55rem; letter-spacing:var(--head-tracking); color:var(--ink-strong); line-height:1.12; margin-top:10px; }
.brand-honda .inv-vdp-sidebar__subtitle{ font-size:.88rem; color:var(--ink-soft); margin-top:4px; }
.brand-honda .inv-vdp-sidebar__separator{ margin:0 6px; opacity:.5; }
.brand-honda .inv-vdp-sidebar__price-block{ padding-top:18px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-sidebar__price-original{ color:var(--ink-soft); text-decoration:line-through; font-size:.9rem; }
.brand-honda .inv-vdp-sidebar__savings-badge{ display:inline-flex; font-family:var(--font-head); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:var(--on-accent); padding:.4em .7em; border-radius:var(--radius-ui); margin-left:8px; }
.brand-honda .inv-vdp-sidebar__price{ font-family:var(--font-head); font-weight:800; font-size:2.35rem; letter-spacing:-.02em; color:var(--ink-strong); line-height:1; }
.brand-honda .inv-vdp-sidebar__price--contact{ color:var(--accent-strong); font-size:1.4rem; }
.brand-honda .inv-vdp-sidebar__price-note,
.brand-honda .inv-vdp-sidebar__payment-label{ font-size:.76rem; color:var(--ink-soft); }
.brand-honda .inv-vdp-sidebar__odometer{ display:flex; align-items:center; gap:6px; font-size:.85rem; color:var(--ink-soft); margin-top:10px; }
.brand-honda .inv-vdp-sidebar__odometer svg{ color:var(--accent); }
.brand-honda .inv-vdp-sidebar__payment{ margin-top:14px; padding-top:14px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-sidebar__payment-amount{ font-family:var(--font-head); font-weight:700; font-size:1.3rem; color:var(--accent-strong); display:block; }
.brand-honda .inv-vdp-sidebar__payment-amount small{ font-size:.62em; font-weight:600; color:var(--ink-soft); text-transform:none; }
.brand-honda .inv-vdp-sidebar__payment-calc{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:var(--accent-strong); margin-top:6px; }
.brand-honda .inv-vdp-sidebar__sold-badge{ display:flex; align-items:center; gap:8px; font-family:var(--font-head); font-weight:700; color:var(--ink-strong); background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--radius-ui); padding:12px 14px; }

/* CTAs compactes en grille 2 colonnes (disposition alignée VDP BMW) : la sidebar ne doit pas
   dépasser la hauteur du carrousel. Sous-titres masqués ; primaire + contact pleine largeur. */
.brand-honda .inv-vdp-sidebar__ctas{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.brand-honda .inv-vdp-sidebar__cta{ display:flex; align-items:center; justify-content:center; gap:8px; padding:11px 12px; border-radius:var(--radius-ui); border:1.5px solid var(--line); font-family:var(--font-head); text-align:center; transition:border-color .2s, background .2s, transform .18s var(--ease); cursor:pointer; }
.brand-honda .inv-vdp-sidebar__cta:hover{ transform:translateY(-1px); }
.brand-honda .inv-vdp-sidebar__cta-text{ min-width:0; }
.brand-honda .inv-vdp-sidebar__cta-text strong{ display:block; font-size:.8rem; line-height:1.15; color:var(--ink-strong); white-space:normal; overflow-wrap:anywhere; }
.brand-honda .inv-vdp-sidebar__cta-text small{ display:none; }
.brand-honda .inv-vdp-sidebar__cta-icon{ display:inline-flex; flex:none; color:var(--accent); }
.brand-honda .inv-vdp-sidebar__cta-icon svg{ width:16px; height:16px; }
.brand-honda .inv-vdp-sidebar__cta--primary,
.brand-honda .inv-vdp-sidebar__cta--outline{ grid-column:1 / -1; }
.brand-honda .inv-vdp-sidebar__cta--primary{ background:var(--accent); border-color:var(--accent); }
.brand-honda .inv-vdp-sidebar__cta--primary .inv-vdp-sidebar__cta-text strong,
.brand-honda .inv-vdp-sidebar__cta--primary .inv-vdp-sidebar__cta-text small{ color:var(--on-accent); }
.brand-honda .inv-vdp-sidebar__cta--primary .inv-vdp-sidebar__cta-icon{ color:var(--on-accent); }
/* La base force --secondary en pleine largeur (grid-column:span 2) → 4 CTA empilées = sidebar trop longue.
   On les repasse en demi-colonne (2 par rangée), comme la disposition BMW. Primaire + Contact restent pleine largeur. */
.brand-honda .inv-vdp-sidebar__cta--secondary{ background:var(--bg-alt); grid-column:span 1; }
.brand-honda .inv-vdp-sidebar__cta--outline:hover,
.brand-honda .inv-vdp-sidebar__cta--secondary:hover{ border-color:var(--accent); }

/* Quick specs sidebar : toujours vide (accesseurs bruts fuel_type/drivetrain non résolus) → son border-top
   dessinait une ligne horizontale parasite sous les boutons. Masqué (info déjà dans la bande + les specs). */
.brand-honda .inv-vdp-sidebar__specs{ display:none; }
/* Bouton « Demander les caractéristiques » (état vide features) : fond rouge → texte blanc (était en encre foncée, illisible). */
.brand-honda .inv-vdp-features__empty .btn{ background:var(--accent); color:#fff; border-color:var(--accent); }
.brand-honda .inv-vdp-features__empty .btn:hover{ background:var(--accent-strong); border-color:var(--accent-strong); color:#fff; }
.brand-honda .inv-vdp-sidebar__spec{ display:flex; align-items:center; gap:6px; font-size:.83rem; color:var(--ink); }
.brand-honda .inv-vdp-sidebar__spec svg{ color:var(--accent); }
.brand-honda .inv-vdp-sidebar__dealer{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding-top:16px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-sidebar__dealer-name{ font-family:var(--font-head); font-weight:700; font-size:.88rem; color:var(--ink-strong); display:block; }
.brand-honda .inv-vdp-sidebar__dealer-location{ font-size:.78rem; color:var(--ink-soft); }
.brand-honda .inv-vdp-sidebar__dealer-icon{ color:var(--accent); }
.brand-honda .inv-vdp-sidebar__dealer-link{ color:var(--accent-strong); }
.brand-honda .inv-vdp-sidebar__meta{ display:flex; flex-wrap:wrap; gap:6px 16px; padding-top:16px; border-top:1px solid var(--line-soft); font-size:.76rem; color:var(--ink-soft); }
.brand-honda .inv-vdp-sidebar__meta-item strong{ color:var(--ink-strong); }
.brand-honda .inv-vdp-sidebar__vin-copy{ color:var(--ink-soft); background:none; border:0; cursor:pointer; }
.brand-honda .inv-vdp-sidebar__vin-copy:hover{ color:var(--accent); }

/* ---- Honda-only sidebar calculator (partials/inventory/vdp-atelier-calc.htm) ---- */
.brand-honda .atelier-vdp-calc{ padding:20px; border:1px solid var(--line); border-radius:var(--radius-ui); background:var(--bg-alt); }
.brand-honda .atelier-vdp-calc .avc-head{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; margin-bottom:16px; }
.brand-honda .atelier-vdp-calc .avc-label{ font-family:var(--font-head); font-weight:700; font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-strong); }
.brand-honda .atelier-vdp-calc .avc-note{ font-size:.7rem; color:var(--ink-soft); }
.brand-honda .atelier-vdp-calc .avc-result{ display:flex; align-items:flex-end; gap:10px; margin-bottom:2px; }
.brand-honda .atelier-vdp-calc .avc-pay{ font-family:var(--font-head); font-weight:800; font-size:2.5rem; line-height:.92; letter-spacing:-.03em; color:var(--accent-strong); font-variant-numeric:tabular-nums; }
.brand-honda .atelier-vdp-calc .avc-freq{ font-family:var(--font-head); font-weight:600; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding-bottom:8px; }
.brand-honda .atelier-vdp-calc .avc-tax{ font-size:.72rem; color:var(--ink-soft); margin:0 0 16px; }
.brand-honda .atelier-vdp-calc .avc-freq-seg{ display:flex; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-ui); overflow:hidden; margin-bottom:18px; }
.brand-honda .atelier-vdp-calc .avc-freq-seg button{ flex:1; text-align:center; font-family:var(--font-head); font-weight:700; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; padding:.7em; background:var(--white); color:var(--ink-soft); border:0; cursor:pointer; transition:background .18s, color .18s; }
.brand-honda .atelier-vdp-calc .avc-freq-seg button.active{ background:var(--accent); color:var(--on-accent); }
.brand-honda .atelier-vdp-calc .avc-slider{ display:block; margin-bottom:16px; }
.brand-honda .atelier-vdp-calc .avc-slider-row{ display:flex; justify-content:space-between; font-family:var(--font-head); font-size:.68rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; }
.brand-honda .atelier-vdp-calc .avc-slider-row span:last-child{ color:var(--ink-strong); font-size:.78rem; text-transform:none; letter-spacing:0; }
.brand-honda .atelier-vdp-calc input[type="range"]{ width:100%; accent-color:var(--accent-strong); }
.brand-honda .atelier-vdp-calc .avc-disclaimer{ font-size:.7rem; line-height:1.5; color:var(--ink-soft); margin:0 0 16px; }
.brand-honda .atelier-vdp-calc .avc-cta{ display:block; text-align:center; background:var(--accent); color:var(--on-accent); font-family:var(--font-head); font-weight:700; font-size:.85rem; letter-spacing:.03em; text-transform:uppercase; padding:14px; border-radius:var(--radius-ui); transition:background .18s; }
.brand-honda .atelier-vdp-calc .avc-cta:hover{ background:var(--accent-strong); }

/* ---- Quick facts bar ----
   Theme.css (shared/unscoped) paints .inv-vdp__fact as a light rounded card with
   hover shadow — fine for brands using a light facts band, but Honda's band is dark
   (--band) with white text, so that leftover light background made every card
   invisible-on-invisible (white text on a near-white card). Neutralize the
   properties theme.css sets that we don't declare here, so the band stays flat
   with hairline dividers as designed. */
.brand-honda .inv-vdp__facts{ background:var(--band); border-block:1px solid var(--line); }
.brand-honda .inv-vdp__facts-grid{ display:flex; gap:0; }
.brand-honda .inv-vdp__fact{ flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:18px 16px; background:transparent; border-radius:0; box-shadow:none; border-right:1px solid rgba(255,255,255,.12); }
.brand-honda .inv-vdp__fact:last-child{ border-right:none; }
.brand-honda .inv-vdp__fact:hover{ background:transparent; box-shadow:none; }
.brand-honda .inv-vdp__fact-icon{ color:var(--accent); background:transparent; flex:none; }
.brand-honda .inv-vdp__fact-value{ display:block; font-family:var(--font-head); font-weight:700; font-size:.92rem; color:var(--white); }
.brand-honda .inv-vdp__fact-label{ display:block; font-size:.7rem; color:rgba(255,255,255,.6); letter-spacing:.03em; text-transform:uppercase; margin-top:2px; }

/* ---- Description ---- */
.brand-honda .inv-vdp-description{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:28px 26px; }
.brand-honda .inv-vdp-description__title{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.2rem; color:var(--ink-strong); margin-bottom:16px; }
.brand-honda .inv-vdp-description__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-description__text,
.brand-honda .inv-vdp-description__auto p{ font-size:.95rem; line-height:1.7; color:var(--ink); }
.brand-honda .inv-vdp-description__auto p + p{ margin-top:12px; }
.brand-honda .inv-vdp-description__cta-text{ color:var(--ink-soft); font-style:italic; }

/* ---- Pricing / detailed calculator (finance + lease tabs) ---- */
.brand-honda .inv-vdp-pricing{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:28px 26px; display:flex; flex-direction:column; gap:22px; }
.brand-honda .inv-vdp-pricing__title{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.2rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-pricing__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-pricing__price-card{ padding:18px 0; border-block:1px solid var(--line-soft); }
.brand-honda .inv-vdp-pricing__label{ font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .inv-vdp-pricing__savings-tag{ display:inline-flex; align-items:center; gap:4px; font-family:var(--font-head); font-size:.7rem; font-weight:700; letter-spacing:.03em; background:var(--accent); color:var(--on-accent); padding:.35em .7em; border-radius:var(--radius-ui); }
.brand-honda .inv-vdp-pricing__price-original{ color:var(--ink-soft); text-decoration:line-through; margin-right:10px; }
.brand-honda .inv-vdp-pricing__price-current{ font-family:var(--font-head); font-weight:800; font-size:2.1rem; letter-spacing:-.02em; color:var(--ink-strong); }
.brand-honda .inv-vdp-pricing__price-current--contact{ color:var(--accent-strong); font-size:1.3rem; }
.brand-honda .inv-vdp-pricing__tax-note{ display:block; font-size:.76rem; color:var(--ink-soft); margin-top:6px; }
.brand-honda .inv-vdp-pricing__calc-header{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
.brand-honda .inv-vdp-pricing__calc-title{ font-family:var(--font-head); font-weight:700; font-size:1rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-pricing__calc-tabs{ display:flex; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-ui); overflow:hidden; }
.brand-honda .inv-vdp-pricing__calc-tab{ font-family:var(--font-head); font-weight:700; font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; padding:.6em 1.1em; background:var(--white); color:var(--ink-soft); border:0; cursor:pointer; }
.brand-honda .inv-vdp-pricing__calc-tab.is-active{ background:var(--accent); color:var(--on-accent); }
.brand-honda .inv-vdp-pricing__payment-amount{ font-family:var(--font-head); font-weight:800; font-size:2.3rem; color:var(--accent-strong); font-variant-numeric:tabular-nums; }
.brand-honda .inv-vdp-pricing__payment-frequency{ display:flex; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-ui); overflow:hidden; margin-top:14px; }
.brand-honda .inv-vdp-pricing__freq-btn{ font-family:var(--font-head); font-weight:700; font-size:.68rem; letter-spacing:.04em; text-transform:uppercase; padding:.6em 1em; background:var(--white); color:var(--ink-soft); border:0; cursor:pointer; }
.brand-honda .inv-vdp-pricing__freq-btn.is-active{ background:var(--ink-strong); color:var(--white); }
.brand-honda .inv-vdp-pricing__slider-group{ margin-top:18px; }
.brand-honda .inv-vdp-pricing__slider-header{ display:flex; justify-content:space-between; font-family:var(--font-head); font-size:.7rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; }
.brand-honda .inv-vdp-pricing__slider-value{ color:var(--ink-strong); text-transform:none; letter-spacing:0; font-size:.82rem; }
.brand-honda .inv-vdp-pricing__slider{ width:100%; accent-color:var(--accent-strong); }
.brand-honda .inv-vdp-pricing__slider-range{ display:flex; justify-content:space-between; font-size:.68rem; color:var(--ink-soft); margin-top:4px; }
.brand-honda .inv-vdp-pricing__breakdown{ margin-top:20px; padding-top:16px; border-top:1px solid var(--line-soft); display:flex; flex-direction:column; gap:8px; }
.brand-honda .inv-vdp-pricing__breakdown-row{ display:flex; justify-content:space-between; font-size:.85rem; color:var(--ink); }
.brand-honda .inv-vdp-pricing__breakdown-row--highlight{ font-weight:700; color:var(--ink-strong); }
.brand-honda .inv-vdp-pricing__disclaimer{ font-size:.7rem; color:var(--ink-soft); line-height:1.5; margin-top:14px; }
.brand-honda .inv-vdp-pricing__cta{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding-top:22px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-pricing__cta-content h3{ font-family:var(--font-head); font-weight:700; font-size:1rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-pricing__cta-content p{ font-size:.85rem; color:var(--ink-soft); margin-top:4px; }
.brand-honda .inv-vdp-pricing .btn-primary{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); font-family:var(--font-head); font-weight:700; border-radius:var(--radius-ui); }
.brand-honda .inv-vdp-pricing .btn-primary:hover{ background:var(--accent-strong); border-color:var(--accent-strong); }

/* ---- Features & equipment ---- */
.brand-honda .inv-vdp-features{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:28px 26px; }
.brand-honda .inv-vdp-features__title{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.2rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-features__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-features__count{ font-size:.78rem; color:var(--ink-soft); }
.brand-honda .inv-vdp-features__tabs{ display:flex; gap:8px; flex-wrap:wrap; margin:18px 0; }
.brand-honda .inv-vdp-features__tab{ font-family:var(--font-head); font-size:.78rem; font-weight:600; color:var(--ink-strong); background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--radius-pill); padding:.5em 1em; cursor:pointer; }
.brand-honda .inv-vdp-features__tab.is-active{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
.brand-honda .inv-vdp-features__tab-count{ margin-left:5px; opacity:.75; }
.brand-honda .inv-vdp-features__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px 20px; }
.brand-honda .inv-vdp-features__item{ display:flex; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid var(--line-soft); font-size:.87rem; color:var(--ink); }
.brand-honda .inv-vdp-features__check{ color:var(--accent); flex:none; }
/* Spec-grid row label (year/trim/body/fuel/drivetrain…) — plain muted text, not a
   checkmark, so it must NOT reuse .inv-vdp-features__check (accent red, meant for
   the checkmark icon in a real equipment checklist) or every spec label reads as
   an error/alert color. See partials/lineupvdp/partials/vdp-atelier.htm. */
.brand-honda .inv-vdp-features__spec-label{ color:var(--ink-soft); flex:none; }
.brand-honda .inv-vdp-features__highlights{ margin-top:24px; padding-top:20px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-features__highlights-title{ display:flex; align-items:center; gap:8px; font-family:var(--font-head); font-weight:700; font-size:.95rem; color:var(--ink-strong); margin-bottom:14px; }
.brand-honda .inv-vdp-features__highlights-title svg{ color:var(--accent); }
.brand-honda .inv-vdp-features__highlights-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
.brand-honda .inv-vdp-features__highlight-card{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:14px; border:1px solid var(--line); border-radius:var(--radius-ui); background:var(--bg-alt); }
.brand-honda .inv-vdp-features__highlight-icon{ color:var(--accent); }
.brand-honda .inv-vdp-features__highlight-name{ font-size:.82rem; font-weight:600; color:var(--ink-strong); }
.brand-honda .inv-vdp-features__empty{ text-align:center; padding:40px 20px; color:var(--ink-soft); }
.brand-honda .inv-vdp-features__empty-icon{ color:var(--line); margin-bottom:12px; }
.brand-honda .inv-vdp-features .btn-outline{ border:1.5px solid var(--line); border-radius:var(--radius-ui); color:var(--ink-strong); font-family:var(--font-head); font-weight:600; }
.brand-honda .inv-vdp-features .btn-outline:hover{ border-color:var(--accent); color:var(--accent); }

/* ---- Contact form (sticky sidebar) ---- */
.brand-honda .inv-vdp-contact{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:26px; }
/* Entête contact = fond rouge (base) → texte blanc, comme la réf. BMW ; sinon titre foncé illisible sur rouge. */
.brand-honda .inv-vdp-contact__title{ font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.1rem; color:#fff; }
.brand-honda .inv-vdp-contact__subtitle{ font-size:.85rem; color:rgba(255,255,255,.9); margin-top:4px; margin-bottom:16px; }
/* Sidebar étroite : les champs 2-colonnes (Prénom | Nom de famille…) tronquaient les libellés.
   On empile tout en pleine largeur pour que chaque champ soit bien lisible. */
.brand-honda .inv-vdp-contact__form .row > *{ flex:0 0 100%; max-width:100%; }
.brand-honda .inv-vdp-contact .form-control,
.brand-honda .inv-vdp-contact .form-select{ border:1px solid var(--line); border-radius:var(--radius-ui); font-size:.9rem; width:100%; }
.brand-honda .inv-vdp-contact .form-control:focus,
.brand-honda .inv-vdp-contact .form-select:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12); }
.brand-honda .inv-vdp-contact .btn-primary{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); font-family:var(--font-head); font-weight:700; border-radius:var(--radius-ui); width:100%; }
.brand-honda .inv-vdp-contact .btn-primary:hover{ background:var(--accent-strong); border-color:var(--accent-strong); }
.brand-honda .inv-vdp-contact__dealer{ margin-top:18px; padding-top:18px; border-top:1px solid var(--line-soft); }
.brand-honda .inv-vdp-contact__dealer-name{ font-family:var(--font-head); font-weight:700; font-size:.88rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-contact__dealer-location{ font-size:.78rem; color:var(--ink-soft); display:flex; align-items:center; gap:4px; margin-top:2px; }
.brand-honda .inv-vdp-contact__dealer-phone{ display:flex; align-items:center; gap:6px; font-size:.85rem; color:var(--accent-strong); font-weight:600; margin-top:10px; }
.brand-honda .inv-vdp-contact__dealer-hours{ display:flex; justify-content:space-between; font-size:.78rem; color:var(--ink-soft); margin-top:10px; }

/* ---- Related vehicles (reuses components/vehicle-card.htm) ---- */
.brand-honda .inv-vdp-related{ padding-block:clamp(48px,6vw,84px); background:var(--bg-alt); }
.brand-honda .inv-vdp-related__header{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:16px; margin-bottom:clamp(24px,3vw,40px); padding-bottom:18px; border-bottom:1px solid var(--line); }
.brand-honda .inv-vdp-related__title{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:var(--head-weight); font-size:var(--fs-h3); color:var(--ink-strong); }
.brand-honda .inv-vdp-related__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-related__view-all{ display:inline-flex; align-items:center; gap:6px; font-family:var(--font-head); font-weight:700; font-size:.85rem; color:var(--accent-strong); }
.brand-honda .inv-vdp-related__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,1.8vw,22px); }
@media (max-width:1040px){ .brand-honda .inv-vdp-related__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ .brand-honda .inv-vdp-related__grid{ grid-template-columns:1fr; } }
.brand-honda .vehicle-card{ border:1px solid var(--line) !important; border-radius:var(--radius-card) !important; box-shadow:none !important; }
.brand-honda .vehicle-card:hover{ box-shadow:none !important; transform:translateY(-4px); border-color:var(--accent) !important; }
.brand-honda .vehicle-card__badge--new{ background:var(--accent) !important; }
.brand-honda .vehicle-card__price,
.brand-honda .vehicle-card__price--sale{ color:var(--accent-strong) !important; }
.brand-honda .vehicle-card .btn-primary{ background:var(--accent) !important; border-color:var(--accent) !important; border-radius:var(--radius-ui) !important; font-family:var(--font-head); font-weight:700; }
.brand-honda .vehicle-card .btn-primary:hover{ background:var(--accent-strong) !important; border-color:var(--accent-strong) !important; }

/* ---- Mobile sticky CTA bar ---- */
.brand-honda .inv-vdp-sticky{ background:var(--band); border-top:1px solid rgba(255,255,255,.12); box-shadow:none; }
.brand-honda .inv-vdp-sticky__price{ font-family:var(--font-head); font-weight:800; font-size:1.1rem; color:var(--white); }
.brand-honda .inv-vdp-sticky__price--contact{ color:var(--accent); }
.brand-honda .inv-vdp-sticky__vehicle{ display:block; font-size:.7rem; color:rgba(255,255,255,.6); }
.brand-honda .inv-vdp-sticky__btn{ border-radius:var(--radius-ui); font-family:var(--font-head); font-weight:700; }
.brand-honda .inv-vdp-sticky__btn--primary{ background:var(--accent); color:var(--on-accent); }
.brand-honda .inv-vdp-sticky__btn--primary:hover{ background:var(--accent-strong); }
.brand-honda .inv-vdp-sticky__btn--call,
.brand-honda .inv-vdp-sticky__btn--contact{ background:transparent; border:1px solid rgba(255,255,255,.25); color:var(--white); }

/* ---- Modals ---- */
.brand-honda .inv-vdp-modal__overlay{ background:rgba(23,32,27,.7); }
.brand-honda .inv-vdp-modal__container{ border-radius:var(--radius-card); border:1px solid var(--line); box-shadow:none; background:var(--white); }
.brand-honda .inv-vdp-modal__title{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:var(--head-weight); color:var(--ink-strong); }
.brand-honda .inv-vdp-modal__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-modal__close{ border-radius:50%; color:var(--ink-soft); }
.brand-honda .inv-vdp-modal__close:hover{ background:var(--bg-alt); color:var(--ink-strong); }
.brand-honda .inv-vdp-modal__vehicle{ border-block:1px solid var(--line-soft); color:var(--ink); }
.brand-honda .inv-vdp-modal__price{ color:var(--accent-strong); font-weight:700; }
.brand-honda .inv-vdp-modal .btn-primary{ background:var(--accent); border-color:var(--accent); border-radius:var(--radius-ui); font-family:var(--font-head); font-weight:700; }
.brand-honda .inv-vdp-modal .btn-primary:hover{ background:var(--accent-strong); border-color:var(--accent-strong); }

/* ---- Vehicle history (partials/inventory/vdp-history.htm) ----
   Base rules live in theme.css (shared, uses --brand-* vars + emerald-green
   "verified" gradients/shadows). Atelier reskin: flat card w/ border (no
   shadow), single accent (red) instead of emerald, Honda fonts/tokens —
   same language as .inv-vdp-description / .inv-vdp-features above. */
.brand-honda .inv-vdp-history{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); box-shadow:none; overflow:visible; }
.brand-honda .inv-vdp-history__header{ padding:28px 26px 0; border-bottom:0; }
.brand-honda .inv-vdp-history__title{ font-family:var(--font-head); font-weight:var(--head-weight); font-size:1.2rem; color:var(--ink-strong); }
.brand-honda .inv-vdp-history__title svg{ color:var(--accent); }
.brand-honda .inv-vdp-history__badge{ background:var(--ink-strong); border-radius:var(--radius-pill); font-family:var(--font-head); font-weight:700; font-size:.68rem; letter-spacing:.06em; text-transform:uppercase; }
.brand-honda .inv-vdp-history__content{ padding:20px 26px 28px; }
.brand-honda .inv-vdp-history__card{ background:var(--bg-alt); border:1px solid var(--line-soft); border-radius:var(--radius-ui); }
.brand-honda .inv-vdp-history__card--status{ border-color:var(--accent); background:var(--bg-alt); }
.brand-honda .inv-vdp-history__card-icon{ background:var(--white); border:1px solid var(--line); color:var(--ink-soft); }
.brand-honda .inv-vdp-history__card-icon--success{ background:var(--accent); border-color:var(--accent); color:var(--on-accent); }
.brand-honda .inv-vdp-history__card-value{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); }
.brand-honda .inv-vdp-history__card-label{ color:var(--ink-soft); }
.brand-honda .inv-vdp-history__carfax,
.brand-honda .inv-vdp-history__warranty,
.brand-honda .inv-vdp-history__inspection{ background:var(--bg-alt); border:1px solid var(--line-soft); border-radius:var(--radius-ui); }
.brand-honda .inv-vdp-history__warranty{ background:var(--bg-alt); }
.brand-honda .inv-vdp-history__warranty-icon{ background:var(--accent); border-radius:var(--radius-ui); color:var(--on-accent); }
.brand-honda .inv-vdp-history__warranty-content h4{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); }
.brand-honda .inv-vdp-history__warranty-content p{ color:var(--ink-soft); }
.brand-honda .inv-vdp-history__warranty-expiry{ color:var(--accent-strong); }
.brand-honda .inv-vdp-history__inspection-title{ font-family:var(--font-head); font-weight:700; color:var(--ink-strong); }
.brand-honda .inv-vdp-history__inspection-item{ color:var(--ink); }
.brand-honda .inv-vdp-history__inspection-item svg{ color:var(--accent); }
.brand-honda .inv-vdp-history__carfax-text{ color:var(--ink); font-family:var(--font-head); font-weight:600; }
.brand-honda .inv-vdp-history .btn-outline{ border:1.5px solid var(--line); border-radius:var(--radius-ui); color:var(--ink-strong); font-family:var(--font-head); font-weight:600; }
.brand-honda .inv-vdp-history .btn-outline:hover{ border-color:var(--accent); color:var(--accent); }

@media (max-width:640px){
  .brand-honda .inv-vdp-sidebar,
  .brand-honda .inv-vdp-description,
  .brand-honda .inv-vdp-pricing,
  .brand-honda .inv-vdp-features,
  .brand-honda .inv-vdp-contact{ padding:22px 18px; }
}

/* ============================================================
   HONDA HEADER — alignment fix + service CTA + single red
   underline (Jade fix 2026-08-04, mobile-regression fix 2026-08-05).
   Scoped to .brand-honda only, appended last so it wins the cascade.

   IMPORTANT: all layout/sizing overrides that touch .header__inner,
   .header__logo-img, .main-nav or .header__actions are wrapped in a
   `min-width:1200px` media query — that's the theme's own desktop-nav
   breakpoint (.main-nav is display:none and the hamburger is shown
   below it). Without that guard these rules leaked onto mobile and
   broke the header (logo+hamburger squished to the left instead of
   the hamburger sitting flush right) — QA'd 2026-08-05, do not remove
   the media query.
   ============================================================ */

/* Logo width safety cap — ALL viewports, not just desktop. The real
   Honda Mont-Laurier logo asset is ~396x62px (ratio ~6.4:1); at the
   theme's default height:48px that renders ~307px wide, which on a
   390px phone (minus container gutter + the 44px hamburger button)
   overflows the header row and pushes the hamburger off-screen —
   found during mobile QA 2026-08-05, pre-existing/unrelated to the
   desktop-only tweaks below. Capping max-height here (mobile-safe,
   no media query) keeps the wordmark legible without overflowing;
   the min-width:1200px block further down shrinks it more to make
   room for the 8-item desktop nav + CTA. */
.brand-honda .header__logo-img{ max-height:34px; width:auto; }

/* Single red underline only — the shared theme.css a11y rule
   (".brand-honda a:not(.btn):hover{ text-decoration:underline }")
   was stacking a default (dark) underline on top of the red ::after
   indicator already drawn by the nav-link rules in this file. Kill it
   here, scoped to nav-link only, so every other link keeps its a11y
   underline. Nav-link only exists inside the desktop .main-nav (the
   mobile overlay uses different classes), so this is mobile-safe
   without a media query. */
.brand-honda .nav-link,
.brand-honda .nav-link:hover,
.brand-honda .nav-link.active,
.brand-honda .nav-menu > .nav-item > .nav-link:hover { text-decoration: none !important; }

/* "Rendez-vous service" header CTA — solid red pill-free button.
   Hidden below xl (1200px) via the `d-none d-xl-inline-flex` classes
   on the link itself in header.htm, so its sizing here is mobile-safe
   without a media query. */
.brand-honda .header__service-cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--accent);
    color: #fff;
    border: 1px solid var(--accent);
    border-radius: 8px;
    font-family: var(--font-head);
    font-weight: 700;
    font-size: .84rem;
    padding: .62em 1.05em;
    letter-spacing: -.01em;
    white-space: nowrap;
    transition: background .2s var(--ease), border-color .2s var(--ease);
}
.brand-honda .header__service-cta:hover{
    background: var(--accent-strong);
    border-color: var(--accent-strong);
    color: #fff;
}

@media (min-width: 1200px){
  /* Wider inner width + tighter side padding for the header row only
     (does not touch .brand-honda .container used by page sections
     elsewhere) so the full honda nav (8 items) + CTA fit without
     overflowing at common desktop widths. */
  /* Header en pleine largeur (pas de max-width centrée) → le logo est collé au
     bord gauche à TOUTE largeur d'écran, et la nav dispose du maximum de place
     avant le bouton rendez-vous. padding-left:0 = logo flush ; on garde un peu
     de padding à droite pour ne pas coller le bouton au bord. */
  /* Plus d'air à gauche du logo (Jade 06/08 : encore « trop collé » → rééquilibré,
     23px→~38px à 1453) tout en le gardant à gauche. */
  .brand-honda .site-header .container{ max-width:none; margin-inline:0; padding-inline:clamp(10px,1.2vw,22px); padding-left:clamp(24px,2.6vw,48px); }

  /* Logo: cap height a touch tighter in the honda header row so it
     doesn't eat into the space the (long) nav + CTA need. */
  .brand-honda .header__logo-img{ max-height:34px; width:auto; }

  /* Layout: logo left, nav left-aligned right after the logo,
     service CTA + hamburger pinned to the right. */
  .brand-honda .header__inner{ justify-content:flex-start; gap:3px; padding-inline:4px; padding-left:0; column-gap:6px; }
  /* Nav = espace restant entre le logo et les actions : elle rétrécit et
     scrolle horizontalement (overflow-x:auto) au lieu de pousser le CTA hors
     écran. Garde logo (gauche) + bouton rendez-vous (droite) toujours visibles,
     et rétablit le scroll de la nav quand la fenêtre n'est pas plein écran. */
  .brand-honda .main-nav{ flex:1 1 0; min-width:0; justify-content:flex-start; }
  .brand-honda .nav-menu{ gap:4px; flex-wrap:nowrap; }
  .brand-honda .nav-menu > .nav-item > .nav-link{ padding:6px 9px; font-size:.9rem; letter-spacing:-.02em; white-space:nowrap; }
  .brand-honda .header__actions{ margin-left:0; flex-shrink:0; gap:3px; align-items:center; }
}

@media (max-width: 1439px) and (min-width: 1200px){
  /* Common 1280/1366 laptop widths: the desktop nav (.main-nav) is still
     shown (theme's mobile breakpoint is 1200px), so shrink a little further
     to keep the single-row layout without clipping the service CTA. */
  .brand-honda .header__logo-img{ max-height:20px; }
  .brand-honda .nav-menu > .nav-item > .nav-link{ font-size:.82rem; padding:6px 4px; }
  .brand-honda .header__service-cta{ font-size:.62rem; padding:.3em .4em; }
}

/* ---- Rendez-vous service (Atelier) — hero/breadcrumb + iframe placeholder.
   No booking form here on purpose: the real scheduling flow ships later as
   an iframe inside .rdv-embed (see pages/rendez-vous-service.htm). ---- */
.brand-honda .page-header--rdv-service{
  background:var(--band); color:var(--white);
  padding-block:clamp(64px,9vw,116px) clamp(40px,5vw,64px);
  border-bottom:1px solid var(--line);
}
.brand-honda .page-header--rdv-service .page-header__title{
  font-family:var(--font-head); font-weight:var(--head-weight); letter-spacing:var(--head-tracking);
  font-size:var(--fs-h2); color:var(--white); margin:0 0 14px;
}
.brand-honda .page-header--rdv-service .page-header__subtitle{
  font-size:var(--fs-lead); color:rgba(255,255,255,.78); max-width:56ch; margin:0 0 22px;
}
.brand-honda .page-header--rdv-service .page-header__breadcrumb{
  display:flex; align-items:center; gap:.5em; font-size:.85rem; color:rgba(255,255,255,.6);
}
.brand-honda .page-header--rdv-service .page-header__breadcrumb a{ color:rgba(255,255,255,.85); }
.brand-honda .page-header--rdv-service .page-header__breadcrumb a:hover{ color:var(--white); }
.brand-honda .page-header--rdv-service .page-header__breadcrumb .separator{ color:rgba(255,255,255,.4); }
.brand-honda .page-header--rdv-service .page-header__breadcrumb .current{ color:var(--accent); font-weight:700; }

.brand-honda .rdv-embed-section{ background:var(--bg-alt); }
.brand-honda .rdv-embed{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card);
  min-height:640px; display:flex; align-items:center; justify-content:center;
}
.brand-honda .rdv-embed iframe{ width:100%; height:100%; min-height:640px; border:0; border-radius:var(--radius-card); }
.brand-honda .rdv-embed:empty::after{
  content:"Le module de prise de rendez-vous s'affichera ici prochainement.";
  font-family:var(--font-head); font-size:.95rem; color:var(--ink-soft); text-align:center;
  max-width:38ch; padding:40px;
}

/* ============================================================
   CONTACT (Atelier) — pages/contact.htm, Honda-only branch.
   Hero shell reuses `.page-hero`/`.crumbs`/`.m-rule` (already defined for
   `.atelier-vrp` in partials/vehicles/default.htm) — scoped here under
   `.atelier-contact` instead so it doesn't leak into the VRP wrapper.
   Right column wraps the (unstyled, plugin-agnostic) `{% component
   'renderForm' %}` output — Renatio.FormBuilder markup/handler untouched;
   only generic input/label/button tag selectors are styled so this still
   applies once that plugin is installed for Honda.
   ============================================================ */
.brand-honda .atelier-contact .page-hero{ background:var(--bg-alt); border-bottom:1px solid var(--line); }
.brand-honda .atelier-contact .page-hero .container{ padding-block:clamp(36px,5vw,64px) clamp(28px,4vw,44px); }
.brand-honda .atelier-contact .page-hero .crumbs{ display:flex; align-items:center; gap:8px; font-size:.78rem; letter-spacing:.03em; color:var(--ink-soft); margin-bottom:18px; flex-wrap:wrap; }
.brand-honda .atelier-contact .page-hero .crumbs a{ color:inherit; text-decoration:none; transition:color .2s; }
.brand-honda .atelier-contact .page-hero .crumbs a:hover{ color:var(--accent); }
.brand-honda .atelier-contact .page-hero .crumbs .sep{ opacity:.5; }
.brand-honda .atelier-contact .page-hero .crumbs .cur{ color:var(--ink-strong); font-weight:600; }
.brand-honda .atelier-contact .page-hero .m-rule{ width:44px; height:3px; border-radius:3px; background:var(--accent); margin-bottom:18px; }
.brand-honda .atelier-contact .page-hero h1{ font-family:var(--font-head); font-size:var(--fs-h2); font-weight:var(--head-weight); letter-spacing:var(--head-tracking); color:var(--ink-strong); line-height:1.05; }
.brand-honda .atelier-contact .page-hero .ph-lead{ margin-top:16px; max-width:56ch; font-size:var(--fs-lead); color:var(--ink); line-height:1.55; }

.brand-honda .atelier-contact .ac-body{ padding-block:var(--section-y); }
.brand-honda .atelier-contact .ac-grid{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(28px,4vw,56px); align-items:start; }
@media(max-width:960px){ .brand-honda .atelier-contact .ac-grid{ grid-template-columns:1fr; } }

/* Left: info rows */
.brand-honda .atelier-contact .ac-info{ display:flex; flex-direction:column; }
.brand-honda .atelier-contact .ic-row{ display:flex; gap:16px; padding:20px 0; border-bottom:1px solid var(--line); }
.brand-honda .atelier-contact .ic-row:first-child{ padding-top:0; }
.brand-honda .atelier-contact .ic-row .ico{ width:22px; height:22px; color:var(--accent); flex:none; margin-top:2px; }
.brand-honda .atelier-contact .ic-row b{ font-family:var(--font-head); display:block; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:5px; }
.brand-honda .atelier-contact .ic-row > div{ font-size:.98rem; color:var(--ink); line-height:1.5; }
.brand-honda .atelier-contact .ic-row a{ color:var(--ink-strong); font-weight:600; }
.brand-honda .atelier-contact .ic-row a:hover{ color:var(--accent); }
.brand-honda .atelier-contact .ic-dir{ display:inline-flex; margin-top:8px; }
.brand-honda .atelier-contact .ic-dir .ico{ width:1.05em; height:1.05em; margin:0; color:inherit; transition:transform .3s var(--ease); }
.brand-honda .atelier-contact .ic-dir:hover .ico{ transform:translateX(4px); }

/* Hours */
.brand-honda .atelier-contact .ac-hours{ padding:20px 0; border-bottom:1px solid var(--line); }
.brand-honda .atelier-contact .ac-hours__label{ font-family:var(--font-head); display:block; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:14px; }
.brand-honda .atelier-contact .ac-hours__dept{ margin-bottom:14px; }
.brand-honda .atelier-contact .ac-hours__dept:last-child{ margin-bottom:0; }
.brand-honda .atelier-contact .ac-hours__dept-label{ font-family:var(--font-head); display:block; font-weight:700; font-size:.85rem; color:var(--ink-strong); margin-bottom:6px; }
.brand-honda .atelier-contact .ac-hours__dept ul{ list-style:none; margin:0; padding:0; }
.brand-honda .atelier-contact .ac-hours__dept li{ display:flex; justify-content:space-between; gap:12px; padding:5px 0; font-size:.9rem; color:var(--ink); }
.brand-honda .atelier-contact .ac-hours__dept li span:last-child{ color:var(--ink-soft); }

/* Social */
.brand-honda .atelier-contact .ac-social{ padding-top:22px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.brand-honda .atelier-contact .ac-social b{ font-family:var(--font-head); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }

/* Right: form column (form + heures dessous — consigne Jade 05/08) */
.brand-honda .atelier-contact .ac-form-col{ display:flex; flex-direction:column; gap:clamp(22px,2.6vw,32px); }
.brand-honda .atelier-contact .ac-hours--below-form{ padding:24px clamp(24px,3.4vw,32px); border:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); }
/* Heures : colonnes étirées sur TOUTE la largeur de la card (Jade 06/08) */
.brand-honda .atelier-contact .ac-hours--below-form .ac-hours__grid{ display:flex; flex-wrap:wrap; gap:22px 32px; }
.brand-honda .atelier-contact .ac-hours--below-form .ac-hours__dept{ flex:1 1 190px; }
.brand-honda .atelier-contact .ac-hours--below-form .ac-hours__dept{ margin-bottom:0; }

/* Right: form card */
.brand-honda .atelier-contact .ac-form-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card); padding:clamp(28px,3.4vw,40px); }
.brand-honda .atelier-contact .ac-form-card h2{ font-family:var(--font-head); font-size:var(--fs-h3); font-weight:var(--head-weight); letter-spacing:var(--head-tracking); color:var(--ink-strong); margin-bottom:8px; }
.brand-honda .atelier-contact .ac-form-lead{ color:var(--ink-soft); font-size:.92rem; margin-bottom:24px; }
/* Generic field styling — the plugin (Renatio.FormBuilder) isn't installed on
   this environment yet, so `{% component 'renderForm' %}` renders empty; these
   tag-level selectors (no plugin-specific classes) style whatever markup the
   handler emits once the form is wired up, without touching its output. */
.brand-honda .atelier-contact .ac-form-card form{ display:grid; gap:16px; }
.brand-honda .atelier-contact .ac-form-card label{ display:block; font-family:var(--font-head); font-weight:700; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:8px; }
.brand-honda .atelier-contact .ac-form-card input:not([type="checkbox"]):not([type="radio"]),
.brand-honda .atelier-contact .ac-form-card select,
.brand-honda .atelier-contact .ac-form-card textarea{
  width:100%; border:1.5px solid var(--line); border-radius:var(--radius-ui); padding:.85em 1em;
  font-family:var(--font-body); font-size:.98rem; color:var(--ink-strong); background:var(--white);
  transition:border-color .2s, box-shadow .2s;
}
.brand-honda .atelier-contact .ac-form-card textarea{ min-height:140px; resize:vertical; }
.brand-honda .atelier-contact .ac-form-card input:focus,
.brand-honda .atelier-contact .ac-form-card select:focus,
.brand-honda .atelier-contact .ac-form-card textarea:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12); }
.brand-honda .atelier-contact .ac-form-card button[type="submit"],
.brand-honda .atelier-contact .ac-form-card input[type="submit"]{
  justify-self:start; display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  padding:.95em 1.9em; background:var(--accent); color:var(--on-accent); font-family:var(--font-head);
  font-size:.98rem; font-weight:700; letter-spacing:.01em; border:2px solid var(--accent);
  border-radius:var(--radius-pill); cursor:pointer; transition:transform .25s var(--ease), background .25s, border-color .25s;
}
.brand-honda .atelier-contact .ac-form-card button[type="submit"]:hover,
.brand-honda .atelier-contact .ac-form-card input[type="submit"]:hover{ background:var(--accent-strong); border-color:var(--accent-strong); transform:translateY(-2px); }
.brand-honda .atelier-contact .ac-form-card .alert,
.brand-honda .atelier-contact .ac-form-card [class*="form-alert"]{ border-radius:var(--radius-ui); font-size:.9rem; padding:.9em 1.1em; }

/* Map */
.brand-honda .atelier-contact .ac-map{ border-top:1px solid var(--line); line-height:0; }
.brand-honda .atelier-contact .ac-map iframe{ filter:grayscale(.25); }

/* Reveal-in transitions for [data-reveal]/[data-reveal-stagger] (JS toggles .in — see assets/js/brands/honda.js) */
.brand-honda .atelier-contact [data-reveal]{ opacity:0; transform:translateY(16px); transition:opacity .5s var(--ease), transform .5s var(--ease); }
.brand-honda .atelier-contact [data-reveal].in{ opacity:1; transform:none; }
.brand-honda .atelier-contact [data-reveal-stagger] > *{ opacity:0; transform:translateY(16px); transition:opacity .5s var(--ease), transform .5s var(--ease); }
.brand-honda .atelier-contact [data-reveal-stagger].in > *{ opacity:1; transform:none; }

@media(max-width:576px){
  .brand-honda .atelier-contact .ac-form-card{ padding:24px; }
}

/* ============================================================
   FOOTER BOTTOM — "Fièrement propulsé par NerdAuto" + FR/EN boxé
   (consigne Jade 05/08, aligné sur le site live hondamontlaurier.com).
   Footer bottom sur fond sombre var(--ink-strong).
   ============================================================ */
.brand-honda .footer__end{
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.brand-honda .footer__powered-nerd{
  display:inline-flex; align-items:center; gap:9px;
  text-decoration:none; opacity:.85; transition:opacity .2s;
}
.brand-honda .footer__powered-nerd:hover{ opacity:1; }
.brand-honda .footer__powered-nerd-label{
  font:600 11px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif;
  letter-spacing:.06em; color:rgba(255,255,255,.6); white-space:nowrap;
}
.brand-honda .footer__powered-nerd-logo{
  height:20px; width:auto; display:block;
}
/* FR/EN clairement lisible et boxé sur fond sombre (was near-invisible).
   Cause de l'invisibilité : .lang-switcher--compact héritait background:#f8fafc
   (quasi-blanc) de theme.css → "EN" blanc sur boîte blanche. On neutralise. */
.brand-honda .footer__end .footer__lang .lang-switcher{ gap:0; background:transparent !important; padding:0 !important; }
.brand-honda .footer__end .footer__lang .lang-switcher__link{
  color:rgba(255,255,255,.75) !important;
  font:700 12px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif;
  letter-spacing:.04em; padding:6px 10px; border:1px solid rgba(255,255,255,.22);
  text-decoration:none; transition:background .2s,color .2s,border-color .2s;
}
.brand-honda .footer__end .footer__lang .lang-switcher__link:first-of-type{ border-radius:6px 0 0 6px; }
.brand-honda .footer__end .footer__lang .lang-switcher__link:last-of-type{ border-radius:0 6px 6px 0; border-left:0; }
.brand-honda .footer__end .footer__lang .lang-switcher__link:hover{
  color:#fff !important; border-color:rgba(255,255,255,.4);
}
.brand-honda .footer__end .footer__lang .lang-switcher__link.active{
  color:#fff !important; background:var(--accent); border-color:var(--accent);
}
/* le séparateur "|" du partial n'a plus lieu d'être avec les pills accolées */
.brand-honda .footer__end .footer__lang .lang-switcher__divider{ display:none; }

@media(max-width:720px){
  .brand-honda .footer__end{ width:100%; justify-content:space-between; gap:14px; }
}

/* ============================================================
   CHROME PASS 05/08 (lead) — logo, top-bar dropdown, social, financement
   ============================================================ */

/* #3 — Logo header légèrement plus à gauche (consigne Jade) */
.brand-honda .header__logo{ margin-left:0; }
@media(max-width:1199px){ .brand-honda .header__logo{ margin-left:-6px; } }

/* Top-bar : dropdown langue = menu blanc → texte FONCÉ (était blanc/blanc).
   Le toggle reste clair (top-bar sombre var(--ink-strong)), le MENU déroulant est blanc. */
.brand-honda .top-bar .lang-dropdown__menu{ background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.brand-honda .top-bar .lang-dropdown__menu a{ color:var(--ink) !important; display:flex; align-items:center; gap:8px; padding:9px 14px; }
.brand-honda .top-bar .lang-dropdown__menu a:hover{ background:var(--bg-alt); color:var(--accent) !important; }
.brand-honda .top-bar .lang-dropdown__menu a.active{ color:var(--accent) !important; }
.brand-honda .top-bar .lang-dropdown__menu .lang-dropdown__code{ font-weight:700; color:var(--ink); }
.brand-honda .top-bar .lang-dropdown__menu a:hover .lang-dropdown__code{ color:var(--accent); }
/* FIX (Jade 2026-08-06) : le texte des items (FR/EN + Français/English) héritait
   du blanc de la .top-bar (rgba(255,255,255,.82)) → invisible sur le menu blanc.
   Les règles __code sans !important + l'absence de règle sur __name perdaient.
   On force encre foncée sur fond blanc, accent au survol/actif. */
.brand-honda .top-bar .lang-dropdown__menu .lang-dropdown__code,
.brand-honda .top-bar .lang-dropdown__menu .lang-dropdown__name{ color:var(--ink) !important; }
.brand-honda .top-bar .lang-dropdown__menu a:hover .lang-dropdown__name,
.brand-honda .top-bar .lang-dropdown__menu a.active .lang-dropdown__code,
.brand-honda .top-bar .lang-dropdown__menu a.active .lang-dropdown__name{ color:var(--accent) !important; }

/* Footer : label "Suivez-nous" + icônes sociales sur fond sombre */
.brand-honda .footer__follow-label{
  font:700 11px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55);
  margin:0 0 14px;
}
/* Honda: « Suivez-nous » + Facebook inline, sous le courriel dans la colonne Contactez-nous ;
   heures juste dessous (consigne Jade 05/08). */
.brand-honda .footer__follow{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:22px; }
.brand-honda .footer__follow .footer__follow-label{ margin:0; }
.brand-honda .footer__follow .footer__social{ margin-top:0; }
.brand-honda .footer__social .social-link{
  background:rgba(255,255,255,.08); color:#fff; border-radius:6px;
}
.brand-honda .footer__social .social-link:hover{ background:var(--accent); color:#fff; }
/* Top-bar social (entre les 2 dividers) : icônes sur fond sombre */
.brand-honda .top-bar .social-link{ background:transparent; color:rgba(255,255,255,.75); }
.brand-honda .top-bar .social-link:hover{ background:transparent; color:#fff; transform:none; }

/* #9 — Purge du MAUVE : theme.css fixe .brand-honda{--brand-primary:#1a1a2e}
   (navy-violet) ; tous les dégradés `--brand-primary→--brand-accent`
   (page-header financement, cartes, etc.) viraient donc au mauve. On repointe
   --brand-primary sur le charbon Honda → dégradés charbon→rouge, zéro violet. */
.brand-honda{ --brand-primary:#15171a; --brand-primary-rgb:21,23,26; }

.brand-honda .financing-form-section.bg-gradient{
  background:linear-gradient(135deg,var(--ink-strong) 0%,var(--ink-strong) 55%,var(--accent-strong) 100%) !important;
}
.brand-honda .financing-form-section.bg-brand{ background:var(--ink-strong) !important; }

/* #10 — Pagination SRP numérotée (remplace le load-more infini). Fournie par
   l'agent srp-paging ; intégrée ici (écrivain unique honda.css = lead).
   Fallbacks de tokens au cas où --on-accent/--radius-pill ne seraient pas définis. */
/* Prose des pages contenu : emphase en couleur d'accent (comme le live, qui met des
   phrases-clés en accent) + lien CTA « Prenez rendez-vous » rendu en BOUTON (L2-12 Jade). */
.brand-honda .atelier-prose strong,
.brand-honda .atelier-prose .ap-content strong,
.brand-honda .atelier-prose .ap-intro strong{ color:var(--accent); font-weight:700; }
.brand-honda .atelier-prose__cta{ display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:var(--on-accent); font-family:var(--font-head); font-weight:700; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; padding:14px 28px; border-radius:var(--radius-ui); text-decoration:none; margin-top:8px; transition:background-color .16s var(--ease), transform .16s var(--ease); }
.brand-honda .atelier-prose__cta:hover{ background:var(--accent-strong); }
.brand-honda .atelier-prose__cta:active{ transform:scale(.98); }

/* Filtres SRP (desktop) : les groupes « spécifications » (Année/Marque, Modèle/Carrosserie,
   Prix min/max…) étaient en grille 2 colonnes `.row > .col-6` — trop serrés dans la sidebar
   étroite, mal lisibles. On les EMPILE (chaque champ pleine largeur), un par-dessus l'autre
   (consigne Jade 06/08). Scopé desktop-filters : le modal mobile (large) garde ses 2 colonnes. */
.brand-honda .desktop-filters .filter-group .row > [class*="col-"]{ flex:0 0 100%; max-width:100%; }
.brand-honda .desktop-filters .filter-group .row.g-2{ row-gap:.75rem; }

.brand-honda .atelier-vrp .veh-pagination{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:32px; margin-bottom:56px; }
.brand-honda .atelier-vrp .veh-pagination__btn{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--line); border-radius:var(--radius-pill,999px); color:var(--ink-strong); transition:border-color .2s, color .2s, background .2s; }
.brand-honda .atelier-vrp .veh-pagination__btn svg{ width:16px; height:16px; }
.brand-honda .atelier-vrp .veh-pagination__btn:hover{ border-color:var(--accent); color:var(--accent); }
.brand-honda .atelier-vrp .veh-pagination__btn.is-disabled{ opacity:.35; pointer-events:none; }
.brand-honda .atelier-vrp .veh-pagination__numbers{ display:flex; gap:4px; }
.brand-honda .atelier-vrp .veh-pagination__num{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border-radius:var(--radius-pill,999px); font-size:.9rem; font-weight:600; color:var(--ink-strong); transition:background .2s, color .2s; }
.brand-honda .atelier-vrp .veh-pagination__num:hover{ background:var(--bg-alt); }
.brand-honda .atelier-vrp .veh-pagination__num.is-active{ background:var(--accent); color:var(--on-accent,#fff); }

/* Barre de recherche par mot-clé de l'inventaire — entre le hero et la grille (Jade 2026-08-06) */
/* L2-04 : barre de recherche SRP = largeur du hero (pleine largeur du conteneur) et
   COLLÉE au bas du hero. La marge basse négative annule le padding-bottom du conteneur
   (clamp 36→64px) → la barre touche la bordure basse du hero ; coins bas carrés + bordure
   basse retirée pour fusionner avec cette ligne. */
.brand-honda .atelier-vrp .atelier-invsearch{ display:flex; align-items:center; gap:10px; width:100%; max-width:none; margin-top:28px; margin-bottom:calc(-1 * clamp(36px,5vw,64px)); background:var(--bg); border:1px solid var(--line); border-bottom:0; border-radius:var(--radius-ui) var(--radius-ui) 0 0; padding:6px 6px 6px 16px; }
.brand-honda .atelier-vrp .atelier-invsearch svg{ width:20px; height:20px; flex:0 0 auto; color:var(--ink-soft); }
.brand-honda .atelier-vrp .atelier-invsearch input{ flex:1; min-width:0; border:0; outline:none; background:transparent; font-family:var(--font-body); font-size:1rem; color:var(--ink-strong); padding:11px 0; }
.brand-honda .atelier-vrp .atelier-invsearch input::placeholder{ color:var(--ink-soft); }
.brand-honda .atelier-vrp .atelier-invsearch button{ flex:0 0 auto; border:0; cursor:pointer; background:var(--accent); color:var(--on-accent); font-family:var(--font-body); font-weight:700; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; padding:12px 26px; border-radius:var(--radius-ui); }
.brand-honda .atelier-vrp .atelier-invsearch button:hover{ background:var(--accent-strong); }

/* VDP — onglets SPECS/INSPECTION (Jade 2026-08-06, aligné VDP live) */
/* Panneau blanc derrière les cards specs (comme la VDP live + les autres sections). */
.brand-honda .inv-vdp__specs{ border:1px solid var(--line); border-radius:var(--radius-card); background:var(--white); padding:28px 26px; }
.brand-honda .inv-vdp__specs .container{ padding:0; max-width:none; width:auto; }
.brand-honda .inv-vdp__specs-tabs{ display:flex; gap:0; border-bottom:1px solid var(--line); margin-bottom:24px; }
.brand-honda .inv-vdp__spec-tab{ appearance:none; -webkit-appearance:none; border:0; background:transparent; cursor:pointer; font:700 12px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); padding:14px 22px; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .16s ease, border-color .16s ease; }
.brand-honda .inv-vdp__spec-tab.is-active{ color:var(--ink-strong) !important; border-bottom:2px solid var(--accent) !important; }
.brand-honda .inv-vdp__spec-tab:hover{ color:var(--ink-strong); }
.brand-honda .inv-vdp__specs-title{ font:400 26px/1.1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:-.015em; color:var(--ink-strong); margin:0 0 18px; }
.brand-honda .inv-vdp__spec-table{ margin:0; border-top:1px solid var(--line); }
.brand-honda .inv-vdp__spec-row{ display:flex; justify-content:space-between; gap:20px; padding:13px 2px; border-bottom:1px solid var(--line); }
.brand-honda .inv-vdp__spec-row dt{ font:600 12px/1.3 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; color:#5b6259; margin:0; }
.brand-honda .inv-vdp__spec-row dd{ margin:0; font:500 15px/1.3 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); text-align:right; }
.brand-honda .inv-vdp__spec-located{ margin:18px 0 0; font-size:14px; color:#5b6259; }

/* Specs en cards + icônes — IDENTIQUE à la VDP live hondamontlaurier.com */
.brand-honda .inv-vdp__spec-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.brand-honda .inv-vdp__spec-cards--wide{ grid-template-columns:repeat(2,1fr); margin-top:14px; }
.brand-honda .inv-vdp__spec-card{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; min-height:150px; padding:24px 16px; background:#fff; border:1px solid #e4ded2; border-radius:10px; }
.brand-honda .inv-vdp__spec-card--plain{ align-items:flex-start; text-align:left; gap:6px; min-height:0; padding:18px 20px; }
.brand-honda .inv-vdp__spec-card-ico{ display:inline-flex; color:var(--ink-strong); }
.brand-honda .inv-vdp__spec-card-ico svg{ width:42px; height:42px; }
.brand-honda .inv-vdp__spec-card-label{ font:400 15px/1.3 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); }
.brand-honda .inv-vdp__spec-card-label::after{ content:':'; }
.brand-honda .inv-vdp__spec-card-value{ font:600 15px/1.35 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); }
@media(max-width:640px){ .brand-honda .inv-vdp__spec-cards{ grid-template-columns:repeat(2,1fr); } }

/* Section « Garantie offerte » (remplace features pour Honda, aligné VDP live) */
.brand-honda .inv-vdp-warranty{ margin-top:8px; }
.brand-honda .inv-vdp-warranty__title{ display:flex; align-items:center; gap:10px; font:400 24px/1.1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:-.015em; color:var(--ink-strong); margin:0 0 16px; }
.brand-honda .inv-vdp-warranty__title svg{ color:var(--accent); flex:0 0 auto; }
.brand-honda .inv-vdp-warranty__card{ display:flex; align-items:center; gap:16px; padding:20px 22px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-ui,8px); }
.brand-honda .inv-vdp-warranty__icon{ display:inline-flex; color:var(--accent); flex:0 0 auto; }
.brand-honda .inv-vdp-warranty__label{ display:block; font:700 12px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:#5b6259; }
.brand-honda .inv-vdp-warranty__value{ display:block; margin-top:5px; font:500 16px/1.35 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); }
.brand-honda .inv-vdp__warranty{ display:flex; align-items:center; gap:12px; margin-top:22px; padding:16px 18px; background:var(--bg-alt); border:1px solid var(--line); border-radius:var(--radius-ui,8px); }
.brand-honda .inv-vdp__warranty svg{ width:26px; height:26px; color:var(--accent); flex:0 0 auto; }
.brand-honda .inv-vdp__warranty-label{ display:block; font:700 12px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-strong); }
.brand-honda .inv-vdp__warranty-value{ display:block; margin-top:4px; font-size:14px; color:#5b6259; }
.brand-honda .inv-vdp__inspection-intro{ max-width:64ch; font-size:14.5px; line-height:1.6; color:var(--ink); margin:0 0 20px; }
.brand-honda .inv-vdp__inspection-head{ display:flex; flex-wrap:wrap; gap:8px 28px; font-size:13px; color:#5b6259; margin:0 0 18px; }
.brand-honda .inv-vdp__inspection-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.brand-honda .inv-vdp__inspection-item{ display:flex; align-items:center; gap:12px; padding:13px 2px; border-bottom:1px solid var(--line); }
.brand-honda .inv-vdp__inspection-item svg{ width:18px; height:18px; color:#1a7f3c; flex:0 0 auto; }
.brand-honda .inv-vdp__inspection-point{ flex:1; font-size:15px; color:var(--ink-strong); }
.brand-honda .inv-vdp__inspection-status{ font:700 11px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#1a7f3c; }
@media (max-width:560px){ .brand-honda .inv-vdp__spec-row,.brand-honda .inv-vdp__inspection-item{ flex-wrap:wrap; } .brand-honda .inv-vdp__spec-row dd{ text-align:left; } }

/* VDP — Textez-moi + Sourcing (Jade 2026-08-06, aligné VDP live) */
.brand-honda .inv-vdp__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.brand-honda .inv-vdp__textme{ padding:6px 0 22px; }
.brand-honda .inv-vdp__textme-form{ background:var(--ink-strong); border-radius:var(--radius-card,8px); padding:22px 24px; }
.brand-honda .inv-vdp__textme-head{ display:flex; align-items:center; gap:10px; color:#fff; font:700 12px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.1em; margin-bottom:14px; }
.brand-honda .inv-vdp__textme-head svg{ width:20px; height:20px; color:#ff7a7a; flex:0 0 auto; }
.brand-honda .inv-vdp__textme-row{ display:flex; gap:10px; flex-wrap:wrap; }
.brand-honda .inv-vdp__textme-row input{ flex:1; min-width:160px; border:1px solid #3a4038; background:var(--bg); border-radius:var(--radius-ui,8px); padding:12px 14px; font:400 15px/1.3 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); }
.brand-honda .inv-vdp__textme-row button{ flex:0 0 auto; border:0; cursor:pointer; background:var(--accent); color:#fff; font:700 13px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; padding:12px 28px; border-radius:var(--radius-ui,8px); }
.brand-honda .inv-vdp__textme-row button:hover{ background:#9e0000; }
.brand-honda .inv-vdp__textme-msg{ margin:14px 0 0; color:#fff; font-size:14px; }
.brand-honda .inv-vdp__textme-msg.is-ok{ color:#8fe0a8; }

.brand-honda .inv-vdp__sourcing{ background:var(--bg-alt); border-top:1px solid var(--line); padding:clamp(44px,6vw,72px) 0; margin-top:24px; }
.brand-honda .inv-vdp__sourcing-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,56px); align-items:center; }
.brand-honda .inv-vdp__sourcing-intro h2{ font:400 clamp(26px,3.4vw,34px)/1.08 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:-.015em; color:var(--ink-strong); margin:0 0 14px; max-width:18ch; }
.brand-honda .inv-vdp__sourcing-intro p{ font-size:15.5px; line-height:1.6; color:var(--ink); margin:0; max-width:52ch; }
.brand-honda .inv-vdp__sourcing-form{ display:flex; flex-direction:column; gap:12px; }
.brand-honda .inv-vdp__sourcing-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.brand-honda .inv-vdp__sourcing-form input,.brand-honda .inv-vdp__sourcing-form textarea{ width:100%; border:1px solid var(--line); background:var(--bg); border-radius:var(--radius-ui,8px); padding:13px 15px; font:400 15px/1.3 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); }
.brand-honda .inv-vdp__sourcing-form textarea{ resize:vertical; }
.brand-honda .inv-vdp__sourcing-form button{ align-self:flex-start; border:0; cursor:pointer; background:var(--accent); color:#fff; font:700 13px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; padding:14px 32px; border-radius:var(--radius-ui,8px); }
.brand-honda .inv-vdp__sourcing-form button:hover{ background:#9e0000; }
.brand-honda .inv-vdp__sourcing-msg{ margin:4px 0 0; font-size:14px; color:var(--accent-strong); }
.brand-honda .inv-vdp__sourcing-msg.is-ok{ color:#1a7f3c; }
@media (max-width:780px){ .brand-honda .inv-vdp__sourcing-grid,.brand-honda .inv-vdp__sourcing-row{ grid-template-columns:1fr; } }

/* Top-bar : texte agrandi (Jade 06/08 : « trop petit ») — bump modéré pour ne
   pas faire déborder la barre. */
.brand-honda .top-bar{ font-size:13.5px; }
.brand-honda .top-bar a,
.brand-honda .top-bar span:not(.lang-dropdown__code):not(.lang-dropdown__name),
.brand-honda .top-bar p{ font-size:13.5px; }
.brand-honda .top-bar .lang-dropdown__toggle{ font-size:13px; }
/* FIX régression (Jade 06/08 : le dropdown FR/EN disparaissait) : l'annonce était
   fixée à 50% et ne rétrécissait pas → la colonne de droite (avec le sélecteur de
   langue) débordait hors écran. On fait rétrécir l'annonce (marquee clippé) et on
   garde la droite à sa taille, donc le dropdown reste TOUJOURS visible. */
.brand-honda .top-bar__announcement{ flex:1 1 auto !important; min-width:0 !important; overflow:hidden; }
.brand-honda .top-bar__right{ flex:0 0 auto !important; }
/* Sous ~1360px, on masque le courriel (le moins essentiel) pour laisser la place. */
@media (max-width:1360px){ .brand-honda .top-bar__right a[href^="mailto"]{ display:none; } }

/* VDP — Partage réseaux sociaux + téléphone (Jade 06/08, aligné VDP live) */
.brand-honda .inv-vdp__share{ background:var(--bg-alt); border-top:1px solid var(--line); padding:clamp(32px,4vw,52px) 0; }
.brand-honda .inv-vdp__share-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px 40px; flex-wrap:wrap; }
.brand-honda .inv-vdp__share-eyebrow{ display:block; font:600 11px/1 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#b30000; margin-bottom:10px; }
.brand-honda .inv-vdp__share-phone{ display:inline-flex; align-items:center; gap:8px; font:700 16px/1.2 'Honda Sans','Avenir Next','Helvetica Neue',Arial,sans-serif; color:var(--ink-strong); text-decoration:none; }
.brand-honda .inv-vdp__share-phone svg{ width:18px; height:18px; color:var(--accent); }
.brand-honda .inv-vdp__share-text{ font-size:14px; color:#5b6259; margin:8px 0 0; }
.brand-honda .inv-vdp__share-links{ display:flex; gap:10px; }
.brand-honda .inv-vdp__share-btn{ width:42px; height:42px; display:grid; place-items:center; border:1px solid #cbc4b4; border-radius:50%; color:var(--ink-strong); text-decoration:none; transition:background-color .16s ease, color .16s ease, border-color .16s ease; }
.brand-honda .inv-vdp__share-btn svg{ width:18px; height:18px; }
.brand-honda .inv-vdp__share-btn:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }
@media (max-width:560px){ .brand-honda .atelier-vrp .atelier-invsearch{ flex-wrap:wrap; } .brand-honda .atelier-vrp .atelier-invsearch button{ width:100%; } }

/* #15 — CTA card SRP « Vérifier la disponibilité » tronqué : nowrap + overflow:hidden
   sur une boîte trop étroite (scrollW 196 > 170) coupait le texte des 2 côtés.
   On rétrécit typo/tracking/padding pour que le libellé COMPLET tienne. */
.brand-honda .veh-actions .availability-btn.btn--sm{
  font-size:10.5px; letter-spacing:.02em; padding-inline:8px;
  overflow:visible; text-overflow:clip; min-width:0;
}
.brand-honda .veh-actions{ gap:8px; }
@media(max-width:420px){
  .brand-honda .veh-actions{ grid-template-columns:1fr; }
}

/* ---- Retouches footer (Jade 2026-08-06) ---- */
/* « Suivez-nous » vit maintenant DANS le <ul> des coordonnées : on l'aligne
   sur le TEXTE des lignes (icône ~18px + gap 10px = 28px), et on retire la puce. */
.brand-honda .footer__contact li.footer__follow--contact{
  display:flex; align-items:center; gap:12px; list-style:none; margin:10px 0 0; padding-left:28px;
}
.brand-honda .footer__follow--contact .footer__follow-label{ margin:0; }
.brand-honda .footer__follow--contact .footer__social{ margin:0; }
/* Pastilles FR/EN du bas remontées de quelques px pour ne pas coller à la ligne. */
.brand-honda .footer__lang{ transform: translateY(-3px); }

/* ============================================================
   BUMP tailles chrome header post-changement de font (National/Helvetica
   Neue rendent plus petit que l'ancien fallback) — Jade 06/08.
   Ces règles sont EN FIN de fichier pour gagner la cascade sur les media
   queries desktop (min-width:1200) qui pilotent la nav.
   ============================================================ */
/* Top-bar : items + liens */
.brand-honda .top-bar__item,
.brand-honda .top-bar a { font-size: .9rem; }

@media (min-width: 1440px){
  .brand-honda .nav-menu > .nav-item > .nav-link{ font-size: .96rem; }
  .brand-honda .header__service-cta{ font-size: .9rem; }
}
@media (min-width: 1200px) and (max-width: 1439px){
  .brand-honda .nav-menu > .nav-item > .nav-link{ font-size: .88rem; }
  .brand-honda .header__service-cta{ font-size: .72rem; }
}

/* SRP cartes — boutons d'action lisibles (National/Helvetica rendent petit).
   On empile en pleine largeur pour que « Vérifier la disponibilité » tienne à taille
   normale, ce qui supprime le besoin du hack 10.5px de #15. */
.brand-honda .atelier-vrp .veh-actions,
.brand-honda .inv-grid .veh-actions{
  grid-template-columns:1fr;
}
.brand-honda .atelier-vrp .veh-actions .btn,
.brand-honda .atelier-vrp .veh-actions .btn--sm,
.brand-honda .inv-grid .veh-actions .btn,
.brand-honda .inv-grid .veh-actions .btn--sm,
.brand-honda .veh-actions .availability-btn.btn--sm{
  font-size:.9rem;
  letter-spacing:.01em;
  padding:.75em 1.15em;
  white-space:nowrap;
}

/* ===================== HONDA ATELIER — page MODÈLES (lineup) =====================
   Le composant `Nerd.Lineup\Filternew` sort du markup Bootstrap (`btn btn-outline-primary`
   en `d-block`), ce qui donnait des blocs rouges pleine largeur empilés. On le ramène à
   l'Atelier : rangée de pastilles bordées, accent au survol, typo de la marque.
   Trouvé et corrigé le 2026-08-11 en réparant la page (voir aussi les clés de langue
   `filter.*` / `vrp.*` ajoutées à Nerd.Inventory). */
.brand-honda .lineup-vrp .lineupVrp .h4.text-muted{
  font-family:var(--font-head); font-size:.72rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-soft); margin:0 0 14px;
}
.brand-honda .lineup-vrp .lineupVrp > .container > .row{
  display:flex; flex-wrap:wrap; gap:10px; margin:0 0 clamp(28px,3.5vw,44px);
}
.brand-honda .lineup-vrp .category-button{
  display:inline-flex; align-items:center; width:auto; flex:0 0 auto; margin:0 !important;
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-pill);
  color:var(--ink-strong); font-family:var(--font-head); font-weight:700; font-size:.78rem;
  letter-spacing:.06em; text-transform:uppercase; padding:10px 18px; text-decoration:none;
  transition:border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);
}
.brand-honda .lineup-vrp .category-button:hover{ border-color:var(--accent); color:var(--accent); }
.brand-honda .lineup-vrp .category-button:active{ transform:scale(.98); }
.brand-honda .lineup-vrp .category-button .d-flex{ gap:8px; }
.brand-honda .lineup-vrp .lineupVrp-title-box h3{
  font-family:var(--font-head); font-size:var(--fs-h3); font-weight:var(--head-weight);
  letter-spacing:var(--head-tracking); color:var(--ink-strong); margin:clamp(28px,3.5vw,44px) 0 18px;
}
.brand-honda .lineup-vrp .lineupVrp__grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px;
}
.brand-honda .lineup-vrp .lineupVrp__card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-card);
  box-shadow:var(--shadow-card); overflow:hidden;
  transition:transform .2s var(--ease), border-color .2s var(--ease);
}
.brand-honda .lineup-vrp .lineupVrp__card:hover{ transform:translateY(-3px); border-color:var(--accent); }
/* Bootstrap `.text-primary` (bleu) sort du markup du composant lineup → accent de marque,
   et le nom du modèle collait à l'année (les utilitaires `mr-3` ne portent pas ici). */
.brand-honda .lineup-vrp .text-primary{ color:var(--accent) !important; }
.brand-honda .lineup-vrp .car_card_info_header{ display:flex; align-items:baseline; gap:8px; }
.brand-honda .lineup-vrp .card-header{ background:var(--bg-alt); border-bottom:1px solid var(--line); padding:18px 20px; }
.brand-honda .lineup-vrp .car_card_info_header h4,
.brand-honda .lineup-vrp h4.car_card_info_header{ font-family:var(--font-head); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-soft); }
.brand-honda .lineup-vrp h3.car_card_info_header{ font-family:var(--font-head); font-size:1.15rem; color:var(--ink-strong); margin:0; }
.brand-honda .lineup-vrp .vrp4-vehicleFound{ font-family:var(--font-body); font-size:.9rem; color:var(--ink-soft); text-align:left !important; }
.brand-honda .lineup-vrp .vrp4-vehicleFound .text-primary{ font-weight:700; }
/* Le markup du plugin lineup est en Bootstrap 4 : `.sr-only` n'existe plus en Bootstrap 5
   (renommé `.visually-hidden`) → les libellés « Previous »/« Next » des carrousels
   s'affichaient par-dessus les images. On redonne à `.sr-only` son comportement. */
.brand-honda .lineup-vrp .sr-only{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
/* Icônes-sprites des pastilles de catégorie : non chargées ici, elles laissaient un
   artefact devant le libellé. L'Atelier n'en a pas besoin. */
.brand-honda .lineup-vrp .category-button i[class*="_icon"]{ display:none; }

/* SRP — respiration entre la barre de recherche et les cartes (demande Jade 2026-08-11).
   La barre est volontairement COLLÉE au bas de la bande (marge basse négative, L2-04) :
   le vide se prend donc en haut du conteneur de résultats, sinon les cartes touchent la
   barre au pixel (mesuré : gap = 0). */
.brand-honda .atelier-vrp > .vehicles-container{ padding-top:clamp(28px,3.4vw,44px); }

/* Financement — l'en-tête du formulaire vient du plugin NerdCRM avec un dégradé
   #15171a → #e3173e (un rose-rouge qui n'est PAS l'accent Honda). Ramené aux tokens de
   marque : même geste, bonne couleur. Le texte blanc reste au-dessus de 4,5:1 sur les deux
   extrémités du dégradé (vérifié 2026-08-11). */
.brand-honda .financing-form-header{
  background:linear-gradient(135deg, var(--ink-strong) 0%, var(--accent-strong) 100%);
}