/* ============================================================
   ARGANE \002014 Menu / Navigation (composant partag\0000e9)
   Source unique pour TOUTES les pages.
   Inject\0000e9 + pilot\0000e9 par argane-nav.js
   (contour de la pilule supprim\0000e9)
   ============================================================ */

/* ============================================================
   1. UTIL BAR (fine bande Forge, masquable au scroll)
   ============================================================ */
.util{
  background:transparent;
  color:var(--paper);
  font-size:12px;
  border-bottom:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:70;
  pointer-events:none;
  transition:transform .3s ease;
}
.util.is-hidden{
  transform:translateY(-100%);
  pointer-events:none;
}
.util-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  /* m\0000eame m\0000e9canique que .nav-inner pour aligner le bord droit sur le menu */
  padding:0 clamp(20px, 3vw, 40px);
  max-width:none;
  margin-inline:0;
  min-height:0;
  pointer-events:none;
}
/* piste plafonn\0000e9e \0000e0 --max : son bord droit co\0000efncide avec celui du menu */
.util-track{
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  display:flex;
  justify-content:flex-end;
  pointer-events:none;
}
.util-track > *{pointer-events:auto;}
.util-inner > *{pointer-events:auto;}
/* Pilule \0000e0 droite : m\0000eame look que .nav-pill, arrondie uniquement en bas */
.util-pill{
  display:inline-flex;
  align-items:center;
  gap:24px;
  padding:10px 22px 12px;
  background:rgba(8,31,44,0.82);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border-radius:0 0 22px 22px;
  color:var(--paper);
  transition:background .25s ease;
}
.util-left{
  font-family:var(--ff-body);
  font-size:12px;
  color:rgba(250,250,250,0.70);
  letter-spacing:0.01em;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.util-left strong{color:var(--paper); font-weight:500;}
.util-left .sep{color:rgba(250,250,250,0.30); padding:0 4px;}
.util-right{display:flex; align-items:center; gap:16px;}
.util-sep{
  color:rgba(250,250,250,0.20);
  font-family:var(--ff-body);
  font-size:14px;
  user-select:none;
}
.util-right > a{
  font-family:var(--ff-body);
  font-size:12px;
  color:rgba(250,250,250,0.70);
  transition:color .2s ease;
}
.util-right > a:hover{color:var(--paper);}

/* S\0000e9lecteur de langue dans la util bar \002014 m\0000eame style que .lang-compact mais sur fond Forge */
.util-lang{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--ff-body);
  font-size:11px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:rgba(250,250,250,0.80);
  cursor:pointer;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(250,250,250,0.08);
  transition:background .2s ease, color .2s ease;
}
.util-lang:hover,
.util-lang:focus-within{color:var(--paper); background:rgba(250,250,250,0.15);}
.util-lang .current{padding:0;}
.util-lang .caret{width:16px; height:16px; margin-left:0; transition:transform .28s ease;}
.util-lang:hover .caret,
.util-lang:focus-within .caret{transform:rotate(180deg);}
/* Sous-menu langue \002014 panneau clair arrondi (r\0000e9f. fournie) */
.util-lang .dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  background:var(--paper);
  border:1px solid rgba(8,31,44,0.06);
  border-radius:16px;
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:212px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(0.97);
  transform-origin:top right;
  transition:opacity .22s ease, transform .28s cubic-bezier(.34,1.56,.64,1), visibility .28s;
  z-index:75;
  box-shadow:0 26px 54px rgba(8,31,44,0.24), 0 6px 16px rgba(8,31,44,0.10);
}
.util-lang:hover .dropdown,
.util-lang:focus-within .dropdown{opacity:1; visibility:visible; transform:translateY(0) scale(1);}
.util-lang .dropdown .lang-opt{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  font-family:var(--ff-body);
  font-size:15.5px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:var(--forge);
  background:transparent;
  border:0;
  cursor:pointer;
  padding:11px 12px 11px 16px;
  border-radius:11px;
  text-align:left;
  transition:background .18s ease;
}
.util-lang .dropdown .lang-opt:hover{background:rgba(8,31,44,0.05);}
.util-lang .dropdown .lang-opt.is-active{background:rgba(8,31,44,0.07);}
.util-lang .dropdown .lang-opt .check{
  flex:0 0 auto;
  width:24px; height:24px;
  border-radius:50%;
  background:var(--forge);
  color:#fff;
  display:none;
  align-items:center;
  justify-content:center;
}
.util-lang .dropdown .lang-opt.is-active .check{display:flex;}
.util-lang .dropdown .lang-opt .check svg{width:12px; height:12px;}
.util .lang{
  display:flex;
  font-family:var(--ff-body);
  font-size:11px;
  letter-spacing:0.14em;
}
.util .lang button{
  padding:4px 8px;
  color:rgba(250,250,250,0.55);
  text-transform:uppercase;
  cursor:pointer;
}
.util .lang button[aria-current="true"]{color:var(--paper);}
.util .lang button + button{border-left:1px solid rgba(250,250,250,0.10);}

/* ============================================================
   2. NAV PRINCIPALE \002014 pilules flottantes (smart sticky)
   ============================================================ */
