/** Shopify CDN: Minification failed

Line 1388:0 Unexpected "}"

**/
/* ==========================================================
   REMOVE GAP BETWEEN HIGHLIGHTS BANNER & SLIDESHOW
========================================================== */

#shopify-section-template--22420214284537__dynamic_highlights_banner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#shopify-section-template--22420214284537__dynamic_slideshow {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#shopify-section-template--22420214284537__dynamic_slideshow .home-section--content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* ==========================================================
   PREMIUM TOP HEADER MENU
========================================================== */

/* ---------- TOP MENU LAYOUT ---------- */

.site-navigation .navmenu-depth-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.site-navigation {
    margin-bottom: 0;
}

.site-navigation .navmenu-item {
    margin: 0;
    padding: 0;
}

.site-navigation .navmenu-item + .navmenu-item {
    margin-left: 0;
}

/* ---------- TOP BUTTONS ---------- */

.site-navigation .navmenu-link-depth-1,
.site-navigation .navmenu-link-parent {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    width: auto;
    min-height: auto;
    padding: 0;

    color: inherit !important;
    font-family: inherit;
font-size: inherit;
font-weight: 400;
    text-align: center;
    white-space: nowrap;

    transition: color .2s ease;
}

.site-navigation .navmenu-link-depth-1,
.site-navigation .navmenu-link-depth-1:link,
.site-navigation .navmenu-link-depth-1:visited,
.site-navigation .navmenu-link-parent,
.site-navigation .navmenu-link-parent:link,
.site-navigation .navmenu-link-parent:visited {
    color: #111111 !important;
    text-decoration: none;
}
.site-navigation > .navmenu-depth-1 > .navmenu-item > a.navmenu-link-depth-1,
.site-navigation > .navmenu-depth-1 > .navmenu-item > details > summary.navmenu-link-depth-1 {
    font-weight: 700 !important;
}

.site-navigation .navmenu-link-depth-1 *,
.site-navigation .navmenu-link-parent * {    color: inherit !important;
}

.site-navigation .navmenu-link-depth-1 svg,
.site-navigation .navmenu-link-depth-1 .navmenu-icon {
    color: currentColor !important;
    fill: currentColor !important;

    position: relative;
    top: 1px;
    margin-left: 3px;
}

.top-nav-button:focus {
    outline: none;
}

.top-nav-button::-webkit-details-marker {
    display: none;
}
/* ==========================================================
   DROPDOWN
========================================================== */

.navmenu-submenu {
    margin-top: 2px;

    background: #ffffff;

    border: 1px solid #ECECEC;
    border-radius: 0;

   min-width: 300px;
width: 300px;
max-width: 300px;

    padding: 12px 0;

    overflow: visible;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08),
        0 2px 8px rgba(0,0,0,.05);

    animation: fadeDown .18s ease;

    z-index: 999;
}
.site-navigation .navmenu-link-depth-2,
.site-navigation .navmenu-link-depth-3 {
    white-space: normal;
    word-break: normal;
}
.site-navigation .navmenu-depth-2 > .navmenu-item {
    display: block;
    width: 100%;
}

.site-navigation .navmenu-depth-2 > .navmenu-item > details,
.site-navigation .navmenu-depth-2 > .navmenu-item > a {
    display: block;
    width: 100%;
}

.site-navigation .navmenu-depth-3 {
    position: absolute !important;
    top: -15px !important;
    left: 100% !important;
    min-height: 100%;
    margin-left: -1px;
}

/* ---------- DROPDOWN LINKS ---------- */

.site-navigation .navmenu-link-depth-2,
.site-navigation .navmenu-link-depth-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;
    width: 100%;

    padding: 11px 22px;

    background: transparent !important;

    color: #222222 !important;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;

    text-align: left;
    text-decoration: none;

    transition: color .18s ease;
}

/* ---------- REMOVE HOVER BACKGROUND ---------- */

.site-navigation .navmenu-link-depth-2:hover,
.site-navigation .navmenu-link-depth-3:hover {
    background: transparent !important;
    color: #111111 !important;
}

/* ---------- REMOVE ACTIVE BACKGROUND ---------- */

.site-navigation .navmenu-link-depth-2:focus,
.site-navigation .navmenu-link-depth-3:focus,
.site-navigation .navmenu-link-depth-2:active,
.site-navigation .navmenu-link-depth-3:active {
    background: transparent !important;
    color: #111111 !important;
    outline: none;
}

/* ---------- SUBMENU ICON ---------- */

.site-navigation .navmenu-link-depth-2 .navmenu-icon,
.site-navigation .navmenu-link-depth-3 .navmenu-icon {
    margin-left: auto;
    opacity: .65;
}

