.custom-header{position:fixed;top:0;left:0;width:100%;background:0 0;transition:transform .3s ease,background-color .3s ease;z-index:1000;transform:translateY(-100%)}.custom-header.visible{transform:translateY(0)}.custom-header.scrolled{background-color:white;box-shadow:0 2px 5px rgba(0,0,0,.1)}.mobile-menu-toggle.active .hamburger{background:0 0}.mobile-menu-toggle.active .hamburger::before{transform:rotate(45deg);top:0}.mobile-menu-toggle.active .hamburger::after{transform:rotate(-45deg);bottom:0}.search-modal.active{display:flex}.mobile-nav.active{right:0}.custom-header:not(.scrolled) .search-toggle svg path,.custom-header:not(.scrolled) .cart-link svg path,.custom-header:not(.scrolled) .mobile-menu-toggle .hamburger{fill:white;color:white}.custom-header:not(.scrolled) .hamburger,.custom-header:not(.scrolled) .hamburger::before,.custom-header:not(.scrolled) .hamburger::after{background:#fff}.custom-header.scrolled .search-toggle svg path,.custom-header.scrolled .cart-link svg path,.custom-header.scrolled .mobile-menu-toggle .hamburger{fill:#333;color:#333}.custom-header.scrolled .hamburger,.custom-header.scrolled .hamburger::before,.custom-header.scrolled .hamburger::after{background:#333}.custom-header:not(.scrolled) .cart-count{background:#f00;color:white}