.nav{
  position:fixed;
  top:38px; /* sous l'util bar transparente */
  left:0;
  right:0;
  z-index:60;
  background:transparent;
  color:var(--paper);
  border:none;
  pointer-events:none; /* les pilules captent les events */
  transition:transform .45s cubic-bezier(.4,0,.2,1), top .3s ease;
  will-change:transform;
}
.util.is-hidden + .nav{top:0;}
.nav.is-hidden{transform:translateY(calc(-100% - 16px));}
.nav.is-scrolled .nav-pill{
  background:rgba(8,31,44,0.92);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px clamp(20px, 3vw, 40px);
  max-width:none;
  margin-inline:0;
  transition:padding .5s cubic-bezier(.4,0,.2,1);
}
.nav-pill{
  pointer-events:auto;
  background:rgba(8,31,44,0.82);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border-radius:22px;
  box-shadow:none;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  column-gap:clamp(20px, 2.4vw, 36px);
  min-height:84px;
  width:100%;
  max-width:var(--max);
  padding:10px 14px 10px 30px;
  transition:background .25s ease, max-width .55s cubic-bezier(.4,0,.2,1);
}
/* ----- Mega ouvert : la nav garde sa largeur par d\0000e9faut (pas d'agrandissement) ----- */
.nav-pill-links{
  display:flex;
  align-items:center;
  justify-self:center;
  min-width:0;
}
.nav-pill-actions{
  display:flex;
  align-items:center;
  gap:clamp(14px, 1.6vw, 22px);
  justify-self:end;
}
.logo-mark{display:inline-flex; align-items:center; justify-self:start;}
.logo-mark img.logo-svg{
  height:50px;
  width:auto;
  display:block;
}
@media (max-width: 1023.98px){
  .nav-pill{
    grid-template-columns:auto 1fr auto;
    min-height:64px;
    border-radius:18px;
    padding:8px 16px 8px 22px;
    column-gap:16px;
  }
  .nav-pill-links{display:none;}
  .logo-mark img.logo-svg{height:36px;}
  .nav-inner{padding:14px clamp(16px, 3vw, 28px);}
}

/* Liens horizontaux \002014 visible \0022651024 */
.nav-list{
  display:none;
  list-style:none;
  margin:0; padding:0;
  justify-content:flex-start;
  gap:clamp(24px, 2.4vw, 40px);
  white-space:nowrap;
}
.nav-list > li{position:relative;}
.nav-list a,
.nav-list > li > button.nav-link{
  font-family:var(--ff-body);
  font-size:14px;
  font-weight:500;
  letter-spacing:0.01em;
  color:var(--paper);
  padding:8px 0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  position:relative;
  background:none;
  border:0;
  white-space:nowrap;
  transition:color .2s ease;
}
.nav-list a:hover,
.nav-list > li > button.nav-link:hover{color:var(--braise);}
.nav-list a::after,
.nav-list > li > button.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:2px;
  background:var(--braise);
  transition:right .2s ease;
}
/* Produits = m\0000eame comportement que les autres items : changement de couleur
   uniquement (pas de barre de soulignement). La barre reste masqu\0000e9e m\0000eame
   quand le m\0000e9ga-menu est ouvert. */
/* D\0000e9clencheur de sous-menu : rouge au hover ET quand le sous-menu est ouvert */
.nav-list > li.is-open > button.nav-link{color:var(--braise);}

/* ===== Lien actif (page courante) : fl\0000e8che Braise + texte blanc au repos ===== */
.nav-list a[aria-current="page"],
.nav-list > li > button.nav-link[aria-current="page"]{
  color:var(--paper);
}
/* Hover OU sous-menu ouvert sur l'item actif \002192 passe en rouge */
.nav-list a[aria-current="page"]:hover,
.nav-list > li > button.nav-link[aria-current="page"]:hover,
.nav-list > li.is-open > button.nav-link[aria-current="page"]{
  color:var(--braise);
}
.nav-list a[aria-current="page"]::after,
.nav-list > li > button.nav-link[aria-current="page"]::after{display:none;}
/* Forme de marque (r\0000e9f. fournie) en Braise \002014 marqueur de page active */
.nav-list a[aria-current="page"]::before,
.nav-list > li > button.nav-link[aria-current="page"]::before{
  content:"";
  width:19px;
  height:11px;
  flex:0 0 auto;
  align-self:center;
  background:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20155.49%2088.12%27%3E%3Cpath%20fill=%27%23EE2737%27%20d=%27M0,88.12v-40.56h91.13c10.76,0,21.07-4.27,28.68-11.88L155.49,0v57.37l-18.87,18.87c-7.61,7.61-17.92,11.88-28.68,11.88,0,0-107.94,0-107.94,0Z%27/%3E%3C/svg%3E) center/contain no-repeat;
}

