/** Shopify CDN: Minification failed

Line 2145:0 Expected "}" to go with "{"

**/
@font-face {
    font-family: 'salmondbold';
    src: url('/cdn/shop/files/salmond_-_bold-webfont.woff2?v=1736963361') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,
p {
  line-height: 1.33;
}

h1,
h2 {
  font-family: "salmondbold";
  line-height: 1.2;
  text-transform: uppercase;
}

h3,
h4,
h5,
h6 {
  font-family: "IBM Plex Sans", sans-serif;
  line-height: 1.2;
}

.spr-header-title,
.product-recently-viewed__heading,
.product-section--title,
.home-section--title,
.shoppable-image__section-heading,
.image-with-text__section-heading,
.custom-html--container .home-section--title,
.custom-liquid--container .home-section--title,
.faq__section-heading {
  font-family: "salmondbold", sans-serif;
}

.mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link,
.mobile-nav-primary-content .navmenu-depth-1 > .navmenu-item > .navmenu-link,
.navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text,
.site-navigation .navmenu-depth-1 > li > a,
.site-navigation a,
.site-navigation summary,
.site-header-actions {
  font-family: "IBM Plex Sans", sans-serif;
}

/*main menu */

/* NAV COLORED BACKGROUND ------------------------------------------ */
/* Only kicks in when JS adds .variant-bg */

.variant-bg {
  background-color: #F2E6B2 !important;
}

.site-navigation .navmenu-link-depth-1, .site-navigation .site-header-account-link a {
    font-weight: 600;
}

.mobile-nav-content .navmenu-depth-1>.navmenu-item>.navmenu-link, .mobile-nav-primary-content .navmenu-depth-1>.navmenu-item>.navmenu-link, .navmenu-meganav.navmenu-meganav--desktop .navmenu-item-text, .site-navigation .navmenu-depth-1>li>a, .site-navigation a, .site-navigation summary, .site-header-actions {
    font-weight: 600;
}

/* END NAV COLORED BACKGROUND ------------------------------------------ */

[data-meganav-sidenav-image-aspect-ratio] .navmenu-item__image {
  height: 100%;
}
[data-meganav-sidenav-image-aspect-ratio="square"]
  .navmenu-item__image-wrapper {
  padding-bottom: 50%;
}
.site-navigation .navmenu-depth-2 .navmenu-link {
  text-align: center;
}

.site-navigation .navmenu-depth-2 .navmenu-link:hover,
.site-navigation .navmenu-depth-2 .navmenu-link.navmenu-active {
  color: #37C1CE;
}

.navmenu-meganav-sidenav__item:hover, .navmenu-meganav-sidenav__item:focus-within, .navmenu-meganav-sidenav__item.navmenu-item--preselected {
  color: #0972CE;
  background: none;
}

/* SHOPPABLE IMAGE BUTTON */
.shoppable-image__wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9; /* Matches the image's actual dimensions */
  overflow: hidden;
}

.shoppable-image__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* FEATURED PRODUCTS ON HOME PAGE */
@media screen and (min-width: 860px) {
    .featured-collection__content[data-layout=grid] {
        flex-wrap: wrap;
        display: grid;
        padding: 0;
        grid-template-columns: repeat(var(--grid-col-count, 5), 1fr);
        gap: 10px;
    }
}


/* STOCK AVAILABILITY */
.product-stock-level__availability {
    color: #0a1d5f;
    padding: 8px 0 8px 0;
}

.product-stock-level__badge-text {
    padding: 8px;
    color: #fff;
    background-color: #F89021;
}

/* ----------------- SHIPPING DETAILS------------------- */
.shipping-details--enhanced {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 4px;
    background-color: #792481;
}

/* --------------VENDOR SKU MSKU FLEXBOX------------------- */
.product-vendor,
.product-vendor a,
.product-sku,
.product-text p {
    color: #0A1D5F;
}

.product-flex-info {
  display: flex;
  flex-wrap: wrap; /* fallback for small screens, can be 'nowrap' if preferred */
  align-items: center;
  gap: 1rem;
}

.product-flex-item {
  flex: 0 1 auto;
  white-space: nowrap;
}

.product-text {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0A1D5F;
}

/* Optional mobile responsiveness */
@media (max-width: 768px) {
  .product-flex-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-flex-item {
    width: 100%;
  }
}

/* ------------------- DISCONTINUED PRODUCT ALERT ---------- */
 .product-discontinued-message {
    background-color: #FEE9D3; /* lighter background */
    color: #F89021; /* text and border color */
    padding: 10px;
    border: 1px solid #F89021;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%; /* full width */
    box-sizing: border-box;
    justify-content: center;
    border-radius: 0; /* ✅ no border radius */
  }

  .product-discontinued-message .icon-discontinued {
    width: 20px;
    height: 20px;
    fill: #F89021;
    flex-shrink: 0;
  }

