.modeo-header{background-color:var(--background);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--gray-200)}.max-w-8xl{max-width:1600px;width:100%}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.h-16{height:4rem}.flex-1{flex:1 1 0%}.gap-4{gap:1rem}@media (min-width:768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:flex-initial{flex:0 1 auto}.md\:justify-start{justify-content:flex-start}.md\:sticky{position:sticky}.md\:block{display:block}}.hidden{display:none}.modeo-header__logo{text-decoration:none}.modeo-header__logo h1{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--primary);cursor:pointer;transition:color 0.15s ease;margin:0}.modeo-header__logo h1:hover{color:var(--primary-hover)}.modeo-header nav{white-space:nowrap}.modeo-header nav a,.modeo-header nav button{white-space:nowrap;flex-shrink:0;text-decoration:none}.modeo-nav-item{position:relative}.modeo-nav-item a{font-weight:500;transition:color 0.15s ease;display:flex;align-items:center;gap:.25rem;color:var(--gray-800)}.modeo-nav-item a:hover{color:var(--primary)}.modeo-nav-item a.text-primary{color:var(--primary);font-weight:600}.modeo-nav-arrow{width:1rem;height:1rem;transition:transform 0.2s ease}.modeo-nav-item:hover .modeo-nav-arrow,.modeo-nav-item[data-mega-menu-open="true"] .modeo-nav-arrow{transform:rotate(180deg)}.modeo-mobile-nav-button{position:relative;background-color:var(--background);color:var(--gray-700);padding:.75rem;border-radius:.5rem;transition:all 0.2s ease;display:inline-flex;align-items:center;border:none;cursor:pointer}.modeo-mobile-nav-button:hover{background-color:var(--gray-50);color:var(--primary)}.modeo-mobile-nav-button:focus{outline:2px solid #fff0;outline-offset:2px;box-shadow:0 0 0 2px var(--primary);opacity:.5}.modeo-hamburger-line{position:absolute;height:2px;width:1.25rem;background-color:currentColor;transform-origin:center;transition:all 0.3s cubic-bezier(.4,0,.2,1)}.modeo-hamburger-line-1{top:0}.modeo-hamburger-line-2{top:.25rem;opacity:1}.modeo-hamburger-line-3{top:.5rem}.modeo-mobile-nav-button[aria-expanded="true"] .modeo-hamburger-line-1{transform:rotate(45deg) translateY(.25rem)}.modeo-mobile-nav-button[aria-expanded="true"] .modeo-hamburger-line-2{opacity:0}.modeo-mobile-nav-button[aria-expanded="true"] .modeo-hamburger-line-3{transform:rotate(-45deg) translateY(-.25rem)}.modeo-cart-button{position:relative;background-color:var(--background);color:var(--gray-700);padding:.75rem;border-radius:.5rem;transition:all 0.2s ease;display:inline-flex;align-items:center;border:none;cursor:pointer}.modeo-cart-button:hover{background-color:var(--gray-50);color:var(--primary)}.modeo-cart-button:focus{outline:none;box-shadow:none}.modeo-cart-button svg{width:1.25rem;height:1.25rem}.modeo-cart-count{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--primary);color:var(--background);border-radius:9999px;padding:.25rem .375rem;font-size:.75rem;line-height:1;font-weight:500;min-width:1.25rem;height:1.25rem;text-align:center;display:flex;align-items:center;justify-content:center}.modeo-user-menu-wrapper{display:flex;align-items:center}@media (max-width:767px){.modeo-user-menu-wrapper{display:none!important}}@media (min-width:768px){.modeo-user-menu-wrapper{display:flex}}.modeo-user-menu-wrapper a{color:var(--gray-700);font-weight:500;transition:color 0.15s ease;text-decoration:none}.modeo-user-menu-wrapper a:hover{color:var(--primary)}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary{color:var(--primary)!important}.hover\:text-primary:hover{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.hover\:bg-primary:hover{background-color:var(--primary-hover)!important}.text-primary-hover{color:var(--primary-hover)!important}.hover\:text-primary-hover:hover{color:var(--primary-hover)!important}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.cursor-pointer{cursor:pointer}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.focus\:outline-none:focus{outline:2px solid #fff0;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--primary)}.focus\:ring-opacity-50:focus{opacity:.5}.bg-white{background-color:var(--background)}.shadow-sm{box-shadow:var(--shadow-sm)}.border-b{border-bottom:1px solid var(--gray-200)}.rounded-lg{border-radius:.5rem}.z-40{z-index:40}.modeo-header .flex{flex-wrap:nowrap;min-width:0}.modeo-header nav{min-width:fit-content}@media (min-width:768px){.modeo-header nav{min-width:fit-content}}.modeo-header *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.modeo-mega-menu,.modeo-mobile-nav,.modeo-user-menu-dropdown{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.modeo-mega-menu[data-mega-menu-open="false"],.modeo-mobile-nav:not(.modeo-mobile-nav-open){will-change:auto}.modeo-mobile-nav{contain:layout style paint}@media (hover:hover) and (pointer:fine){.modeo-nav-item:hover .modeo-nav-arrow{transform:rotate(180deg)}.modeo-user-menu-button:hover{color:var(--primary)}.modeo-cart-button:hover{background-color:var(--gray-50);color:var(--primary)}}.modeo-nav-item a.text-primary{position:relative}.modeo-nav-item a.text-primary::after{content:'';position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background-color:var(--primary);border-radius:1px}@media (min-width:768px){.modeo-nav-item a.text-primary::after{bottom:-1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}