/* ===== Item "Rechercher" ic\0000f4ne seule en fin de nav ===== */
.nav-list-search{margin-left:8px;}
.nav-search-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:13px;
  background:transparent;
  border:0;
  color:var(--paper);
  cursor:pointer;
  padding:0;
  transition:color .3s cubic-bezier(.4,0,.2,1);
}
/* Fond squircle blanc r\0000e9v\0000e9l\0000e9 au survol (scale + fondu, l\0000e9ger rebond) */
.nav-search-btn::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:13px;
  background:#fff;
  box-shadow:0 10px 26px rgba(0,0,0,0.30);
  opacity:0;
  transform:scale(0.55);
  transition:opacity .32s cubic-bezier(.34,1.56,.64,1), transform .32s cubic-bezier(.34,1.56,.64,1);
  z-index:0;
}
.nav-search-btn svg{
  width:18px; height:18px;
  position:relative;
  z-index:1;
  transition:transform .32s cubic-bezier(.34,1.56,.64,1);
}
.nav-search-btn:hover,
.nav-search-btn:focus-visible{color:var(--forge);}
.nav-search-btn:hover::before,
.nav-search-btn:focus-visible::before{opacity:1; transform:scale(1);}
.nav-search-btn:hover svg{transform:scale(1.04);}
/* S\0000e9parateur vertical avant l'ic\0000f4ne de recherche */
.nav-actions-sep{
  flex:0 0 auto;
  width:1px;
  height:26px;
  background:rgba(250,250,250,0.20);
  border-radius:1px;
}
@media (max-width:1023.98px){ .nav-actions-sep{display:none;} }
/* Pas de soulignement Braise (r\0000e9serv\0000e9 aux liens textuels) */
.nav-list-search a::after,
.nav-list-search button::after{display:none;}
.nav-list .caret{
  width:16px; height:16px;
  transition:transform .25s ease;
  margin-left:2px;
}
.nav-list > li.is-open .caret{transform:rotate(180deg);}

/* Actions droite */
.nav-cta{
  display:flex;
  align-items:center;
  gap:20px;
  justify-self:end;
}
.lang-compact{
  display:none;
  font-family:var(--ff-body);
  font-size:12px;
  letter-spacing:0.10em;
  text-transform:uppercase;
  color:rgba(250,250,250,0.60);
  align-items:center;
  position:relative;
  cursor:pointer;
}
.lang-compact:hover{color:var(--paper);}
.lang-compact .current{padding:6px 4px;}
.lang-compact .caret{width:8px; height:8px; margin-left:4px;}
.lang-compact .dropdown{
  position:absolute;
  top:100%;
  right:0;
  background:rgba(8,31,44,0.85);
  border:1px solid rgba(250,250,250,0.10);
  padding:6px 0;
  display:flex;
  flex-direction:column;
  min-width:88px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:5;
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  box-shadow:0 12px 28px rgba(0,0,0,0.35);
}
.lang-compact:hover .dropdown,
.lang-compact:focus-within .dropdown{opacity:1; visibility:visible; transform:translateY(0);}
.lang-compact .dropdown button{
  font:inherit;
  letter-spacing:0.10em;
  padding:8px 14px;
  color:rgba(250,250,250,0.60);
  background:none; border:0;
  text-align:left;
  cursor:pointer;
}
.lang-compact .dropdown button:hover{color:var(--paper); background:rgba(250,250,250,0.04);}

/* CTA D\0000e9mo dans la nav \002014 m\0000eame forme que la pilule */
.nav-cta .btn-primary,
.nav-pill .btn-primary,
.nav-cta-btn{
  --btn-font:13px;
}
.nav-cta .btn-primary:hover,
.nav-pill .btn-primary:hover,
.nav-cta-btn:hover{background:#ff3445;}

/* Masquer le CTA dans la pilule sous 1024 (passage en burger) */
@media (max-width:1023.98px){
  .nav-cta-btn{display:none;}
}

/* Menu trigger (mobile uniquement) */
.menu-trigger{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-family:var(--ff-body);
  font-size:13px;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--paper);
  padding:8px 0;
  border-left:0;
}
.menu-trigger .bars{width:28px; height:14px; position:relative;}
.menu-trigger .bars::before,
.menu-trigger .bars::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height:1.5px;
  background:var(--paper);
  transition:transform .3s ease, top .3s ease, opacity .3s ease;
}
.menu-trigger .bars::before{top:3px;}
.menu-trigger .bars::after{top:10px;}

/* ============================================================
   MEGA-MENU PRODUITS \002014 pleine largeur sous la nav (fond Forge)
   ============================================================ */
.mega{
  position:absolute;
  top:calc(100% - 6px);
  left:clamp(20px, 3vw, 40px);
  right:clamp(20px, 3vw, 40px);
  max-width:var(--max);
  margin-inline:auto;
  /* Fond Forge obligatoire : les rendus de machines ne sont pas détourés,
     leur fond Forge est cuit dans l'image (avec l'ombre portée). Tout autre
     fond fait apparaître le rectangle de la vignette. La séparation avec la
     page est portée par la bordure, l'ombre et le voile flouté. */
  background:#081F2C;
  border:1px solid rgba(250,250,250,0.10);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(250,250,250,0.06) inset, 0 32px 80px -12px rgba(0,0,0,0.72), 0 8px 24px -8px rgba(0,0,0,0.5);
  pointer-events:auto;
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  transition:opacity .25s ease-out, transform .25s ease-out, visibility .25s;
  z-index:55;
}

/* ============================================================
   MEGA-MENU PRODUITS — présentation liste (.mega--v1)
   Remplace la grille de cartes (.mega-grid) : une liste éditoriale
   avec aperçu image au survol (crossfade), qui accepte nativement
   un nombre variable de familles.
   ============================================================ */