/* ------------------- SUB COLLECTIONS TOP OF COLLECTION PAGE ------------------- */
.collection__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  box-sizing: border-box;
  min-height: 270px; /* You can tweak this */
}

.collection__item-image {
  height: 220px; /* FIXED HEIGHT: makes all titles line up */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.collection__item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* Or cover if you want full bleed */
  display: block;
}

.collection__item-title {
  margin-top: auto;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}

/* ------------------- RESOURCES -------------------- */
.article--excerpt-meta, .article--tags a {
    color: #0A1D5F;
}

/* ---------------- RESOURCES BLOG PRODUCT CARDS ----------------- */

/** Product card layout — 3 per row, center if fewer */
.product-layout {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

/** Individual product card — fixed 1/3 width */
.product-card {
  width: calc((100% - 2rem) / 3); /* 3 cards per row with 1rem gaps */
  max-width: 200px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  padding: 0;
}

/** Inner card container with vertical spacing */
.product-card__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  align-items: center;
  text-align: center;
}

/** Image block */
.product-card__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-grow: 1;
}

.product-card__main-image {
  width: 100%;
  max-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}

.product-card__main-image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  border-radius: 0.5rem;
  display: block;
}

/** Details block (title + price + button) */
.product-card__details {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  margin-top: 1rem;
  align-items: center;
  text-align: center;
}

/** Title + price block */
.product-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: auto;
  align-items: center;
  text-align: center;
}

h5.product-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  height: 2.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card__title-inner {
  display: inline-block;
  line-height: 1.4;
  height: 2.8rem;
  vertical-align: top;
  overflow: hidden;
}

.product-card__price {
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  margin: 20px 0;
  align-items: center;
  text-align: center;
}

/** View button */
.product-card__view-button {
  background-color: #37C1CE;
  color: #0A1D5F;
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: background-color 0.3s ease, color 0.3s ease;
  border: 2px solid #37C1CE;
  cursor: pointer;
  align-self: center;
}

.product-card__view-button:hover {
  background: #ffffff;
  color: #0A1D5F;
  border: 2px solid #0A1D5F;
}

/** Optional: stack cards on small screens */
@media (max-width: 768px) {
  .product-card {
    width: 100%;
  }
}

/* BUTTONS */
.button-primary {
    font-family: "IBM Plex Sans", sans-serif;
    display: inline-flex;
    background-color: #37C2CE;
    color: #08174D;
    height: 44px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 14px;
    border: 1px solid #37C2CE;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.04em;
    will-change: background, color, border-color;
    transition: backround-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    position: relative;
    white-space: nowrap;
}

.button-primary:not(.disabled):hover {
  background-color: transparent;
  border: 1px solid #37C2CE;
  box-shadow: none;
}

.product-form--atc-button {
  font-family: "IBM Plex Sans", sans-serif;  
  color: #08174D;
  border: 1px solid #37C2CE;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #37C2CE;
    border-radius: 0;
}

.product-form--atc-button:not(.disabled):hover {
    background: transparent;
  border: 1px solid #37C2CE;
  box-shadow: none;
}

.productitem--action-trigger {
    padding: 20px;
    border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .productitem--action-trigger {
    padding: 0;
  }
}


div.cta-section a.btn {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  color: #fff;
}

.live-search-button {
    color: #08174D;
    background-color: #37C2CE;
    border: 1px solid #37C2CE;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    width: 54px;
    vertical-align: top;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.live-search-button:not(.disabled):hover {
    background: transparent;
    border: 1px solid #37C2CE;
}

.add-to-cart .icon {
  width: 32px; 
  height: 32px;
}

.icon {
    width: 16px;
    height: 16px;
    margin: 0 0 3px 20px;
    vertical-align: middle;
}

.btn-container a.btn-primary, .content-block a.btn {
    font-family: "IBM Plex Sans", sans-serif;
    display: inline-flex;
    background-color: #37C2CE;
    color: #08174D;
    height: 44px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 14px;
    border: 1px solid #37C2CE;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.04em;
    will-change: background, color, border-color;
    text-decoration: none;
    transition: backround 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    position: relative;
    white-space: nowrap;
    min-width: 100%;
}

/* PRODUCTS TITLES */
.rte .tabs li,
.rte .tabs li > a,
.site-navigation .navmenu-meganav-standard__image-link,
.site-navigation .navmenu-depth-2 .navmenu-link,
.complementary-product__name a,
.productgrid--sidebar-menu .navmenu-link,
.filter-item,
.productitem--title a,
.cart-item__remove-link,
.hotspot__tooltip,
.menulist-menu__link {
  color: #000735;
}

.productitem--title {
  font-family: "IBM Plex Sans", sans-serif;
}

/* UPSELLS */

.product-form--atc {
    font-size: 16px;
} 
.lb-spc-details-price {
    font-weight: 700;
}

/* PRODUCT DESCRIPTION TABLES and IMAGES and YT */
.tab-panel p img {
  max-width: 100%;
}

.tab-panel table[style*="width"] {
    width: 100% !important;
  }

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: #000;
    max-width: 100%;
}

