:root{--main-nav-height: 60px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.custom-header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:999;height:var(--main-nav-height)}.custom-header__container{height:var(--main-nav-height);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.main-content{margin-top:var(--main-nav-height);width:100%}.custom-header__logo{display:flex;align-items:center}.custom-header__logo img{height:30px;width:auto}.custom-header__desktop-nav{display:flex}.desktop-nav__list{list-style-type:none;display:flex;align-items:center;gap:32px}.desktop-nav__link{text-decoration:none;color:#000;font-size:14px;font-weight:400;text-transform:uppercase;white-space:nowrap;transition:opacity .3s}.desktop-nav__link:hover{opacity:.7;text-decoration:underline}.desktop-nav__item:first-child .desktop-nav__link{font-weight:600}.custom-header__mobile-nav{display:none;align-items:center;gap:20px}.mobile-cart-text{text-decoration:none;color:#000;font-size:12px;font-weight:400;text-transform:uppercase;white-space:nowrap}.mobile-menu-toggle{cursor:pointer;font-size:24px;color:#000}.mobile-menu-container{display:none;position:absolute;top:var(--main-nav-height);left:0;width:100%;background:#fff;z-index:1000;padding:20px}.mobile-menu-container.active{display:block}.mobile-menu__list{list-style-type:none;display:flex;flex-direction:column;gap:15px}.mobile-menu__link{text-decoration:none;color:#000;font-size:14px;font-weight:400;text-transform:uppercase;padding:10px 0;display:block;transition:opacity .3s}.mobile-menu__link:hover{opacity:.7;text-decoration:underline}.mobile-menu__item:first-child .mobile-menu__link{font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-container{animation:fadeIn .3s}@media screen and (max-width: 749px){.custom-header__container{padding:0 1rem}.custom-header__desktop-nav{display:none}.custom-header__mobile-nav{display:flex}.custom-header__logo img{height:25px}}@media screen and (min-width: 750px){.custom-header__mobile-nav{display:none}.mobile-menu-container{display:none!important}}@media screen and (max-width: 989px) and (min-width: 750px){.desktop-nav__list{gap:30px}.desktop-nav__link{font-size:13px}}@media screen and (max-width: 749px){.mobile-menu-toggle{padding:0 15px;font-size:24px;display:flex;align-items:center;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-header.css.map */