.mega--v1{left:0;right:0;width:min(920px,calc(100vw - 40px));max-width:none;margin-inline:auto;--mm-sep:clamp(18px,2vw,24px);}
.mega--v1 .mega-inner{padding:clamp(24px,2.6vw,38px);}
.mm{display:grid;grid-template-columns:1fr;gap:22px;}
@media (min-width:820px){
  .mm{grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);}
  .mm-col{border-right:1px solid rgba(250,250,250,0.10);padding-right:clamp(20px,2.4vw,36px);}
}
.mm-col{display:flex;flex-direction:column;gap:var(--mm-sep);}
.mm-group-label{display:block;font-family:var(--ff-mono,var(--ff-body));font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--braise);margin-bottom:16px;}
.mm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(8px,0.9vw,13px);}
.mm-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:4px 0;text-decoration:none;color:rgba(250,250,250,0.74);opacity:0;transform:translateX(-10px);transition:color .2s ease;}
.mega--v1.is-open .mm-item{opacity:1;transform:none;transition:opacity .45s cubic-bezier(.16,1,.3,1) calc(70ms + var(--i) * 38ms),transform .5s cubic-bezier(.16,1,.3,1) calc(70ms + var(--i) * 38ms),color .2s ease;}
.mm-item:hover,.mm-item.is-active,.mm-item:focus-visible{color:var(--paper);}
.mm-item:focus-visible{outline:none;}
.mm-item:focus-visible .mm-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--braise);}
.mm-item[aria-current="page"] .mm-name::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--braise);margin-left:10px;vertical-align:0.32em;}
.mm-text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.mm-name{font-family:var(--ff-display);font-size:clamp(19px,1.85vw,25px);font-weight:500;letter-spacing:-0.025em;line-height:1.12;text-wrap:balance;}
.mm-ref{font-family:var(--ff-body);font-size:11px;font-weight:400;letter-spacing:0.01em;color:rgba(250,250,250,0.62);transition:color .2s ease;}
.mm-item:hover .mm-ref,.mm-item.is-active .mm-ref{color:rgba(250,250,250,0.82);}
.mm-cap{font-family:var(--ff-mono,var(--ff-body));font-size:11px;font-weight:400;letter-spacing:0.08em;white-space:nowrap;color:rgba(250,250,250,0.62);transition:color .2s ease;}
.mm-item:hover .mm-cap,.mm-item.is-active .mm-cap{color:rgba(250,250,250,0.82);}
.mm-arrow{width:20px;height:20px;flex:none;opacity:0;transform:translateX(-6px);transition:opacity .2s ease,transform .2s ease;color:var(--braise);}
.mm-item:hover .mm-arrow,.mm-item.is-active .mm-arrow,.mm-item:focus-visible .mm-arrow{opacity:1;transform:translateX(0);}
.mm-preview{display:none;flex-direction:column;gap:12px;}
@media (min-width:820px){.mm-preview{display:flex;}}
.mm-preview-frame{position:relative;display:block;flex:1;min-height:280px;overflow:hidden;}
.mm-preview-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 56% at 52% 54%,rgba(238,39,55,0.11) 0%,rgba(238,39,55,0) 68%);pointer-events:none;}
.mm-preview-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(0.975);transition:opacity .34s ease,transform .6s cubic-bezier(.16,1,.3,1);}
.mm-preview-img.is-shown{opacity:1;transform:none;}
.mm-preview-cap{font-family:var(--ff-mono,var(--ff-body));font-size:11px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:rgba(250,250,250,0.38);padding:0 2px;}
.mm-group--sweep{padding-top:var(--mm-sep);border-top:1px solid rgba(250,250,250,0.10);}

/* Les deux groupes (Broyeurs / Balayeuses) passent côte à côte dans la
   colonne de gauche : 5 rangées au lieu de 8 + séparateur. */
@media (min-width:1024px){
	.mega--v1{width:min(1140px,calc(100vw - 40px));}
	.mm{grid-template-columns:1.35fr 1fr;gap:clamp(20px,2.4vw,36px);}
	.mm-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,30px);align-content:start;}
	.mm-group--sweep{padding-top:0;border-top:0;}
	.mm-group-label{margin-bottom:10px;}
	.mm-list{gap:clamp(6px,0.6vw,10px);}
	.mm-name{font-size:clamp(17px,1.35vw,20px);}
	.mm-item{grid-template-columns:1fr auto;gap:10px;}
	.mm-cap{display:none;}
	.mm-preview-frame{min-height:210px;}
}
@media (min-width:1024px) and (max-height:900px){
	.mm-preview-frame{min-height:180px;}
}

@media (prefers-reduced-motion:reduce){
  .mm-item,.mega--v1.is-open .mm-item{opacity:1;transform:none;transition:color .2s ease;}
  .mm-preview-img{transition:opacity .2s ease;}
}
.mega--v1 .mega-foot{margin-top:var(--mm-sep);padding-top:var(--mm-sep);border-top:1px solid rgba(250,250,250,0.10);}
@media (max-width:900px){
  .mega--v1{--mm-sep:16px;max-height:calc(100vh - 118px);overflow-y:auto;overscroll-behavior:contain;}
  .mega--v1 .mega-inner{padding:24px 28px 20px;}
  .mm-group-label{margin-bottom:12px;}
  .mm-list{gap:10px;}
  .mm-name{font-size:clamp(18px,1.7vw,21px);}
  .mm-preview-frame{min-height:200px;}
}
@media (max-height:700px){
  .mega--v1{--mm-sep:12px;}
  .mega--v1 .mega-inner{padding:20px 26px 16px;}
  .mm-list{gap:7px;}
  .mm-name{font-size:19px;}
  .mm-ref{font-size:11px;}
  .mm-preview-frame{min-height:150px;}
}

