.section-header{position:relative;z-index:30}
.store-header{display:block;background:var(--header-main-background);color:var(--header-main-color)}
.store-header--sticky{position:sticky;top:0;z-index:30}
.header__main{display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,340px) minmax(170px,1fr);align-items:center;gap:3.2rem;min-height:69px}
.header__logo{justify-self:start;display:flex;width:min(var(--header-logo-width),100%);align-items:center;color:inherit}
.header__logo-image{width:100%;height:auto}
.header__logo-text{font-size:2.6rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.header__predictive-search{position:relative;display:block;width:100%}
.header__search{position:relative;width:100%;height:45px}
.header__search-input{width:100%;height:100%;padding:0 5rem 0 1.8rem;border:1px solid #d7d7d7;border-radius:0;background:#fff;outline:0;font-size:1.4rem;transition:border-color .2s ease,box-shadow .2s ease}
.header__search-input:focus{border-color:#111;box-shadow:0 0 0 1px #111}
.header__search-input::placeholder{color:#686868;opacity:1}
.header__search-button{position:absolute;top:0;right:0;display:grid;width:4.8rem;height:100%;padding:0;border:0;background:transparent;place-items:center}
.header__predictive-results{position:absolute;z-index:12;top:calc(100% + .6rem);right:0;left:0;max-height:min(60vh,42rem);overflow-y:auto;border:1px solid #ddd;background:#fff;box-shadow:0 1rem 3rem rgba(0,0,0,.14)}
.header__predictive-list{display:grid;padding:.7rem}.header__predictive-item a{display:grid;grid-template-columns:5rem 1fr;min-height:5.8rem;padding:.5rem;align-items:center;gap:1rem}.header__predictive-item a:hover,.header__predictive-item a:focus-visible{background:#f4f4f4}.header__predictive-image{width:5rem;height:5rem;object-fit:cover;background:#eee}.header__predictive-title{overflow:hidden;font-size:1.3rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.header__predictive-all{display:block;padding:1.2rem;border-top:1px solid #ddd;text-align:center;font-size:1.25rem;font-weight:700}
.header__actions{justify-self:end;display:flex;align-items:center;gap:.4rem}
.header__icon-button{position:relative;display:grid;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:inherit;place-items:center}
.header__icon-button::after{content:"";position:absolute;inset:.4rem;border-radius:50%;background:currentColor;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}
.header__icon-button:hover::after,.header__icon-button:focus-visible::after{opacity:.07;transform:scale(1)}
.header__icon-button .icon,.header__cart-count{position:relative;z-index:1}
.header__cart-count{position:absolute;top:.2rem;right:.1rem;display:grid;min-width:1.8rem;height:1.8rem;padding:0 .4rem;border-radius:1rem;background:var(--header-nav-background);color:var(--header-nav-color);font-size:1.05rem;line-height:1;place-items:center}
.header__navigation{height:55px;background:var(--header-nav-background);color:var(--header-nav-color)}
.header__menu{display:flex;height:100%;align-items:stretch;justify-content:center;gap:clamp(2.4rem,3.4vw,5.5rem)}
.header__menu-item{position:relative;display:flex;align-items:stretch}
.header__menu-link{position:relative;display:flex;align-items:center;gap:.7rem;padding:.2rem 0 0;font-size:var(--header-menu-font-size);font-weight:700;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.header__menu-link::after{content:"";position:absolute;right:0;bottom:1.2rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.header__menu-link:hover::after,.header__menu-link:focus-visible::after,.header__menu-link.is-current::after{transform:scaleX(1);transform-origin:left}
.header__menu-link .icon-chevron{width:1rem;height:.7rem;transition:transform .2s ease}
.header__submenu-wrap{position:absolute;z-index:5;top:100%;left:50%;min-width:23rem;padding-top:.1rem;opacity:0;visibility:hidden;transform:translate(-50%,1rem);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.header__menu-item:hover .header__submenu-wrap,.header__menu-item:focus-within .header__submenu-wrap{opacity:1;visibility:visible;transform:translate(-50%,0)}
.header__menu-item:hover .icon-chevron,.header__menu-item:focus-within .icon-chevron{transform:rotate(180deg)}
.header__submenu{padding:1.2rem 0;background:#fff;color:#151515;box-shadow:0 10px 30px rgba(0,0,0,.13)}
.header__submenu a{display:block;padding:.8rem 2rem;font-size:1.4rem;white-space:nowrap}
.header__submenu a:hover,.header__submenu a:focus-visible{background:#f4f4f4}
.header__submenu-link{font-weight:600}
.header__submenu-nested a{padding-left:3rem;color:#555;font-weight:400}
.header__menu-button,.header__mobile-search,.header-drawer{display:none}
.cart-drawer:not([hidden]){position:fixed;z-index:60;inset:0;display:block}.cart-drawer__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}.cart-drawer__panel{position:absolute;top:0;right:0;width:min(92vw,43rem);height:100%;display:flex;flex-direction:column;background:#fff;color:#111;box-shadow:-1rem 0 3rem rgba(0,0,0,.15);transform:translateX(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1)}.cart-drawer.is-open .cart-drawer__backdrop{opacity:1}.cart-drawer.is-open .cart-drawer__panel{transform:translateX(0)}
.cart-drawer__header{display:flex;min-height:6.5rem;padding:0 1.2rem 0 2rem;border-bottom:1px solid #ddd;align-items:center;justify-content:space-between}.cart-drawer__header h2{margin:0;font-size:1.8rem}.cart-drawer__header h2 span{color:#686868;font-size:1.3rem;font-weight:400}.cart-drawer__items{flex:1;padding:0 2rem;overflow-y:auto}.cart-drawer__item{display:grid;grid-template-columns:7.6rem 1fr;gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid #e5e5e5}.cart-drawer__item img{width:7.6rem;height:7.6rem;object-fit:cover}.cart-drawer__title{display:block;font-size:1.35rem;font-weight:700;line-height:1.25}.cart-drawer__item p{margin:.3rem 0;color:#686868;font-size:1.15rem}.cart-drawer__item span{font-size:1.2rem}.cart-drawer__remove{display:block;margin-top:.4rem;color:#686868;font-size:1.1rem;text-decoration:underline}.cart-drawer__footer{padding:2rem;border-top:1px solid #ddd}.cart-drawer__footer>div{display:flex;justify-content:space-between;font-size:1.7rem}.cart-drawer__footer p{margin:.7rem 0 1.4rem;color:#686868;font-size:1.15rem}.cart-drawer__checkout{display:flex;width:100%;min-height:4.8rem;border:0;border-radius:2.4rem;background:#111;color:#fff;align-items:center;justify-content:center;font-weight:800;text-transform:uppercase}.cart-drawer__view{display:block;margin-top:1.2rem;text-align:center;text-decoration:underline;font-size:1.25rem}.cart-drawer__empty{display:grid;flex:1;padding:3rem;place-content:center;text-align:center}.cart-drawer__empty p{font-size:1.6rem}.cart-drawer__empty a{display:inline-flex;min-height:4.6rem;padding:1rem 2rem;border-radius:2.3rem;background:#111;color:#fff;align-items:center;justify-content:center;font-weight:700}

@media(max-width:990px){
  .header__main{grid-template-columns:1fr auto 1fr;gap:1rem;min-height:55px;padding-inline:1.2rem}
  .header__menu-button{justify-self:start}
  .header__menu-button{display:grid}
  .header__logo{justify-self:center;width:min(var(--header-logo-width-mobile),100%)}
  .header__predictive-search,.header__navigation{display:none}
  .header__mobile-search{display:grid}
  .header__actions{gap:0}
  .header__icon-button{width:4rem;height:4rem}
  .header__actions .header__icon-button:not(.header__cart-link):not(.header__mobile-search){display:none}
  .header-drawer:not([hidden]){position:fixed;z-index:50;inset:0;display:block}
  .header-drawer__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}
  .header-drawer__panel{position:relative;width:min(88vw,38rem);height:100%;overflow-y:auto;background:#fff;color:#151515;box-shadow:1rem 0 3rem rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
  .header-drawer.is-open .header-drawer__backdrop{opacity:1}
  .header-drawer.is-open .header-drawer__panel{transform:translateX(0)}
  .header-drawer__top{display:flex;min-height:6.4rem;padding:0 1.2rem 0 2rem;border-bottom:1px solid #e5e5e5;align-items:center;justify-content:space-between}
  .header-drawer__title{font-size:1.6rem;font-weight:700;text-transform:uppercase}
  .header-drawer__menu>li{border-bottom:1px solid #e8e8e8}
  .header-drawer__menu>li>a,.header-drawer__details>summary{display:flex;min-height:5.5rem;padding:1.5rem 2rem;align-items:center;justify-content:space-between;font-size:1.5rem;font-weight:700;text-transform:uppercase}
  .header-drawer__details>summary{cursor:pointer;list-style:none}
  .header-drawer__details>summary::-webkit-details-marker{display:none}
  .header-drawer__details .icon-chevron{width:1.1rem;transition:transform .2s ease}
  .header-drawer__details[open] .icon-chevron{transform:rotate(180deg)}
  .header-drawer__details ul{padding:.4rem 0 1.2rem;background:#f7f7f7}
  .header-drawer__details li a{display:block;padding:1rem 2.8rem;font-size:1.4rem}
}
@media(max-width:420px){.header__mobile-search{display:none}}
