.header{position:fixed;z-index:3;left:0;top:0;width:100%}.header.active .header__wrapper{background-position:0 0}.header__wrapper{background-image:linear-gradient(to bottom,rgba(11 11 11 / 100%) 0%,rgba(11 11 11 / 80%) 40%,transparent 50%,transparent 100%);background-size:100% 200%;background-position:0 100%;transition:background-position var(--t-default)}.header__wrapper{padding:12px 0}@media (min-width: 1200px){.header__wrapper{padding:10px 0}}.header__container{position:relative;display:flex;align-items:center;min-height:44px}@media (min-width: 1200px){.header__container{min-height:60px}}.header__btn-menu{position:relative;z-index:1}.header__btn-menu .header__btn-menu-icon--cross{opacity:0}.header__btn-menu--active .header__btn-menu-icon--cross{opacity:1}.header__btn-menu--active .header__btn-menu-icon--menu{opacity:0}@media (min-width: 1200px){.header__btn-menu{display:none}}.header__btn-menu-icon{transition:opacity var(--t-default)}.header__btn-menu-icon svg{display:block}.header__btn-menu-icon--cross{position:absolute;left:0;top:0}.header__nav{display:none}.header__nav--secondary{margin-left:40px}@media (min-width: 768px){.header__nav--secondary{display:block}}@media (min-width: 1200px){.header__nav--main{display:block}}.header__nav-list{display:flex;gap:20px}@media (min-width: 1200px){.header__nav-list{gap:48px}}.header__nav-link{display:block}@media (min-width: 1720px){.header__nav-link{font-size:20px}}.header__logo{position:absolute;left:50%;top:50%;translate:-50% -50%}.header__logo:focus-visible{outline:1px solid rgb(var(--color-primary))}.header__logo-image{width:auto;max-width:70px;transition:scale var(--t-default)}@media (pointer: fine){.header__logo-image:hover{scale:.95}}@media (pointer: coarse){.header__logo-image:active{scale:.95}}@media (min-width: 1200px){.header__logo-image{max-width:unset}}.header__buttons{margin-left:auto;display:flex;align-items:center;gap:10px}.header__buttons .localization-form,.header__buttons .localization-form+.header__buttons-line,.header__btn-search .btn__text,.header__btn-account .btn__text,.header__btn-cart .btn__text{display:none}@media (min-width: 768px){.header__btn-search .btn__text,.header__btn-account .btn__text,.header__btn-cart .btn__text{display:unset}}@media (min-width: 992px){.header__buttons .localization-form,.header__buttons .localization-form+.header__buttons-line{display:unset}}@media (min-width: 1720px){.header__btn-search,.header__btn-account .btn__text,.header__btn-cart{font-size:20px}.header__btn-search svg{width:20px;height:20px}}.header__buttons-line{width:2px;flex:0 0 2px;height:16px;background-color:rgba(var(--color-secondary) / 20%)}.header__menu{position:absolute;top:0;left:0;width:100%;height:100dvh;translate:100%;animation-duration:var(--t-dur);animation-fill-mode:forwards;animation-timing-function:var(--t-func)}.header__menu:not(.header__menu--active):not(.header__menu--hidden){display:none}.header__menu--hidden{animation-name:hiding-menu-animation}.header__menu--active{animation-name:showing-menu-animation}@media (min-width: 1200px){.header__menu{display:none}}.header__menu-scroll{height:100%}.header__menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.header__menu-wrapper{padding:76px 0 32px;min-height:100dvh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0b0b0bcc}@media (min-width: 768px){.header__menu-wrapper{padding-left:calc((100% - 720px)/2);width:30%}}@media (min-width: 992px){.header__menu-wrapper{padding-left:calc((100% - 960px)/2)}}.header__menu-container{position:relative}.header__menu-container .localization-form{position:absolute;top:0;right:0}@media (min-width: 768px){.header__menu-container .localization-form{right:20px}}@media (min-width: 992px){.header__menu-container .localization-form{display:none}}.header__menu-nav-list{display:flex;flex-direction:column;gap:20px}.header__menu-collections{display:grid;grid-template-columns:repeat(2,calc(50% - 10px));gap:20px}.header__menu-collections .collection-list__link{display:block;height:50px}.header__menu-collections .collection-list__image{display:block;width:100%;max-width:none;height:100%;max-height:none;object-fit:contain}.header__menu-collections,.header__menu-social-icons{margin-top:32px}@media (min-width: 768px){.header__menu-collections,.header__menu-social-icons{display:none}}@keyframes showing-menu-animation{0%{display:block}1%{translate:-100%}to{translate:0}}@keyframes hiding-menu-animation{0%{translate:0}99%{translate:-100%}to{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-header.css.map */
