/* Scoped to the storefront header. Both native mobile menu buttons and the logo/CTA stay in place. */
.site-header .afaj-nav-list{--af-nav-ink:#19334c;--af-nav-accent:#897458;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.45vw,25px);color:var(--af-nav-ink);text-align:left;font-family:inherit}
.site-header .afaj-nav-list .afaj-nav-group{display:block;position:relative;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0;padding:0}
.site-header .afaj-nav-list .afaj-nav-main{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:auto;min-height:44px;padding:0;margin:0;white-space:nowrap;list-style:none;border:0;background:none;font-family:inherit;font-size:clamp(12px,.93vw,14px);line-height:1.3;font-weight:600;letter-spacing:.005em;color:var(--af-nav-ink)!important;text-decoration:none;text-transform:none;cursor:pointer}
.site-header .afaj-nav-list summary::-webkit-details-marker{display:none}
.site-header .afaj-nav-list summary::marker{content:''}
.site-header .afaj-nav-list .afaj-nav-main:after,.site-header .afaj-nav-list .afaj-nav-item:after{content:none}
.site-header .afaj-nav-list .afaj-nav-main svg{flex:none;display:block;opacity:.75;color:var(--af-nav-accent);transition:transform .18s}
.site-header .afaj-nav-list .afaj-nav-group[open]>summary svg{transform:rotate(180deg)}
.site-header .afaj-nav-list .afaj-nav-panel{position:absolute;left:-16px;top:100%;z-index:10;width:max-content;min-width:204px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:7px;background:#fbfcfd;border:1px solid #d8dfe6;border-radius:12px;box-shadow:0 12px 30px rgba(22,45,63,.13)}
.site-header .afaj-nav-list .afaj-nav-item{display:block;box-sizing:border-box;padding:9px 11px;margin:0;min-height:36px;border:0;border-radius:6px;background:none;color:var(--af-nav-ink)!important;font-family:inherit;font-size:13px;line-height:1.5;font-weight:500;letter-spacing:normal;white-space:nowrap;text-decoration:none;text-transform:none}
.site-header .afaj-nav-list .afaj-nav-more{font-size:12px;border-top:1px solid #dfe3e6;border-radius:0;margin-top:4px;padding-top:12px;color:#574f46!important}
.site-header .afaj-nav-list .afaj-nav-main:hover,.site-header .afaj-nav-list details[open]>summary,.site-header .afaj-nav-list .afaj-nav-main[aria-current]{color:#645036!important}
.site-header .afaj-nav-list .afaj-nav-item:is(:hover,:focus-visible,[aria-current="page"]){background:#edf1f4}
.site-header .afaj-nav-list :is(summary,a):focus-visible{outline:2px solid #746044;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.site-header .afaj-nav-list svg{transition:none!important}}
@media (max-width:1099px){
  .af-product .site-header .afaj-nav-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
  .af-product .site-header .afaj-nav-list .afaj-nav-main{justify-content:space-between;min-height:48px;width:100%;font-size:15px}
  .af-product .site-header .afaj-nav-list>*+*{border-top:1px solid #d8e0e7}
  .af-product .site-header .afaj-nav-list .afaj-nav-panel{position:static;width:auto;min-width:0;max-width:100%;margin:0 0 10px;padding:0 0 0 12px;background:transparent;box-shadow:none;border:0;border-left:1px solid #b9a88b;border-radius:0}
  .af-product .site-header .afaj-nav-list .afaj-nav-item{display:flex;align-items:center;min-height:44px;font-size:14px;white-space:normal}
}
@media (max-width:1099px){
  #header.site-header .afaj-nav-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
  #header.site-header .afaj-nav-list .afaj-nav-main{justify-content:space-between;min-height:48px;width:100%;font-size:15px}
  #header.site-header .afaj-nav-list>*+*{border-top:1px solid #d8e0e7}
  #header.site-header .afaj-nav-list .afaj-nav-panel{position:static;width:auto;min-width:0;max-width:100%;margin:0 0 10px;padding:0 0 0 12px;background:transparent;box-shadow:none;border:0;border-left:1px solid #b9a88b;border-radius:0}
  #header.site-header .afaj-nav-list .afaj-nav-item{display:flex;align-items:center;min-height:44px;font-size:14px;white-space:normal}
}

@media(min-width:1100px){.site-header .afaj-nav-list .afaj-nav-main{font-size:clamp(13px,1vw,15px)!important}.site-header .afaj-nav-list .afaj-nav-panel a.afaj-nav-item{font-size:13px!important}.site-header .afaj-nav-list>*+*{position:relative}.site-header .afaj-nav-list>*+*::before{content:"";position:absolute;left:calc(clamp(10px,1.45vw,25px) / -2);top:50%;width:2px;height:2px;background:#a3927d;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}}
@media(max-width:1099px){body.af-atelier #header.site-header .af-header-actions{display:flex!important;align-items:center;order:1;flex:none;margin-inline-start:auto}body.af-atelier #header.site-header .af-header-actions>:not(.afaj-config-link){display:none!important}body.af-atelier #header.site-header #af-nav-toggle{margin-left:0}body.af-atelier #header.site-header .af-header-actions .afaj-config-link{display:inline-flex}}
@media(max-width:520px){body.af-atelier #header.site-header{gap:8px!important}body.af-atelier #header.site-header #af-nav-toggle{min-width:40px;padding-inline:7px}body.af-atelier #header.site-header #af-nav-toggle>:not(.af-menu-icon){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.af-atelier #header.site-header #logo a{width:clamp(85px,26vw,125px)!important}body.af-atelier #header.site-header .af-header-actions .afaj-config-link{min-height:40px;padding:8px 10px!important;font-size:12px!important}.af-product .site-header.afp-site-header{gap:7px;padding-inline:10px}.af-product .site-header.afp-site-header .afp-brand{width:clamp(85px,26vw,125px)!important}}