/* Piège connu : cibler .mast > .wrap et non .mast .wrap, sinon le panneau du méga-menu hérite du flex de l'en-tête */
/* ---------- en-tête ---------- */
.mast{position:sticky;top:0;z-index:200;background:#fff;
  border-bottom:1px solid var(--line);transition:box-shadow .2s}
.mast[data-stuck="true"]{box-shadow:0 1px 0 var(--line),0 12px 20px -18px rgba(21,42,56,.7)}
.mast > .wrap{display:flex;align-items:stretch;gap:24px;min-height:80px}
.logo{display:flex;align-items:center}
.logo img{height:46px;width:auto}

.nav{display:flex;align-items:stretch;gap:0;margin-left:auto}
.nav__i{display:flex;align-items:stretch}
.nav__b,.nav__lk{position:relative;display:flex;align-items:center;gap:8px;
  padding:0 clamp(11px,1.1vw,17px);font-family:var(--ui);font-weight:700;
  font-size:clamp(.85rem,.92vw,.93rem);color:var(--navy);background:none;border:0;
  cursor:pointer;transition:color .16s;letter-spacing:-.005em;white-space:nowrap}
.nav__b::after,.nav__lk::after{content:"";position:absolute;left:clamp(11px,1.1vw,17px);
  right:clamp(11px,1.1vw,17px);bottom:0;height:3px;background:var(--sky);
  transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav__b:hover,.nav__lk:hover,.nav__b[aria-expanded="true"]{color:var(--blue);
  text-decoration:none}
.nav__b:hover::after,.nav__lk:hover::after,.nav__b[aria-expanded="true"]::after{transform:scaleX(1)}
/* rubrique en cours (catalogue, gamme, fiche : « Produits ») */
.nav__b[data-cur="true"]{color:var(--blue)}
.nav__b[data-cur="true"]::after{transform:scaleX(1)}
/* Lien « Contact » sur la page Contact (lot 8) */
.nav__lk[aria-current="page"]{color:var(--blue)}
.nav__lk[aria-current="page"]::after{transform:scaleX(1)}
.nav__cv{color:#8FAFC2;transition:transform .2s,color .16s}
.nav__b[aria-expanded="true"] .nav__cv{transform:rotate(180deg);color:var(--blue)}

.tools{display:flex;align-items:center;gap:0;padding-left:18px;margin-left:8px;
  border-left:1px solid var(--line)}
.icobtn{display:inline-flex;align-items:center;justify-content:center;width:57px;height:57px;
  color:var(--navy);background:#fff;border:2px solid var(--line);cursor:pointer;
  transition:.16s;margin-right:10px}
.icobtn:hover{color:#fff;background:var(--navy);border-color:var(--navy)}
.burger{display:none;gap:11px;align-items:center;align-self:center;margin-left:auto;
  font-family:var(--ui);font-weight:800;font-size:.86rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--navy);background:#fff;border:2px solid var(--navy);
  padding:12px 16px;cursor:pointer}
.burger .x{display:none} .burger[aria-expanded="true"] .x{display:block}
.burger[aria-expanded="true"] .b{display:none}