/** Shopify CDN: Minification failed

Line 19:0 Unexpected "}"
Line 219:51 "barder-color" is not a known CSS property

**/

/* Adapt mode: banner shrinks to exact image height - no min-height, no background bleed */
.template-index .banner.banner--adapt { min-height: 0; flex-direction: column; background: transparent; overflow: hidden; }
.template-index .banner.banner--adapt .banner__media { position: relative; width: 100%; height: auto; }
.template-index .banner.banner--adapt .banner__content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.template-index .banner__content { justify-content: center; align-items: center; }
.template-index .banner__heading { font-size: var(--fs-64); line-height: 68px; }
body:not(.template-index) .audience-bar { display: none; }
.template-index .audience-bar { padding: 0 8px; }
.template-index .audience-switcher--bar { justify-content: center; gap: 24px; width: 100%; }
.template-index .audience-switcher--bar .audience-switcher__btn { font-size: var(--fs-14); }
.template-collection .facets-wrapper { position: static; padding: 0 12px 12px; }
}
@media screen and (max-width: 989px) {
header.header.header--audience .header__heading,
header.header.header--audience .header__heading-link { margin-left: 0; }
}
@media screen and (max-width: 749px) {
.template-product .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) { margin-left: 0; margin-right: 0; }
.template-product .product__media-list.slider--mobile, .template-product .product__media-list { margin-left: 0; margin-right: 0; width: 100%; padding: 0; }
.template-product .product__media-list.slider--mobile .product__media-item { width: 100%; max-width: 100%; flex: 0 0 100%; }
}
/* ======================= REFERENCE MATCH: NAV HOVER ======================= */
.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus-visible { color: rgba(var(--color-foreground), .7); }
.menu-drawer__menu-item--active:hover { background-color: rgba(var(--color-foreground), .08); }
.header__menu-item:hover span,
.header__submenu .header__menu-item:hover { text-decoration: underline; text-underline-offset: .3rem; }
.audience-switcher__btn:hover { color: rgba(var(--color-foreground), .7); }
.hs-strip__tile:hover .hs-strip__label,
.hs-mood__tile:hover .hs-mood__label,
.hs-audiences__tile:hover .hs-audiences__label { text-decoration: underline; text-underline-offset: .3rem; }
/* ======================= REFERENCE MATCH: MOBILE HEADER ======================= */
@media screen and (max-width: 989px) {
header.header.header--audience header-drawer { margin-left: 0; }
header.header.header--audience header-drawer .header__icon--menu { margin-left: 0; }
header.header.header--audience .header__icons { justify-content: flex-end; column-gap: 0; }
header.header.header--audience .header__search { grid-area: auto; justify-self: auto; margin-right: 0; }
header.header.header--audience .header__heading-link { padding-left: 4px; }
}
/* ======================= REFERENCE MATCH: COLLECTION + PRODUCT ======================= */
@media screen and (max-width: 749px) {
.card-information .price,
.card-information .price .price-item { font-size: var(--fs-11); line-height: 16.5px; }
.card__heading, .card__heading a { font-weight: 500; }
}
.template-product .product__media-item .product-media-container { --ratio-percent: 150% !important; }
.template-product .product-form__submit.button { min-height: 47px; height: 47px; }
/* ============================= CARD PRICE ROW (SALE CARDS) ============================= */
.card-priceline {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0 10px;
}
.card-priceline .price { margin: 0; }
.card-priceline .price.price--on-sale .price__sale { display: flex; align-items: baseline; gap: 0 10px; }
.card-priceline .price .price-item { margin: 0; }
.card-discount {
font-size: var(--fs-12);
line-height: 18px;
font-weight: 800;
letter-spacing: 1px;
color: var(--ink);
white-space: nowrap;
}
.card-information .price.price--on-sale .price-item--regular,
.card-information .price.price--on-sale s { color: var(--ink); }
@media screen and (max-width: 749px) {
.card-discount { font-size: var(--fs-11); line-height: 16.5px; }
.card-information .price.price--on-sale .price-item--regular,
.card-information .price.price--on-sale s { font-size: var(--fs-10); }
}
@media screen and (max-width: 749px) {
.template-product .price .price-item,
.template-product .price.price--on-sale .price__sale .price-item--regular,
.template-product .price.price--on-sale .price__sale s,
.template-product .price .card-discount { font-size: var(--fs-11); line-height: 16.5px; }
.template-product .price.price--on-sale .price__sale .price-item--regular,
.template-product .price.price--on-sale .price__sale s { opacity: 1; }
}
/* ============================= DESKTOP MENU OVERLAY (REFERENCE) ============================= */
.menu-drawer__media { display: none; }
@media screen and (min-width: 990px) {
.header--audience .menu-drawer {
width: 100%;
border: 0;
filter: none;
overflow: hidden;
}
.header--audience .menu-drawer__navigation-container {
grid-template-columns: 39.375% 32.57% minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
overflow: hidden;
}
.header--audience .menu-drawer__navigation[data-audience-menu] {
grid-column: 1;
grid-row: 1;
padding: 41px 0 0 23px;
overflow-y: auto;
}
.header--audience .menu-drawer__utility-links { grid-column: 1; grid-row: 2; }
.header--audience .menu-drawer__media { display: block; }
.header--audience .menu-drawer__media[hidden] { display: none; }
.header--audience .menu-drawer__media--cards { grid-column: 2; grid-row: 1 / span 2; padding-top: 41px; }
.header--audience .menu-drawer__media--hero { grid-column: 3; grid-row: 1 / span 2; position: relative; min-height: 0; }
.menu-drawer__cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.menu-drawer__card { margin: 0; padding: 0; }
.menu-drawer__card-link { display: block; color: var(--ink); text-decoration: none; }
.menu-drawer__card-media { display: block; aspect-ratio: 154 / 217; overflow: hidden; background: var(--tone-media); }
.menu-drawer__card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.menu-drawer__card-label {
display: block;
margin-top: 12px;
font-size: var(--fs-12);
line-height: 18px;
font-weight: 400;
letter-spacing: var(--ls-body);
}
.menu-drawer__card-link:hover .menu-drawer__card-label { text-decoration: underline; text-underline-offset: .3rem; }
.menu-drawer__hero-link { position: absolute; inset: 0; display: block; background: var(--tone-media); }
.menu-drawer__hero-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.header--audience .menu-drawer__menu-item { font-size: var(--fs-14); padding: 9px 30px; }
}
/* ===================== HOVER ADD TO BASKET ===================== */
.card-wrapper .quick-add { display: none !important; }
:is(.template-collection, .template-index, .related-products) .card-wrapper { container-type: inline-size; }
@media (hover: hover) and (min-width: 750px) {
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add {
display: block;
position: absolute;
left: 0;
right: 0;
top: calc(150cqw - 44px);
bottom: auto;
width: auto;
height: 44px;
margin: 0;
z-index: 2;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
}
:is(.template-collection, .template-index, .related-products) .card-wrapper:hover .quick-add,
:is(.template-collection, .template-index, .related-products) .card-wrapper:focus-within .quick-add { opacity: 1; pointer-events: auto; }
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add__submit.button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 44px;
min-width: 0;
min-height: 0;
padding: 0 20px;
border: 0;
border-radius: 0;
box-shadow: none;
background: rgb(255, 255, 255);
color: var(--ink);
font-size: 0;
line-height: 1;
}
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add__submit.button::before {
content: 'Add to Basket';
display: block;
position: static;
box-shadow: none;
font-size: var(--fs-14);
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add__submit.button[disabled]::before { content: 'Sold out'; }
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add__submit.button[disabled]::after { display: none; }
:is(.template-collection, .template-index, .related-products) .card-wrapper .quick-add__submit .loading__spinner { position: absolute; right: 18px; }
}
/* ===== RELATED PRODUCTS ===== */
.related-products .card-wrapper .card__inner,
.related-products .card-wrapper .card__media,
.related-products .card-wrapper .media{--ratio-percent:150%}
.related-products .card__media .media{padding-bottom:150% !important}
.related-products .card__media .media img{width:100%;height:100%;object-fit:cover}
.related-products__heading{text-transform:uppercase;font-weight:900;letter-spacing:0;text-align:left}
@media (min-width:990px){.related-products .grid--5-col-desktop .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing)*4/5)}}
/* ===== WHITE HEADER WHILE MENU / SEARCH / CART IS OPEN ===== */
.header-wrapper:has(menu-drawer details[open]),
.header-wrapper:has(header-drawer details[open]),
.header-wrapper:has(details[open]){
background:#fff !important;
--color-foreground:18,18,18;
--color-background:255,255,255;
}
body:has(cart-drawer.active) .header-wrapper {
background:#fff !important;
--color-foreground:18,18,18;
--color-background:255,255,255;
}
.header-wrapper:has(details[open]) .header,
.header-wrapper:has(details[open]) .header__heading-link,
.header-wrapper:has(details[open]) .header__icon{background:#fff !important;color:#121212 !important}
body:has(cart-drawer.active) .header,
body:has(cart-drawer.active) .header__heading-link,
body:has(cart-drawer.active) .header__icon{background:#fff !important;color:#121212 !important}
.header-wrapper:has(details[open]) .header__icon svg,
body:has(cart-drawer.active) .header__icon svg{color:#121212;filter:none !important}
.header-wrapper:has(details[open]) .header-wrapper{barder-color:#fff}
.header-wrapper:has(details[open]) :is(menu-drawer,header-drawer)>details>summary::before{display:none !important}
/* ===== TRANSPARENT HEADER ===== */
.header-wrapper[data-overlay]:not(.is-solid) .header__heading-logo,
.header-wrapper[data-overlay]:not(.is-solid) .header__heading-logo-wrapper img{filter:brightness(0) invert(1);transition:filter .25s ease}
.header-wrapper[data-overlay]:not(.is-solid) .header__icon svg,
.header-wrapper[data-overlay]:not(.is-solid) .header__icon .icon,
.header-wrapper[data-overlay]:not(.is-solid) header-drawer .header__icon svg{filter:brightness(0) invert(1);transition:filter .25s ease}
.header-wrapper[data-overlay]:not(.is-solid) .audience-switcher__btn{color:#fff}
/* ===== SOLD-OUT: HIDE QUICK-ADD + SIZE-STRIP ===== */
.card-wrapper:has(.badge--bottom-left) .quick-add,
.card-wrapper:has(.badge--bottom-left) .size-strip {
  display: none !important;
}
/* ===================== MEGA MENU / DRAWER LAYOUT REDESIGN ===================== */
.menu-drawer {
  background: #fff !important;
  color: #121212 !important;
}
@media screen and (max-width: 989px) {
  .menu-drawer {
    width: min(100vw, 400px);
  }
}
.menu-drawer__logo { display: none !important; }
.audience-switcher--drawer { display: flex !important; }
.menu-drawer__section-heading {
  margin: 0 0 6px;
  padding: 16px 24px 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.45);
}
@media screen and (max-width: 989px) {
  .menu-drawer__menu-item {
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .menu-drawer__navigation {
    padding: 8px 0 16px !important;
  }
}
@media screen and (min-width: 990px) {
  .header--audience .menu-drawer {
    width: 100%;
    max-height: calc(100vh - var(--header-height, 80px));
  }
  .header--audience .menu-drawer__navigation-container {
    display: grid;
    grid-template-columns: 300px 1fr 340px;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 100%;
    min-height: 460px;
    overflow: hidden;
  }
  .header--audience .menu-drawer__navigation[data-audience-menu] {
    grid-column: 1;
    grid-row: 1;
    padding: 32px 0 24px !important;
    overflow-y: auto;
    border-right: 1px solid rgba(var(--color-foreground), 0.08);
  }
  .header--audience .menu-drawer__section-heading {
    padding: 0 28px 10px;
    font-size: 10px;
    color: rgba(var(--color-foreground), 0.4);
  }
  .header--audience .menu-drawer__menu-item {
    padding: 10px 28px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
  }
  .header--audience .menu-drawer__menu-item:hover {
    background: rgba(var(--color-foreground), 0.04);
  }
  .header--audience .menu-drawer__utility-links {
    grid-column: 1;
    grid-row: 2;
    padding: 12px 0 !important;
    background: none;
  }
  .header--audience .menu-drawer__media--cards {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: flex !important;
    align-items: flex-start;
    padding: 32px 20px 24px;
    overflow-y: auto;
  }
  .menu-drawer__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .menu-drawer__card { margin: 0; }
  .menu-drawer__card-link { display: block; text-decoration: none; color: inherit; }
  .menu-drawer__card-media {
    display: block;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: rgba(var(--color-foreground), 0.06);
  }
  .menu-drawer__card-media img {
    display: block;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  .menu-drawer__card-link:hover .menu-drawer__card-media img { transform: scale(1.03); }
  .menu-drawer__card-label {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(var(--color-foreground));
    line-height: 1.3;
  }
  .menu-drawer__card-link:hover .menu-drawer__card-label {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .header--audience .menu-drawer__media--hero {
    grid-column: 3;
    grid-row: 1 / span 2;
    position: relative;
    overflow: hidden;
    display: block !important;
    height: 100%;
    min-height: 460px;
  }
  .menu-drawer__hero-link {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    display: block;
    background: rgba(var(--color-foreground), 0.06);
    overflow: hidden;
  }
  .menu-drawer__hero-link img {
    display: block;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.3s ease;
  }
  .menu-drawer__hero-link:hover img { transform: scale(1.02); }
  .header--audience .menu-drawer__media { display: block; }
  .header--audience .menu-drawer__media[hidden] { display: none !important; }
}
/* ===================== SHOP THE MOOD: MOBILE STACKED LAYOUT ===================== */
/* Stack tiles full-width on mobile (1 per row), matching Outfitters mobile */
@media screen and (max-width: 749px) {
  .hs-mood__grid {
    grid-template-columns: 1fr !important;
  }
}