/* Xclsv Brnd Header: masthead, nav drawer, search overlay, cart drawer, and quick-view shells. Extracted verbatim from the theme so the header renders pixel-identical. Requires the theme's CSS variables (:root) from theme.css. */
/* ---------- Header ---------- */
.site-header{background:#000;color:#fff;z-index:200;position:relative;overflow:hidden}
.site-header::before{content:'';position:absolute;inset:-56px;background:linear-gradient(135deg,#000 30.7%,#b59677 80.7%);background:linear-gradient(135deg in oklab,#000 30.7%,#b59677 80.7%);filter:blur(28px);animation:ea-header-flow 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes ea-header-flow{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-4%,3%) scale(1.1)}100%{transform:translate(4%,-3%) scale(1.15)}}
@media (prefers-reduced-motion:reduce){.site-header::before{animation:none}}
.site-header>*{position:relative;z-index:1}
.header-inner{max-width:1280px;margin:0 auto;padding:.7rem 1.25rem 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}
.header-left{display:flex;justify-content:flex-start}
.header-right{display:flex;justify-content:flex-end;align-items:center;gap:.35rem}
.social-row{display:flex;justify-content:center;gap:.7rem;padding:.4rem .5rem}
/* ---------- v4: uniform social icons ---------- */
.social-uniform{width:38px;height:38px;border-radius:50%;border:1px solid rgba(181,150,119,.4);background:#000;display:inline-flex;align-items:center;justify-content:center;color:#ddd;flex:none;-webkit-tap-highlight-color:transparent;transition:color .2s,border-color .2s,background .2s;position:relative;overflow:hidden}
.social-uniform::after{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:ea-shimmer 3.2s ease-in-out infinite;pointer-events:none}
.social-row .social-uniform:nth-child(2)::after{animation-delay:.5s}
.social-row .social-uniform:nth-child(3)::after{animation-delay:1s}
@keyframes ea-shimmer{0%,55%{left:-80%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){.social-uniform::after{animation:none}}
.social-uniform:hover,.social-uniform:active,.social-uniform:focus-visible{color:#000;background:var(--gold);border-color:var(--gold)}
.social-uniform svg{width:18px;height:18px;display:block}
.header-slogan{text-align:center;font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#b5b5b5;padding:.1rem 1rem .8rem;margin:0}
.wordmark{font-family:'Jost',sans-serif;font-weight:600;font-size:1.15rem;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;justify-self:center;text-align:center}
.wordmark .w-gold{color:var(--gold)}
.wordmark .w-white{color:#fff}
.count-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;background:var(--gold);color:#000;font-size:.65rem;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center}
.hamburger{display:flex}
/* ---------- Overlays / drawers / modal ---------- */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s;z-index:400}
.overlay.show{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(400px,92vw);background:#fff;z-index:500;transform:translateX(105%);transition:transform .35s cubic-bezier(.32,.72,.28,1);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
.cart-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.drawer-close{font-size:1.4rem;color:var(--muted);line-height:1;padding:.25rem}
.drawer-close:hover{color:#000}
.secure-note{padding:.9rem 1.4rem;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.secure-note p{font-size:.78rem;color:var(--muted)}
.secure-note p strong{color:var(--gold-dark)}
.cart-items{flex:1;overflow-y:auto;padding:1rem 1.4rem;display:flex;flex-direction:column;gap:1rem}
.cart-empty{text-align:center;color:var(--muted);padding:3rem 0;font-size:.9rem}
.cart-item{display:flex;gap:.9rem;align-items:center}
.ci-tile{width:64px;height:80px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#141414,#262019)}
.ci-tile span{color:var(--gold-light);font-size:.55rem;font-weight:800;letter-spacing:.12em;text-align:center;padding:0 .3rem;line-height:1.5}
.ci-info{flex:1}
.ci-name{font-size:.85rem;font-weight:700}
.ci-size{font-size:.75rem;color:var(--muted);margin:.15rem 0 .4rem}
.ci-right{text-align:right}
.ci-price{font-size:.85rem;font-weight:800;color:var(--gold-dark)}
.ci-remove{font-size:.72rem;color:var(--muted);margin-top:.35rem}
.ci-remove:hover{color:#c0392b}
.drawer-foot{padding:1.2rem 1.4rem;border-top:1px solid var(--line);background:#fff}
.subtotal-row{display:flex;justify-content:space-between;font-weight:800;font-size:1rem;margin-bottom:1rem}
.checkout-note{font-size:.72rem;color:var(--muted);text-align:center;margin-top:.6rem}
.drawer-foot .btn{width:100%}
/* quick view modal */
.qv-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .3s}
.qv-modal.show{opacity:1;pointer-events:auto}
.qv-box{background:#fff;border-radius:12px;max-width:656px;width:100%;max-height:92dvh;overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;transform:translateY(22px) scale(.97);transition:transform .38s cubic-bezier(.22,.9,.3,1.08)}
.qv-modal.show .qv-box{transform:translateY(0) scale(1)}
/* search overlay */
.search-overlay{position:fixed;inset:0;z-index:500;background:rgba(10,10,10,.96);display:flex;flex-direction:column;align-items:center;padding:6rem 1.5rem 2rem;opacity:0;pointer-events:none;transition:opacity .3s}
.search-overlay.show{opacity:1;pointer-events:auto}
.search-form{width:min(560px,100%);display:flex;flex-direction:column;gap:1.2rem}
.search-overlay input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--gold);color:#fff;font-size:1.6rem;font-weight:700;padding:.6rem .2rem;font-family:inherit}
.search-overlay input::placeholder{color:#555}
.search-overlay input:focus{outline:none}
.search-actions{display:flex;gap:.9rem;justify-content:center;align-items:center}
.search-clear{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 1.6rem;border:1px solid #555;border-radius:999px}
.search-clear:hover{border-color:var(--gold);color:var(--gold)}
.search-hint{color:#777;font-size:.8rem;margin-top:1rem;letter-spacing:.06em}
.search-close{position:absolute;top:1.5rem;right:1.5rem;color:#fff;font-size:1.8rem}
@media(max-width:768px){
  .wordmark{font-size:.92rem}
  .qv-box{display:flex;flex-direction:column;max-height:94dvh}
  .header-inner{gap:.5rem;padding:.75rem .9rem 0}
  .header-slogan{font-size:.62rem;letter-spacing:.2em}
}
.drawer-head h3{font-family:'Jost',sans-serif;font-weight:600;letter-spacing:.08em}
/* ---------- v3: nav drawer ---------- */
.nav-drawer{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(340px,88vw)!important;background:#0a0a0a!important;background-color:#0a0a0a!important;z-index:700!important;transform:translateX(-105%);transition:transform .35s cubic-bezier(.32,.72,.28,1);display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(0,0,0,.45);border-right:1px solid rgba(181,150,119,.4)}
#navDrawer{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:#0a0a0a;z-index:700}
.nav-drawer.open{transform:translateX(0)}
.nav-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-title{font-family:'Jost',sans-serif;font-size:1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light)}
.nav-close{color:var(--gold);font-size:1.7rem}
.nav-close:hover{color:#fff}
.nav-links{display:flex;flex-direction:column;padding:.6rem 0}
.nav-links a,.nav-links button{font-family:'Jost',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#eee;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s,background .2s}
.nav-links a:hover{color:var(--gold-light);background:rgba(181,150,119,.06)}
.nav-sep{height:1px;background:rgba(181,150,119,.25);margin:.7rem 1.5rem}
.nav-entry{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;padding:1rem 1.5rem;color:#ffffff;font-size:1.05rem;font-weight:500;letter-spacing:.03em;line-height:1.6;transition:color .2s,background .2s}
.nav-entry.active{color:var(--gold-light);background:rgba(181,150,119,.08);box-shadow:inset 3px 0 0 var(--gold)}
.hamburger[aria-expanded="true"]{color:var(--gold-light);background:rgba(181,150,119,.12)}
.nav-entry:hover{color:var(--gold-light)}
.nav-entry svg{width:20px;height:20px;color:var(--gold);flex-shrink:0}
.nav-hint{margin-left:auto;font-size:.7rem;color:#8a8a8a;letter-spacing:.08em;text-transform:uppercase}
.nav-count{margin-left:auto;font-size:.78rem;color:var(--gold-light);font-weight:700}
.nav-foot-note{margin-top:auto;padding:1.2rem 1.5rem;font-size:.7rem;color:#6f6f6f;letter-spacing:.04em}
.ci-tile{overflow:hidden}
.ci-tile img{width:100%;height:100%;object-fit:cover;display:block}