/* This CSS rule applies to the iframe inside the container */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Media query for desktop screens */
@media (min-width: 1024px) {
    .video-container {
        width: 60%; /* Set width to 60% of the parent */
        max-width: 60%; /* Ensure it does not exceed 60% */
        padding-bottom: 33.75%; /* Maintain aspect ratio */
        margin: 0 auto; /* Center the video if needed */
    }
}




@media (max-width: 767px) {
  .tab-panel table[style*="width"] {
    width: auto !important;
  }

  .tab-panel table[style*="font-size"] {
    font-size: small !important;
  }

  .tab-panel tbody[style*="width"] {
    width: auto !important;
  }

  .tab-panel tr[style*="width"] {
    width: auto !important;
  }

  .tab-panel th[style*="width"] {
    width: auto !important;
  }

  .tab-panel td[style*="width"] {
    width: auto !important;
  }
  
  .tab-panel img[style*="width"] {
    width: 100% !important;
  }

  .tab-panel img[style*="height"] {
    height: auto !important;
  }
  
}

@media screen and (min-width: 1024px) {
  .small-promo-content {
    max-width: 220px;
  }
}

/* ROOMS PAGES 
.image-with-text__container {
  border-top: 1px solid #ebebeb;
}*/

/* PROMO BADGE */
.promo-badge {
  position: absolute;
  top: 40px;
  right: 60px;
  width: 100px;
  height: 100px;
}

/* PRODUCTS SPECS */
.product-specs table {
  border-collapse: collapse;
  table-layout: auto;
  font-size: 12px;
}
.product-specs tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.product-specs td {
  white-space: nowrap;
  padding: 8px;
  text-transform: capitalize;
}
.product-specs td.metafield-name {
  font-weight: bold;
  width: auto;
}
.product-specs td.last {
  width: 100%;
}

/* SHOP BY SOLUTION HERO */
@media (min-width: 720px) {
  .pxs-image-with-text-content-position-x-left .pxs-image-with-text-content,
  .pxs-image-with-text-content-position-x-right .pxs-image-with-text-content {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
  }
}



/* SITEWIDE BANNER */
#sitewide-banner {
  width: 100%;
  max-width: 1400px;
  margin: 20px auto 0 auto;
}
#sitewide-banner img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  #sitewide-banner {
    display: none;
  }
}

/* SEARCH */
.search_cats {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #e8e8e8;
  padding-bottom: 15px;
}
.search-flydown__queries-collections h5 {
  border-top: solid 1px #e8e8e8;
  margin: 15px 0px 8px 15px;
  padding-top: 15px;
}
.search-flydown__list-item a {
  color: #25317b;
}
/* CUSTOMER SERVICE AND OTHER PAGES ---------------------------------------------- */

/* EXCLUSIONS PAGE */
.discount ul ul li {
  position: relative;
  padding-left: 20px;
  list-style: none;
}

.discount ul ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.9em;
  height: 0.9em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96.49 93.67'><path fill='%2322275c' d='M47.21,2.39l44.43,44.16-44.7,44.74-15.35-15.46,18.11-18.03H4.85v-21.87h45.23l-18.49-18.38,15.62-15.15Z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* END EXCLUSIONS PAGE */

/* 🖥️ DESKTOP LAYOUT (STAYS INTACT) */
.cs_wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px; /* ✅ RESTORES PAGE CONTENT PADDING */
  align-items: flex-start;
}

/* Sidebar stays visible on desktop */
.cs_left-column {
  flex: 1;
  max-width: 250px;
  position: relative;
}

/* Sidebar is always visible on desktop */
.cs_sidebar {
  display: block !important;
  position: relative;
  padding: 15px;
  border-right: 1px solid #ddd;
  background: none;
}

/* ✅ Ensures Page Content Has Padding */
.cs_right-column {
  flex: 2;
  min-width: 60%;
  padding: 20px; /* ✅ FIXES LOST PADDING ON DESKTOP */
}

/* Hide mobile menu toggle on desktop */
@media (min-width: 769px) {
  .cs_mobile-menu-toggle {
    display: none;
  }
}

.cs_sidebar h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 0;
    color: #333;
    border-bottom: 2px solid #ddd;
  }

.cs_sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

.cs_sidebar ul li {
        padding: 0;
        border-bottom: 1px solid #eee;
        transition: background .2s ease-in-out;
    }

.cs_sidebar ul li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding: 12px 20px;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
  }