/* ----- Voile : floute la page derrière le mega-menu ouvert ----- */
.mega-scrim{position:fixed;inset:0;z-index:50;opacity:0;visibility:hidden;pointer-events:none;background:rgba(4,14,20,0.46);backdrop-filter:blur(16px) saturate(105%);-webkit-backdrop-filter:blur(16px) saturate(105%);transition:opacity .25s ease-out,visibility .25s;}
.mega-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.mega.is-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.mega-inner{
  padding:clamp(22px, 2.4vw, 38px) clamp(22px, 3vw, 48px) clamp(18px, 2vw, 28px);
}

/* ----- Grille produits : mobile-first, cartes strictement homog\0000e8nes ----- */
.mega-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
}
.mega-divider{display:none;}

/* Ent\0000eate de famille (Broyeurs / Balayeuses) */
.mega-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-top:6px;
}
.mega-head:first-child{margin-top:0;}
.mega-head .mega-label{
  font-family:var(--ff-display);
  font-size:clamp(16px,1.4vw,18px);
  font-weight:500;
  letter-spacing:-0.01em;
  color:var(--paper);
}
.mega-head .count{
  font-family:var(--ff-body);
  font-size:12px;
  font-style:italic;
  font-weight:300;
  color:rgba(250,250,250,0.45);
}

/* \002265600px : deux cartes par rang\0000e9e, ent\0000eates pleine largeur */
@media (min-width:600px){
  .mega-grid{grid-template-columns:1fr 1fr; gap:16px 18px;}
  .mega-head{grid-column:1 / -1;}
}

/* \0022651024px : 3 cartes \0000e9gales, familles s\0000e9par\0000e9es 2 | 1 par un filet vertical */
@media (min-width:1024px){
  .mega-grid{
    grid-template-columns:1fr 1fr auto 1fr;
    grid-template-areas:
      "bh bh dv sh"
      "c1 c2 dv sc";
    column-gap:clamp(22px,2.2vw,38px);
    row-gap:clamp(16px,1.6vw,22px);
  }
  .mega-head{margin:0;}
  .mega-head--broyeurs{grid-area:bh;}
  .mega-head--balayeuses{grid-area:sh;}
  .mega-divider{
    display:block;
    grid-area:dv;
    width:1px;
    background:rgba(250,250,250,0.10);
    align-self:stretch;
  }
  .mega-grid > a:nth-of-type(1){grid-area:c1;}
  .mega-grid > a:nth-of-type(2){grid-area:c2;}
  .mega-grid > a:nth-of-type(3){grid-area:sc;}
}

/* ----- Grille flexible (nombre de familles variable) -----
   Remplace le grid-template-areas rigide (fig\0000e9 \0000e0 3 cartes) par un flux
   qui accepte n'importe quel nombre de pcards, sans repenser le HTML. */
@media (min-width:600px){
  .mega-grid.mega-grid--flow{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:16px 18px;
  }
  .mega-grid--flow .mega-head,
  .mega-grid--flow .mega-divider{grid-column:1 / -1;}
  .mega-grid--flow .mega-head{margin:0 0 -6px;}
  .mega-grid--flow .mega-head--balayeuses{margin-top:8px;}
  .mega-grid--flow .mega-divider{display:none;}
}

/* ----- Ent\0000eate de groupe (Broyeurs / Balayeuses) ----- */
.mega-group-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:18px;
}
.mega-group-head .mega-label{
  font-family:var(--ff-display);
  font-size:18px;
  font-weight:500;
  letter-spacing:-0.01em;
  color:var(--paper);
  display:inline-flex;
  align-items:center;
}
.mega-group-head .count{
  font-family:var(--ff-body);
  font-size:12px;
  font-style:italic;
  font-weight:300;
  color:rgba(250,250,250,0.45);
}

/* ----- Colonne primaire (Broyeurs) : filet s\0000e9parateur sur toute sa hauteur ----- */
.mega-group--primary{
  border-right:1px solid rgba(250,250,250,0.10);
  padding-right:clamp(28px, 3vw, 52px);
}
/* ----- Colonne secondaire (Balayeuses) ----- */
.mega-group--secondary{
}

