.header-wrapper{background:linear-gradient(180deg,#fffffff2,#ffffffeb);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 4px 30px #0000000f,0 1px 3px #0000000a,inset 0 1px #fffc;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}.header-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--color-base-accent-1),.3) 50%,transparent 100%);opacity:0;transition:opacity .5s ease}.header-wrapper:hover:before{opacity:1}.header-wrapper.scrolled{background:linear-gradient(180deg,#fffffffa,#fffffff5);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);box-shadow:0 8px 40px #00000014,0 2px 8px #0000000f,inset 0 1px #ffffffe6;border-bottom:1px solid rgba(0,0,0,.1)}.header__inline-menu .header__menu-item,.header__inline-menu .header__menu-item span,.list-menu__item--link{text-decoration:none!important}.header__menu-item{position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none!important}.header__menu-item:before{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgb(var(--color-base-accent-1)) 50%,transparent 100%);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.16,1,.3,1);border-radius:2px}.header__menu-item:hover:before{transform:scaleX(1)}.header__menu-item:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:2px;background:rgb(var(--color-base-accent-1));box-shadow:0 0 12px rgba(var(--color-base-accent-1),.6);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:2px}.header__menu-item:hover:after{width:100%;opacity:1}.header__menu-item:hover{color:rgb(var(--color-base-accent-1));transform:translateY(-1px);text-shadow:0 0 20px rgba(var(--color-base-accent-1),.2)}.header__active-menu-item,.header__active-menu-item-v2{font-weight:600;color:rgb(var(--color-base-accent-1))!important;border-top:none!important;background:transparent!important;padding:0!important}.header__active-menu-item span,.header__active-menu-item-v2 span{color:rgb(var(--color-base-accent-1))!important;background:transparent!important}.header__active-menu-item-v2:before{display:none!important;content:none!important;background:none!important}.header__active-menu-item:before,.header__active-menu-item-v2:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:rgb(var(--color-base-accent-1));transform:scaleX(1);border-radius:2px}.header__active-menu-item:hover,.header__active-menu-item-v2:hover{transform:none!important;text-shadow:none!important}.header__menu-item:has(.header__active-menu-item):before,.header__menu-item:has(.header__active-menu-item):after,.header__menu-item:has(.header__active-menu-item-v2):before,.header__menu-item:has(.header__active-menu-item-v2):after{display:none!important}.header__menu-item:has(.header__active-menu-item):hover,.header__menu-item:has(.header__active-menu-item-v2):hover{transform:none!important;text-shadow:none!important}.header__icon{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.header__icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:44px;height:44px;background:radial-gradient(circle,rgba(var(--color-base-accent-1),.15) 0%,transparent 70%);border-radius:50%;transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:-1}.header__icon:hover:before{transform:translate(-50%,-50%) scale(1.2)}.header__icon:hover{transform:translateY(-3px) scale(1.05);color:rgb(var(--color-base-accent-1))}.header__icon svg{transition:all .3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 0 transparent)}.header__icon:hover svg{filter:drop-shadow(0 4px 12px rgba(var(--color-base-accent-1),.3))}.header__icon--search:hover svg{transform:rotate(90deg)}.header__icon--account:hover{animation:iconBounce .6s cubic-bezier(.16,1,.3,1)}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.1)}50%{transform:translateY(-2px) scale(1.05)}75%{transform:translateY(-4px) scale(1.08)}}.header__heading-logo{transition:all .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 0 transparent)}.header__heading-link:hover .header__heading-logo{transform:scale(1.05) translateY(-2px);filter:brightness(1.1) drop-shadow(0 8px 16px rgba(0,0,0,.1)) drop-shadow(0 0 20px rgba(var(--color-base-accent-1),.2))}.cart-count-bubble{position:absolute!important;background:linear-gradient(135deg,rgb(var(--color-base-accent-1)),rgba(var(--color-base-accent-1),.8));box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.4),0 0 20px rgba(var(--color-base-accent-1),.2),inset 0 1px #ffffff4d;animation:premiumPulse 2s ease-in-out infinite;font-weight:700}.cart-count-bubble:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,rgba(var(--color-base-accent-1),.4),transparent);border-radius:50%;z-index:-1;animation:ringPulse 2s ease-in-out infinite;pointer-events:none}@keyframes premiumPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.4),0 0 20px rgba(var(--color-base-accent-1),.2)}50%{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--color-base-accent-1),.5),0 0 30px rgba(var(--color-base-accent-1),.3)}}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.header__submenu{background:linear-gradient(180deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;box-shadow:0 20px 60px #00000026,0 4px 12px #00000014,inset 0 1px #fffc;border:1px solid rgba(0,0,0,.08);padding:12px;animation:premiumSlideDown .4s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes premiumSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header__submenu .header__menu-item{padding:12px 18px;border-radius:10px;transition:all .3s cubic-bezier(.16,1,.3,1);margin:3px 0;position:relative}.header__submenu .header__menu-item:before,.header__submenu .header__menu-item:after{display:none!important}.header__submenu .header__menu-item:hover{background:linear-gradient(90deg,rgba(var(--color-base-accent-1),.12),rgba(var(--color-base-accent-1),.08));color:rgb(var(--color-base-accent-1));transform:translate(6px);box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.1)}.search-modal{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .4s ease}.search__input:focus{box-shadow:0 0 0 4px rgba(var(--color-base-accent-1),.15),0 4px 20px rgba(var(--color-base-accent-1),.2);border-color:rgb(var(--color-base-accent-1))}.menu-drawer__inner-container{background:rgb(var(--color-background))!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:-8px 0 40px #00000026}.menu-drawer__menu-item,.menu-drawer__menu-item span,.menu-drawer__menu-item a,.menu-drawer .link,.menu-drawer summary,.menu-drawer__close-button{color:rgb(var(--color-foreground))!important}.menu-drawer__menu-item{transition:all .3s cubic-bezier(.16,1,.3,1);border-radius:10px;padding:14px 18px;margin:4px 0}.menu-drawer__menu-item:hover,.menu-drawer__menu-item:hover span,.menu-drawer__menu-item:hover a{background:linear-gradient(90deg,rgba(var(--color-base-accent-1),.12),rgba(var(--color-base-accent-1),.08));color:rgb(var(--color-base-accent-1))!important;transform:translate(8px);box-shadow:0 4px 12px rgba(var(--color-base-accent-1),.1)}.menu-drawer__title,.menu-drawer__close-btn{color:rgb(var(--color-foreground))!important}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.header-wrapper,.header__icon,.header__menu-item,.cart-count-bubble{will-change:transform}@media screen and (max-width: 749px){.header-wrapper{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.header__icon:hover{transform:scale(1.05)}.header__menu-item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-modern.css.map */