/* ============================================================
   header.css — Style UNIQUE de la barre du haut (header).
   Chargé par toutes les pages du site pour un header identique partout.
   Ne pas dupliquer ces règles ailleurs.
   ============================================================ */
.site-header{background:var(--white);border-bottom:2px solid var(--ink);display:flex;align-items:center;padding:0 2.25rem;height:82px;gap:1.75rem;position:sticky;top:0;z-index:500}
.logo-wrap{display:flex;align-items:center;gap:.85rem;text-decoration:none;flex-shrink:0}
.logo-svg{height:54px;width:auto;display:block;transition:transform .2s}
.logo-wrap:hover .logo-svg{transform:scale(1.04)}
.logo-divider{width:2px;height:40px;background:var(--mid);flex-shrink:0}
.logo-tag{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);line-height:1.35}
.header-search{flex:1;max-width:520px;position:relative;margin:0 .5rem}
.header-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.header-search input{width:100%;padding:.72rem 1rem .72rem 2.7rem;border:1.5px solid var(--mid);border-radius:9px;font-size:.9rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .15s,box-shadow .15s;background:#fafafa}
.header-search input:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(232,50,42,.1)}
.header-right{display:flex;align-items:center;gap:.85rem;margin-left:auto}
.cart-pill{font-family:'Inter',sans-serif;font-size:.86rem;font-weight:700;background:var(--ink);color:var(--white);padding:.62rem 1.05rem;border-radius:8px;display:flex;align-items:center;gap:.45rem;white-space:nowrap;text-decoration:none;transition:background .15s}
.cart-pill [data-cart-count]{background:var(--red);border-radius:20px;padding:.05rem .5rem;font-size:.74rem;min-width:1.35rem;text-align:center}
.cart-pill:hover{background:#2a2a2a}
.btn-devis{font-size:.9rem;font-weight:800;color:var(--white);background:var(--red);text-decoration:none;border-radius:8px;padding:.68rem 1.4rem;transition:background .15s,transform .15s,box-shadow .15s;white-space:nowrap;box-shadow:0 2px 10px rgba(232,50,42,.28)}
.btn-devis:hover{background:#c8261f;transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,50,42,.35)}
@media(max-width:640px){
  .site-header{flex-wrap:wrap;height:auto;padding:.7rem 1rem;row-gap:.7rem;gap:1rem}
  .logo-svg{height:44px}
  .logo-tag{display:none}
  .header-search{order:3;flex:1 1 100%;max-width:none;margin:0}
  .header-right{gap:.5rem}
  .cart-pill .cart-label{display:none}
  .btn-devis{padding:.55rem .9rem;font-size:.8rem}
}

/* === Barre de navigation des univers (main-nav) — identique partout === */
.main-nav{background:var(--ink);position:sticky;top:82px;z-index:400}
.main-nav-inner{display:flex;align-items:center;padding:0 2rem;overflow-x:auto;scrollbar-width:none}
.main-nav-inner::-webkit-scrollbar{display:none}
.nav-trigger{display:flex;align-items:center;gap:.35rem;font-family:'Barlow Condensed',sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:rgba(255,255,255,.7);padding:1.1rem 1.5rem;white-space:nowrap;transition:color .15s;border-bottom:3px solid transparent;text-decoration:none}
.nav-trigger:hover{color:var(--white)}
.nav-trigger.active{color:var(--white);border-bottom-color:var(--red)}
.nav-trigger.red-link{color:var(--red)}
.nav-trigger.red-link:hover{color:#ff6a63}
@media(max-width:640px){.main-nav{position:static;top:auto}}

/* === Bandeau promo provisoire === */
.promo-bar{background:var(--red);color:#fff;text-align:center;font-weight:700;font-size:.85rem;letter-spacing:.02em;padding:.55rem 1rem;line-height:1.3}
.promo-bar span{display:inline-block}
@media(max-width:640px){.promo-bar{font-size:.78rem;padding:.5rem .75rem}}