/* 📱 MOBILE MENU FIX - FULL WIDTH & READABLE */
@media (max-width: 768px) {
  .cs_wrapper {
    flex-direction: column;
    padding: 20px; /* ✅ KEEPS MOBILE PADDING */
  }

  .cs_left-column {
    max-width: 100%;
    position: relative;
  }

  /* ✅ Mobile Sidebar - Full Width & Proper Spacing */
  .cs_sidebar {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    width: 90vw !important;
    background: white;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
    transform: translateY(-10px);
    opacity: 0;
    border-radius: 0; /* No rounded corners */
  }

  /* Show Sidebar when Active */
  .cs_sidebar.cs_active {
    display: block;
    opacity: 1;
    transform: translateY(0);
    top: 0px;
  }

  /* ✅ Sidebar Headings - Larger & More Spacing */
  .cs_sidebar h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 0;
    color: #333;
    border-bottom: 2px solid #ddd;
  }

  /* ✅ Sidebar List */
  .cs_sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  /* ✅ Sidebar List Items - More Padding */
  .cs_sidebar ul li {
    padding: 0;
    border-bottom: 1px solid #eee;
    transition: background 0.2s ease-in-out;
  }

  .cs_sidebar ul li:last-child {
    border-bottom: none;
  }

  /* ✅ Sidebar Links - Bigger & More Padding */
  .cs_sidebar ul li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    display: block;
    padding: 12px 20px;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
  }

  /* Hover Effects */
  .cs_sidebar ul li a:hover {
    background: #f4f4f4;
    color: #000;
    transform: translateX(4px);
  }
}

/* ☰ BURGER MENU */
.cs_mobile-menu-toggle {
  display: block;
  background: none;
  color: #000;
  font-size: 20px;
  cursor: pointer;
  border: none;
  padding: 5px 5px 0 20px;
  z-index: 1100;
  text-align: left;
}

/* Hide menu button on desktop */
@media (min-width: 769px) {
  .cs_mobile-menu-toggle {
    display: none;
  }
}


/* COLLECTION PAGES IMAGES */
.in-theme-editor .imagestyle--small .productitem--image,
.in-theme-editor .imagestyle--medium .productitem--image,
.in-theme-editor .imagestyle--large .productitem--image {
  background-color: #fff;
}

/* SHOP BY CATEGORY */

.collection-list__container {
  background-color: #0A1D5F;
  margin: 10px auto 30px auto;
  padding-bottom: 30px;
}

.home-section--title {
  margin-top: 2.25rem;
}

.custom-html--container {
  margin-top: 2.25rem;
}
.horizontal-menu ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
  border-bottom: solid 1px grey;
  border-top: solid 1px grey;
}
.horizontal-menu ul li {
  display: inline-block;
}
.horizontal-menu ul li a {
  text-decoration: none;
  color: #4d4d4d;
  padding: 10px 20px;
  display: block;
  font-size: 20px;
  font-weight: 700;
} /* Responsive adjustments */
@media (max-width: 768px) {
  .horizontal-menu ul {
    text-align: left;
    background-color: transparent;
  }
  .horizontal-menu ul li {
    display: block;
    width: 100%;
  }
  .horizontal-menu ul li a {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #444;
  }
}

/* HEADER LOGIN */
@media screen and (min-width: 1024px) {
  .small-promo {
    font-size: 18px;
  }
}

.utility-bar__menu-link {
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  cursor: auto;
}

.wrapper {
  display: flex;
  min-height: 100vh;
  max-width: 1400px; /* Max width of the wrapper */
  margin: 0 auto; /* Centers the wrapper horizontally */
  width: 100%; /* Ensures it takes up at least the full width if under 1200px */
}
.wrapper h5 {
  color: #00205c;
  font-weight: 700;
  margin-bottom: 1em;
}
.wrapper ul li a,
.wrapper a {
  color: #454545;
  text-decoration: underline;
}

.left-column {
  border-right: 1px solid #e8e8e8;
  min-width: 25%;
  padding: 0 20px;
}
.right-column {
  width: 75%;
  padding: 0 20px 0 30px;
}

.product__badge--sale,
.productitem__badge--sale,
.hotspot__badge--sale,
.product__badge--pre-order,
.productitem__badge--pre-order,
.hotspot__badge--pre-order {
  color: #000;
  background-color: #37C1CE;
}

.productitem--sale .productitem__price .price__current {
  color: #0076dc;
}

/* SIDE NAVIGATION */

nav.sidebar ul {
  list-style: none;
  padding: 0;
  margin-left: 20px;
  font-size: 16px;
}

nav.sidebar ul li {
  display: block; /* Changed from inline-block to block */
  margin-right: 0; /* Removed right margin */
  margin-bottom: 10px; /* Add bottom margin for spacing between items */
}

nav.sidebar ul li a {
  text-decoration: none;
}

nav.sidebar ul li ul {
  display: none; /* Keeps sub-menus hidden until hovered */
  position: relative;
  list-style: none;
}

nav.sidebar ul li:hover ul {
  display: block; /* Shows sub-menu on hover */
}

.repbox {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  justify-content: center;
  margin: 0 auto;
}
.rows {
  min-width: 200px;
  width: 33%;
  border: 1px dotted lightgrey;
  margin: 10px;
  padding: 20px;
  flex: 1;
}
.rows li {
  font-size: 14px;
  list-style: none;
  line-height: 1.3;
}
.buttons-container {
  display: flex;
  justify-content: space-around; /* Distributes space around items */
  align-items: center; /* Aligns items vertically in the center */
  padding: 20px;
  background-color: #f4f4f4; /* Light grey background */
}