/* ---------- ANIMATION ---------- */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================
   REMOVE MENU PAGE DIMMER
========================================================== */

.site-main-dimmer,
[data-site-main-dimmer] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
}
/* ==========================================
   NON-HOMEPAGE SPACING ONLY
========================================== */

body:not(.template-index) .home-section--content,
body:not(.template-index) .section-spacing,
body:not(.template-index) .slideshow,
body:not(.template-index) .shopify-section {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* BRAND LOGO CAROUSEL */

.logo-carousel{
    overflow:hidden;
}

.logo-carousel__track{
    display:flex;
    gap:70px;
    width:max-content;
    animation:logoScroll 28s linear infinite;
    align-items:center;
}

.logo-carousel:hover .logo-carousel__track{
    animation-play-state:paused;
}

.logo-carousel__item{
    flex:0 0 auto;
}

.logo-carousel__item img{
    max-height:70px;
    width:auto;
}

@keyframes logoScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

@media(max-width:768px){

.logo-carousel__track{
    gap:40px;
    animation-duration:18s;
}

.logo-carousel__item img{
    max-height:50px;
}

}
/* SALE MENU ITEM */

.site-navigation .navmenu-item.navmenu-id-sale > a,
.site-navigation .navmenu-item.navmenu-id-sale > a:link,
.site-navigation .navmenu-item.navmenu-id-sale > a:visited,
.site-navigation .navmenu-item.navmenu-id-sale > a:hover,
.site-navigation .navmenu-item.navmenu-id-sale > a:focus,
.site-navigation .navmenu-item.navmenu-id-sale > a:active {
    color: #d32f2f !important;
}

.site-navigation .navmenu-item.navmenu-id-sale > a * {
    color: #d32f2f !important;
}
.site-navigation .navmenu-item.navmenu-id-sale > a.navmenu-link-active,
.site-navigation .navmenu-item.navmenu-id-sale > a.navmenu-link-active * {
    color: #ffffff !important;
}
/* SALE MENU ITEM - MOBILE */
@media screen and (max-width: 719px) {
  .navmenu-item.navmenu-id-sale > .navmenu-link,
  .navmenu-item.navmenu-id-sale > .navmenu-link *,
  .navmenu-item.navmenu-id-sale > details > summary {
    color: #d32f2f !important;
  }
}
/* ==========================================
   HIGHLIGHTS BANNER
========================================== */

/* Banner height */
.highlights-banner__content {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    overflow: visible !important;
}

/* Each block */
.highlights-banner__block {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 1 1 20% !important;
    min-width: 0 !important;

    padding: 2px 4px !important;
}

/* Icon */
.highlights-banner__icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-right: 10px !important;

    overflow: visible !important;
    align-self: center !important;
}
/* Custom icon size */
.highlights-banner__custom-icon {
    width: 24px !important;
    height: 24px !important;
}

/* Text */
.highlights-banner__text {
    line-height: 1.2 !important;
    min-width: 0 !important;
}

