/** Shopify CDN: Minification failed

Line 45:1 Unexpected "{"
Line 133:1 Unexpected "{"

**/
@font-face {
    font-family: 'Highway Gothic Expanded';
    src: url('/cdn/shop/files/HighwayGothicExpanded.woff2?v=1784342174') format('woff2'),
        url('/cdn/shop/files/HighwayGothicExpanded.woff?v=1784342174') format('woff'),
        url('/cdn/shop/files/HighwayGothicExpanded.ttf?v=1784342174') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Neue Haas Grotesk 55 Roman";
  src: url("/cdn/shop/files/NHaasGroteskDSPro-55Rg.woff2?v=1785962521")
      format("woff2"),
    url("/cdn/shop/files/NHaasGroteskDSPro-55Rg.woff?v=1785962521")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  
}


:root 
{
--font-heading-family: "garamond-premier-pro-display", serif !important;
--font-body-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
--font-button-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
--font-header-menu-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
--font-footer-menu-family:"Neue Haas Grotesk 55 Roman",  sans-serif !important;
}

/* CUSTOM FONTS —— HEADINGS */
h1,
h2,
.h1,
.h2, 
.product__title, 
 {
font-family: "garamond-premier-pro-display", serif;
font-style: normal;
}

.subtitle {
font-family: "garamond-premier-pro-display", serif;
font-weight: 400;
font-style: italic;
}

.subheading {
font-family: "Highway Gothic Expanded", sans-serif !important;
font-weight: 400;
font-style: normal;
}

h3,
h4,
h5,
h6,
.h3
.h4,
.h5,
.h6 {
  font-family: "Highway Gothic Expanded", sans-serif !important;
font-weight: 400;
font-style: normal;

}

/* CUSTOM FONTS —— BODY */
.body, p {
font-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
letter-spacing:0.03rem !important;
}

/* CUSTOM FONTS —— BUTTONS */
.button, .button--secondary, .button--tertiary {
font-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;

}

.newsletter__title {

    font-family: "Highway Gothic Expanded", sans-serif !important;
font-weight: 400;
font-style: normal;
}

/* CUSTOM FONTS —— PRODUCT CARDS*/
.price {
    font-family: "Highway Gothic Expanded", sans-serif !important; 
}

 .collection-product-card .price {
    font-size: calc(var(--font-heading-card-scale) * 1rem);
}


.complementary-products .complementary-products-heading .product-recommendations__heading {
  font-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
    letter-spacing: calc(var(--font-header-menu-letter-spacing) * 0.3rem) !important;
    text-transform: uppercase;
    font-size: calc(var(--font-body-second-scale) * .8rem);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-line-height);
    padding-top: 1.4rem;
}

.collection-product-card .card__title {
  font-family: "garamond-premier-pro-display", serif !important;
font-style: normal;
   font-size: calc(var(--font-heading-card-scale) * 1.4rem) !important;
}



@media screen and (max-width: 575px) {
    .collection-product-card .card__title {
        font-size: calc(var(--font-heading-card-scale) * 1.2rem) !important;
    }
}


/* CUSTOM FONTS —— MENUS */
.burger-menu__item, .burger-menu__submenu, .burger-menu__list, .burger-menu__summary, .header__menu-item, 
 {
    font-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
   letter-spacing: calc(var(--font-header-menu-letter-spacing) * 0.1) !important;
    font-size: calc(var(--font-header-menu-scale) * 1rem) !important;
}

 .menu-drawer__menu-item
{
    font-family: "Neue Haas Grotesk 55 Roman",  sans-serif !important;
   letter-spacing: calc(var(--font-header-menu-letter-spacing) * 0.1) !important;
    font-size: calc(var(--font-header-menu-scale) * 1rem) !important;
}

.menu-drawer__menu-link
{
    font-family: "garamond-premier-pro-display", serif !important;
    font-style: italic !important;
    font-size: calc(var(--font-heading-h3-scale) * 2.2rem);
}

.menu-drawer__menu-item .list-menu__item  {
     font-family: "garamond-premier-pro-display", serif !important;
    font-style: italic !important;
    font-size: calc(var(--font-heading-h3-scale) * 2.2rem);
}

/* MOBILE MENU FONTS
   Top level (Shop, About) = Garamond · submenu items = Neue Haas. */

/* Everything in the drawer defaults to Neue Haas (covers all submenu links). */
.menu-drawer__menu-item {
  font-family: "Neue Haas Grotesk 55 Roman", sans-serif !important;
  letter-spacing: calc(var(--font-header-menu-letter-spacing) * 0.1) !important;
  font-size: calc(var(--font-header-menu-scale) * 1rem) !important;
}

