/* Canonical Relax-Store header shared by homepage and commerce pages. */
body.ux-air-page > header.site-header {
  position:fixed!important; inset:0 16px auto!important; z-index:1100!important;
  width:auto!important; height:104px!important; margin:0!important; padding:16px 24px!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  border:1px solid rgba(255,255,255,.06)!important; border-top:0!important;
  border-radius:0 0 24px 24px!important; background:rgba(8,8,8,.82)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
  transition:height .35s,padding .35s,border-radius .35s,background .35s,backdrop-filter .35s!important;
}
body.ux-air-page > header.site-header.is-scrolled,
body.ux-air-page > header.site-header.scrolled {
  height:78px!important; padding:10px 22px!important; border-radius:0 0 18px 18px!important;
  background:rgba(9,9,9,.64)!important; backdrop-filter:blur(22px) saturate(1.12)!important;
}
.ux-air-page .site-header .header-brand { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.ux-air-page .site-header .header-logo-link { display:flex; align-items:center; flex-shrink:0; }
.ux-air-page .site-header .logo { width:70px; height:auto; filter:brightness(0) invert(.85); transition:width .35s; }
.ux-air-page .site-header.is-scrolled .logo,.ux-air-page .site-header.scrolled .logo { width:56px; }
.ux-air-page .site-header .header-brand-sep { width:1px; height:36px; background:rgba(255,255,255,.13); }
.ux-air-page .site-header .header-brand-info { display:flex; flex-direction:column; gap:4px; }
.ux-air-page .site-header .header-brand-name { color:#fff!important; font-size:15px; font-weight:600; line-height:1; }
.ux-air-page .site-header .header-brand-city { display:flex; align-items:center; gap:4px; color:rgba(255,255,255,.52)!important; font-size:11px; line-height:1; }
.ux-air-page .site-header .header-brand-city .ci { width:12px; height:12px; color:#d8b963; }
.ux-air-page .site-header .main-nav { position:absolute; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:1px; padding:5px; border:1px solid rgba(255,255,255,.07); border-radius:999px; background:rgba(255,255,255,.025); }
.ux-air-page .site-header .nav-link { position:relative; display:inline-flex; min-height:34px; align-items:center; padding:0 14px; border:0!important; border-radius:999px!important; background:transparent!important; color:rgba(255,255,255,.68)!important; font:500 14px/1 'Relax Gothic','Century Gothic',sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; overflow:hidden; }
.ux-air-page .site-header .nav-link::after { content:none!important; }
.ux-air-page .site-header .nav-link:hover,.ux-air-page .site-header .nav-link:focus-visible { background:rgba(255,255,255,.055)!important; color:#fff!important; }
.ux-air-page .site-header .header-right { display:flex; align-items:center; gap:7px; }
.ux-air-page .site-header .shop-header-btns { display:flex; align-items:center; gap:6px; }
.ux-air-page .site-header .shop-icon-btn { position:relative; display:grid; width:40px; height:40px; place-items:center; border:0; border-radius:50%!important; background:transparent; color:rgba(255,255,255,.7)!important; cursor:pointer; transition:background .2s,color .2s; }
.ux-air-page .site-header .shop-icon-btn:hover,.ux-air-page .site-header .shop-icon-btn:focus-visible { background:rgba(255,255,255,.08)!important; color:#fff!important; }
.ux-air-page .site-header .shop-icon-btn .ci { width:20px; height:20px; }
.ux-air-page .site-header .shop-badge { position:absolute; top:2px; right:2px; display:grid; min-width:18px; height:18px; place-items:center; padding:0 4px; border:2px solid #101010; border-radius:20px; background:#ffbc00; color:#080808; font-size:9px; font-weight:800; }
.ux-air-page .site-header .btn-login { display:flex!important; min-height:34px!important; align-items:center; gap:6px; padding:7px 13px!important; border:1px solid rgba(255,255,255,.3)!important; border-radius:8px!important; background:transparent!important; color:#fff!important; font:600 12px/1 'Relax Gothic','Century Gothic',sans-serif!important; cursor:pointer; }
.ux-air-page .site-header .btn-login:hover,.ux-air-page .site-header .btn-login:focus-visible { border-color:rgba(255,255,255,.55)!important; background:rgba(255,255,255,.06)!important; }
.ux-air-page .site-header .btn-login .ci { width:15px!important; height:15px!important; }
.ux-air-page .site-header .nav-hamburger { display:none; width:38px!important; height:38px!important; padding:7px!important; align-items:center!important; justify-content:center!important; border:0; border-radius:9px!important; background:transparent; color:#fff!important; cursor:pointer; }
.ux-air-page .site-header .nav-hamburger .ci { width:24px!important; height:24px!important; background-color:#fff!important; }
.ux-air-page :where(.site-header button,.site-header a,.mobile-nav button,.mobile-nav a):focus-visible { outline:2px solid #d8b963; outline-offset:3px; }
.ux-air-page .mobile-nav { left:auto!important; right:0!important; transform:translateX(100%)!important; border-right:0!important; border-left:1px solid rgba(255,255,255,.1)!important; background:#0d0d0d!important; box-shadow:-12px 0 48px rgba(0,0,0,.55)!important; }
.ux-air-page .mobile-nav.open { transform:translateX(0)!important; }
.ux-air-page .mobile-nav-link { width:100%; appearance:none; border-color:rgba(255,255,255,.08)!important; background:transparent; color:rgba(255,255,255,.78)!important; font:inherit; text-align:left; cursor:pointer; }
.ux-air-page .mobile-nav-link:hover,.ux-air-page .mobile-nav-link:focus-visible { color:#e1c578!important; }
.ux-air-page .mobile-nav-close { color:#fff!important; }
.ux-air-page .mobile-nav-close .ci { width:20px; height:20px; background-color:#fff; }
.ux-air-page .mobile-nav-overlay { background:rgba(0,0,0,.65)!important; backdrop-filter:blur(4px); }
@media(max-width:900px){ .ux-air-page .site-header .main-nav { display:none!important; }.ux-air-page .site-header .nav-hamburger { display:flex!important; } }
@media(max-width:640px){
  body.ux-air-page > header.site-header,body.ux-air-page > header.site-header.is-scrolled,body.ux-air-page > header.site-header.scrolled { inset:0 8px auto!important; height:72px!important; min-height:0!important; padding:10px 12px!important; border-radius:0 0 17px 17px!important; background:rgba(8,8,8,.86)!important; }
  body.ux-air-page > header.site-header.is-scrolled,body.ux-air-page > header.site-header.scrolled { height:62px!important; padding:7px 11px!important; }
  .ux-air-page .site-header .header-brand-sep,.ux-air-page .site-header .header-brand-info { display:none!important; }
  .ux-air-page .site-header .logo { width:46px!important; }
  .ux-air-page .site-header .shop-header-btns { display:flex!important; }
  .ux-air-page .site-header #shop-cart-btn { display:none!important; }
  .ux-air-page .site-header #shop-fav-btn { display:grid!important; width:34px!important; height:34px!important; }
  .ux-air-page .site-header .btn-login { width:24px!important; height:34px!important; min-height:34px!important; justify-content:center; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; font-size:0!important; }
  .ux-air-page .site-header .btn-login .ci { width:20px!important; height:20px!important; }
  .ux-air-page .site-header .nav-hamburger { width:34px!important; height:34px!important; padding:5px!important; }
  .ux-air-page .site-header .nav-hamburger .ci { width:23px!important; height:23px!important; }
}