.focal-header *{box-sizing:border-box}.focal-header{position:relative;z-index:40;background:var(--focal-header-bg);color:var(--focal-header-text);font-family:var(--focal-header-font-family);font-weight:var(--focal-header-font-weight);width:100%}.focal-header--sticky{position:sticky;top:0}.focal-header--sticky.is-scrolled{box-shadow:0 6px 20px #0000001f}.focal-announcement-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--focal-announcement-bg);color:var(--focal-announcement-text);font-family:var(--focal-announcement-font-family);font-weight:var(--focal-announcement-font-weight);font-size:var(--focal-announcement-font-size);padding:10px 16px;text-align:center;letter-spacing:.02em}.focal-announcement-bar__viewport{overflow:hidden;max-width:640px;width:100%}.focal-announcement-bar__track{display:flex;width:100%;transition:transform .55s cubic-bezier(.65,0,.35,1);will-change:transform}.focal-announcement-bar__slide{flex:0 0 100%;color:inherit;text-decoration:none;display:block;transition:opacity .3s ease}.focal-announcement-bar__slide:hover{opacity:.72;text-decoration:underline;text-underline-offset:3px}.focal-announcement-bar__arrow{background:none;border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;border-radius:50%;flex-shrink:0;transition:transform .25s ease,background-color .25s ease}.focal-announcement-bar__arrow:hover{background-color:#00000014;transform:scale(1.12)}.focal-header__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:var(--focal-header-padding-top, 18px) 32px var(--focal-header-padding-bottom, 18px);max-width:1600px;margin:0 auto}.focal-header__col--left{justify-self:start;display:flex;align-items:center;gap:20px}.focal-header__col--center{justify-self:center}.focal-header__col--right{justify-self:end;display:flex;align-items:center;gap:28px}.focal-header__hamburger{display:none;background:none;border:none;color:var(--focal-header-text);cursor:pointer;padding:4px}.focal-header__logo{display:inline-flex;color:var(--focal-header-text);text-decoration:none;transition:opacity .25s ease,transform .25s ease}.focal-header__logo:hover{opacity:.85;transform:scale(1.02)}.focal-header__logo-image{width:var(--focal-logo-width);height:auto;display:block}.focal-header__logo-text{font-size:calc(var(--focal-logo-width) / 5.2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:inherit}.focal-header__nav-list{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.focal-header__nav-item{position:relative}.focal-header__nav-link{position:relative;color:var(--focal-header-text);text-decoration:none;font-family:var(--focal-menu-font-family);font-weight:var(--focal-menu-font-weight);font-size:var(--focal-menu-font-size);letter-spacing:var(--focal-menu-letter-spacing);text-transform:var(--focal-menu-text-transform);padding:4px 0;transition:opacity .25s ease}.focal-header__nav-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:1.5px;background:currentColor;transition:width .3s cubic-bezier(.65,0,.35,1)}.focal-header__nav-link:hover:after,.focal-header__nav-link.is-active:after{width:100%}.focal-header__nav-link:hover{opacity:.8}.focal-header__dropdown{position:absolute;top:calc(100% + 14px);left:0;min-width:190px;background:#fff;color:#222;list-style:none;margin:0;padding:10px 0;border-radius:6px;box-shadow:0 12px 30px #00000024;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.has-dropdown:hover .focal-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.focal-header__dropdown a{display:block;padding:8px 18px;color:inherit;text-decoration:none;font-size:14px;transition:background-color .2s ease,padding-left .2s ease}.focal-header__dropdown a:hover{background-color:#f5f5f5;padding-left:22px}.focal-header__utility{display:flex;align-items:center;gap:22px}.focal-header__icon-btn{background:none;border:none;color:var(--focal-header-text);display:inline-flex;align-items:center;gap:6px;font-size:14px;text-decoration:none;cursor:pointer;position:relative;white-space:nowrap;transition:opacity .25s ease,transform .2s ease}.focal-header__icon-btn:hover{opacity:.8;transform:translateY(-1px)}.focal-header__icon-btn svg{transition:transform .3s cubic-bezier(.65,0,.35,1)}.focal-header__icon-btn:hover svg{transform:scale(1.12)}.focal-header__icon-label{display:none}.focal-header__cart-count{position:absolute;top:-8px;right:-10px;background:var(--focal-header-text);color:var(--focal-header-bg);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;transition:transform .25s cubic-bezier(.65,0,.35,1)}.focal-header__cart-count.is-bumped{animation:focal-bump .35s ease}@keyframes focal-bump{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes focal-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.focal-mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:95;opacity:0;transition:opacity .35s ease}.focal-mobile-nav-overlay.is-visible{opacity:1}.focal-mobile-nav{position:fixed;top:0;left:0;height:100%;width:300px;max-width:85vw;background:#fff;color:#1a1a1a;z-index:96;transform:translate(-100%);transition:transform .4s cubic-bezier(.65,0,.35,1);display:flex;flex-direction:column;box-shadow:20px 0 40px #0000001a}.focal-mobile-nav.is-open{transform:translate(0)}.focal-mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #eee}.focal-mobile-nav__title{font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:14px}.focal-mobile-nav__close{background:none;border:none;cursor:pointer;padding:4px;transition:transform .3s ease}.focal-mobile-nav__close:hover{transform:rotate(90deg)}.focal-mobile-nav__list{list-style:none;margin:0;padding:8px 0;overflow-y:auto;flex:1}.focal-mobile-nav__item>a,.focal-mobile-nav__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;color:#1a1a1a;text-decoration:none;font-size:15px;background:none;border:none;text-align:left;cursor:pointer}.focal-mobile-nav__toggle svg{transition:transform .25s ease}.focal-mobile-nav__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.focal-mobile-nav__submenu{list-style:none;margin:0;padding:0 20px 8px 32px;max-height:0;overflow:hidden;transition:max-height .35s ease}.focal-mobile-nav__submenu.is-open{max-height:500px}.focal-mobile-nav__submenu a{display:block;padding:8px 0;color:#555;text-decoration:none;font-size:14px}.focal-mobile-nav__submenu a:hover{color:#7a1f3d}@media(max-width:1024px){.focal-header__row{padding:16px 20px;gap:14px}.focal-header__nav-list{gap:20px}.focal-header__utility{gap:16px}}@media(max-width:860px){.focal-header__hamburger{display:inline-flex}.focal-header__col--left .focal-header__nav,.focal-header__col--right .focal-header__nav{display:none}}@media(max-width:480px){.focal-header__row{padding:12px 14px;gap:10px}.focal-header__logo-image{width:min(var(--focal-logo-width),110px)}.focal-header__utility{gap:12px}.focal-announcement-bar{font-size:calc(var(--focal-announcement-font-size) * .9);padding:8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/focal-header.css.map */