/* Top-level items → Garamond. Shop = .menu-drawer__menu-link (parent items);
   About = .menu-drawer__top (added in the Liquid). */
.menu-drawer__menu-link,
.menu-drawer .menu-drawer__top {
  font-family: "garamond-premier-pro-display", serif !important;
  font-style: italic !important;
  font-size: calc(var(--font-heading-h3-scale) * 2.2rem) !important;
  letter-spacing: normal !important;
}



/* ACTIVE / OPEN HEADER LINKS —— orange */
 .header__menu-item .list-menu-line:hover {
  color: #EA441B;
}
 
.footer .list-menu__item:hover {
    color: #EA441B;
}
 
.list-menu--inline .list-menu-item .header__active-menu-item .link-hover-line:after {
  color: #EA441B;
}

 
/* Current page: keep the active nav link orange (matches the hover colour).
   The text lives in .list-menu-line; the active underline is already orange,
   and colouring the text also tints the underline via currentColor. */
.list-menu--inline .header__active-menu-item .list-menu-line {
  color: #EA441B;
}
 
/* Mega menu open: colour its trigger (e.g. Shop) orange while the dropdown is
   open. burger-menu.js adds .burger-menu--open to the panel (hover OR click);
   :has() lets the sibling trigger react to it. */
.list-menu--inline .list-menu--megamenu:has(.burger-menu--open) .header__menu-item .list-menu-line {
  color: #EA441B;
}



/* CUSTOM FONTS —— FOOTER */
.footer-block__heading {
font-family: "Highway Gothic Expanded", sans-serif !important;
font-weight: 400;
font-style: normal;
font-size: calc(var(--font-heading-h3-scale) * 1.4rem);
text-transform: uppercase;
}

@media screen and (min-width: 990px){
  .footer-block__heading {
  display:none;
}
}

.copyright__content .secondary_text {
  font-size:calc(var(--font-body-second-scale) * 0.7rem) !important;
}


/* CUSTOM FONTS —— CART */
.cart-item__name, .main-cart--title, .main-cart--title {
  font-family: "garamond-premier-pro-display", serif !important;
font-style: normal;

}

.cart-item__final-price {
      font-family: "Highway Gothic Expanded", sans-serif !important; 
}

.cart-item__total-price .cart-item__final-price {
  font-size:calc(var(--font-body-second-scale) * 1rem) !important;
}

.totals__subtotal {
font-family: "Highway Gothic Expanded", sans-serif !important; 
text-transform: uppercase !important;
font-style: normal !important;
}

.cart-discount__summary {
  font-size: var(--font-heading-h3-scale) !important;
}

.cart-discount-wrapper .cart-discount__label {
  font-family: var(--font-body-family) !important;
  font-style: normal;
  letter-spacing: 0.1rem !important;
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    text-transform: uppercase;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}

.cart-discount-code__field  {
  padding-top: 10px;
}


/* CUSTOM FONTS —— CART */


.facets-sorting__label {    font-size: calc(var(--font-body-second-scale) * .9rem);
  
}
.facet-filters .facets-sorting {
   font-size: calc(var(--font-body-second-scale) * .9rem);
}


/* PRODUCT CARD SLIDER — bars instead of dots.
   The pagination is an indicator only and must NEVER intercept clicks on the
   image (this was the cause of the un-clickable cards). Arrows drive navigation
   on desktop; mobile shows only the first image, no carousel. */
 
.card-wrapper .product-pagination {
  top: 1rem;
  bottom: auto;
  pointer-events: none;
}
 
.card-wrapper .product-pagination .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 1.5rem;
  line-height: 0;
  pointer-events: none;
}
 
.card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet {
  flex: 1 1 0;
  width: auto;
  height: 2px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  opacity: 0.3;
  background: rgb(var(--color-product-card-slider-control));
  transition: opacity var(--duration-default);
  pointer-events: none;
}
 
.card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
 
/* Remove the theme's round-dot pseudo-element so the bar shows flat. */
.card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet::after {
  content: none;
}
 
/* Single-image cards: hide the locked pagination. */
.card-wrapper .product-pagination .swiper-pagination-lock {
  display: none;
}
 
/* Single-image cards: hide the locked pagination. */
.card-wrapper .product-pagination .swiper-pagination-lock {
  display: none;
}
 

/* COLLECTION CARDS — mobile: same swipeable gallery + sliding bar as the PDP.
   The card carousel is already swipeable at every width; on mobile we move the
   indicator to the bottom edge and match the product-page mobile_sliding_bar
   exactly — contiguous full-width segments, 0.2 inactive / 0.7 active.
   Stays pointer-events: none so it never intercepts a tap on the image. */
