/** Shopify CDN: Minification failed

Line 25:0 Unexpected "<"
Line 363:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
.revy-custom-content-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
<style>
  .inventory-status {
  margin-top: 8px;
  font-size: 0.95rem;
  font-weight: 600;
}

.inventory-status.in-stock {
  background-color: #e6f4ea; /* green */
  color: #388e3c;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px; 
  width: auto !important;
  max-width: fit-content;
}

.inventory-status.low-stock {
   background-color: #FDF0D6;
  color: #F3A000;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px;/* amber */
    width: auto !important;
  max-width: fit-content;
}

.inventory-status.out-of-stock {
  color: #d32f2f; /* red */
  width: auto !important;
  max-width: fit-content;
}

.inventory-status.pre-order {
 background-color: rgb(196, 230, 255);
  color: #0F5E96;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 4px; /* your theme accent */
    width: auto !important;
  max-width: fit-content;
}
.triple-banner-wrapper {
  margin: 0 auto;
  padding: 40px 0px;
}

.triple-banner-grid {
  display: flex;
  gap: 16px;
  align-items: stretch;
}


.left-banner {
  width: 100%;
}

.left-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  cursor: pointer;
  border-radius: 8px;
}


.right-banners {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

.right-banner {
  aspect-ratio: 21 / 9;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.right-banner img,
.right-banner iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.right-banner .text-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}
  .left-banner,
.right-banners {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.right-banners {
  gap: 16px;
}

.right-banner {
  flex: 1;
  position: relative;
}

.right-banner img,
.right-banner iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
  
.right-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 16px;
}

.updated-layout {
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  height: 100%;
}
  
.product-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #0F5E96;
}

.product-title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  display: -webkit-box;
      -webkit-line-clamp: 2;       /* Limit to 2 lines */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  width: 400px;
}

.product-description {
  font-size: 1rem;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  font-weight: 400;
  width: 400px;
}

.product-image {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  text-align: center;
  mix-blend-mode: multiply;
}

.product-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* show full image without cropping */
}

.product-reviews,
.product-price,
.product-promo{
  font-size: 1.5em;
  margin-top: 20px;
}

sup{
  margin-left: -12px;
  font-weight: 600;
  color: #A1A1A1;
}

.discount-price {
  color: #ff4444;
  font-weight: bold;
  margin-right: 8px;
}

.compare-price {
  text-decoration: line-through;
}
  
.product-banner-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

.product-price {
  font-size: 1.5rem;
  font-weight: bold;
  color: #222;
}

.product-banner-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}
  .left-image-link {
  overflow: hidden;
  display: block;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 8px;
}

.left-image-link .left-image {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.right-banner {
  overflow: hidden;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 8px;
}

.right-banner img,
.right-banner iframe,
.right-banner video {
  transition: opacity 0.5s ease, transform 0.5s ease;
}


  @media screen and (max-width: 768px) {
    .triple-banner-grid.mobile-reversed {
      flex-direction: column-reverse;
    }
    .triple-banner-grid {
      flex-direction: column;
    }
  
    .left-banner,
    .right-banners {
      width: 100%;
    }
  
    .right-banners {
      flex-direction: column;
    }
  
    .right-banner {
      height: auto;
    }
  
    .right-banner img,
    .right-banner iframe {
      height: auto;
    }

    .product-title {
      font-size: 16px;
      font-weight: bold;
      line-height: 1;
      display: -webkit-box;
        -webkit-line-clamp: 2;       /* Limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      width: 170px;
    }
    
    .product-description {
      font-size: 14px;
      color: #333;
      display: -webkit-box;
        -webkit-line-clamp: 2;       /* Limit to 2 lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      width: 170px;
    }
    
    .product-image {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 75%;
      height: auto;
      aspect-ratio: 1 / 1;
      text-align: center;
      mix-blend-mode: multiply;
    }
    
    .product-reviews,
    .product-price,
    .product-promo {
      font-size: 1rem;
      margin-top: 8px;
    }

    .updated-layout {
      padding: 10px;
    }
  }
</style>