/* ----- Cartes Broyeurs (mises en avant, grande photo) ----- */
.mega-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}
/* Groupe Balayeuses : une seule carte, m\0000eame style que les broyeurs */
.mega-cards--single{
  grid-template-columns:1fr;
}
.pcard{
  display:flex;
  flex-direction:column;
  border-radius:14px;
  overflow:hidden;
  background:rgba(250,250,250,0.05);
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.pcard:hover{
  background:rgba(250,250,250,0.09);
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,0,0,0.32);
}
.pcard-photo{
  position:relative;
  display:block;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:linear-gradient(135deg, var(--acier), var(--ardoise-brut));
}.pcard-photo img{
  width:100%; height:100%;
  object-fit:contain;
  padding:14px 16px;
  box-sizing:border-box;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.pcard:hover .pcard-photo img{transform:scale(1.05);}
.pcard-body{
  padding:14px 16px 18px;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.pcard-cat{
  font-family:var(--ff-body);
  font-size:10px;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--ardoise);
}
.pcard-title{
  font-family:var(--ff-body);
  font-size:15.5px;
  font-weight:500;
  letter-spacing:-0.015em;
  line-height:1.15;
  color:var(--paper);
  text-wrap:balance;
  transition:color .2s ease;
}
.pcard:hover .pcard-title{color:#fff;}
.pcard-series{
  margin-top:4px;
  align-self:flex-start;
  font-family:var(--ff-body);
  font-size:10.5px;
  font-weight:500;
  letter-spacing:0.08em;
  color:var(--braise);
  background:rgba(238,39,55,0.14);
  border-radius:999px;
  padding:4px 11px;
}

/* ----- Cartes Balayeuses (secondaires, compactes horizontales) ----- */
.mega-side{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.scard{
  display:grid;
  grid-template-columns:104px 1fr;
  gap:16px;
  align-items:center;
  padding:10px;
  border-radius:12px;
  background:rgba(250,250,250,0.04);
  transition:background .25s ease, transform .25s ease;
}
.scard:hover{
  background:rgba(250,250,250,0.08);
  transform:translateX(4px);
}
.scard-photo{
  position:relative;
  aspect-ratio:4 / 3;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(135deg, var(--acier), var(--ardoise-brut));
}.scard-photo img{width:100%; height:100%; object-fit:cover;}
.scard-body{display:flex; flex-direction:column; gap:4px; min-width:0;}
.scard-cat{
  font-family:var(--ff-body);
  font-size:9.5px;
  font-weight:500;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--ardoise);
}
.scard-title{
  font-family:var(--ff-body);
  font-size:14.5px;
  font-weight:500;
  letter-spacing:-0.01em;
  line-height:1.15;
  color:var(--paper);
  transition:color .2s ease;
}
.scard:hover .scard-title{color:var(--braise);}
.scard-series{
  font-family:var(--ff-body);
  font-size:11.5px;
  font-style:italic;
  font-weight:300;
  color:rgba(250,250,250,0.55);
}

/* ----- Pied : CTA unique ----- */
.mega-foot{
  grid-column:1 / -1;
  border-top:1px solid rgba(250,250,250,0.08);
  margin-top:clamp(8px, 1vw, 14px);
  padding-top:clamp(20px, 1.8vw, 26px);
  display:flex;
  justify-content:center;
}

/* Skip-link accessible (apparait au focus clavier) */
.skip-link{
  position:fixed;
  top:8px; left:8px;
  z-index:300;
  background:var(--braise);
  color:var(--paper);
  padding:10px 16px;
  font-family:var(--ff-body);
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  transform:translateY(-200%);
  transition:transform .2s ease;
}
.skip-link:focus-visible{transform:translateY(0);}

/* Bascule desktop \0022651024px : nav-list visible, menu-trigger cach\0000e9 */
@media (min-width: 1024px){
  .nav-list{display:flex;}
  .lang-compact{display:inline-flex;}
  .menu-trigger{display:none;}
}

/* Full-page menu overlay */
.menu-overlay{
  position:fixed;
  inset:0;
  z-index:200;
  background:var(--forge);
  color:var(--paper);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
}
.menu-overlay.open{
  visibility:visible;
  opacity:1;
}
@keyframes menuIn{
  from{opacity:0;}
  to{opacity:1;}
}
body.menu-open{position:fixed; left:0; right:0; width:100%; overflow:hidden;}

.menu-inner{
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  padding:clamp(24px, 4vw, 56px);
  gap:clamp(32px, 5vw, 64px);
}
.menu-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.menu-close{
  display:inline-flex;
  align-items:center;
  gap:14px;
  font-family:var(--ff-body);
  font-size:13px;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--paper);
  padding:8px 0;
}
.menu-close .x{
  width:24px; height:24px;
  position:relative;
}
.menu-close .x::before,
.menu-close .x::after{
  content:"";
  position:absolute;
  left:1px; right:1px; top:50%;
  height:1.5px;
  background:var(--paper);
}
.menu-close .x::before{transform:rotate(45deg);}
.menu-close .x::after{transform:rotate(-45deg);}

.menu-body{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  gap:clamp(48px, 7vw, 120px);
  align-items:stretch;
  position:relative;
}
.menu-body::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:calc(56.5% - 1px);
  width:1px;
  background:var(--ink-10);
  pointer-events:none;
}

.menu-primary{
  display:flex;
  flex-direction:column;
}
.menu-primary .eyebrow{margin-bottom:32px;}
.menu-primary ul{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-direction:column;
}
.menu-primary li{
  border-top:1px solid var(--ink-10);
}
.menu-primary li:last-child{border-bottom:1px solid var(--ink-10);}
.menu-primary li a{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:baseline;
  gap:18px;
  padding:clamp(16px, 2vw, 24px) 0;
  font-family:var(--ff-display);
  font-weight:500;
  font-size:clamp(36px, 5.2vw, 72px);
  letter-spacing:-0.035em;
  line-height:1;
  color:var(--paper);
  transition:padding-left .3s ease, color .3s ease;
}
.menu-primary li a:hover{
  padding-left:18px;
  color:var(--braise);
}
.menu-primary li a .num{
  font-family:var(--ff-body);
  font-size:11px;
  font-weight:500;
  letter-spacing:0.20em;
  color:var(--braise);
  align-self:start;
  margin-top:0.6em;
}
.menu-primary li a em{
  font-family:var(--ff-body);
  font-style:italic;
  font-weight:300;
  font-size:0.24em;
  letter-spacing:-0.005em;
  color:var(--ardoise);
  line-height:1;
  align-self:end;
  margin-bottom:0.4em;
  text-align:right;
  max-width:24ch;
}
.menu-primary li a:hover em{color:var(--paper-60);}