@media screen and (max-width: 989px) {
  .card-wrapper .product-pagination {
    top: auto !important;
    bottom: 0 !important;
    pointer-events: none;
  }
  .card-wrapper .product-pagination .swiper-pagination {
    gap: 0;
    padding: 0;
    flex-wrap: initial;
  }
  .card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet {
    height: 0.2rem;
    opacity: 0.2;
  }
  .card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 0.7;
  }
}
 
/* COLLECTION CARDS — desktop: match the mobile bar. Move the indicator from the
   top to the bottom edge and use the same contiguous full-width segments
   (0.2 inactive / 0.7 active). The bar and arrows stay revealed on hover
   (handled in component-card.css); auto-rotate on hover is wired in
   product-card-slider.js. Mobile is left exactly as-is. */
@media screen and (min-width: 990px) {
  .card-wrapper .product-pagination {
    top: auto !important;
    bottom: 0 !important;
    pointer-events: none;
  }
  .card-wrapper .product-pagination .swiper-pagination {
    gap: 0;
    padding: 0;
    flex-wrap: initial;
  }
  .card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet {
    height: 0.2rem;
    opacity: 0.2;
  }
  .card-wrapper .product-pagination .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 0.7;
  }
}
 

/* COLLECTION PAGE
/* Collection filter bar: name inline on desktop, everything left on mobile. */
.facets__horizontal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
}
.facets__collection-name {
  margin: 0;
}
@media screen and (max-width: 749px) {
  .facets__horizontal-top {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .facets__sort-wrapper {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    width: 100%;
  }
}

/* COLLECTION TOOLBAR — mobile: left-align the Filter button. On phones the theme
   grows the (empty) product-count to flex: 1 0 45%, pushing Filter to the right
   edge of the row; ordering Filter first in the flex drops it to the left gutter,
   directly above "Sort By". Sort and everything else are left untouched. */
@media screen and (max-width: 575px) {
  .collection-wrapper .facets__button-show {
    order: -1;
  }
}



/* LINKED PRODUCTS — keep the linked (colour) option above the size variants on
   the product page. Scoped to .product__info-container so product cards
   (.card-wrapper / .linked-products--card) are unaffected. */
.product__info-container .product-parameters {
  display: flex;
  flex-direction: column;
}
.product__info-container .product-parameters .linked-products {
  order: -1;
}


.linked-products__option-name {
  font-size: calc(var(--font-body-second-scale) * .9rem);}


/* Round card swatches AND linked-product swatches on collection cards. */
.card-wrapper .color-swatch,
.card-wrapper .variant-swatch--card,
.card-wrapper .linked-products__option-color,
.card-wrapper .linked-products__option {
  border-radius: 50% !important;
}

/* CART PAGE (desktop) */
 
/* #1 — line item now shows the line subtotal at the top; hide the duplicate
   subtotal that sat next to the quantity selector. */
.cart-item__totals .cart-item__price-wrapper {
  display: none !important;
}
 
/* #2 — dynamic checkout buttons: same width as the regular Checkout button,
   and stack when there's more than one. */
.cart__footer-dynamic-checkout {
  justify-content: stretch;
}
.cart__footer-dynamic-checkout .cart__dynamic-checkout-buttons,
.cart__dynamic-checkout-buttons {
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.cart__dynamic-checkout-buttons [data-shopify-buttoncontainer] {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: 100%;
}
.cart__dynamic-checkout-buttons [data-shopify-buttoncontainer] > *,
.cart__dynamic-checkout-buttons div[role="button"] {
  width: 100% !important;
  max-width: 100% !important;
}
 


/* SIZE GUIDE POPUP — skinny rows, columns adjust to each table. */
.product-popup-modal__text table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  margin-left: 0;
  table-layout: auto;          /* size columns to each table's own content */
}
.product-popup-modal__text table th,
.product-popup-modal__text table td {
  height: auto !important;
  padding: 0.4rem 0.6rem !important;
  font-size: 1.2rem;
  line-height: 1.2;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
}
.product-popup-modal__text table p {
  margin: 0 !important;
}
.product-popup-modal__text {
  overflow-x: visible;
}


/* PRODUCT TABS  */
.product-tabs__tab {

  font-family: var(--font-button-family);

font-weight: var(--font-button-weight);
font-style: var(--font-button-style);
text-transform: var(--font-button-text-transform);
letter-spacing: calc(var(--font-button-letter-spacing) * .1);
position: relative;
box-sizing: border-box;
font-size: calc(var(--font-button-scale) * .9rem);
line-height: var(--font-body-line-height);
  padding-top: 10px;
}

.product-tabs__panel p {
    font-size: calc(var(--font-body-second-scale) * .9rem);

}

.product-tabs__panel {
  padding-bottom: 10px;
}