body:has(header .menu.active){overflow:hidden}body:has(header.can-be-sticky:not(.cover)){padding-top:var(--header-height)}header{background-color:var(--white);padding:17px 0;transition:background-color var(--transition-duration)}header:not(.cover),header.sticky{box-shadow:0 3px 4px #0000000a,0 1px 2px #00000014}header .row{align-items:center;display:flex;gap:20px}header .logo-wrapper{max-width:136px;order:2}header .icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto;order:3}header .logo-wrapper h1{margin:0}header .logo{height:100%;width:100%}header .user-wrapper{display:none}header .user-wrapper>a{align-items:center;color:var(--black-700);display:inline-flex;font-size:var(--text-base);gap:8px;line-height:24px;letter-spacing:var(--tracking-tight);text-decoration:none}header .search-wrapper,header .cart-wrapper,header .cart-wrapper a{display:inline-flex}header .menu-wrapper .icon.burger svg,header .search-wrapper .icon.search svg,header .cart-wrapper .icon.bag svg,header .user-wrapper .icon.user svg{color:var(--black-700);height:24px;width:24px}header.cover{background-color:transparent;left:0;position:absolute;right:0;top:var(--announcement-bar-height);z-index:10}header.can-be-sticky{left:0;position:fixed;right:0;top:calc(-1 * (100% + var(--header-height)));z-index:1000}header.sticky{background-color:var(--white);top:0;transition:var(--transition-all);z-index:1000}header.sticky .logo.additional{display:none}header.cover:not(.sticky) .search-wrapper .icon.search svg,header.cover:not(.sticky) .menu-wrapper .icon.burger svg,header.cover:not(.sticky) .icons-wrapper .user-wrapper .icon.user svg,header.cover:not(.sticky) .cart-wrapper .icon.bag svg,header.cover:not(.sticky) .cart-wrapper .cart-count-bubble,header.cover:not(.sticky) .icons-wrapper .user-wrapper>a{color:var(--white)}header.cover:not(.sticky) .logo:not(.additional){display:none}@media screen and (min-width: 768px){header .logo-wrapper{max-width:166px}}@media screen and (min-width: 1024px){header{padding:0}header .logo-wrapper{order:1}header .icons-wrapper{margin-left:0}header .user-wrapper{display:inline-flex}header.cover:not(.sticky) .menu-wrapper .menu .item.level-1{color:var(--white)}header.cover:not(.sticky) .menu-wrapper .menu .list-item.level-1:hover>.item{color:var(--red-700)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header.css.map */