.header-wrapper{position:sticky;top:0;z-index:100;background:var(--color-header-bg);border-bottom:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-out)}.header-wrapper.is-hidden{transform:translateY(-100%)}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-height)}.header__nav-toggle{display:flex;align-items:center;gap:8px}@media screen and (min-width:990px){.header__nav-toggle{display:none}}.header__logo{font-family:var(--font-heading);font-size:clamp(18px,2.4vw,24px);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.header__logo img{max-height:32px;width:auto}.header__nav{display:none;align-items:center;gap:32px}@media screen and (min-width:990px){.header__nav{display:flex}}.header__nav-link{position:relative;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 0}.header__nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:currentColor;transition:right var(--duration-base) var(--ease-out)}.header__nav-link:hover:after{right:0}.header__nav-item{position:relative}.header__submenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);padding:12px 0;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}.header__nav-item:hover .header__submenu,.header__nav-item:focus-within .header__submenu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.header__submenu-link{display:block;padding:8px 20px;font-size:13px;white-space:nowrap}.header__submenu-link:hover{background:var(--color-border)}.header__actions{display:flex;align-items:center;gap:20px}.header__icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.header__icon-btn svg{width:20px;height:20px}.header__cart-count{position:absolute;top:-8px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.icon-bar{display:block;width:20px;height:2px;background:currentColor;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.icon-bar+.icon-bar{margin-top:5px}.mobile-nav{position:fixed;top:0;right:25%;bottom:0;left:0;z-index:200;background:var(--color-bg);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);display:flex;flex-direction:column;overflow-y:auto}html.mobile-nav-open .mobile-nav{transform:translate(0)}.mobile-nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#1116;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out),visibility var(--duration-base)}html.mobile-nav-open .mobile-nav__overlay{opacity:1;visibility:visible}.mobile-nav__header{display:flex;justify-content:flex-end;padding:20px 24px;border-bottom:1px solid var(--color-border)}.mobile-nav__list{padding:12px 24px}.mobile-nav__link{display:block;padding:14px 0;font-family:var(--font-heading);font-size:22px;text-transform:uppercase;border-bottom:1px solid var(--color-border)}.mobile-nav__sublist{padding-left:16px}.mobile-nav__sublink{display:block;padding:10px 0;font-size:15px;color:var(--color-text-muted)}.mobile-nav__footer{margin-top:auto;padding:24px;display:flex;gap:16px;border-top:1px solid var(--color-border)}.announcement-bar{background:var(--color-text);color:var(--color-bg);padding-block:10px;font-size:12px}.announcement-bar .marquee__item{font-family:var(--font-body);font-weight:600;font-size:12px;letter-spacing:.12em}.announcement-bar .marquee__item .dot{margin-left:24px;color:var(--color-accent)}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding-block:64px 32px}.footer__marquee{border-bottom:1px solid rgba(251,250,248,.15);padding-bottom:40px;margin-bottom:48px}.footer__marquee .marquee__item{font-size:clamp(32px,6vw,72px);color:var(--color-footer-text)}.footer__marquee .marquee__item .outline{-webkit-text-stroke:1px var(--color-footer-text);color:transparent}.footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}@media screen and (max-width:749px){.footer__grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}}.footer__brand{font-family:var(--font-heading);font-size:24px;text-transform:uppercase;margin-bottom:16px}.footer__tagline{color:#fbfaf8a6;font-size:14px;max-width:32ch;margin-bottom:24px}.footer__heading{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fbfaf880;margin-bottom:16px}.footer__link-list li+li{margin-top:12px}.footer__link{font-size:14px;color:var(--color-footer-text);opacity:.85}.footer__link:hover{opacity:1;text-decoration:underline}.footer__social{display:flex;gap:16px;margin-top:20px}.footer__social a{width:36px;height:36px;border:1px solid rgba(251,250,248,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.footer__social a:hover{background:#fbfaf81a;border-color:var(--color-footer-text)}.footer__social svg{width:16px;height:16px}.footer__newsletter-form{display:flex;border-bottom:1px solid rgba(251,250,248,.4);padding-bottom:8px}.footer__newsletter-form input{flex:1;background:transparent;border:none;color:var(--color-footer-text);font-size:14px;padding:6px 0}.footer__newsletter-form input::placeholder{color:#fbfaf880}.footer__newsletter-form button{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.footer__bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(251,250,248,.15);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:12px;color:#fbfaf88c}.footer__payment-icons{display:flex;gap:8px;flex-wrap:wrap}.footer__payment-icons svg{height:20px;width:auto}.footer__legal-links{display:flex;gap:16px;flex-wrap:wrap}.footer__legal-links a:hover{color:var(--color-footer-text)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header-footer.css.map */