.header{position:relative;background-color:var(--color-background);z-index:100;transition:all .4s}.header.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000014;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header__wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:70px}@media screen and (min-width:1025px){.header__wrapper{gap:50px}}.header__logo{display:inline-flex;align-items:center}.header__logo-link{display:inline-flex;align-items:center;text-decoration:none}.header__logo-image{height:auto;max-height:50px}.header__logo-text{font-family:"Inter",var(--font-heading-family, sans-serif);font-size:1.6rem;font-weight:800;color:var(--color-heading, #111111);letter-spacing:-.03em;white-space:nowrap}.header__nav{display:none}@media screen and (min-width:1025px){.header__nav{display:flex;align-items:center;justify-content:center}}.header__nav-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3.3rem;list-style:none;margin:0;padding:0}.header__nav-item{position:relative}.header__nav-link{display:inline-flex;align-items:center;gap:5px;padding:10px 0;min-height:50px;font-family:"Inter",var(--font-body-family, sans-serif);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-heading, #111111);text-decoration:none;transition:color .3s;line-height:normal;white-space:nowrap;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:8px;left:0;right:0;height:2px;background:var(--color-accent, #d0473e);transform:scaleX(0);transition:transform .3s;transform-origin:left}.header__nav-link:hover,.header__nav-link.is-active{color:var(--color-accent, #d0473e)}.header__nav-link:hover:after,.header__nav-link.is-active:after{transform:scaleX(1)}.header__nav-link svg{width:10px;height:6px;transition:transform .3s}.header__dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:200;box-shadow:0 10px 30px #00000014}.header__nav-item:hover>.header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-list{list-style:none;margin:0;padding:0}.header__dropdown-item{position:relative}.header__dropdown-link{display:block;padding:8px 25px;font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none;transition:all .3s}.header__dropdown-link:hover,.header__dropdown-link.is-active{color:var(--color-accent);padding-left:30px}.header__dropdown-sublist{list-style:none;margin:0;padding:0 0 0 15px}.header__icons{display:flex;align-items:center;gap:10px;justify-content:flex-end}@media screen and (min-width:768px){.header__icons{gap:15px}}.header__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;background:none;border:none;color:var(--color-heading, #111111);transition:color .3s;padding:0;position:relative}.header__icon:hover{color:var(--color-accent)}.header__icon svg{width:18px;height:18px;fill:currentColor}.header__cart-count{position:absolute;top:6px;right:2px;min-width:18px;height:18px;font-size:10px;font-weight:600;line-height:18px;text-align:center;color:#fff;background-color:var(--color-accent, #d0473e);border-radius:50%}.header__search-form{display:none}@media screen and (min-width:1025px){.header__search-form{display:flex;align-items:center;position:relative}.header__search-input{width:200px;height:40px;padding:0 15px 0 40px;border:1px solid var(--color-border);border-radius:30px;font-size:14px;font-family:inherit;background:transparent;transition:all .3s;color:var(--color-text);outline:none}.header__search-input:focus{border-color:var(--color-accent);width:260px}.header__search-input::placeholder{color:#1111118c}.header__search-btn{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:#999;display:flex;align-items:center}.header__search-btn svg{width:16px;height:16px;fill:currentColor}}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-heading, #111111);padding:0}@media screen and (min-width:1025px){.header__menu-toggle{display:none}}.header__menu-toggle svg{width:22px;height:14px;fill:currentColor}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:380px;background:var(--color-background);z-index:200;transform:translate(-100%);transition:transform .4s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.is-active{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--color-border);min-height:55px;background:var(--color-accent, #d0473e);color:#fff}.mobile-menu__title{font-weight:600;font-size:16px}.mobile-menu__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:#fff;padding:0}.mobile-menu__close svg{width:14px;height:14px;fill:currentColor}.mobile-menu__nav{flex:1;overflow-y:auto}.mobile-menu__list{list-style:none;margin:0;padding:0 20px}.mobile-menu__item{border-bottom:1px solid var(--color-border)}.mobile-menu__item.has-children{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.mobile-menu__link{display:flex;align-items:center;min-height:55px;padding:10px 0;font-weight:600;font-size:15px;color:var(--color-heading, #111111);text-decoration:none;line-height:normal;flex:1}.mobile-menu__expand{display:inline-flex;align-items:center;justify-content:center;width:44px;height:55px;background:none;border:none;cursor:pointer;color:var(--color-heading, #111111)}.mobile-menu__expand svg{width:8px;height:12px;fill:currentColor;transition:transform .3s}.mobile-menu__expand.is-open svg{transform:rotate(90deg)}.mobile-menu__sublist{display:none;width:100%;list-style:none;margin:0;padding:0 0 10px 15px}.mobile-menu__sublist.is-open{display:block}.mobile-menu__sublist a{display:block;padding:8px 0;font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none}.mobile-menu__sublist a:hover{color:var(--color-accent)}.mobile-menu__footer{padding:20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px}.mobile-menu__footer .mobile-menu__link{min-height:auto;padding:5px 0}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:all .3s}.search-overlay.is-active{opacity:1;visibility:visible}.search-overlay__container{width:100%;max-width:600px;padding:0 15px;position:relative}.search-overlay__form{display:flex;align-items:center;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 10px 40px #00000026}.search-overlay__input{flex:1;border:none;padding:18px 25px;font-size:16px;font-family:inherit;outline:none;background:transparent;height:auto;border-radius:0}.search-overlay__submit{display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:none;border:none;cursor:pointer;color:#111}.search-overlay__submit svg{width:18px;height:18px;fill:currentColor}.search-overlay__close{position:absolute;top:-40px;right:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;color:#fff}.search-overlay__close svg{width:12px;height:12px;fill:currentColor}.announcement-bar{background-color:#111;color:#fff;font-size:13px;font-weight:400;line-height:normal;overflow:hidden;position:relative}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;text-align:center}.announcement-bar__message{display:none;animation:fadeIn .5s ease}.announcement-bar__message.is-active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcement-bar a{color:inherit;text-decoration:underline}.announcement-bar a:hover{opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-header.css.map */