@media screen and (max-width: 768px){:root{--font-h1: 50px;--font-h2: 40px;--font-h3: 30px;--font-h4: 25px;--font-h5: 18px;--font-h6: 16px;--font-paragraph: 16px}}.header{position:sticky;top:0;z-index:100;box-shadow:0 8px 24px #959da533;transition:transform .3s cubic-bezier(.4,0,.2,1)}.header>div{position:relative;background-color:var(--color-white)}.header__main{display:flex;align-items:center;justify-content:space-between;gap:20px}.header__main__left,.header__main__right{display:flex;gap:10px}.header__main__left{gap:60px}.header__logo-wrapper{margin:0;max-height:100%;display:flex;align-items:center}@media screen and (max-width: 768px){.header__logo-wrapper img{max-height:60px;width:auto}}.header__logo-link{display:block;padding:10px 0;font-size:initial;line-height:0}@media screen and (max-width: 768px){.header__menu{display:none}}.header__menu__list{display:flex;align-items:center;gap:0px;list-style:none;padding:0;margin:0;height:100%}.header__menu__link svg{display:block;width:12px;height:12px;object-fit:contain}.header__menu__item{height:100%;padding:0 15px}.header__menu__item:first-child{padding-left:0}.header__menu__item:last-child{padding-right:0}.header__menu__item>a{display:flex;align-items:center;gap:8px;height:100%;font-size:20px;text-decoration:none;color:var(--color-black);transition:all .3s ease}.header__menu__item>a:hover{color:var(--color-1)}.header__menu__item--has-children:hover .header__menu__link__icon{transform:rotate(180deg)}.header__menu__item--has-children:hover .header__submenu{opacity:1;visibility:visible;transform:translateY(0);z-index:2;pointer-events:initial;box-shadow:0 14px 18px #959da51a,inset 0 14px 18px -14px #959da51a}.header__submenu{position:absolute;z-index:1;top:100%;left:0;display:block;width:100%;max-height:calc(100vh - 200px);overflow:auto;background-color:var(--color-white);box-shadow:0 14px 18px #959da51a,inset 0 14px 18px -14px #959da500;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .5s ease}.header__submenu__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0px 20px}.header__submenu__inner{padding:40px 0;display:flex;align-items:flex-start;gap:100px}.header__submenu__inner>*{width:calc(50% - 50px)}.header__submenu__inner:not(:has(.header__submenu__promo))>*{width:100%}.header__submenu__inner:not(:has(.header__submenu__promo)) .header__submenu__links{display:flex;flex-wrap:wrap;justify-content:center}.header__submenu__inner:not(:has(.header__submenu__promo)) .header__submenu__links>*{width:calc(25% - 15px);text-align:center;flex:0 0 auto}.header__submenu__link{color:var(--color-black);text-decoration:none;transition:all .2s ease;max-width:250px;padding:10px 0;display:block}.header__submenu__link:hover{color:var(--color-1)}.header__submenu__promo .promo-block{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;overflow:hidden;width:100%;min-height:320px;color:var(--color-white);background-color:var(--color-black)}.header__submenu__promo .promo-block>*{margin:0}.header__submenu__promo .promo-block img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;opacity:.8;transition:all .5s ease}.header__submenu__promo .promo-block__button{margin-top:12px}.header__submenu__promo .promo-block:has(.btn:hover) img{opacity:.7;transform:scale(1.1)}.header .header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0000;-webkit-appearance:none;appearance:none;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.header .header__icon:hover{transform:scale(1.1)}.header .header__icon .svg-wrapper{display:block;width:20px;height:20px;color:var(--color-4);transition:color .2s ease}.header .header__icon .svg-wrapper svg{display:block;width:100%;height:100%;object-fit:contain}.header .header__icon--search:hover .svg-wrapper{color:var(--color-1)}.header .header__icon--account .svg-wrapper{height:22px}.header .header__icon--cart-not-empty{position:relative}.header .header__icon--cart-not-empty:before{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:var(--color-4);border-radius:100%}.header--hidden{transform:translateY(-100%)}.header--at-top{transform:translateY(0);box-shadow:0 8px 24px #959da533}.header--scrolling-down{box-shadow:0 4px 12px #959da526}.header__search:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.header__search:has(>details[open]):before{opacity:1;pointer-events:auto}.header__search details[open] .header__search__modal{transform:translateY(0);pointer-events:auto}.header__search details[open] .header__search__modal .header__search__modal__content{opacity:1;transform:translateY(0)}.header__search details[open] .header__search__modal .header__search__modal__close-button{opacity:1;transform:translate(0)}.header__search__modal{position:absolute;top:100%;left:0;z-index:-1;background-color:var(--color-white);width:100%;max-height:calc(100vh - 200px);overflow:auto;box-shadow:inset 0 14px 18px -14px #959da51a;transform:translateY(-100%);pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1)}.header__search__modal__content{display:flex;align-items:flex-start;gap:20px;padding:10px 0;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1) .1s}.header__search__modal__close-button{display:block;width:20px;height:60px;padding:10px 0;display:flex;align-items:center;justify-content:center;background-color:#0000;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1) .15s}.header__search__modal__close-button:hover{transform:translate(0) scale(1.1)}.header__search__modal__close-button .svg-wrapper{display:block;width:20px;height:20px;color:var(--color-4);transition:color .2s ease}.header__search__modal__close-button .svg-wrapper svg{display:block;width:100%;height:100%;object-fit:contain}.header__search__modal__close-button:hover .svg-wrapper{color:var(--color-1)}.header__search__modal__form{flex-grow:1}.header__search__modal__form form .field{display:flex;align-items:center;gap:20px}.header__search__modal__form form .field .search__input{width:100%;font-size:22px;font-weight:300;outline:none;padding:10px 0;-webkit-appearance:none;appearance:none;background-color:#0000}.header__search__modal__form form .field .search__input::-webkit-search-decoration,.header__search__modal__form form .field .search__input::-webkit-search-cancel-button,.header__search__modal__form form .field .search__input::-webkit-search-results-button,.header__search__modal__form form .field .search__input::-webkit-search-results-decoration{display:none}.header__search__modal__form form .field .search__button{display:block;width:20px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0000;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__search__modal__form form .field .search__button:hover{transform:scale(1.1)}.header__search__modal__form form .field .search__button .svg-wrapper{display:block;width:20px;height:20px;color:var(--color-4);transition:color .2s ease}.header__search__modal__form form .field .search__button .svg-wrapper svg{display:block;width:100%;height:100%;object-fit:contain}.header__search__modal__form form .field .search__button:hover .svg-wrapper{color:var(--color-1)}.header__search__modal__form:not([open]) .predictive-search{display:none}.header__burger{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:#0000;border:none;cursor:pointer;padding:10px;overflow:hidden}@media screen and (max-width: 768px){.header__burger{display:flex}}.header__burger__line{width:20px;height:2px;background-color:var(--color-black);transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;border-radius:15px}.header__burger__line:nth-child(1){transform:translateY(0)}.header__burger__line:nth-child(2){opacity:1}.header__burger__line:nth-child(3){transform:translateY(0)}.header__burger--active .header__burger__line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.header__burger--active .header__burger__line:nth-child(2){opacity:0;transform:translate(-20px)}.header__burger--active .header__burger__line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media screen and (min-width: 769px){.header__mobile-menu{display:none}}.header__mobile-menu__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:100;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.header__mobile-menu__drawer{position:fixed;top:0;left:0;width:85%;max-width:400px;height:100vh;background-color:var(--color-white);z-index:101;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:2px 0 20px #0000001a}.header__mobile-menu__header{position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;padding:15px 20px;background-color:var(--color-white);border-bottom:1px solid rgba(0,0,0,.1);z-index:10}.header__mobile-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0000;border:none;cursor:pointer;transition:transform .2s ease}.header__mobile-menu__close:hover{transform:scale(1.1)}.header__mobile-menu__close .svg-wrapper{display:block;width:20px;height:20px;color:var(--color-4)}.header__mobile-menu__close .svg-wrapper svg{display:block;width:100%;height:100%}.header__mobile-menu__content{padding:20px}.header__mobile-menu__footer{margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0,.1)}.header__mobile-menu__footer-link{display:flex;align-items:center;gap:15px;padding:15px 0;font-size:18px;color:var(--color-black);text-decoration:none;transition:color .2s ease}.header__mobile-menu__footer-link .svg-wrapper{display:block;width:24px;height:24px;color:var(--color-4)}.header__mobile-menu__footer-link .svg-wrapper svg{display:block;width:100%;height:100%}.header__mobile-menu__footer-link:hover,.header__mobile-menu__footer-link:hover .svg-wrapper{color:var(--color-1)}.header__mobile-menu--active .header__mobile-menu__overlay{opacity:1;visibility:visible}.header__mobile-menu--active .header__mobile-menu__drawer{transform:translate(0)}.header__mobile-nav__list{list-style:none;padding:0;margin:0}.header__mobile-nav__item{border-bottom:1px solid rgba(0,0,0,.05)}.header__mobile-nav__item--active>.header__mobile-nav__link{color:var(--color-1)}.header__mobile-nav__item:last-child{border-bottom:none}.header__mobile-nav__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;font-size:18px;font-weight:400;color:var(--color-black);text-decoration:none;background:#0000;border:none;cursor:pointer;text-align:left;transition:color .2s ease}.header__mobile-nav__link:hover{color:var(--color-1)}.header__mobile-nav__link__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transform:rotate(-90deg);transition:transform .3s ease}.header__mobile-nav__link__icon svg{display:block;width:100%;height:100%}.header__mobile-submenu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-white);z-index:102;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}@media screen and (max-width: 768px){.header__mobile-submenu{display:none}.header__mobile-submenu.header__mobile-submenu--active{display:block}}.header__mobile-submenu__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background-color:var(--color-white);border-bottom:1px solid rgba(0,0,0,.1);z-index:10}.header__mobile-submenu__title{font-size:16px;font-weight:500;color:var(--color-black);text-align:center;flex:1}.header__mobile-submenu__back{display:flex;align-items:center;gap:8px;padding:0;font-size:16px;font-weight:400;color:var(--color-black);background:#0000;border:none;cursor:pointer;transition:color .2s ease;flex-shrink:0}.header__mobile-submenu__back:hover{color:var(--color-1)}.header__mobile-submenu__back__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transform:rotate(90deg)}.header__mobile-submenu__back__icon svg{display:block;width:100%;height:100%}.header__mobile-submenu__close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#0000;border:none;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.header__mobile-submenu__close:hover{transform:scale(1.1)}.header__mobile-submenu__close .svg-wrapper{display:block;width:18px;height:18px;color:var(--color-4)}.header__mobile-submenu__close .svg-wrapper svg{display:block;width:100%;height:100%}.header__mobile-submenu__content{padding:20px}.header__mobile-submenu__list{list-style:none;padding:0;margin:0}.header__mobile-submenu__item{border-bottom:1px solid rgba(0,0,0,.05)}.header__mobile-submenu__item:last-child{border-bottom:none}.header__mobile-submenu__link{display:block;padding:15px 0;font-size:16px;color:var(--color-black);text-decoration:none;transition:color .2s ease}.header__mobile-submenu__link:hover{color:var(--color-1)}.header__mobile-submenu__promo{margin-top:30px}.header__mobile-submenu__promo .promo-block{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;overflow:hidden;width:100%;min-height:280px;color:var(--color-white);background-color:var(--color-black);border-radius:8px}.header__mobile-submenu__promo .promo-block>*{margin:0;position:relative;z-index:2}.header__mobile-submenu__promo .promo-block img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:.8}.header__mobile-submenu__promo .promo-block__title,.header__mobile-submenu__promo .promo-block__description{text-align:center;margin-bottom:10px}.header__mobile-submenu__promo .promo-block__button{margin-top:15px}.header__mobile-submenu--active{transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-header.css.map */