/* Alluvi Store header adaptation; scoped entirely to .as-* */
.as-header{position:relative;z-index:1000;background:#050505;color:#fff;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.as-header *,.as-header *::before,.as-header *::after{box-sizing:border-box}
.as-header a{text-decoration:none}
.as-notice{height:38px;background:#ff8500;color:#fff;overflow:hidden;white-space:nowrap;position:relative}
.as-notice__track{width:max-content;min-width:100%;height:100%;display:flex;align-items:center;animation:asNoticeScroll 55s linear infinite;will-change:transform}
.as-notice__item{display:block;flex:none;font-size:11.5px;font-weight:700;line-height:38px;padding-right:46px}
.as-notice__item strong{font-weight:900}
.as-notice__item i{font-style:normal;padding:0 21px;font-weight:800}
.as-notice__alert{display:inline-block;line-height:22px;padding:1px 12px;border-radius:4px;background:#d61f1f;color:#fff;font-weight:800;vertical-align:middle}
.as-notice:hover .as-notice__track{animation-play-state:paused}
@keyframes asNoticeScroll{to{transform:translateX(-33.333333%)}}
.as-desktop-bar{display:block;height:74px;width:100%;padding:18px 20px 0;background:#070707}
.as-desktop-inner{width:min(536px,100%);height:50px;margin:0 auto;padding:0 21px;display:flex;align-items:center;justify-content:center;gap:14px;background:#171719;border:1px solid #303034;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
/* Home uses the shorter reference navigation; inner pages include About Us. */
.as-header--home .as-desktop-inner{width:min(470px,100%)}
.as-header--inner .as-desktop-inner{width:min(536px,100%)}
.as-brand,.as-mobile-brand{display:flex;align-items:center;justify-content:center;flex:none;height:100%;line-height:1}
.as-brand{width:50px}
.as-brand img{display:block;width:70px;height:43px;max-height:100%;max-width:none;object-fit:contain;object-position:center}
.as-desktop-links{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;min-width:0}
.as-desktop-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 2px;font-size:13px;font-weight:500;color:#9191a0;white-space:nowrap;transition:color .2s ease}
.as-desktop-links a:hover,.as-desktop-links a:focus-visible,.as-desktop-links a.is-active{color:#fff}.as-desktop-links a.is-active{border-radius:999px;background:#303034;padding-inline:10px;margin-inline:-8px}
.as-desktop-links a:focus-visible,.as-mobile-menu a:focus-visible,.as-mobile-toggle:focus-visible{outline:2px solid #ff8500;outline-offset:4px;border-radius:4px}
.as-mobile-bar,.as-mobile-menu{display:none}
@media(max-width:991px){
 .as-desktop-bar{display:none!important}
 .as-mobile-bar{height:70px;padding:7px 24px;display:flex;align-items:center;justify-content:space-between;background:#070707;position:relative;z-index:1005}
 .as-mobile-brand{width:112px;height:55px}
 .as-mobile-brand img{display:block;width:107px;height:55px;object-fit:contain}
 .as-mobile-toggle{width:48px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid #323239;border-radius:12px;color:#fff;cursor:pointer;position:relative;z-index:1010}
 .as-mobile-toggle span{display:block;height:2px;width:22px;background:#fff;border-radius:2px;transition:transform .24s ease,opacity .24s ease}
 .as-header.is-menu-open .as-mobile-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
 .as-header.is-menu-open .as-mobile-toggle span:nth-child(2){opacity:0}
 .as-header.is-menu-open .as-mobile-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
 .as-mobile-menu:not([hidden]){display:block;position:fixed;inset:0;z-index:1004;overflow:auto;overscroll-behavior:contain;background:#07080b;color:#fff;padding:100px 7vw 40px}
 .as-mobile-menu__glow{position:fixed;pointer-events:none;width:min(110vw,620px);height:540px;right:-180px;top:-140px;background:radial-gradient(circle,rgba(255,130,0,.15),transparent 64%);filter:blur(4px)}
 .as-mobile-menu__inner{position:relative;max-width:620px;margin:0 auto;min-height:calc(100dvh - 160px);display:flex;flex-direction:column}
 .as-mobile-menu__eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#ff9500;font-size:11px;font-weight:900;margin:5px 0 20px}
 .as-mobile-menu__links{display:flex;flex-direction:column}
 .as-mobile-menu__links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 4px;border-bottom:1px solid #2a2c31;color:#f3f3f5;font-size:clamp(25px,4.8vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.25;opacity:1}
 .as-mobile-menu__links a span:last-child{font-size:23px;font-weight:400;color:#ff8800}
 .as-mobile-menu__footer{margin-top:auto;padding-top:48px;color:#c0bdc4}
 .as-mobile-menu__footer p{font-size:14px;font-weight:700;margin:0 0 10px}
 .as-mobile-menu__footer small{font-size:12px;line-height:1.6;color:#858995}
 body.as-mobile-menu-open{overflow:hidden!important}
 body.as-mobile-menu-open #alluvi-floating-cart{display:none!important}
}
@media(max-width:479px){
 .as-notice{height:34px}
 .as-notice__item{line-height:34px;font-size:10px}
 .as-mobile-bar{height:65px;padding:6px 18px}
 .as-mobile-brand{width:103px;height:51px}
 .as-mobile-brand img{width:99px;height:51px}
 .as-mobile-toggle{width:44px;height:42px}
 .as-mobile-menu:not([hidden]){padding:94px 22px 30px}
 .as-mobile-menu__links a{padding:16px 2px;font-size:29px}
}
@media(min-width:992px) and (max-width:1080px){.as-desktop-inner{padding:0 18px}.as-desktop-links{gap:14px}.as-desktop-links a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.as-notice__track{animation:none!important}.as-mobile-toggle span,.as-desktop-links a{transition:none!important}}

/* Mobile navigation parity with the approved rounded desktop pill.
   Show the same five links directly rather than changing to a hamburger menu. */
@media (max-width:991px){
 .as-header .as-desktop-bar{display:block!important;width:100%!important;height:72px!important;padding:13px 12px 0!important;background:#070707!important}
 .as-header .as-desktop-inner{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;max-width:452px!important;width:100%!important;height:50px!important;padding:0 27px!important;border-radius:999px!important;overflow:hidden!important}
 .as-header .as-desktop-links{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:15px!important;white-space:nowrap!important}
 .as-header .as-desktop-links a{display:inline-flex!important;align-items:center!important;font-size:13px!important;min-height:40px!important;white-space:nowrap!important}
 .as-header .as-mobile-bar,.as-header .as-mobile-menu{display:none!important}
}
@media (max-width:479px){
 .as-header .as-desktop-bar{height:63px!important;padding:8px 8px 0!important}
 .as-header .as-desktop-inner{width:100%!important;max-width:452px!important;height:47px!important;padding:0 10px!important;gap:clamp(4px,1.4vw,8px)!important}
 .as-header .as-brand{width:clamp(41px,12vw,53px)!important;min-width:0!important}
 .as-header .as-brand img{width:clamp(54px,15vw,65px)!important;height:38px!important;max-width:none!important}
 .as-header .as-desktop-links{gap:clamp(4px,1.6vw,9px)!important;min-width:0!important}
 .as-header .as-desktop-links a{min-height:40px!important;font-size:clamp(9px,2.8vw,11.8px)!important;padding:7px 0!important;letter-spacing:-.018em!important}
}
@media (max-width:345px){
 .as-header .as-desktop-inner{padding:0 8px!important;gap:4px!important}
 .as-header .as-brand{width:42px!important}
 .as-header .as-brand img{width:54px!important}
 .as-header .as-desktop-links{gap:4px!important}
 .as-header .as-desktop-links a{font-size:9px!important}
}

/* Keep the complete reference navigation reachable on smaller screens,
   without removing links or allowing the rounded navigation to overflow. */
@media (max-width:991px){
 .as-header .as-desktop-inner{justify-content:flex-start!important;overflow:hidden!important}
 .as-header .as-desktop-links{
   flex:1 1 auto!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   overscroll-behavior-x:contain;
   scrollbar-width:none!important;
   -webkit-overflow-scrolling:touch
 }
 .as-header .as-desktop-links::-webkit-scrollbar{display:none}
 .as-header .as-desktop-links a{flex:0 0 auto!important}
}