.header-group{position:sticky;top:0;z-index:var(--layer-sticky)}.header{display:grid;grid-template-areas:"left center right";grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 0;background-color:var(--color-background);border-bottom:1px solid transparent}@media(min-width:1024px){.header{padding:0}}.header__left{display:flex;grid-area:left;padding-left:2px}@media(min-width:1024px){.header__left{padding-left:12px}}.header__center{position:relative;grid-area:center}.header__right{display:flex;align-items:center;justify-content:flex-end;grid-area:right;padding-right:2px}@media(min-width:1024px){.header__right{padding-right:14px}}.header__links{display:flex;gap:10px;padding-right:10px}@media(min-width:1024px){.header__links{gap:24px;padding-right:12px}}.header__link{display:inline-block;color:var(--color-primary);transition:none}.header__icon{display:block;width:var(--icon-size-xs);height:var(--icon-size-xs);transition:none}.header__icon+[data-cart-count="0"]{display:none}.header__icon svg{width:100%;height:100%}.header__button{display:flex;margin:0;padding:10px;border:none;background:none;cursor:pointer}@media(min-width:1024px){.header__button{padding:10px 12px}}.header__button-inner{display:flex;gap:6px}.header__localization{margin-right:24px}.header__cart-count{transition:none}.header--transparent{position:absolute;top:0;left:0;right:0;z-index:var(--layer-sticky);background-color:transparent;color:var(--color-inverse)}.header--transparent .header__icon,.header--transparent .header__cart-count,.header--transparent .header__link{color:var(--color-inverse)}@media(min-width:1024px){.header:hover{background-color:var(--color-background);color:var(--color-primary);border-bottom:1px solid var(--color-border)}.header:hover .header__icon,.header:hover .header__cart-count,.header:hover .header__link{color:var(--color-primary)}}.header[is-scrolled],.header[is-menu-scrolled]{background-color:var(--color-background);color:var(--color-primary);border-bottom:1px solid var(--color-border)}:is(.header[is-scrolled],.header[is-menu-scrolled]) .header__icon,:is(.header[is-scrolled],.header[is-menu-scrolled]) .header__cart-count,:is(.header[is-scrolled],.header[is-menu-scrolled]) .header__link{color:var(--color-primary)}@media(min-width:1024px){.hidden-desktop{display:none}}.hidden-mobile{display:none}@media(min-width:1024px){.hidden-mobile{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/336/assets/header.css.map */