.main-navbar>.top>.end .phone-button span{text-align:center}.main-navbar{position:fixed;top:0;left:0;z-index:9997;width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.main-navbar .mob-search-overlay{pointer-events:none;position:fixed;top:0;left:0;height:0;width:100%;background-color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.main-navbar>.top{position:relative;z-index:30;display:flex;align-items:center;gap:.75rem;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));padding-top:.75rem;padding-bottom:.75rem}.main-navbar>.top>.start{margin-inline-end:4%;display:flex;flex-shrink:0;align-items:center;gap:.25rem}.main-navbar>.top>.start .menu-btn{display:none;padding:.75rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.main-navbar>.top>.start .logo{display:block;height:1.75rem}.main-navbar>.top>.start .logo img{height:100%;cursor:pointer}.main-navbar>.top>.middle{flex-grow:1;padding-inline-end:5%}.main-navbar>.top>.middle .nav-search{position:relative;overflow:hidden}@media (min-width:1024px){.main-navbar>.top>.middle .nav-search{overflow:visible}}.main-navbar>.top>.middle .nav-search .form{display:flex;height:2.25rem;align-items:center;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.main-navbar>.top>.middle .nav-search .form select{height:100%;border-width:0;background-image:none;padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.main-navbar>.top>.middle .nav-search .form .sep{margin-inline-start:.5rem;display:inline-block;height:70%;width:.063rem;flex-shrink:0;align-self:center;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.main-navbar>.top>.middle .nav-search .form .input{height:100%;flex-grow:1;border-width:0;padding-left:.75rem;padding-right:.75rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.main-navbar>.top>.middle .nav-search .form .input::placeholder{font-style:italic}.main-navbar>.top>.middle .nav-search .form .fi{display:flex;height:100%;align-items:center;padding-left:1rem;padding-right:1rem;font-size:1.5rem;line-height:2rem}.main-navbar>.top>.end{margin-inline-start:6%;display:flex;align-items:center;gap:2.75rem}.main-navbar>.top>.end .phone-button{display:flex;align-items:center;gap:.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.main-navbar>.top>.end .phone-button div>span:first-child{margin-bottom:.25rem;display:block;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:1;--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}.main-navbar>.top>.end .phone-button div>span:last-child{display:block;white-space:nowrap;font-weight:300;line-height:1}.main-navbar>.top>.end .nav-search-mobile{display:none}.main-navbar>.top>.end .nav-button{position:relative;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-button .title{font-size:1.125rem;line-height:1.75rem;font-weight:300;letter-spacing:.2rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-button .icon-box{position:relative;margin-left:auto;margin-right:auto;display:block;width:fit-content}.main-navbar>.top>.end .nav-button .icon-box i{margin-bottom:-.5rem;display:block;font-size:1.3rem;line-height:1.3;--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-button .icon-box i.fi-hover{display:none}.main-navbar>.top>.end .nav-button .icon-box .badge{position:absolute;top:-.25rem;inset-inline-end:-.5rem;display:inline-flex;height:.85rem;min-width:.85rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-button:hover i.fi-hover{display:block}.main-navbar>.top>.end .nav-button:hover i.fi-normal{display:none}.main-navbar>.top>.end .nav-button:hover .x-cart-drop{display:block}.main-navbar>.top>.end .nav-account{position:relative}.main-navbar>.top>.end .nav-account .account-button{position:relative;display:flex;align-items:flex-end;gap:.5rem;text-align:end;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-account .account-button .t{display:block;padding-inline-end:.25rem;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:1;--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-account .account-button .title{display:block;font-size:1.125rem;line-height:1.75rem;font-weight:300;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.main-navbar>.top>.end .nav-account .account-button .title i{margin-inline-start:.25rem;font-size:.875rem;line-height:1.25rem}.main-navbar>.top>.end .nav-account:hover .x-profile-drop{display:block}.main-navbar>.top>.end .account-mobile{display:none;vertical-align:text-top}.main-navbar>.bottom{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.main-navbar>.bottom:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.main-navbar>.bottom .bottom-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:.25rem;padding-bottom:.25rem}.main-navbar>.bottom .bottom-content>.end,.main-navbar>.bottom .bottom-content>.start{overflow:auto}.main-navbar>.bottom .bottom-content>.end .cats,.main-navbar>.bottom .bottom-content>.start .cats{display:flex}.main-navbar>.bottom .bottom-content>.end .cats>li>a,.main-navbar>.bottom .bottom-content>.end .cats>li>span,.main-navbar>.bottom .bottom-content>.start .cats>li>a,.main-navbar>.bottom .bottom-content>.start .cats>li>span{position:relative;display:block;white-space:nowrap;padding:.25rem .5rem .5rem;font-size:.85rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.main-navbar>.bottom .bottom-content>.end .cats>li>a:is(.dark *),.main-navbar>.bottom .bottom-content>.end .cats>li>span:is(.dark *),.main-navbar>.bottom .bottom-content>.start .cats>li>a:is(.dark *),.main-navbar>.bottom .bottom-content>.start .cats>li>span:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.main-navbar>.bottom .bottom-content>.end .cats>li>a:after,.main-navbar>.bottom .bottom-content>.end .cats>li>span:after,.main-navbar>.bottom .bottom-content>.start .cats>li>a:after,.main-navbar>.bottom .bottom-content>.start .cats>li>span:after{content:"";position:absolute;bottom:.5rem;left:0;height:.1rem;width:100%;--tw-bg-opacity:1;background-color:rgb(178 226 71/var(--tw-bg-opacity));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.main-navbar>.bottom .bottom-content>.end .cats>li>a:hover:after,.main-navbar>.bottom .bottom-content>.end .cats>li>span:hover:after,.main-navbar>.bottom .bottom-content>.start .cats>li>a:hover:after,.main-navbar>.bottom .bottom-content>.start .cats>li>span:hover:after{opacity:1}.main-navbar>.bottom .bottom-content>.end .cats>li:hover .drop-box,.main-navbar>.bottom .bottom-content>.start .cats>li:hover .drop-box{display:block}@media(max-width:1500px){.main-navbar>.top>.middle{padding-inline-end:0}}@media(max-width:1400px){.main-navbar>.top>.middle .nav-search .sep,.main-navbar>.top>.middle .nav-search select{display:none!important}}@media(max-width:1150px){.main-navbar>.top>.middle .nav-search{position:absolute;bottom:0;left:0;height:0;width:100%;--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.main-navbar>.top>.start .menu-btn{display:inline-flex;align-items:center;justify-content:center}.main-navbar>.bottom{display:none}.nav-search-mobile{display:block!important}body.mobile-search-active .main-navbar>.top>.middle .nav-search{height:3rem;overflow:visible}body.mobile-search-active .main-navbar .mob-search-overlay{pointer-events:auto;height:100%;background-color:rgba(0,0,0,.7)}.main-navbar>.top>.end{gap:1.25rem}}@media(max-width:900px){.main-navbar>.top>.end .nav-button .title,.main-navbar>.top>.end .phone-button{display:none}.main-navbar>.top>.start .logo{height:1.25rem}.main-navbar>.top>.end .account-mobile{display:inline-block}.main-navbar>.top>.end .account-web{display:none!important}.main-navbar>.top>.end{gap:.75rem;padding-inline-end:0}.main-navbar>.top{gap:0;padding-top:.75rem;padding-bottom:.75rem}.x-cart-drop,.x-profile-drop{display:none!important}}.page-loading-box{pointer-events:none;position:fixed;top:0;left:0;z-index:9996;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));opacity:0;transition:opacity .5s ease}.page-loading-box.is-visible{opacity:1}.page-loading-box img{width:13rem;--tw-translate-y:0.25rem;--tw-scale-x:0.72;--tw-scale-y:0.72;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(0,0,.2,1)}.page-loading-box img,.page-loading-box.is-visible img{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page-loading-box.is-visible img{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1}