/* Heading */
.highlights-banner__block .highlights-banner__heading {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Description */
.highlights-banner__description,
.highlights-banner__text p {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin: 0 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* ==========================================
   REMOVE GAP BETWEEN HIGHLIGHTS & SLIDESHOW
========================================== */

.highlights-banner,
.highlights-banner--section,
.highlights-banner .home-section--content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.slideshow--section,
.slideshow--section .home-section--content,
.slideshow,
.slideshow__wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ===== Logo beside search bar ===== */

/* ===== Logo beside search bar ===== */

@media screen and (min-width:1024px){

.site-header-logo{
    display:block !important;
    visibility:visible !important;
    flex:0 0 auto;
    margin:0 30px 0 0 !important;
}

.site-header-logo2{
    display:none !important;
}

.site-header-main-content{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

.site-header-main .live-search{
    flex:1 1 auto !important;
    margin-right:0 !important;
}

}
/* ==========================================
   GLOBAL WEBSITE TYPOGRAPHY
   ========================================== */

/* General body text */
body {
  font-family: "Open Sans", sans-serif !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow", sans-serif !important;
}

/* Navigation */
.site-header,
.site-header a,
.site-header button,
.site-navigation,
.site-navigation a,
.navmenu,
.navmenu a {
  font-family: "Barlow", sans-serif !important;
}

/* Buttons */
button,
.button,
.btn,
input[type="submit"],
input[type="button"] {
  font-family: "Barlow", sans-serif !important;
}

/* Product titles */
.product-title,
.product-item__title,
.productgrid--item-title,
.productgrid--item-title a {
  font-family: "Barlow", sans-serif !important;
}

/* Product prices */
.price,
.price__current,
.price__compare-at,
.product-price {
  font-family: "Barlow", sans-serif !important;
}

/* Filters */
.filter-group,
.filter-group__title,
.productgrid--sidebar-item,
.productgrid--sidebar-item a {
  font-family: "Open Sans", sans-serif !important;
}

/* Custom navigation sections */
.brand-collection-navigation,
.brand-collection-navigation__section,
.brand-collection-navigation__title,
.brand-category-grid,
.brand-category-card,
.brand-finish-grid,
.brand-finish-card {
  font-family: "Barlow", sans-serif !important;
}
/* Collection page product titles - regular weight */
.productgrid--item-title,
.productgrid--item-title a,
.product-item__title,
.product-item__title a,
.product-card__title,
.product-card__title a,
.productgrid--item-content h3,
.productgrid--item-content h3 a {
  font-weight: 400 !important;
}
/* Collection product titles - regular weight */
.productitem--title,
.productitem--title a {
  font-weight: 400 !important;
}
/* ==========================================
   MOBILE COLLECTION PAGE PRICES
   ========================================== */

@media screen and (max-width: 749px) {

  .productgrid--item .price,
  .productgrid--item .price__current,
  .productgrid--item .product-price,
  .product-item .price,
  .product-item .price__current {
    font-size: 24px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    display: block !important;
    overflow: visible !important;
  }

}

/* ==========================================
   COLLECTION PRODUCTS - DESKTOP
   ========================================== */

@media screen and (min-width: 1100px) {

  /* 4 products across */
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }


  /* ==========================================
     PRODUCT CARDS
     ========================================== */

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productgrid--item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  /* Reduce horizontal padding inside product cards */
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem {
    padding: 0 4px 18px !important;
  }

  /* ==========================================
     IMAGE OUTER AREA
     ========================================== */

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem__image-container {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 2px !important;
    background: #ffffff !important;
  }


  /* ==========================================
     PRODUCT IMAGE
     ========================================== */

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    background: #f4f4f2 !important;
  }


  /* Make every product image fill its image box */
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }


  /* ==========================================
     PRODUCT TITLE
     ========================================== */

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--title,
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--title a {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
  }

  /* Reserve space for 2-line product titles + breathing room */
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--title {
    min-height: 43.2px !important;
    margin-bottom: 10px !important;
  }
  /* Create visual breathing room above the action buttons */
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--info .productitem--swatches {
    margin-top: 0 !important;
    transform: translateY(-8px);
  }

  /* ==========================================
     PRODUCT PRICE
     ========================================== */

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .price,
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .price__current,
  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .product-price {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

}

/* ==========================================================
   PRODUCT PAGE LAYOUT
   DESKTOP: GALLERY + DESCRIPTION LEFT
            PRODUCT DETAILS RIGHT
   ========================================================== */

@media screen and (min-width: 768px) {

  .template-product .product--outer {
    display: grid !important;

    grid-template-columns: 51.5% 45.5%;
    column-gap: 3%;

    align-items: start;
  }

  /* Gallery column */
  .template-product .product-gallery-column {
    width: 100% !important;
    grid-column: 1;
    grid-row: 1;
  }

  /* IMPORTANT:
     Make the actual gallery use the full gallery column.
     The original theme limits this to 51.5%.
  */
  .template-product .product-gallery {
    width: 100% !important;
  }

  /* Product information */
  .template-product .product-main {
    width: 100% !important;
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  /* Description underneath gallery */
  .template-product .product-description--under-gallery {
    width: 100% !important;

    grid-column: 1;
    grid-row: 2;

    margin-top: 30px;
  }

}


/* ==========================================================
   MOBILE PRODUCT PAGE LAYOUT
   IMAGE → PRODUCT DETAILS → DESCRIPTION
   ONLY APPLIES TO ACTUAL PRODUCT PAGES
   ========================================================== */

@media screen and (max-width: 767px) {

  .template-product .product--outer {
    display: block !important;
    width: 100% !important;
  }

  .template-product .product-gallery-column,
  .template-product .product-main {
    width: 100% !important;
    flex: none !important;
  }

  .template-product .product-description--under-gallery {
    width: 100% !important;
    margin-top: 24px !important;
  }

}

/* ==========================================================
   PREMIUM PRODUCT SPECIFICATIONS DOWNLOAD
   WHITE / BLACK / GOLD
========================================================== */

.Ctm_download {
  display: flex;
  align-items: center;
  gap: 22px;

  width: 100%;
  box-sizing: border-box;

  margin-top: 18px;
  padding: 20px 22px;

  background: #ffffff;

  border: 1px solid #111111;
  border-radius: 8px;

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.08);

  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease;
}


/* ==========================================================
   DOCUMENT ICON
========================================================== */

.Ctm_download__icon {
  flex: 0 0 62px;

  width: 62px;
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #111111;

  border: 1px solid #111111;
  border-radius: 50%;
}

.Ctm_download__icon svg {
  width: 34px;
  height: 34px;

  fill: none;

  stroke: #ffffff;

  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================================
   TEXT
========================================================== */

.Ctm_download__content {
  flex: 1 1 auto;
  min-width: 0;
}

.Ctm_download__title {
  margin-bottom: 7px;

  font-family: "Barlow", sans-serif;

  font-size: 15px;
  font-weight: 700;

  letter-spacing: 1px;
  line-height: 1.2;

  color: #111111;
}

.Ctm_download__description {
  max-width: 360px;

  font-family: "Open Sans", sans-serif;

  font-size: 12px;
  line-height: 1.55;

  color: #333333;
}


/* ==========================================================
   DOWNLOAD BUTTON
========================================================== */

.Ctm_download__button {
  flex: 0 0 auto;

  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 46px;

  padding: 0 20px;

  background: #ffffff;

  border: 1px solid #111111;
  border-radius: 4px;

  color: #111111 !important;

  font-family: "Barlow", sans-serif;

  font-size: 13px;
  font-weight: 700;

  line-height: 1;

  text-decoration: none !important;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}


/* Download arrow */

.Ctm_download__button svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: #111111;

  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: stroke 0.25s ease;
}


/* ==========================================================
   GOLD HOVER
========================================================== */

.Ctm_download__button:hover {
  background: #c49a45;

  border-color: #c49a45;

  color: #ffffff !important;
}

.Ctm_download__button:hover svg {
  stroke: #ffffff;
}


/* ==========================================================
   SUBTLE CARD HOVER
========================================================== */

.Ctm_download:hover {
  box-shadow:
    0 6px 20px rgba(0, 0, 0, 0.12);
}


/* ==========================================================
   MOBILE
========================================================== */

@media screen and (max-width: 767px) {

  .Ctm_download {
    display: grid;

    grid-template-columns: 52px 1fr;

    gap: 15px;

    padding: 18px;
  }

  .Ctm_download__icon {
    width: 52px;
    height: 52px;
  }

  .Ctm_download__icon svg {
    width: 29px;
    height: 29px;
  }

  .Ctm_download__content {
    align-self: center;
  }

  .Ctm_download__title {
    font-size: 13px;
  }

  .Ctm_download__description {
    font-size: 11px;
  }

  .Ctm_download__button {
    grid-column: 1 / -1;

    width: 100%;
  }

}
/* ==========================================================
   QUICK SHOP - CLEAN PRODUCT POPUP
   ========================================================== */

/* Hide product description in Quick Shop */
.modal--quickshop-full .product-description--under-gallery {
  display: none !important;
}

/* Hide Product Details */
.modal--quickshop-full .key-details,
.modal--quickshop-full .product-block--key_details {
  display: none !important;
}

/* Hide Downloads */
.modal--quickshop-full .Ctm_download,
.modal--quickshop-full .product-block--Download {
  display: none !important;
}
/* ==========================================================
   QUICK SHOP - REMOVE PRODUCT IMAGE
   ========================================================== */

/* Hide the product image/gallery */
.modal--quickshop-full .product-gallery {
  display: none !important;
}

/* Let the product information use the full popup width */
.modal--quickshop-full .product-main {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* Keep the product layout clean and centred */
.modal--quickshop-full .product--outer {
  display: block !important;
}

/* Give the popup a cleaner width */
.modal--quickshop-full .modal-inner {
  max-width: 900px !important;
}

/* Give the product content some breathing room */
.modal--quickshop-full .product-title {
  padding-right: 0 !important;
}
/* ==========================================================
   MAGIC WISHLIST — COLLECTION CARD
   ========================================================== */

.productitem--actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.productitem--actions .atc--button {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.productitem--actions .atc--button > button {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
}

.productitem--actions .wishlist-btn-container {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.productitem--actions .wishlist-btn-container .wishlist-btn {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.productitem--actions .wishlist-btn__text {
  display: none !important;
}

.productitem--actions .wishlist-btn__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* ==========================================================
   COLLECTION CARD BUTTONS
   EXTEND ACTION ROW TO THE RIGHT — VISUAL ONLY
   ========================================================== */

@media screen and (min-width: 1024px) {

  .layout--has-sidebar:not(.productgrid-listview)
  .productgrid--items.products-per-row-4
  .productitem--actions {
    width: auto !important;
    left: 18px !important;
    right: 18px !important;
  }

}
/* ==========================================================
   ALIGN WISHLIST WITH ACTION BUTTON
   VISUAL POSITION ONLY — DO NOT ALTER WISHLIST FUNCTION
   ========================================================== */

@media screen and (min-width: 1024px) {

  .productitem--actions .wishlist-action {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .productitem--actions .atc--button {
    padding: 0 !important;
  }

}
/* ==========================================================
   BRANDS MENU — HOVER DROPDOWN FIX
   ========================================================== */

.site-navigation .navmenu-item.navmenu-id-brands:hover > details > .navmenu-submenu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.site-navigation .navmenu-item.navmenu-id-brands:hover > details {
  position: relative;
}
a[href*="formcrm"] {
  display: none !important;
}
@media screen and (max-width: 749px) {
  .collection--section {
    margin-top: 0 !important;
  }
}
/* ==========================================================
   COLLECTION CARD ACTIONS — MOBILE ONLY
   VISUAL ONLY
   ========================================================== */

@media screen and (max-width: 749px) {

  .productitem--actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .productitem--actions .atc--button {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .productitem--actions .atc--button > button {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .productitem--actions .wishlist-action {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .productitem--actions .wishlist-btn-container,
  .productitem--actions .wishlist-btn-container .wishlist-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

}
/* ==========================================================
   COLLECTION SWATCHES — MOBILE ONLY
   FIT 3 SWATCHES + COUNT
   VISUAL SIZING ONLY
   ========================================================== */

@media screen and (max-width: 749px) {

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch-wrapper {
    width: 28px !important;
    height: 28px !important;
    margin-right: 4px !important;
    margin-bottom: 6px !important;
  }

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch {
    width: 28px !important;
    height: 28px !important;
  }

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch-inner {
    width: 28px !important;
    height: 28px !important;
  }

}
/* ==========================================================
   MOBILE COLLECTION CARDS
   ALIGN PRICE / TITLE / BUTTONS
   PRODUCTS WITHOUT SWATCHES
   ========================================================== */

@media screen and (max-width: 749px) {

  .template-collection
  .productitem--info:not(:has(.productitem--swatches))
  .productitem__price {
    margin-top: 24.75px !important;
  }

}

@media screen and (max-width: 749px) {

  .template-collection
  .productitem--info
  .productitem--swatches {
    transform: translateY(8px) !important;
    margin-bottom: -25px !important;
  }
}
@media screen and (max-width: 749px) {

  .template-collection
  .productitem--info
  .productitem--swatches {
    transform: translateY(2px) !important;
  }

}

/* ==========================================================
   MOBILE COLLECTION CARDS
   GAP ABOVE BUTTONS — KEEP BUTTON POSITION
   ========================================================== */

@media screen and (max-width: 749px) {

  .template-collection .productitem--actions {
    padding-top: 8px !important;
  }

}
/* ==========================================================
   TABLET HEADER — SEARCH UNDER TOP ROW
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1099px) {

  .site-header-main {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
  }

  .site-header-main-content {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    flex:1 1 100% !important;
  }

  .site-header-main-content .site-header-logo {
    flex:0 0 auto !important;
  }

  .site-header-main-content .live-search {
    flex:1 1 100% !important;
    width:100% !important;
    margin:10px 0 0 !important;
    order:2 !important;
  }

}
/* ==========================================================
   TABLET HEADER — SEARCH ON SECOND ROW
   768px–1099px ONLY
========================================================== */

@media screen and (min-width: 768px) and (max-width: 1099px) {

  .site-header-main {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
  }

  .site-header-menu-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .site-header-main-content {
    display: contents !important;
  }

  .site-header-logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
  }

  .site-header-main .live-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    flex: none !important;
  }

  .site-header-right {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

}
/* ==========================================================
   TABLET / MOBILE HEADER — HIDE DESKTOP NAVIGATION
   0–1099px ONLY
   ========================================================== */

@media screen and (max-width: 1099px) {

  .site-navigation-wrapper {
    display: none !important;
  }

}
}
/* TABLET HEADER — KEEP LOGIN, WISHLIST & CART ON ONE ROW */
@media screen and (min-width: 768px) and (max-width: 1023px) {

  .site-header-right {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

}
/* TABLET HEADER — KEEP LOGIN, WISHLIST & CART ON ONE ROW */
@media screen and (min-width: 768px) and (max-width: 1023px) {

  .site-header-right {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  /* ==========================================================
   iPAD PRO — KEEP WISHLIST + CART ON SAME ROW
   1024px–1099px ONLY
========================================================== */

@media screen and (min-width: 1024px) and (max-width: 1099px) {

  .site-header-right {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

}
}
/* ==========================================================
   iPAD PRO HEADER — LOGIN → WISHLIST → CART
   1024px–1099px ONLY
   VISUAL / POSITIONING ONLY
   ========================================================== */

@media screen and (min-width: 1024px) and (max-width: 1099px) {

  /* Keep Login, Wishlist and Cart together */
  .site-header-right {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  /* Remove the large space reserved between Login and Wishlist */
@media screen and (min-width: 1024px) and (max-width: 1099px) {

  .site-header-right.has-wishlist > .site-header-actions .site-header-actions__account-link {
    margin-right: -10px !important;
  }

}

  /* Put wishlist into the normal row instead of floating it */
  #wishlist-header-btn.site-header-wishlist {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 46px !important;
  }

  /* Keep the cart directly after the wishlist */
  .site-header-cart {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

}
/* ==========================================================
   DESKTOP HEADER — LOGIN → WISHLIST → CART
   1100px+ ONLY
   ========================================================== */

@media screen and (min-width: 1100px) {

  /* Keep Login, Wishlist and Cart together */
  .site-header-right {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  /* REMOVE the large gap injected by Wishlist */
  .site-header-right.has-wishlist > .site-header-actions .site-header-actions__account-link {
    margin-right: 0 !important;
  }

  /* Put Wishlist into the normal header row */
  #wishlist-header-btn.site-header-wishlist {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 46px !important;
  }

  /* Keep Cart after Wishlist */
  .site-header-cart {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

}
/* ==========================================================
   TABLET HEADER — SHOW HAMBURGER MENU
   1024px–1099px ONLY
   ========================================================== */

@media screen and (min-width: 1024px) and (max-width: 1099px) {

  .site-header-menu-toggle {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 125 !important;
  }

}
/* ==========================================================
   TABLET COLLECTION CARDS
   MOBILE CARD LOOK — 3 PRODUCTS ACROSS
   750px–1099px ONLY
   VISUAL ONLY — NO FUNCTIONALITY CHANGES
   ========================================================== */

@media screen and (min-width: 750px) and (max-width: 1099px) {

  /* ========================================================
     PREVENT SWATCH FLASH
     TABLET — SHOW FIRST 4 SWATCHES ONLY
     ======================================================== */

  .template-collection
  .productitem--swatches-container
  > label:nth-child(n+5) {
    display: none !important;
  }

  /* When Warehouse expands the swatches, show them again */
  .template-collection
  .productitem--swatches.productitem--swatches-expanded
  .productitem--swatches-container
  > label:nth-child(n+5) {
    display: inline-block !important;
  }

  /* ========================================================
     3 PRODUCTS ACROSS
  ======================================================== */

  .template-collection
  .productgrid--items.products-per-row-4,
  .template-collection
  .productgrid--items.products-per-row-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Remove the theme's percentage widths/margins */
  .template-collection
  .productgrid--items.products-per-row-4
  .productgrid--item,
  .template-collection
  .productgrid--items.products-per-row-3
  .productgrid--item {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
  }


/* ========================================================
   CARD
   TABLET — COMPLETE PRODUCT CARD
======================================================== */

.template-collection .productgrid--item {
  display: flex !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

.template-collection .productgrid--item > .productitem {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;

  padding: 10px 10px 10px !important;

  box-sizing: border-box !important;

  background: #ffffff !important;

  overflow: visible !important;
}

/* ========================================================
   PRODUCT CONTENT
   IMAGE + INFORMATION
======================================================== */

.template-collection .productitem__container {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  height: auto !important;

  flex: 0 0 auto !important;

  min-width: 0 !important;
}


  /* ========================================================
     IMAGE
  ======================================================== */

  .template-collection .productitem__image-container {
    order: 1 !important;

    width: 100% !important;

    margin: 0 0 8px !important;

    flex: 0 0 auto !important;
  }

  .template-collection .productitem--image {
    width: 100% !important;

    aspect-ratio: 1 / 1 !important;

    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #f4f4f2 !important;

    overflow: hidden !important;
  }

  .template-collection .productitem--image img {
    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
  }


  /* ========================================================
     PRODUCT INFORMATION
  ======================================================== */

  .template-collection .productitem--info {
    order: 2 !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;

    background: #ffffff !important;
  }


  /* ========================================================
     SWATCHES
  ======================================================== */

  .template-collection .productitem--info .productitem--swatches {
    order: 1 !important;

    width: 100% !important;

    height: 28px !important;
    min-height: 28px !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    transform: none !important;

    background: transparent !important;

    overflow: visible !important;
  }

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch-wrapper {
    width: 28px !important;
    height: 28px !important;

    margin-right: 4px !important;
    margin-bottom: 6px !important;
  }

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch {
    width: 28px !important;
    height: 28px !important;
  }

  .template-collection
  .productitem--swatches
  .productitem--swatches-swatch-inner {
    width: 28px !important;
    height: 28px !important;
  }


  /* ========================================================
     NO SWATCHES
     KEEP THE SAME VERTICAL SPACE
  ======================================================== */

  .template-collection
  .productitem--info:not(:has(.productitem--swatches))
  .productitem__price {
    margin-top: 24.75px !important;
  }


  /* ========================================================
     PRICE
  ======================================================== */

  .template-collection .productitem__price {
    order: 2 !important;

    display: flex !important;
    align-items: baseline !important;

    width: 100% !important;

    margin: 0 0 5px !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

  .template-collection .productitem__price .price__current {
    font-size: 24px !important;

    line-height: 1.1 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
  }


  /* ========================================================
     PRODUCT TITLE / TEXT
  ======================================================== */

  .template-collection .productitem--title {
    order: 3 !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    font-size: 15px !important;

    line-height: 1.35 !important;

    font-weight: 400 !important;

    color: #1d1d1d !important;
  }

  .template-collection .productitem--title a {
    color: #1d1d1d !important;

    text-decoration: none !important;
  }


  /* ========================================================
     BRAND / VENDOR
  ======================================================== */

  .template-collection .productitem--vendor {
    order: 4 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.3 !important;
  }


  /* ========================================================
     OTHER PRODUCT INFORMATION
  ======================================================== */

  .template-collection .productitem__stock-level,
  .template-collection .product__rating,
  .template-collection .productitem--description {
    order: 5 !important;

    margin-top: 4px !important;
  }


/* ========================================================
   BUTTON AREA
   CHOOSE OPTIONS + WISHLIST
   ======================================================== */

.template-collection .productitem--actions {
  order: 3 !important;

  position: relative !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;

  width: 100% !important;

  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;

  margin: 8px 0 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  gap: 8px !important;

  visibility: visible !important;
  opacity: 1 !important;

  z-index: 20 !important;
}


  /* ========================================================
     ADD TO CART / CHOOSE OPTIONS
  ======================================================== */

  .template-collection .productitem--actions .atc--button {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .template-collection
  .productitem--actions
  .atc--button > button {
    width: 100% !important;

   height: 44px !important;
min-height: 44px !important;
    padding: 0 8px !important;

    margin: 0 !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
  }


  /* ========================================================
     WISHLIST
  ======================================================== */

  .template-collection .productitem--actions .wishlist-action {
    flex: 0 0 38px !important;

    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  .template-collection
  .productitem--actions
  .wishlist-btn-container,
  .template-collection
  .productitem--actions
  .wishlist-btn-container .wishlist-btn {
    width: 38px !important;
    min-width: 38px !important;

    height: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;
  }

}
/* ==========================================================
   TABLET PRODUCT CARD — KEEP ACTIONS INSIDE CARD
   750px–1099px
   ========================================================== */

@media screen and (min-width: 750px) and (max-width: 1099px) {

  .template-collection .productitem--actions {
    position: relative !important;

    left: auto !important;
    right: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
  }

}

/* ==========================================================
   TABLET PRODUCT CARD — COMPACT WISHLIST BUTTON
   750px–1099px ONLY
   VISUAL SIZE ONLY — WISHLIST FUNCTIONALITY UNCHANGED
   ========================================================== */

@media screen and (min-width: 750px) and (max-width: 1099px) {

  /* Keep the two buttons close together */
.template-collection
.productitem--actions {
  gap: 6px !important;
}

  /* Wishlist outer action */
  .template-collection
  .productitem--actions .wishlist-action {
flex: 0 0 28px !important;
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;

height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  /* Wishlist app container + actual button */
  .template-collection
  .productitem--actions .wishlist-btn-container,
  .template-collection
  .productitem--actions .wishlist-btn-container .wishlist-btn {
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;

height: 44px !important;
min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Smaller heart */
  .template-collection
  .productitem--actions
  .wishlist-btn__icon svg {
    width: 14px !important;
    height: 14px !important;
  }
.template-collection
.productitem--actions
.mw-collection-wishlist-btn {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;

  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  position: relative !important;
  top: 0 !important;
}
.template-collection
.productitem--actions
.wishlist-action {
  align-self: center !important;
  position: relative !important;
  top: 0 !important;
  margin-right: 10px !important;
}

}

/* ==========================================================
   iPAD PRO — KEEP ACTION BUTTONS INSIDE CARD
   1024px–1099px ONLY
   VISUAL POSITION ONLY — NO FUNCTIONALITY CHANGES
   ========================================================== */

@media screen and (min-width: 1024px) and (max-width: 1099px) {

  .template-collection
  .productgrid--item
  > .productitem {
    position: relative !important;
  }

.template-collection
.productgrid--item
> .productitem
.productitem--actions {
  position: absolute !important;

  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
}

  .template-collection
  .productgrid--item
  > .productitem
  .productitem__container {
    padding-bottom: 54px !important;
    box-sizing: border-box !important;
  }

}
/* ==========================================================
   OTHER iPADS — KEEP ACTIONS INSIDE CARD
   750px–1023px
   SAME BUTTON ALIGNMENT AS iPAD PRO
   VISUAL ONLY — NO FUNCTIONALITY CHANGES
   ========================================================== */

@media screen and (min-width: 750px) and (max-width: 1023px) {

  .template-collection
  .productgrid--item
  > .productitem {
    position: relative !important;
  }

  .template-collection
  .productgrid--item
  > .productitem
  .productitem--actions {
    position: absolute !important;

    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
  }

  .template-collection
  .productgrid--item
  > .productitem
  .productitem__container {
    padding-bottom: 54px !important;
    box-sizing: border-box !important;
  }

}
/* ==========================================================
   PRODUCT GALLERY — SHOW ONLY SELECTED VARIANT THUMBNAIL
========================================================== */

.product-gallery--media-thumbnail[data-gallery-selected="false"] {
  display: block !important;
}
/* Hide AddToQuote's floating trigger.
   The header Quote icon still uses #atq-pf to open the popup. */
#atq-pf {
  opacity: 0 !important;
}
.wishlist-btn__text {
  font-size: 16px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}
/* ==========================================================
   MOBILE HEADER — MOVE QUOTE ICON BESIDE MENU
   ========================================================== */

@media screen and (max-width: 767px) {

  /* Make the main header the positioning reference */
  .site-header-main {
    position: relative !important;
  }

  /* Stop the right-side group from controlling the quote position */
  .site-header-right {
    position: static !important;
  }

  /* Move Quote into the top header row */
  .site-header-quote {
    position: absolute !important;
    left: 42px !important;
    top: 0 !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
  }

  .site-header-quote--button {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-header-quote-icon {
    width: 25px !important;
    height: 25px !important;
  }

}
/* ==========================================================
   MOBILE HEADER — QUOTE ICON BESIDE HAMBURGER
   ========================================================== */

@media screen and (max-width: 767px) {

.site-header {
  position: sticky !important;
  top: 0 !important;
}

  /* Move the Quote icon into the top header row */
  .site-header-quote {
    position: absolute !important;
    left: 38px !important;
    top: 8px !important;

    width: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 100 !important;
  }

  .site-header-quote--button {
    width: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
  }

  .site-header-quote-icon {
    width: 25px !important;
    height: 25px !important;
  }

}
/* ==========================================================
   MOBILE PRODUCT GALLERY — HORIZONTAL THUMBNAILS
========================================================== */

@media screen and (max-width: 719px) {

  /* Put thumbnails underneath the main product image */
  .template-product
  [data-product-gallery-thumbnails="left"]
  .product-gallery--navigation {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 8px 0 0 0 !important;
  }

  /* Make the thumbnail strip horizontal */
  .template-product
  [data-product-gallery-thumbnails="left"]
  .gallery-navigation--scroller {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: none !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    white-space: nowrap !important;

    padding: 4px 0 !important;
  }

  /* Individual thumbnails */
  .template-product
  [data-product-gallery-thumbnails="left"]
  .product-gallery--media-thumbnail {
    flex: 0 0 auto !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 4px 0 0 !important;
  }

  /* Make the thumbnail image fill its box */
  .template-product
  [data-product-gallery-thumbnails="left"]
  .product-gallery--media-thumbnail-img-wrapper {
    width: 100% !important;
    height: 100% !important;
  }

  .template-product
  [data-product-gallery-thumbnails="left"]
  .product-gallery--media-thumbnail-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

}
/* ==========================================================
   PRODUCT PAGE — MOBILE WISHLIST MATCHES ADD TO CART
   ========================================================== */

@media screen and (max-width: 749px) {

  body.template-product .wishlist-btn-container {
    width: 100% !important;
    flex: 1 1 0% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-product .wishlist-btn-container .wishlist-btn {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

}