.button-item {
  flex: 1; /* Each flex item takes equal space */
  padding: 10px; /* Padding around content */
  text-align: center; /* Centers the text within the div */
}

.cs {
  border: solid 1px gray;
  width: 80%; /* Button width relative to its container */
  padding: 10px;
  margin: 10px 0; /* Vertical margin for spacing between buttons */
  font-size: 16px; /* Larger font size for better readability */
  cursor: pointer; /* Changes cursor to pointer when hovering over the button */
}
.cs a:hover {
  background-color: transparent;
  color: #000;
}

.productitem__price .price__current {
  color: #000;
}

.collection__item-title {
  color: #000000;
}

@media only screen and (max-width: 768px) {
    nav.sidebar ul {
        font-size: 12px;
        margin-left: 0;
    }
}

/* PRODUCT PAGE REQUEST QUOTE FORM state */
.select {
  font-family: reader-regular-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: var(--font-size-body);
  z-index: 1;
  width: 100%;
  padding: 2rem 0.625rem 0.375rem;
  color: #949494;
  background-color: var(--shopify-editor-setting-color_input_background);
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  margin: 0;
}

/* Custom style for product metafield box */
.product-metafield {
  background-color: #ACE2E2;
  padding: 10px;
  margin-top: 20px;
}

.product-metafield p {
  font-size: 16px; /* Regular text size */
  line-height: 1.6; /* Line spacing */
  color: #000; /* Text color */
}

/* SHOP BY BRAND PAGE */

.rte {
  max-width: 1400px; /* Max width of the wrapper */
  margin: 0 auto; /* Centers the wrapper horizontally */
  padding: 0;
  width: 100%; /* Ensures it takes up at least the full width if under 1200px */
}

.sbb-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1400px; /* Max width of the wrapper */
  margin: 0 auto; /* Centers the wrapper horizontally */
  width: calc(100% - 40px); /* Ensures it takes up full width minus 20px on each side */
  padding: 0 20px; /* Adds 20px padding on left and right */
}

@media (max-width: 768px) {
  .page-title {
    text-align: left; /* Aligns to the left on mobile */
    padding-left: 20px; /* Adds 20px left padding */
  }
}

.sbb-wrapper h5 {
  color: #8bc544;
  font-weight: 700;
  margin-bottom: 1em;
}
.sbb-wrapper ul li a,
.sbb-wrapper a {
  color: #454545;
  text-decoration: none;
  font-weight: 600;
}

/* SHOP BY BRAND */
/* Title */
  .manufacturer-title {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
  }

  /* Grid Layout */
  .manufacturer-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    justify-content: center;
    text-align: center;
    padding: 0 20px; /* Adds a bit of spacing on smaller screens */
  }

  /* Letter Header */
  .vendor-letter-header {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin: 20px 0 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid #ddd;
    grid-column: 1 / -1;
    text-align: left;
  }

  /* Vendor Item Styling */
  .manufacturer-list-item {
    display: flex;
    align-items: center; /* Centers text vertically */
    justify-content: center; /* Centers text horizontally */
    background: #f9f9f9;
    border-radius: 8px;
    padding: 14px;
    min-height: 50px; /* Ensures enough space for vertical centering */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  }

  .manufacturer-list-item:hover {
    background: #ededed;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }

  .manufacturer-list-item a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    word-wrap: break-word;
    text-align: center;
    transition: color 0.3s;
  }

  .manufacturer-list-item a:hover {
    color: #0073e6;
  }

  /* Responsive Styles */
  @media (max-width: 1024px) {
    .manufacturer-list {
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    }

    .manufacturer-title {
      font-size: 24px;
    }
  }

  @media (max-width: 768px) {
    .manufacturer-list {
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }

    .manufacturer-title {
      font-size: 22px;
    }
  }

  @media (max-width: 480px) {
    .manufacturer-list {
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }

    .manufacturer-list-item {
      padding: 10px;
      min-height: 45px; /* Adjusted for smaller screens */
    }

    .manufacturer-list-item a {
      font-size: 14px;
    }
  }
/* VENDOR PAGE */

.vendor-text-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.vendor-left-column {
  flex: 0 0 20%;
  padding: 10px;
}
.vendor-right-column {
  flex: 0 0 60%;
  padding: 10px;
}

/* Barco Trade in Promo page */
figure {
  margin: 0 10px;
}

.cmp-tradein-matrix {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.cmp-tradein-matrix__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 2px solid #ccc;
}

.cmp-tradein-matrix__header__placeholder {
  font-size: 1.2em;
  color: #333;
  display: flex;
  align-items: center;
}

.cmp-tradein-matrix__header__placeholder i {
  margin-right: 5px;
}

