.shack-header{position:relative;z-index:100;border-bottom:.1rem solid rgba(var(--color-foreground),.08);transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease}.shack-header-section{z-index:999!important}.shack-header--sticky{position:fixed;width:100%}.shack-header__inner{display:flex;align-items:center;gap:2.4rem;padding:2rem}.shack-header__logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.shack-header__logo-link img{display:block;height:auto}.shack-header__nav{flex:1}.shack-header__nav-list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;gap:.4rem;height:100%}.shack-header__nav-item{position:static;display:flex;align-items:stretch}.shack-header__nav-link{display:flex;align-items:center;gap:.6rem;padding:.6rem;font-size:1.3rem;font-weight:500;font-family:inherit;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;cursor:pointer;border:none;background:none;height:100%;transition:color var(--duration-short) ease}.shack-header__nav-link:hover,.shack-header__nav-link:focus-visible{color:rgb(var(--color-link))}.shack-header__nav-link .icon-caret{width:1rem;height:1rem;fill:currentColor;transition:transform var(--duration-short) ease}.shack-header__nav-item--is-open .shack-header__nav-link .icon-caret{transform:rotate(180deg)}.shack-mega-panel__dropdown{position:fixed;left:0;right:0;top:var(--shack-header-height, 8rem);z-index:99;background:#fff;border-bottom:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 .4rem 2rem rgba(var(--color-foreground),.08);max-height:calc(100vh - var(--shack-header-height, 6.4rem) - 2rem);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:opacity .18s ease,transform .18s ease,visibility 0ms .18s;pointer-events:none}.shack-header__nav-item--is-open .shack-mega-panel__dropdown{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}.shack-mega-panel__inner{display:flex;flex-direction:row;width:100%;padding:2.4rem 0}.shack-mega-panel__categories{flex:0 0 20%;padding:0;border-right:.1rem solid rgba(var(--color-foreground),.08);display:flex;flex-direction:column;gap:.4rem}.shack-mega-panel__cat-link{display:block;padding:1.2rem 2.2rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none;border-radius:.4rem;transition:background-color var(--duration-short) ease,color var(--duration-short) ease;white-space:nowrap}.shack-mega-panel__cat-link:hover,.shack-mega-panel__cat-link:focus-visible{background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-link))}.shack-mega-panel__cat-link--active{color:rgb(var(--color-link));text-decoration:underline;text-underline-offset:.3rem}.shack-mega-panel__content{flex:1;padding:0 2.4rem}.shack-mega-panel__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.6rem;align-items:start}.shack-col-1{grid-column:span 1}.shack-col-2{grid-column:span 2}.shack-col-3{grid-column:span 3}.shack-col-4{grid-column:span 4}.shack-col-5{grid-column:span 5}.shack-col-6{grid-column:span 6}.shack-col-7{grid-column:span 7}.shack-col-8{grid-column:span 8}.shack-col-9{grid-column:span 9}.shack-col-10{grid-column:span 10}.shack-col-11{grid-column:span 11}.shack-col-12{grid-column:span 12}.shack-tab-panel{display:none}.shack-tab-panel.is-active{display:block}.shack-panel-link{display:flex;align-items:center;gap:1rem;padding:.8rem 0;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.3rem;transition:color var(--duration-short) ease}.shack-panel-link--icon-text:hover{color:rgb(var(--color-link))}.shack-panel-link__icon{width:2.5rem;height:2.5rem;object-fit:contain;flex-shrink:0;border-radius:.3rem}.shack-panel-link__title{line-height:1.4}.shack-panel-link--image-text,.shack-panel-link--image-only{display:block;position:relative;border-radius:.6rem;overflow:hidden;padding:0}.shack-panel-link__img{display:block;width:100%;height:auto;mix-blend-mode:multiply;object-fit:cover;transition:transform var(--duration-short) ease}.shack-panel-link--image-text:hover .shack-panel-link__img,.shack-panel-link--image-only:hover .shack-panel-link__img{transform:scale(1.03)}.shack-panel-link--image-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 30%);pointer-events:none;border-radius:.6rem}.shack-panel-link__caption{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.2rem;color:#fff;font-size:1.3rem;font-weight:600;z-index:1;line-height:1.3;pointer-events:none}.shack-panel-image{display:block;position:relative;text-decoration:none;color:rgb(var(--color-foreground));overflow:hidden;transition:opacity var(--duration-short) ease}#ShackHeader li a.shack-panel-image{padding:0!important}.shack-panel-image:hover{opacity:.9}.shack-panel-image__img{display:block;width:100%;height:auto;mix-blend-mode:multiply;object-fit:cover}.shack-panel-image__body{padding:1.5rem;position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 30%)}.shack-panel-image__title{font-size:1.3rem;font-weight:600;margin:0 0 .4rem;color:#fff}.shack-panel-image__text{font-size:1.2rem;color:rgba(var(--color-foreground),.65);margin:0}.shack-panel-container--grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.6rem;align-items:start}.shack-panel-container--flex{display:flex;gap:1.6rem;align-items:start}.shack-panel-container--flex>*{flex:1;min-width:0}.shack-panel-text{font-size:1.3rem;color:rgb(var(--color-foreground))}.shack-panel-text p{margin:0 0 .6rem}.shack-panel-text h2,.shack-panel-text h3,.shack-panel-text h4{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground),.5)}.shack-header__icons{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex:1;justify-content:flex-end}.shack-header__icon-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));text-decoration:none;border-radius:50%;transition:background-color var(--duration-short) ease}.shack-header__icon-btn svg{width:2rem;height:2rem}.shack-header__icon-cart{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));text-decoration:none;border-radius:50%;transition:background-color var(--duration-short) ease}.shack-header__icon-cart:hover{background-color:rgba(var(--color-foreground),.06)}.shack-header__icon-cart svg{width:4rem;height:4rem}.shack-header__cart-count{position:relative}.shack-header__cart-bubble{position:absolute;top:.4rem;right:.2rem;min-width:1.6rem;height:1.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border-radius:10rem;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 .3rem;pointer-events:none}.shack-header__hamburger{display:none}.shack-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility 0ms var(--duration-default)}.shack-drawer__overlay.is-open{opacity:1;visibility:visible;transition:opacity var(--duration-default) ease}.shack-drawer{position:fixed;top:0;left:0;bottom:0;width:min(38rem,100vw);z-index:200;overflow:hidden;transform:translate(-100%);transition:transform var(--duration-default) ease;box-shadow:.4rem 0 2.4rem rgba(var(--color-foreground),.12)}.shack-drawer.is-open{transform:translate(0)}.shack-drawer__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:rgb(var(--color-background));transition:transform var(--duration-default) ease;overflow:hidden}.shack-drawer__panel--sub{transform:translate(100%)}.shack-drawer__panel--sub.is-open{transform:translate(0)}.shack-drawer__header{display:flex;align-items:center;justify-content:flex-end;padding:.8rem 1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.shack-drawer__body{flex:1;overflow-y:auto;padding:.8rem 0}.shack-drawer__list{list-style:none;margin:0;padding:0}.shack-drawer__item-btn,.shack-drawer__item-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.3rem 2rem;font-size:1.5rem;font-weight:500;font-family:inherit;color:rgb(var(--color-foreground));background:none;border:none;text-decoration:none;cursor:pointer;text-align:left}.shack-drawer__item-btn svg,.shack-drawer__item-link svg{width:1.4rem;height:1.4rem;flex-shrink:0;fill:currentColor}.shack-drawer__back{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.4rem 2rem;font-size:1.4rem;font-weight:600;font-family:inherit;color:rgb(var(--color-foreground));background:none;border:none;border-bottom:.1rem solid rgba(var(--color-foreground),.08);cursor:pointer;text-align:left;flex-shrink:0}.shack-drawer__back svg{width:1.2rem;height:1.2rem;fill:currentColor;transform:rotate(180deg);flex-shrink:0}.shack-drawer__child-link{display:flex;align-items:center;gap:1.2rem;padding:1rem 2rem;font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:.1rem solid rgba(var(--color-foreground),.04)}.shack-drawer__child-link:hover{color:rgb(var(--color-link))}.shack-drawer__child-link svg{width:2rem;height:2rem;flex-shrink:0}.shack-drawer__icon{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.4rem}.shack-drawer__icon img{width:100%;height:100%;object-fit:contain}.shack-drawer__utility{padding:1.6rem 0 0;border-top:.1rem solid rgba(var(--color-foreground),.08);margin:.8rem 0 0}@media screen and (max-width:1023px){.shack-header__nav{display:none}.shack-header__hamburger{display:flex;flex:1;justify-content:start}.shack-header__inner{justify-content:space-between}.shack-header__icon-btn.account-icon{display:none}}@media screen and (min-width:1024px){.shack-header__hamburger{display:none}}.shack-header[data-mobile-breakpoint=desktop] .shack-header__nav{display:none!important}.shack-header[data-mobile-breakpoint=desktop] .shack-header__hamburger{display:flex!important}@media(prefers-reduced-motion:reduce){.shack-header,.shack-mega-panel__dropdown,.shack-drawer,.shack-drawer__overlay,.shack-drawer__panel{transition:none}}.panel-brands-content{text-align:center;padding:1rem}.panel-brands-content h4{font-size:3rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shack-header.css.map */