/* ===== Item recherche dans la nav \002014 au m\0000eame niveau que les items ===== */
.menu-search-li{position:relative;}
.menu-search-trigger{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:baseline;
  gap:18px;
  padding:clamp(16px, 2vw, 24px) 0;
  width:100%;
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
  font-family:var(--ff-display);
  font-weight:500;
  font-size:clamp(36px, 5.2vw, 72px);
  letter-spacing:-0.035em;
  line-height:1;
  color:var(--paper);
  transition:padding-left .3s ease, color .3s ease;
}
.menu-search-trigger:hover{
  padding-left:18px;
  color:var(--braise);
}
.menu-search-trigger .search-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px; height:44px;
  border-radius:50%;
  border:1.5px solid rgba(250,250,250,0.20);
  color:var(--paper);
  transition:border-color .25s ease, color .25s ease, background .25s ease, transform .25s ease;
  flex-shrink:0;
}
.menu-search-trigger .search-ico svg{
  width:20px; height:20px;
}
.menu-search-trigger:hover .search-ico{
  border-color:var(--braise);
  background:var(--braise);
  color:var(--paper);
  transform:rotate(-8deg);
}
.menu-search-trigger .search-label{
  font:inherit;
}
.menu-search-trigger em{
  font-family:var(--ff-body);
  font-style:italic;
  font-weight:300;
  font-size:0.24em;
  letter-spacing:-0.005em;
  color:var(--ardoise);
  line-height:1;
  align-self:end;
  margin-bottom:0.4em;
  text-align:right;
  max-width:24ch;
}
.menu-search-trigger:hover em{color:var(--paper-60);}

/* \0000c9tat "ouvert" \002014 input r\0000e9v\0000e9l\0000e9 inline sous le bouton */
.menu-search-li.is-open .menu-search-trigger{color:var(--braise); padding-left:18px;}
.menu-search-li.is-open .menu-search-trigger .search-ico{
  border-color:var(--braise);
  background:var(--braise);
  transform:rotate(-8deg);
}

.menu-search-panel-wrap{
  border-top:0;
  border-bottom:1px solid rgba(250,250,250,0.10);
  list-style:none;
  padding:0;
  margin:0;
}
.menu-search-panel{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 0 24px;
  animation:searchPanelIn .3s ease-out;
}
.menu-search-panel input{
  background:transparent;
  border:0;
  outline:0;
  font-family:var(--ff-body);
  font-weight:400;
  font-size:clamp(20px, 2vw, 28px);
  letter-spacing:-0.02em;
  color:var(--paper);
  padding:8px 0;
  width:100%;
  min-width:0;
}
.menu-search-panel input::placeholder{
  color:rgba(250,250,250,0.30);
  font-style:italic;
  font-weight:300;
}
.menu-search-panel .hint{
  font-family:var(--ff-body);
  font-size:10px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:rgba(250,250,250,0.40);
  padding:6px 10px;
  border:1px solid rgba(250,250,250,0.15);
  border-radius:6px;
  white-space:nowrap;
}
@keyframes searchPanelIn{
  from{opacity:0; transform:translateY(-6px);}
  to{opacity:1; transform:translateY(0);}
}

