.skip-to-content-link{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.skip-to-content-link:focus{z-index:999999;position:fixed!important;overflow:visible!important;width:auto!important;height:auto!important;clip:auto!important;margin:0!important;padding:1rem 1.5rem!important;background-color:#2563eb;color:#fff!important;top:.5rem;left:.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #00000026}html,body{overflow-x:clip}:root{--nav-height: 80px;--nav-height-shrink: 60px;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 12px}.header-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,background,backdrop-filter}.header-sticky{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:99999!important}.header--scrolled{padding-top:.5rem!important;padding-bottom:.5rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.mega-menu-container{opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),transform .2s ease-out;pointer-events:none}.nav-item:hover .mega-menu-container{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu-card{background:transparent;transition:all .3s ease}.mega-menu-card:hover{transform:translateY(-4px)}.aspect-square{aspect-ratio:1 / 1}.grid{display:grid}.-translate-x-1\/2{transform:translate(-50%)}.left-1\/2{left:50%}.from-blue-50{--gradient-from-color: #eff6ff;--gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0))}.to-blue-100{--gradient-to-color: #dbeafe}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--gradient-color-stops))}.group\/card:hover .group-hover\/card\:scale-105{transform:scale(1.05)}.group\/card:hover .group-hover\/card\:text-blue-600{color:#2563eb}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.space-y-1>*+*{margin-top:.25rem}.object-cover{object-fit:cover}.search-input-wrapper{transition:all .3s ease}.mobile-drawer{transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-drawer--open{transform:translate(0)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#2563eb;transition:width .3s ease}.nav-link:hover:after,.nav-link--active:after{width:100%}.mega-menu-content::-webkit-scrollbar{width:4px}.mega-menu-content::-webkit-scrollbar-track{background:transparent}.mega-menu-content::-webkit-scrollbar-thumb{background:#2563eb33;border-radius:10px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-7xl{max-width:80rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.group:hover .hover\:translate-x-1{transform:translate(.25rem)}.inline-block{display:inline-block}@media screen and (min-width:1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:w-64{width:16rem!important}.lg\:flex-none{flex:none!important}}.flex-1{flex:1 1 0%}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--ring-offset-shadow: var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color);--ring-shadow: var(--ring-inset) 0 0 0 calc(2px + var(--ring-offset-width)) var(--ring-color);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--ring-color: #3b82f6}.text-blue-600{color:#2563eb}.bg-blue-600{background-color:#2563eb}.bg-white{background-color:#fff}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.container{width:100%;margin-left:auto;margin-right:auto}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pb-2{padding-bottom:.5rem}.text-\[10px\]{font-size:.625rem}.text-\[11px\]{font-size:.6875rem}.text-xs{font-size:.75rem}.sm\:inline-block{display:none}@media(min-width:640px){.sm\:inline-block{display:inline-block}}.header-container-custom{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding:1rem 1.5rem}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;width:100%}@media(max-width:768px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.nav-dropdown{min-width:280px!important;max-width:320px!important}}@media(max-width:480px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.nav-dropdown{min-width:240px!important;max-width:280px!important}}.nav-grid-item{opacity:0;will-change:opacity,transform;height:180px;position:relative}.card-overlay-style{background:linear-gradient(135deg,#666,#444);border-radius:.75rem}.card-overlay-style:hover img{filter:brightness(1.1)}[data-animation-type=fade] .nav-grid-item{animation:fadeIn var(--duration, .5s) var(--easing, ease-in-out) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-animation-type=slide-left] .nav-grid-item{animation:slideInLeft var(--duration, .5s) var(--easing, ease-in-out) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}[data-animation-type=slide-right] .nav-grid-item{animation:slideInRight var(--duration, .5s) var(--easing, ease-in-out) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[data-animation-type=zoom] .nav-grid-item{animation:zoomIn var(--duration, .5s) var(--easing, ease-in-out) forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-animation-type=none] .nav-grid-item{opacity:1}[data-stagger=true] .nav-grid-item{animation-delay:calc(.1s * var(--item-index))}[data-animation-duration]{--duration: v-bind("animationDuration")}[data-animation-easing]{--easing: v-bind("animationEasing")}.nav-item[data-animation-duration]{--duration: .5s}.nav-item[data-animation-easing]{--easing: ease-in-out}.nav-item:hover [data-animation-type] .nav-grid-item{animation-play-state:running}.nav-grid-item:hover{transform:translateY(-4px)!important;box-shadow:0 4px 12px #0000001a}
/*# sourceMappingURL=/cdn/shop/t/3/assets/nav-custom.css.map */