.site-head{position:sticky;top:0;left:0;right:0;z-index:var(--z-header);background:var(--c-green);transition:background-color var(--t-mid),box-shadow var(--t-mid)}body.template-index .site-head{position:fixed}body.template-index .site-head:not(.is-solid){background:transparent}.site-head.is-solid{background:var(--c-green);box-shadow:0 2px 18px #15181647}.announce{background:var(--c-green);color:var(--c-on-dark);text-align:center;overflow:hidden;max-height:46px;transition:max-height var(--t-mid),opacity var(--t-mid)}.announce__text{display:block;padding:11px var(--page-pad);font-family:var(--f-sans);font-weight:600;font-size:14.5px;line-height:1.5;letter-spacing:.005em}.site-head.is-solid .announce{max-height:0;opacity:0}.header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--gap);width:100%;max-width:var(--page-max);margin-inline:auto;padding:18px var(--page-pad);color:var(--c-cream)}.site-head.is-solid .header{padding-block:13px}.header__brand{justify-self:start;display:inline-flex;align-items:center;font-family:var(--f-display);font-weight:700;font-size:var(--fs-wordmark);line-height:1;letter-spacing:.055em;text-transform:uppercase;color:var(--c-cream);transition:opacity var(--t-fast)}.header__brand:hover{opacity:.82}body.template-index .site-head:not(.is-solid) .header__brand{text-shadow:0 1px 12px rgba(21,24,22,.45)}.header__logo{width:var(--logo-w, 180px);height:auto}.header__seal{justify-self:center;display:block;width:74px;height:74px;margin-bottom:-26px;filter:drop-shadow(0 4px 12px rgba(21,24,22,.4));transition:transform var(--t-mid),width var(--t-mid),height var(--t-mid),margin-bottom var(--t-mid)}.header__seal:hover{transform:rotate(-6deg)}.header--with-nav .header__seal{margin-bottom:0}.site-head.is-solid .header__seal{width:50px;height:50px;margin-bottom:0}.header__seal svg{width:100%;height:100%}.header__utils{justify-self:end;display:flex;align-items:center;gap:4px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r-pill);color:var(--c-cream);transition:background-color var(--t-fast),color var(--t-fast)}.icon-btn:hover{background:#fbf4e429}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.template-index .site-head:not(.is-solid) .icon-btn svg{filter:drop-shadow(0 1px 6px rgba(21,24,22,.4))}.header__nav-row{border-top:1px solid rgba(251,244,228,.16)}.header__nav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(4px,1.4vw,26px);width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-pad)}.header__nav-item{position:relative}.header__nav-link{display:inline-flex;align-items:center;gap:5px;padding:12px 7px;font-family:var(--f-sans);font-weight:600;font-size:14px;line-height:1;letter-spacing:.07em;text-transform:uppercase;color:var(--c-cream);transition:color var(--t-fast)}.header__nav-link:hover{color:var(--c-orange-3)}.header__nav-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform var(--t-fast)}.header__nav-link[aria-expanded=true]{color:var(--c-orange-3)}.header__nav-link[aria-expanded=true] svg{transform:rotate(180deg)}.submenu{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:5;min-width:230px;max-width:min(760px,92vw);background:var(--c-cream);border-radius:var(--r-md);box-shadow:var(--sh-lift);padding:20px 22px;margin-top:4px}.submenu[hidden]{display:none}.submenu__inner{display:flex;gap:clamp(18px,2.4vw,34px)}.submenu__col{min-width:150px}.submenu__title{display:block;margin-bottom:9px;font-family:var(--f-sans);font-weight:700;font-size:13.5px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text);transition:color var(--t-fast)}.submenu__title:hover{color:var(--c-orange)}.submenu__list{display:flex;flex-direction:column;gap:7px}.submenu__link{font-size:14.5px;line-height:1.4;color:var(--c-text-2);transition:color var(--t-fast)}.submenu__link:hover{color:var(--c-orange)}.header__cart-count{position:absolute;top:4px;right:3px;min-width:19px;height:19px;padding:0 5px;border-radius:var(--r-pill);background:var(--c-orange);color:var(--c-cream);font-family:var(--f-sans);font-weight:700;font-size:11px;line-height:19px;text-align:center}.header__burger{display:none}@media(max-width:900px){.header__burger{display:inline-flex}.header__seal{width:58px;height:58px;margin-bottom:-16px}.header__brand{letter-spacing:.03em}.header__nav-row{display:none}}@media(max-width:560px){.header{grid-template-columns:1fr auto}.header__seal{display:none}.announce__text{font-size:13px;padding-block:9px}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);visibility:hidden;pointer-events:none;overflow:hidden}.drawer.is-open{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1518168c;opacity:0;transition:opacity var(--t-mid)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(400px,100%);background:var(--c-cream);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--t-mid)}.drawer--left .drawer__panel{right:auto;left:0;transform:translate(-100%)}.drawer.is-open .drawer__panel{transform:translate(0)}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--c-hair)}.drawer__title{font-family:var(--f-sans);font-weight:700;font-size:var(--fs-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-3)}.drawer__head .icon-btn{color:var(--c-text)}.drawer__head .icon-btn:hover{background:#15181612}.drawer__head .icon-btn svg{filter:none}.drawer__body{flex:1;overflow-y:auto;padding:12px 22px 22px}.drawer__foot{border-top:1px solid var(--c-hair);padding:18px 22px;display:flex;flex-direction:column;gap:6px}body.is-drawer-open{overflow:hidden}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--c-hair);font-family:var(--f-sans);font-weight:700;font-size:17px;color:var(--c-text)}.mobile-nav__link:hover{color:var(--c-orange)}.mobile-nav__contact{font-size:var(--fs-body-sm);color:var(--c-text-2)}.mobile-nav__contact:hover{color:var(--c-orange)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header.css.map */
