.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.category-nav{transition:all .3s cubic-bezier(.4,0,.2,1)}.category-nav.hidden{transform:translateY(-100%)}.navbar-tier-1{background:linear-gradient(135deg,#fafafa,#f5f5f5)}.navbar-tier-1,.navbar-tier-2{border-bottom:1px solid #e5e7eb}.navbar-tier-2{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mega-menu{background:white;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #f3f4f6;overflow:hidden}.mega-menu-promo{background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);border-bottom:1px solid var(--primary-200)}.nav-link{position:relative;font-weight:500;font-size:.875rem;transition:all .2s ease-in-out;padding:.5rem 1rem;border-radius:.375rem}.nav-link:hover{background-color:rgba(var(--primary-rgb),.05);color:var(--primary)}.nav-link.active{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--primary);transition:all .2s ease-in-out;transform:translateX(-50%)}.nav-link.active:after,.nav-link:hover:after{width:2rem}.search-input{transition:all .2s ease-in-out;background:#f9fafb;border:1px solid #e5e7eb}.search-input:focus{background:white;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);transform:scale(1.02)}@media (max-width:1024px){.navbar-tier-1{padding:.25rem 0}.navbar-tier-2{padding:.5rem 0}.nav-link{padding:.375rem .75rem;font-size:.8rem}}@media (max-width:768px){.navbar-tier-1 .utility-text{font-size:.75rem}.mobile-nav-section{padding:1rem 0;border-bottom:1px solid #f3f4f6}.mobile-nav-section:last-child{border-bottom:none}.mobile-nav-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.75rem}.mobile-nav-link{padding:.5rem 0;font-size:1rem;font-weight:500;transition:color .2s ease-in-out}.mobile-nav-link:hover{color:var(--primary)}}@keyframes cartBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.cart-bounce{animation:cartBounce .6s ease-in-out}.dropdown-item{transition:all .15s ease-in-out;padding:.5rem .75rem;border-radius:.375rem;margin:.125rem}.dropdown-item:hover{background-color:rgba(var(--primary-rgb),.05);color:var(--primary);transform:translateX(2px)}.badge-new{background:linear-gradient(135deg,#10b981,#059669)}.badge-featured,.badge-new{display:inline-flex;align-items:center;color:white;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease}.badge-featured{background:linear-gradient(135deg,#F59E0B,#D97706)}.badge-popular{background:linear-gradient(135deg,#EC4899,#DB2777)}.badge-popular,.badge-sale{display:inline-flex;align-items:center;color:white;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease}.badge-sale{background:linear-gradient(135deg,#EF4444,#DC2626)}.container-responsive{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container-responsive{padding:0 1.5rem}}@media (min-width:1024px){.container-responsive{padding:0 2rem}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dropdown-item:focus-visible,.nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.dropdown-item,.nav-link{border:1px solid transparent}.dropdown-item:focus,.dropdown-item:hover,.nav-link:focus,.nav-link:hover{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.cart-bounce,.dropdown-item,.nav-link,.search-input{transition:none;animation:none}}