/* AUZAC V24 — une navigation légère, le vestiaire au premier plan. */
:root{--header-height:124px}
.header{border-bottom:0}
.header-main{height:80px;border-bottom:1px solid var(--line);padding:0 4%;gap:24px}
.header-left{grid-column:1;grid-row:1;display:flex;align-items:center;gap:27px;min-width:0}
.header-left .menu-trigger{flex-shrink:0;font-size:11px;gap:9px}
.header-left .universe-nav{display:flex;align-items:center;justify-content:flex-start;gap:16px;min-height:44px;padding:0;border:0;background:transparent}
.header-left .universe-nav button{min-width:44px;min-height:44px;padding:9px 2px;font-size:11px;line-height:1.5;letter-spacing:.025em}
.brand img{width:144px;height:33px}
.cart-trigger{font-size:11px;letter-spacing:.025em}
.menu-ready{--header-height:80px}
.menu-ready .header>.navigation{display:none}
html:not(.menu-ready) .header>.navigation{display:flex;justify-content:flex-start;gap:26px;overflow-x:auto;overflow-y:hidden;height:44px;padding:0 4%;font-size:10px;scrollbar-width:none;border-bottom:1px solid var(--line)}
html:not(.menu-ready) .header>.navigation::-webkit-scrollbar{display:none}
html:not(.menu-ready) .header>.navigation>a{flex-shrink:0}

.site-menu{width:min(520px,100%);padding:14px 34px 26px;overscroll-behavior:contain;scroll-padding-top:74px}
.site-menu-heading{min-height:56px;gap:18px}
.site-menu-heading h2{font-size:11px;font-weight:400;letter-spacing:.12em}
.site-menu-universes{gap:27px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--line)}
.site-menu-universes a{font-size:12px;min-height:44px}
.site-menu-caption{margin:20px 0 7px;font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.site-menu-collections{display:grid;gap:0}
.site-menu-collections>a{display:flex;align-items:center;min-height:44px;padding:4px 0;font-size:23px;line-height:1.25;letter-spacing:-.015em}
.site-menu-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:0 0 16px}
.site-menu-categories>a{display:flex;align-items:center;width:100%;min-width:0;min-height:44px;max-width:100%;padding:6px 0;font-size:17px;line-height:1.35;letter-spacing:0;overflow-wrap:break-word}
.site-menu-collections>a:hover,.site-menu-categories>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.site-menu-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;justify-items:stretch;padding-top:12px;border-top:1px solid var(--line)}
.site-menu-secondary>a{min-height:44px;font-size:11px;line-height:1.5}

@media(max-width:999px){
  :root{--header-height:152px}
  html:not(.menu-ready){--header-height:152px}
  html.menu-ready{--header-height:108px}
  .header-main{height:108px;grid-template-rows:64px 44px;gap:0 12px;padding:0 5%;border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}
  .header-left{display:contents}
  .header-left .menu-trigger{grid-column:1;grid-row:1;justify-self:start;gap:7px;font-size:11px}
  .header-left .universe-nav{grid-column:1/-1;grid-row:2;justify-content:center;align-self:stretch;gap:26px;width:100%;min-height:44px}
  .header-left .universe-nav button{min-width:54px;font-size:10px}
  .brand img{width:112px;height:26px}
  .cart-trigger{grid-column:3;grid-row:1;gap:6px;font-size:11px}
  .cart-label{display:none}
  .site-menu{padding:12px 26px 24px}
  .site-menu-caption{margin-top:18px}
  .site-menu-collections>a{font-size:22px}
  .site-menu-categories{gap:0 18px}
  .site-menu-categories>a{font-size:16px}
}

@media(max-width:360px){
  .site-menu{padding-left:21px;padding-right:21px}
  .site-menu-categories{column-gap:15px}
  .site-menu-categories>a{font-size:15px}
}