:root{--sage: #87A96B;--sage-95: rgba(135, 169, 107, .95);--sage-90: rgba(135, 169, 107, .9);--sage-80: rgba(135, 169, 107, .8);--sage-70: rgba(135, 169, 107, .7);--sage-60: rgba(135, 169, 107, .6);--sage-50: rgba(135, 169, 107, .5);--sage-40: rgba(135, 169, 107, .4);--sage-30: rgba(135, 169, 107, .3);--sage-20: rgba(135, 169, 107, .2);--sage-10: rgba(135, 169, 107, .1);--sage-8: rgba(135, 169, 107, .08);--sage-5: rgba(135, 169, 107, .05);--tan: #C4A484;--tan-80: rgba(196, 164, 132, .8);--tan-70: rgba(196, 164, 132, .7);--tan-50: rgba(196, 164, 132, .5);--tan-40: rgba(196, 164, 132, .4);--tan-20: rgba(196, 164, 132, .2);--tan-8: rgba(196, 164, 132, .08);--tan-5: rgba(196, 164, 132, .05);--cream: #F5F5DC;--cream-90: rgba(245, 245, 220, .9);--cream-20: rgba(245, 245, 220, .2);--cream-10: rgba(245, 245, 220, .1);--sand: #D2B48C;--sand-50: rgba(210, 180, 140, .5);--white: #FFFFFF;--white-90: rgba(255, 255, 255, .9);--white-80: rgba(255, 255, 255, .8);--white-70: rgba(255, 255, 255, .7);--white-30: rgba(255, 255, 255, .3);--white-20: rgba(255, 255, 255, .2);--white-10: rgba(255, 255, 255, .1);--white-5: rgba(255, 255, 255, .05);--gray-900: #111827;--gray-800: #1F2937;--red-400: #F87171}.neatly-header{background:#11182766;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--white-10);transition:all .5s cubic-bezier(.4,0,.2,1)}.neatly-header.scrolled{background:#111827f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 25px 50px -12px #00000040;border-bottom:1px solid rgba(31,41,55,.5)}.container{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{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}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.space-y-4>*+*{margin-top:1rem}.hidden{display:none}.block{display:block}@media (min-width: 640px){.sm\\:block{display:block}.sm\\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\\:hidden{display:none}.lg\\:flex{display:flex}.lg\\:block{display:block}.lg\\:px-8{padding-left:2rem;padding-right:2rem}}.h-20{height:5rem}.w-16{width:4rem}.h-16{height:4rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-2\.5{width:.625rem}.h-8{height:2rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.h-0\.5{height:.125rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-2{width:.5rem}.h-2{height:.5rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.inset-0{top:0;right:0;bottom:0;left:0}.inset-0\.5{top:.125rem;right:.125rem;bottom:.125rem;left:.125rem}.inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.-inset-0\.5{top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.-inset-2{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.-inset-3{top:-.75rem;right:-.75rem;bottom:-.75rem;left:-.75rem}.-inset-4{top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.-inset-6{top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem}.-inset-8{top:-2rem;right:-2rem;bottom:-2rem;left:-2rem}.left-1{left:.25rem}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.left-2{left:.5rem}.top-2{top:.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.-bottom-2{bottom:-.5rem}.-left-2{left:-.5rem}.-top-3{top:-.75rem}.-right-4{right:-1rem}.left-2\.5{left:.625rem}.top-3{top:.75rem}.right-3{right:.75rem}.bottom-1\.5{bottom:.375rem}.top-0\.5{top:.125rem}.left-3{left:.75rem}.bottom-0\.5{bottom:.125rem}.z-50{z-index:50}.-z-10{z-index:-10}.logo-container .group:hover .logo-icon{transform:scale(1.1) rotate(6deg)}.logo-icon{perspective:1000px}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-sage{--tw-gradient-from: var(--sage);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(135, 169, 107, 0))}.via-sage-95{--tw-gradient-stops: var(--tw-gradient-from), var(--sage-95), var(--tw-gradient-to, rgba(196, 164, 132, 0))}.to-tan-80{--tw-gradient-to: var(--tan-80)}.from-white-10{--tw-gradient-from: var(--white-10);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.via-transparent{--tw-gradient-stops: var(--tw-gradient-from), transparent, var(--tw-gradient-to, rgba(255, 255, 255, 0))}.to-white-20{--tw-gradient-to: var(--white-20)}.from-transparent{--tw-gradient-from: transparent;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.via-white-5{--tw-gradient-stops: var(--tw-gradient-from), var(--white-5), var(--tw-gradient-to, rgba(255, 255, 255, 0))}.from-cream{--tw-gradient-from: var(--cream);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 220, 0))}.via-white{--tw-gradient-stops: var(--tw-gradient-from), var(--white), var(--tw-gradient-to, rgba(245, 245, 220, 0))}.to-cream-90{--tw-gradient-to: var(--cream-90)}.from-white{--tw-gradient-from: var(--white);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 220, 0))}.to-cream{--tw-gradient-to: var(--cream)}.to-white{--tw-gradient-to: var(--white)}.from-tan{--tw-gradient-from: var(--tan);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(210, 180, 140, 0))}.to-sand{--tw-gradient-to: var(--sand)}.via-tan-80{--tw-gradient-stops: var(--tw-gradient-from), var(--tan-80), var(--tw-gradient-to, rgba(210, 180, 140, 0))}.from-sand{--tw-gradient-from: var(--sand);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 164, 132, 0))}.from-sage-20{--tw-gradient-from: var(--sage-20);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 164, 132, 0))}.to-tan-20{--tw-gradient-to: var(--tan-20)}.via-sage-10{--tw-gradient-stops: var(--tw-gradient-from), var(--sage-10), var(--tw-gradient-to, rgba(135, 169, 107, 0))}.from-sage-8{--tw-gradient-from: var(--sage-8);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(196, 164, 132, 0))}.via-tan-8{--tw-gradient-stops: var(--tw-gradient-from), var(--tan-8), var(--tw-gradient-to, rgba(135, 169, 107, 0))}.to-sage-8{--tw-gradient-to: var(--sage-8)}.from-tan-5{--tw-gradient-from: var(--tan-5);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 245, 220, 0))}.via-cream-10{--tw-gradient-stops: var(--tw-gradient-from), var(--cream-10), var(--tw-gradient-to, rgba(196, 164, 132, 0))}.to-tan-5{--tw-gradient-to: var(--tan-5)}.rounded-full{border-radius:9999px}.rounded-3xl{border-radius:1.5rem}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.shadow-luxury{box-shadow:0 25px 50px -12px #00000080}.shadow-tan-50{box-shadow:0 10px 15px -3px #c4a48480}.shadow-sage-40{box-shadow:0 10px 15px -3px #87a96b66}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-white-30{border-color:var(--white-30)}.border-tan-40{border-color:var(--tan-40)}.border-sage-30{border-color:var(--sage-30)}.border-cream-20{border-color:var(--cream-20)}.border-white-10{border-color:var(--white-10)}.border-sand{border-color:var(--sand)}.border-sand-50{border-color:var(--sand-50)}.transform{transform:translateZ(0)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-600{transition-duration:.6s}.duration-700{transition-duration:.7s}.duration-800{transition-duration:.8s}.duration-1000{transition-duration:1s}.delay-75{transition-delay:75ms}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-600{transition-delay:.6s}.rotate-35{transform:rotate(35deg)}.rotate-40{transform:rotate(40deg)}.skew-y-3{transform:skewY(3deg)}.-skew-y-3{transform:skewY(-3deg)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-115{transform:scale(1.15)}.group:hover .group-hover\\:scale-105{transform:scale(1.05)}.group:hover .group-hover\\:scale-110{transform:scale(1.1)}.group:hover .group-hover\\:scale-115{transform:scale(1.15)}.group:hover .group-hover\\:skew-y-3{transform:skewY(3deg)}.group:hover .group-hover\\:-skew-y-3{transform:skewY(-3deg)}.group:hover .group-hover\\:rotate-40{transform:rotate(40deg)}.group:hover .group-hover\\:from-cream{--tw-gradient-from: var(--cream)}.group:hover .group-hover\\:to-white{--tw-gradient-to: var(--white)}.group:hover .group-hover\\:from-white{--tw-gradient-from: var(--white)}.group:hover .group-hover\\:to-cream{--tw-gradient-to: var(--cream)}.group:hover .group-hover\\:via-cream{--tw-gradient-stops: var(--tw-gradient-from), var(--cream), var(--tw-gradient-to)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.group:hover .group-hover\\:opacity-100{opacity:1}.blur-sm{filter:blur(4px)}.blur-md{filter:blur(12px)}.blur-lg{filter:blur(16px)}.blur-xl{filter:blur(24px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-display{font-family:Playfair Display,serif}.font-body{font-family:Inter,sans-serif}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.text-white{color:var(--white)}.text-white-90{color:var(--white-90)}.text-white-80{color:var(--white-80)}.text-white-70{color:var(--white-70)}.text-sage{color:var(--sage)}.text-sage-90{color:var(--sage-90)}.text-sage-30{color:var(--sage-30)}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-red-400{color:var(--red-400)}.text-red-300{color:#fca5a5}.text-red-600{color:#dc2626}.group:hover .group-hover\\:text-sage{color:var(--sage)}.group:hover .group-hover\\:text-sage-90{color:var(--sage-90)}.hover\\:text-sage:hover{color:var(--sage)}.hover\\:text-red-300:hover{color:#fca5a5}.hover\\:scale-110:hover{transform:scale(1.1)}.bg-cream{background-color:var(--cream)}.bg-sage{background-color:var(--sage)}.bg-sand{background-color:var(--sand)}.bg-white{background-color:var(--white)}.bg-red-400{background-color:var(--red-400)}.bg-red-50{background-color:#fef2f2}.hover\\:bg-red-50:hover{background-color:#fef2f2}.hover\\:bg-sage-10:hover{background-color:var(--sage-10)}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes pulse{50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-twinkle{animation:twinkle 2s ease-in-out infinite}.group:hover .group-hover\\:animate-bounce{animation:bounce 1s infinite}.group:hover .group-hover\\:animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.group:hover .group-hover\\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.group:hover .group-hover\\:animate-twinkle{animation:twinkle 2s ease-in-out infinite}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-.25rem;left:0;width:0;height:.125rem;background-color:var(--sage);transition:width .3s ease}.nav-link:hover:after{width:100%}.category-link{position:relative}.category-link:after{content:"";position:absolute;bottom:-.5rem;left:0;width:0;height:.125rem;background-color:var(--sage);transition:width .3s ease}.category-link:hover:after{width:100%}.category-link.sale-link:after{background-color:var(--red-400)}.mobile-menu{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{transition:all .2s ease}.mobile-nav-link:hover{transform:translate(.5rem)}.cart-count{transition:all .3s ease}.cart-link:hover .cart-count{transform:scale(1.1)}@media (max-width: 1023px){.logo-icon{width:3rem;height:3rem}.logo-icon .w-10{width:2rem}.logo-icon .h-10{height:2rem}}@media (max-width: 640px){.container{padding-left:.75rem;padding-right:.75rem}.text-3xl{font-size:1.5rem;line-height:2rem}}@media (prefers-reduced-motion: reduce){.transition-all,.transition-opacity,.transition-colors,.transition-transform{transition-duration:.01ms!important}.animate-bounce,.animate-pulse,.animate-ping,.animate-twinkle{animation:none!important}}button:focus,a:focus{outline:2px solid var(--sage);outline-offset:2px}.neatly-header,.logo-icon,.nav-link,.category-link{will-change:transform}.group:hover .logo-icon,.group:hover .nav-link:after,.group:hover .category-link:after{transform:translateZ(0)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/neatly-header.css.map */