/* Shared storefront header; the home hero supplies its own background. */
:is(.hv-head,.top){padding:clamp(10px,1.6vh,14px) clamp(18px,1.95vw,28px);color:#FAF6F2;font-family:Inter,Arial,sans-serif}
:is(.hv-head,.top) :is(.hv-logo,.logo){display:flex;align-items:center;gap:8px}
:is(.hv-head,.top) :is(.hv-logo,.logo) img{display:block;height:19px;width:auto}
:is(.hv-head,.top) :is(.hv-right,.right){display:flex;align-items:center;gap:8px}
:is(.hv-head,.top) :is(.hv-nav,.nav){align-items:center;height:36px;padding:3px 4px;border-radius:999px;overflow:visible}
:is(.hv-head,.top) :is(.hv-nav,.nav) a{color:#FAF6F2;text-decoration:none;font-size:14px;font-weight:600;padding:8px 15px;border-radius:999px;line-height:1;transition:background .3s ease}
:is(.hv-head,.top) :is(.hv-nav,.nav) > a,
:is(.hv-head,.top) .nav-dd > a{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
:is(.hv-head,.top) .nav-dd > a::before{display:none}
:is(.hv-head,.top) :is(.hv-nav,.nav) a:hover{background:rgba(255,255,255,.12)}
:is(.hv-head,.top) :is(.hv-bag,.bag,.hv-menu,.menu-btn){align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:999px;font:700 13px Inter,Arial,sans-serif;color:#FAF6F2;white-space:nowrap;cursor:pointer}
:is(.hv-head,.top) :is(.hv-menu,.menu-btn){font-weight:600;padding:0 14px}
:is(.hv-head,.top) :is(.hv-nav,.nav,.hv-bag,.bag,.language-control,.hv-menu,.menu-btn){position:relative;background:rgba(255,255,255,.01);background-blend-mode:luminosity;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}
:is(.hv-head,.top) :is(.hv-nav,.nav,.hv-bag,.bag,.language-control,.hv-menu,.menu-btn)::before{content:"";display:block;position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.15) 80%,rgba(255,255,255,.45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
:is(.hv-head,.top) .language-control{border-radius:999px}
:is(.hv-head,.top) .language-control select{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
:is(.hv-head,.top) .language-control:focus-within{outline:2px solid #FAF6F2;outline-offset:4px}
:is(.hv-head,.top) :is(.hv-nav,.nav) .dd-menu a{display:block;padding:11px 14px;border-radius:10px;font-size:13.5px;line-height:1.2;color:#fff;background:transparent;white-space:nowrap}
:is(.hv-head,.top) :is(.hv-nav,.nav) .dd-menu a:hover,
:is(.hv-head,.top) :is(.hv-nav,.nav) .dd-menu a:focus-visible{background:rgba(255,255,255,.1)}
:is(.hv-head,.top) :is(.hv-nav,.nav) .dd-menu a.dd-all{color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:720px){
  :is(.hv-head,.top) :is(.hv-right,.right){gap:5px}
  :is(.hv-head,.top) :is(.hv-logo,.logo) img{max-width:70px;object-fit:contain}
  :is(.hv-head,.top) :is(.hv-menu,.menu-btn){background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  :is(.hv-head,.top) :is(.hv-menu,.menu-btn)::before{display:none}
}