/* Right column : \0000e9ditorial list (pas de cartes) */
.menu-secondary{
  display:flex;
  flex-direction:column;
}
.menu-secondary .eyebrow{margin-bottom:32px;}
.menu-fams{
  display:flex;
  flex-direction:column;
  gap:28px;
}
.menu-fam-group{display:flex; flex-direction:column;}
.menu-fam-label{
  font-family:var(--ff-body);
  font-size:10px;
  font-weight:500;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--ardoise);
  margin-bottom:10px;
}
.menu-fam-cap{
  font-family:var(--ff-body);
  font-size:12px;
  color:rgba(250,250,250,0.55);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.menu-fam{
  display:grid;
  grid-template-columns: 56px 1fr auto auto;
  gap:16px;
  align-items:center;
  padding:clamp(14px, 1.6vw, 22px) 0;
  border-top:1px solid var(--ink-10);
  color:var(--paper);
  transition:padding-left .3s ease, color .3s ease;
}
.menu-fam:last-child{border-bottom:1px solid var(--ink-10);}
.menu-fam:hover{padding-left:14px;}
.menu-fam:hover h5{color:var(--braise);}
.menu-fam .thumb{
  width:56px;
  height:42px;
  background:transparent;
  position:relative;
  overflow:hidden;
  flex-shrink:0;
  border-radius:4px;
}
.menu-fam .thumb::after{content:none;}
.menu-fam .thumb img{width:100%; height:100%; object-fit:contain;}
.menu-fam .body{display:flex; flex-direction:column; gap:2px;}
.menu-fam h5{
  font-family:var(--ff-body);
  font-size:clamp(18px, 1.6vw, 22px);
  font-weight:500;
  letter-spacing:-0.015em;
  margin:0;
  transition:color .25s ease;
}
.menu-fam small{
  font-size:12px;
  color:var(--ardoise);
  font-family:var(--ff-body);
  font-style:italic;
  font-weight:300;
  display:block;
  margin-top:2px;
}
.menu-fam .arr{
  display:inline-flex;
  align-items:center;
  color:var(--ardoise);
  transition:transform .25s ease, color .25s ease;
}
.menu-fam:hover .arr{transform:translateX(4px); color:var(--braise);}

/* CTA \0000ab Voir toute la gamme \0000bb \002014 m\0000eame style que le bouton secondaire du site */
.menu-gamme-cta{
  margin-top:clamp(22px, 2.6vw, 32px);
  align-self:flex-start;
}

.menu-fam.cta{
  margin-top:32px;
  padding:clamp(18px, 2vw, 26px) clamp(18px, 2vw, 24px);
  border:1px solid var(--braise);
  background:rgba(238,39,55,0.06);
  grid-template-columns: auto 1fr auto;
}
.menu-fam.cta:hover{background:rgba(238,39,55,0.12); padding-left:clamp(24px, 2.5vw, 32px);}
.menu-fam.cta .icon{
  width:38px; height:38px;
  border:1px solid var(--braise);
  display:flex; align-items:center; justify-content:center;
  color:var(--braise);
  font-family:var(--ff-body);
  font-size:18px;
}
.menu-fam.cta h5{font-size:16px;}

.menu-bottom{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:32px;
  padding-top:32px;
  border-top:1px solid var(--ink-10);
  font-size:12px;
  color:var(--ardoise);
}
.menu-bottom .lang{font-size:12px;}
.menu-bottom .lang button{font-size:12px;}
.menu-bottom-right{
  display:flex;
  gap:24px;
  font-family:var(--ff-body);
  text-transform:uppercase;
  letter-spacing:0.18em;
  font-size:11px;
  color:var(--paper-60);
}
.menu-bottom-right a:hover{color:var(--paper);}

/* ============================================================
   MENU PLEIN \0000c9CRAN \002014 T\0000c9L\0000c9PHONE (< 768px)
   ------------------------------------------------------------
   L'overlay sert de menu sur tout < 1024px. Sur tablette (\002265768)
   la mise en page 2 colonnes tient ; en dessous on repasse en
   UNE colonne, typo r\0000e9duite et cibles tactiles \002265 44px.
   ============================================================ */
@media (max-width: 767.98px){
  .menu-inner{
    padding:20px;
    padding-bottom:calc(20px + env(safe-area-inset-bottom));
    gap:24px;
  }

  /* En-t\0000eate : logo + fermer tactile */
  .menu-top .logo-mark img.logo-svg{height:34px;}
  .menu-close{font-size:12px; padding:11px 0; min-height:44px;}
  .menu-close .x{width:20px; height:20px;}

  /* Corps : une seule colonne, sans s\0000e9parateur vertical */
  .menu-body{
    grid-template-columns:1fr;
    gap:32px;
  }
  .menu-body::before{display:none;}

  .menu-primary .eyebrow,
  .menu-secondary .eyebrow{margin-bottom:10px;}

  /* Liens principaux : typo r\0000e9duite, lignes confortables (\002265 56px) */
  .menu-primary li a{
    padding:15px 0;
    min-height:56px;
    align-items:center;
    gap:14px;
    font-size:27px;
    letter-spacing:-0.02em;
  }
  .menu-primary li a:hover{padding-left:0;}           /* pas de d\0000e9calage tactile */
  .menu-primary li a .num{align-self:center; margin-top:0; font-size:10px;}
  .menu-primary li a em{display:none;}                /* sous-libell\0000e9s masqu\0000e9s sur petit \0000e9cran */

  /* Item recherche : align\0000e9 sur les liens */
  .menu-search-trigger{
    padding:15px 0;
    min-height:56px;
    align-items:center;
    gap:14px;
    font-size:27px;
    letter-spacing:-0.02em;
  }
  .menu-search-trigger:hover{padding-left:0;}
  .menu-search-trigger .search-ico{width:34px; height:34px;}
  .menu-search-trigger .search-ico svg{width:16px; height:16px;}

  /* Cartes gamme : lignes tactiles (photo + libellé + plage, sans le
     code de référence ni la flèche pour gagner en hauteur) */
  .menu-fam{
    grid-template-columns:54px 1fr auto;
    gap:14px;
    padding:13px 0;
    align-items:center;
  }
  .menu-fam:hover{padding-left:0;}
  .menu-fam .thumb{width:54px; height:42px;}
  .menu-fam h5{font-size:16px;}
  .menu-fam small{display:none;}
  .menu-fam-cap{font-size:10.5px;}
  .menu-fam .arr{display:none;}
  .menu-gamme-cta{width:100%; justify-content:space-between; margin-top:18px;}

  /* Bas : empil\0000e9, langues en boutons tactiles */
  .menu-bottom{
    grid-template-columns:1fr;
    gap:20px;
    align-items:start;
    padding-top:6px;
  }
  .menu-bottom .lang{display:flex; gap:8px;}
  .menu-bottom .lang button{
    min-width:46px; min-height:42px;
    font-size:13px; letter-spacing:0.08em;
    border:1px solid var(--ink-10);
    border-radius:10px;
    color:var(--paper-60);
  }
  .menu-bottom .lang button[aria-current="true"]{
    border-color:var(--braise);
    color:var(--paper);
  }
  .menu-bottom-right{flex-direction:column; gap:12px;}
  .menu-bottom-right a{
    font-size:13px;
    min-height:34px;
    display:inline-flex;
    align-items:center;
  }
}