:root{--header-height-desktop: 64px;--header-height-mobile: 60px;--header-margin: 20px}.floating-navbar{position:fixed;top:var(--header-margin);left:var(--header-margin);right:var(--header-margin);z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:var(--header-height-desktop);padding:0 32px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);box-shadow:0 4px 30px #00000008,inset 0 1px 1px #fffc;transition:var(--transition-smooth);margin:0 auto;max-width:1400px}body.is-scrolled .navbar-container{max-width:800px;height:54px;border-radius:var(--radius-full);background:#ffffffe6;padding:0 24px;box-shadow:0 10px 40px #0000001f,inset 0 1px 1px #ffffffe6;border:1px solid rgba(255,255,255,.6)}.navbar-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.navbar-logo img{display:block;height:32px;width:auto;transition:var(--transition-smooth)}body.is-scrolled .navbar-logo img{height:24px}.navbar-logo-text{font-size:18px;font-weight:900;color:#000;letter-spacing:.15em;text-transform:uppercase;transition:var(--transition-smooth)}body.is-scrolled .navbar-logo-text{font-size:14px;letter-spacing:.1em}.navbar-links{display:flex;align-items:center;justify-content:center;gap:32px;flex:1;margin:0 40px;transition:var(--transition-smooth)}body.is-scrolled .navbar-links{gap:20px}.nav-link{font-size:12px;font-weight:700;letter-spacing:.1em;color:#000;text-decoration:none;padding:8px 4px;position:relative;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#000;transition:var(--transition-fast);transform:translate(-50%);border-radius:99px}.nav-link:hover:after,.nav-link.active:after{width:16px}.nav-link:hover{opacity:.7}body.is-scrolled .nav-link{font-size:11px}.navbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:transparent;cursor:pointer;color:#000;transition:var(--transition-fast);padding:0;position:relative}.icon-btn:hover{background-color:#0000000d;transform:scale(1.05)}.icon-btn svg{width:20px;height:20px}body.is-scrolled .icon-btn{width:32px;height:32px}body.is-scrolled .icon-btn svg{width:16px;height:16px}.cart-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;background:#000;color:#fff;font-size:9px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px}.login-link{font-size:11px;font-weight:800;letter-spacing:.1em;padding:8px 12px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);transition:var(--transition-fast)}.login-link:hover{background:#000;color:#fff;border-color:#000}body.is-scrolled .login-link{padding:4px 10px;font-size:10px}.mobile-bottom-nav{display:none}@media(max-width:767px){.floating-navbar{display:none}.mobile-bottom-nav{display:block;position:fixed;bottom:24px;left:20px;right:20px;z-index:1000}.mobile-nav-container{display:flex;align-items:center;justify-content:space-around;height:var(--header-height-mobile);background:#ffffffd9;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-full);box-shadow:0 10px 40px #00000040,inset 0 1px 1px #fffc;padding:0 10px}.mob-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#0006;text-decoration:none;font-family:var(--font-family);transition:var(--transition-fast)}.mob-nav-item svg{margin-bottom:2px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.mob-nav-item span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mob-nav-item.active{color:#000}.mob-nav-item.active svg{transform:scale(1.1)}.mob-cart-wrap{position:relative;display:flex;align-items:center;justify-content:center}.mob-cart-badge{position:absolute;top:-4px;right:-8px;min-width:14px;height:14px;background:#000;color:#fff;font-size:8px;font-weight:700;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 3px}body{padding-bottom:100px!important}}@media(prefers-reduced-motion:reduce){.navbar-container,.navbar-logo img,.navbar-logo-text,.navbar-links,.nav-link,.icon-btn,.login-link,.mob-nav-item,.mob-nav-item svg{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/header.css.map */