.cmp-tradein-matrix__header__replacements {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cmp-tradein-matrix__header__replacement {
  text-align: center;
  max-width: 150px;
}

.cmp-tradein-matrix__header__replacement__image img {
  width: 100%;
  height: auto;
}

.cmp-tradein-matrix__header__replacement__name {
  display: block;
  margin-top: 5px;
  text-decoration: none;
  color: #007bff;
}

.cmp-tradein-matrix__product {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.cmp-tradein-matrix__product__name {
  text-decoration: none;
  font-size: 1.1em;
  color: #333;
  font-weight: 700;
}

.cmp-tradein-matrix__product__replacements {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

.cmp-tradein-matrix__product__replacement {
  display: flex;
  align-items: center;
}

.cmp-tradein-matrix__product__replacement a {
  text-decoration: none;
  color: #007bff;
}

.checkmark:before {
  content: "\2713";
  margin-left: 5px;
  color: green;
  font-style: normal;
}

.d-none {
  display: block;
}

@media (max-width: 991px) {
  .cmp-tradein-matrix {
    padding: 10px;
  }
  .cmp-tradein-matrix__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .cmp-tradein-matrix__header__placeholder {
    margin-bottom: 10px;
  }
  .cmp-tradein-matrix__header__replacements {
    display: block;
  }
  .cmp-tradein-matrix__header__replacement {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .cmp-tradein-matrix__product__name a {
    font-size: 1em;
  }
  .cmp-tradein-matrix__product__replacements {
    flex-direction: column;
  }
  .cmp-tradein-matrix__product__replacement {
    justify-content: space-between;
  }
  .d-none {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-none {
    display: block !important;
  }
}

/*  SHOP ALL COLLECTION LIST PAGE */
.shop_all-collection-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.shop_all-collection-item {
  text-align: center;
  padding: 10px;
}

.shop_all-collection-title {
  font-size: 16px;
  font-weight: bold;
}

/* DEALS PAGE */
@media screen and (min-width: 720px) {
    .image-with-text--desktop-image-alignment-right .image-with-text__container {
        flex-direction: row;
    }
}


/* ============= PLYTIX METAFIELD ==================== */
.avi-promo-callout-link {
  display: block;
  text-decoration: none;
}

.avi-promo-callout {
  background: #0B1D60;
  color: #ffffff;
  padding: 18px 20px;
  margin-top: 20px;
  border-left: 6px solid #F89021;
  font-size: 15px;
  line-height: 1.5;
  border-radius: 4px;
  transition: background 0.2s, border-color 0.2s;
}

.avi-promo-callout:hover {
  background: #0A174F;
  border-color: #d77e1d;
}

.avi-promo-callout p {
  margin: 0;
}

/* Make links inside the callout white + underlined */
.avi-promo-callout a {
  color: #ffffff;
  text-decoration: underline;
}

.avi-promo-callout a:hover {
  color: #ffffff;
  text-decoration: underline;
}


/* FOOTER */

/* .site-footer-wrapper {
  border-top: solid 20px #37C1CE;
  clear: both;
} */

.custom-section-with-blocks {
  text-align: center;
  margin: 20px 0;
}
.logo-block img {
  max-width: 100%;
  height: auto;
}

.site-footer-block-content .rte {
  padding-left: 0;
}

.site-footer-block-content.rte p {
  color: #fff;
}

/* ================================
   AVI-SPL Holiday Promo (page-scoped)
   ================================ */

.promo-holiday-2025 {
  --avi-navy: #0B1D60;
  --avi-teal: #37C1CE;

  --ink-900: #101828;
  --ink-700: #344054;
  --line: #E5E7EB;
  --surface: #F7F8FA;
  --white: #FFFFFF;

  --shadow-sm: 0 2px 10px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 8px 24px rgba(16, 24, 40, 0.08);
  --focus: 0 0 0 3px rgba(55, 193, 206, 0.35);

  padding: 24px 16px 48px;
  background: var(--white);
}

.promo-holiday-2025__wrap {
  margin: 0 auto;
  max-width: 1000px;
}

/* HERO */
.promo-holiday-2025__hero {
  background: var(--white);
  padding: 28px 24px;
  margin-bottom: 20px;
}

.promo-holiday-2025__title {
  margin: 0 0 8px 0;
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
  line-height: 1.2;
  color: var(--avi-navy);
}

.promo-holiday-2025__subtitle {
  margin: 0;
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  line-height: 1.6;
  color: var(--ink-700);
}

.promo-holiday-2025 em strong {
  font-weight: 700;
  font-style: normal;
  color: var(--avi-teal);
}

/* CTA GRID */
.promo-holiday-2025__cta {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (min-width: 700px) {
  .promo-holiday-2025__cta {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* PRIMARY BUTTON */
.promo-holiday-2025__btn {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 18px;
  min-height: 44px;
  background: var(--avi-navy);
  color: var(--white) !important;  /* enforce white text */
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.2px;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: background-color 140ms ease, transform 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.promo-holiday-2025__btn:hover,
.promo-holiday-2025__btn:focus {
  background: var(--avi-teal);
  color: var(--white) !important;  /* stays white on hover/focus */
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.promo-holiday-2025__btn:active {
  transform: translateY(0);
}

.promo-holiday-2025__btn:focus-visible {
  outline: none;
  box-shadow: var(--focus);
}

.promo-holiday-2025__btn::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='M12 5l7 7-7 7'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='M12 5l7 7-7 7'/></svg>") center / contain no-repeat;
}

/* DETAILS */
.promo-holiday-2025__details {
  margin-top: 28px;
  background: var(--surface);
  border: none;
  padding: 20px 18px;
}

.promo-holiday-2025__h2 {
  margin: 0 0 10px;
  font-size: 1.125rem;
  color: var(--avi-navy);
}

/* LIST (no dividers, no rounded corners) */
.promo-holiday-2025__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.promo-holiday-2025__list > li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 28px;
  color: var(--ink-700);
}

.promo-holiday-2025__list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: var(--avi-teal);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='M12 5l7 7-7 7'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='M12 5l7 7-7 7'/></svg>") center / contain no-repeat;
}

/* LINKS */
.promo-holiday-2025 a:not(.promo-holiday-2025__btn) {
  color: var(--avi-navy);
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 29, 96, 0.25);
  transition: color 120ms ease, border-color 120ms ease;
}

.promo-holiday-2025 a:not(.promo-holiday-2025__btn):hover {
  color: var(--avi-teal);
  border-color: rgba(55, 193, 206, 0.6);
}

.promo-holiday-2025 a:focus-visible {
  outline: none;
  box-shadow: var(--focus);
}

/* SMALL SCREENS */
@media (max-width: 380px) {
  .promo-holiday-2025 { padding: 20px 12px 40px; }
  .promo-holiday-2025__hero { padding: 22px 18px; }
  .promo-holiday-2025__btn { padding: 11px 14px; }
}

/* =========================================
   GLOBAL CONTAINER 
========================================= */
.christmas-deals {
  padding: 3rem 0 5rem;
  background: #ffffff;
  color: #1b1b1b;
}

.christmas-deals__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* =========================================
   HERO AREA
========================================= */
.christmas-deals__hero {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 2.5rem;
}

.christmas-deals__hero-title {
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  font-weight: 700;
  margin-bottom: .5rem;
  color:#0b1d60;
}

.christmas-deals__hero-subtitle {
  font-size: 1.1rem;
  opacity: .9;
  margin-bottom: .75rem;
}

/* =========================================
   TODAY'S DEAL (CARD)
========================================= */
.christmas-deals__today {
  padding: 3rem 2rem;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffff 0%, #f3f6fb 80%);
  box-shadow:
    0 25px 50px rgba(0,0,0,.08),
    0 8px 20px rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.05);
  margin-bottom: 4rem;
}

/* Center today's heading */
.christmas-deals__today-heading {
  margin-bottom: 1rem;
  text-align: center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.25rem;
}

.christmas-deals__today-heading h2,
.christmas-deals__today-date {
  text-align:center;
}

.christmas-deals__today-heading h2 {
  font-size: 2rem;
  font-weight: 700;
  color:#0b1d60;
}

.christmas-deals__today-date {
  font-size: 1rem;
  opacity: .7;
}

.christmas-deals__today-content {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 2.25rem;
  align-items: center;
}

/* MAIN TODAY IMAGE ONLY */
.christmas-deals__today-image {
  display:flex;
  justify-content:center;
}

.christmas-deals__today-image img {
  max-width: 70%;
  border-radius: 14px;
  object-fit: contain;
  box-shadow: 0 15px 30px rgba(0,0,0,.15);
}

/* Today text */
.christmas-deals__today-title {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color:#0b1d60;
}

.christmas-deals__today-description {
  font-size: 1.1rem;
  line-height: 1.55;
  margin-bottom: 1rem;
}

.christmas-deals__coupon {
  font-size: 1.05rem;
  margin-bottom: 1.4rem;
  font-weight: 600;
  color:#0b1d60;
}

/* ADA-compliant disclaimer */
.christmas-deals__disclaimer {
  font-size: .85rem;
  color: #4a4a4a;
  line-height: 1.4;
  margin-top: 1.25rem;
  opacity: 1;
}

.christmas-deals__today .christmas-deals__disclaimer strong {
  color: #333333;
}

/* =========================================
   BUTTON OVERRIDES (FOR THIS SECTION ONLY)
========================================= */
.christmas-deals .button-primary {
  font-size: 0.8rem !important;       /* smaller text */
  line-height: 1.2 !important;
  padding: 0.5rem 1rem !important;    /* slightly tighter */
  border-radius: 0 !important;        /* NO rounded corners */
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  white-space: normal;                /* allow wrapping for long text */
}

.christmas-deals button.button-primary[disabled],
.christmas-deals .button-primary[disabled],
.christmas-deals .button-primary:disabled {
  background-color: #888888 !important;
  border-color: #888888 !important;
  color: #ffffff !important;
  cursor: default !important;
  box-shadow: none !important;
}

/* =========================================
   GRID (was carousel)
========================================= */
.christmas-deals__carousel-header h2 {
  font-size:1.3rem;
  margin-bottom:1rem;
  color:#0b1d60;
}

/* Turn the "carousel" into a proper grid */
.christmas-deals__carousel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 columns desktop */
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

/* =========================================
   CARDS
========================================= */
.christmas-deals__card {
  border-radius:14px;
  background:#ebeff6;
  padding:.75rem .75rem 1rem;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  transition:.15s box-shadow, .15s background-color;
  box-shadow:0 0 0 rgba(0,0,0,0.0);
}

/* Today hover */
.christmas-deals__card--today:hover {
  box-shadow:0 12px 24px rgba(0,0,0,0.14);
  background:#dde4f0;
}

/* Today highlight */
.christmas-deals__card--today {
  border:2px solid #f89021;
}

/* Inactive = grey & non-clickable */
.christmas-deals .christmas-deals__card--inactive {
  background:#f2f2f2 !important;
  color:#8a8a8a !important;
  border:1px solid #d2d2d2 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

.christmas-deals .christmas-deals__card--inactive .christmas-deals__card-image img {
  filter:grayscale(1) brightness(0.9) !important;
}

.christmas-deals .christmas-deals__card--inactive .christmas-deals__card-title,
.christmas-deals .christmas-deals__card--inactive .christmas-deals__card-date,
.christmas-deals .christmas-deals__card--inactive .christmas-deals__card-description,
.christmas-deals .christmas-deals__card--inactive .christmas-deals__card-coupon {
  color:#8a8a8a !important;
}

/* card image */
.christmas-deals__card-image img {
  width:100%;
  height:130px;
  object-fit:cover;
  border-radius:10px;
}

/* body */
.christmas-deals__card-body {
  display:flex;
  flex-direction:column;
  flex:1;
  gap:.4rem;
}

.christmas-deals__card-date {
  font-size:.8rem;
  opacity:.8;
}

/* CTA bottom alignment */
.christmas-deals__card-cta {
  margin-top:auto;
}

/* =========================================
   RESPONSIVE
========================================= */
@media (max-width: 1024px) {
  /* 3 columns on medium screens */
  .christmas-deals__carousel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .christmas-deals__today-content {
    grid-template-columns:1fr;
    text-align:center;
  }

  .christmas-deals__today-image img {
    max-width:100%;
  }

  /* 2 columns on small tablets / large phones */
  .christmas-deals__carousel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  /* 1 column on small phones */
  .christmas-deals__carousel {
    grid-template-columns: 1fr;
  }
}

/* ============= smaller screens ============== */
@media screen and (max-width: 1279px) {
  .site-header-sticky .navmenu-meganav-wrapper {
  max-height: 90vh;
}

.navmenu-meganav.navmenu-meganav--desktop .navmenu-depth-2 .navmenu-meganav-sidenav__item-text {
  padding: 0.50rem 0 0.50rem 25px;
  text-align: left;
}

/* =========================================
   PRODUCT TABS
========================================= */

.pxu-tabs {
  margin: 32px auto 0;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

.pxu-tabs .tab-panel {
  padding: 28px;
  background: #ffffff;
  width: 100%;
  box-sizing: border-box;
}

/* =========================================
   WHAT'S INCLUDED TAB - HARD RESET
========================================= */

.pxu-tabs .product-whats-included {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.pxu-tabs .product-whats-included__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}

/* kill theme layout interference */
.pxu-tabs .product-whats-included__grid > * {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* CARD */
.pxu-tabs .product-whats-included__item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  height: 100% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  background: #f7f7f7 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* IMAGE WRAPPER */
.pxu-tabs .product-whats-included__media {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 180px !important;
  min-height: 180px !important;
  padding: 16px !important;
  margin: 0 !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

/* IMAGE */
.pxu-tabs .product-whats-included__image {
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* CONTENT */
.pxu-tabs .product-whats-included__content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* TITLE */
.pxu-tabs .product-whats-included__title {
  display: block !important;
  margin: 0 0 8px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

/* TEXT */
.pxu-tabs .product-whats-included__text {
  display: block !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.pxu-tabs .product-whats-included__text p:last-child {
  margin-bottom: 0 !important;
}

/* LINK */
.pxu-tabs .product-whats-included__link {
  display: inline-block !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.pxu-tabs .product-whats-included__link:hover {
  text-decoration: underline !important;
}

/* =========================================
   RESPONSIVE
========================================= */

@media screen and (max-width: 767px) {
  .pxu-tabs {
    padding: 0 16px !important;
  }

  .pxu-tabs .tab-panel {
    padding: 20px !important;
  }

  .pxu-tabs .product-whats-included__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .pxu-tabs .product-whats-included__media {
    height: 160px !important;
    min-height: 160px !important;
  }
}