/* =============================================================
   NAVBAR — refonte luxe sobre
   ============================================================= */

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--border);
  transition:background .3s ease, border-color .3s ease;
}

.nav{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  height:80px;
  gap:16px;
  max-width:none;
  padding-left:20px;
  padding-right:20px;
}

.brand{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:14px;
  justify-self:start;
  min-width:0;
}
.brand:hover{opacity:.85}
.brand-logo{
  width:42px;
  height:42px;
  object-fit:contain;
  flex:0 0 42px;
}
.brand-text{
  font-family:var(--serif);
  font-weight:400;
  font-size:20px;
  letter-spacing:.42em;
  color:var(--text-strong);
  text-indent:0;
  white-space:nowrap;
}

/* Liens centrés */
.nav-links{display:flex;gap:32px;align-items:center;justify-self:center;justify-content:center}
.nav-links a{
  position:relative;
  color:var(--text-strong);
  text-decoration:none;
  font-family:var(--sans);
  font-size:12px;
  font-weight:500;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:6px 0;
  transition:color .2s ease;
}
.nav-links a::after{
  content:"";
  position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--text-strong);
  transition:right .4s cubic-bezier(.22,.61,.36,1);
}
.nav-links a:hover{color:var(--text-strong)}
.nav-links a:hover::after{right:0}

/* Variantes d'accueil : style discret */
.nav-links a.nav-variant{
  font-size:10px;
  color:var(--muted);
  letter-spacing:.28em;
  padding:4px 8px;
  border:1px solid var(--border);
  border-radius:2px;
}
.nav-links a.nav-variant::after{display:none}
.nav-links a.nav-variant:hover{color:var(--text-strong);border-color:var(--text-strong)}

/* Icônes droite */
.nav-icons{display:flex;gap:6px;align-items:center;justify-self:end}
.icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  color:var(--text-strong);
  border-radius:2px;
  transition:background .2s ease, color .2s ease;
}
.icon:hover{background:var(--surface);color:var(--text-strong)}

/* Panier badge */
.cart-icon{position:relative}
.cart-badge{
  position:absolute;top:4px;right:4px;
  min-width:16px;height:16px;padding:0 4px;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-size:10px;line-height:1;font-weight:700;
  color:#fff;background:var(--text-strong);
  border-radius:999px;border:1.5px solid #fff;
  letter-spacing:0;
}