/** Shopify CDN: Minification failed

Line 235:0 Unexpected "<"
Line 573:0 Unexpected "<"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:double-banner (INDEX:20) */
.sg-double-banner {
    --double-banner-hover-scale: 1.05;
    --double-banner-hover-duration: 200ms;
    --double-banner-caption-padding: 0.625rem;
    --double-banner-caption-bottom: 1.25rem;
    --double-banner-caption-size: 1rem;
    --double-banner-caption-weight: 700;
    --double-banner-focus-width: 0.125rem;
    --double-banner-focus-offset: 0.25rem;
  }

  .sg-double-banner__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    column-gap: var(--double-banner-horizontal-gap);
    row-gap: var(--double-banner-vertical-gap);
  }

  .sg-double-banner__item {
    display: block;
    min-width: 0;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
  }

  .sg-double-banner__item:focus-visible {
    outline: var(--double-banner-focus-width) solid var(--colorLink);
    outline-offset: var(--double-banner-focus-offset);
  }

  .sg-double-banner__media {
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  .sg-double-banner__media--placeholder {
    border: 1px dashed currentColor;
    opacity: 0.6;
  }

  .sg-double-banner__empty {
    padding: var(--double-banner-caption-bottom);
    text-align: center;
  }

  .sg-double-banner__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .sg-double-banner__subtitle {
    display: block;
    padding: var(--double-banner-caption-padding);
    padding-block-end: var(--double-banner-caption-bottom);
    font-size: var(--double-banner-caption-size);
    font-weight: var(--double-banner-caption-weight);
    line-height: 1.4;
    text-align: center;
    overflow-wrap: anywhere;
  }

  .sg-double-banner__item:hover .sg-double-banner__subtitle,
  .sg-double-banner__item:focus-visible .sg-double-banner__subtitle {
    text-decoration: underline;
  }

  @media screen and (min-width: 544px) {
    .sg-double-banner__grid {
      grid-template-columns: repeat(var(--double-banner-columns-small), minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 850px) {
    .sg-double-banner__grid {
      grid-template-columns: repeat(var(--double-banner-columns-medium), minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 1110px) {
    .sg-double-banner__grid {
      grid-template-columns: repeat(var(--double-banner-columns-wide), minmax(0, 1fr));
    }
  }

  @media screen and (min-width: 1370px) {
    .sg-double-banner__grid {
      grid-template-columns: repeat(var(--double-banner-columns), minmax(0, 1fr));
    }
  }

  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .sg-double-banner--hover-zoom .sg-double-banner__image {
      transition: transform var(--double-banner-hover-duration) ease;
    }

    .sg-double-banner--hover-zoom .sg-double-banner__item:hover .sg-double-banner__image {
      transform: scale(var(--double-banner-hover-scale));
    }
  }
/* END_SECTION:double-banner */

/* START_SECTION:revy-contents (INDEX:73) */
.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;
}
/* END_SECTION:revy-contents */

/* START_SECTION:sg-countdown (INDEX:75) */
.sg-countdown {
    --sg-countdown-space-xs: 0.5rem;
    --sg-countdown-space-sm: 1rem;
    --sg-countdown-space-md: 1.5rem;
    --sg-countdown-space-lg: 2rem;
    --sg-countdown-number-size: clamp(3.5rem, 6.7vw, 6rem);
    --sg-countdown-label-gap: 0.125rem;
    --sg-countdown-pine: #416b50;
    --sg-countdown-pine-light: #69856a;
    --sg-countdown-gold: #c59e49;
    display: block;
    margin-block-start: var(--sg-countdown-space-top);
    margin-block-end: var(--sg-countdown-space-bottom);
    color: var(--sg-countdown-text);
  }
  .sg-countdown[hidden], .sg-countdown [hidden] { display: none; }
  .sg-countdown__panel {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sg-countdown-space-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 3rem);
    border-radius: var(--roundness);
    background: var(--sg-countdown-background);
  }
  .sg-countdown__panel--festive { overflow: hidden; padding-block-start: 4rem; }
  .sg-countdown__festive { position: absolute; z-index: -1; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
  .sg-countdown__lights { position: absolute; inset-block-start: 0; inset-inline-start: 0; }
  .sg-countdown__wire { stroke: var(--sg-countdown-pine); opacity: 0.6; }
  .sg-countdown__cap { fill: var(--sg-countdown-pine); }
  .sg-countdown__bulb--red, .sg-countdown__berry { fill: var(--colorTextSavings); }
  .sg-countdown__bulb--gold, .sg-countdown__gold-star { fill: var(--sg-countdown-gold); }
  .sg-countdown__bulb--blue { fill: var(--sg-countdown-text); }
  .sg-countdown__lights .sg-countdown__bulb--red { color: var(--colorTextSavings); animation-delay: 0s; }
  .sg-countdown__lights .sg-countdown__bulb--gold { color: var(--sg-countdown-gold); animation-delay: -0.8s; }
  .sg-countdown__lights .sg-countdown__bulb--blue { color: var(--sg-countdown-text); animation-delay: -1.6s; }
  .sg-countdown--lights-ready .sg-countdown__lights .sg-countdown__bulb {
    animation-name: sg-countdown-colour-cycle;
    animation-duration: 2.4s;
    animation-timing-function: steps(1, end);
    animation-iteration-count: infinite;
    opacity: 1;
    filter: drop-shadow(0 0 3px currentColor);
  }
  .sg-countdown--lights-paused .sg-countdown__lights .sg-countdown__bulb { animation-play-state: paused; }
  @keyframes sg-countdown-colour-cycle {
    0%, 100% { fill: var(--colorTextSavings); color: var(--colorTextSavings); }
    33.333% { fill: var(--sg-countdown-gold); color: var(--sg-countdown-gold); }
    66.667% { fill: var(--sg-countdown-text); color: var(--sg-countdown-text); }
  }
  .sg-countdown__pine { position: absolute; inset-block-start: -0.5rem; }
  .sg-countdown__pine--left { inset-inline-start: -0.5rem; }
  .sg-countdown__pine--right { inset-inline-end: -0.5rem; transform: scaleX(-1); }
  .sg-countdown__pine-stem, .sg-countdown__pine-needle { stroke: var(--sg-countdown-pine); }
  .sg-countdown__pine-needle--light { stroke: var(--sg-countdown-pine-light); }
  .sg-countdown__ornaments { position: absolute; inset-block-start: 0; inset-inline-end: 2rem; }
  .sg-countdown__ornament-stripe { stroke: var(--sg-countdown-background); opacity: 0.7; }
  .sg-countdown .sg-countdown__panel--animated { padding-block-end: 3rem; }
  .sg-countdown__lights-toggle { position: absolute; inset-inline-end: 0.5rem; inset-block-end: 0.5rem; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: var(--buttonRadius); color: var(--sg-countdown-text); background: transparent; cursor: pointer; }
  .sg-countdown__lights-toggle:hover { background: color-mix(in srgb, var(--sg-countdown-text) 8%, transparent); }
  .sg-countdown__lights-toggle:focus-visible { outline: 2px solid var(--sg-countdown-text); outline-offset: 2px; }
  .sg-countdown__play-icon, .sg-countdown--lights-paused .sg-countdown__pause-icon { display: none; }
  .sg-countdown--lights-paused .sg-countdown__play-icon { display: block; }
  .sg-countdown__intro { flex: 1 1 auto; min-width: 0; }
  .sg-countdown__decoration { flex: 0 0 auto; color: var(--sg-countdown-text); }
  .sg-countdown__star { color: var(--colorTextSavings); }
  .sg-countdown__copy { min-width: 0; overflow-wrap: anywhere; }
  .sg-countdown__eyebrow { display: flex; align-items: center; gap: var(--sg-countdown-space-xs); margin: 0 0 var(--sg-countdown-space-xs); font-size: 0.75rem; font-weight: 600; color: var(--sg-countdown-accent); letter-spacing: 0.12em; text-transform: uppercase; }
  .sg-countdown__heading { margin: 0; font-size: clamp(1.375rem, 2.3vw, 2rem); line-height: var(--typeHeaderLineHeight); color: var(--sg-countdown-text); text-align: inherit; text-wrap: balance; }
  .sg-countdown__text { margin: var(--sg-countdown-space-xs) 0 0; font-size: 0.875rem; }
  .sg-countdown__display { flex: 0 0 auto; min-width: 0; max-width: 100%; min-height: 4.625rem; display: flex; align-items: center; }
  .sg-countdown__clock { display: flex; align-items: flex-start; justify-content: center; gap: var(--sg-countdown-space-xs); }
  .sg-countdown__unit { display: flex; flex-direction: column; align-items: center; min-width: 1.2em; gap: var(--sg-countdown-label-gap); font-size: var(--sg-countdown-number-size); }
  .sg-countdown__value { font-size: var(--sg-countdown-number-size); font-weight: var(--typeHeaderWeight); font-variant-numeric: tabular-nums; line-height: 0.8; color: var(--sg-countdown-text); text-align: center; }
  .sg-countdown__label { font-size: 0.75rem; line-height: 1.5; }
  .sg-countdown__separator { flex: 0 0 auto; width: auto; font-size: var(--sg-countdown-number-size); font-weight: var(--typeHeaderWeight); line-height: 0.8; color: var(--sg-countdown-accent); }
  .sg-countdown__fallback, .sg-countdown__expired, .sg-countdown__error { margin: 0; overflow-wrap: anywhere; }
  .sg-countdown__expired { font-size: 1.125rem; font-weight: 600; }
  @media only screen and (max-width: 768px) {
    .sg-countdown { --sg-countdown-number-size: 3.25rem; }
    .sg-countdown__panel { flex-direction: column; gap: var(--sg-countdown-space-md); padding: var(--sg-countdown-space-md) var(--sg-countdown-space-sm); text-align: center; }
    .sg-countdown__panel--festive { padding-block-start: 4rem; }
    .sg-countdown__pine { width: 6rem; height: auto; }
    .sg-countdown__ornaments { width: 7rem; height: auto; inset-inline-end: 0; }
    .sg-countdown__eyebrow { justify-content: center; }
    .sg-countdown__clock { gap: 0.125rem; }
  }
  @media only screen and (max-width: 374px) {
    .sg-countdown { --sg-countdown-number-size: 2.625rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .sg-countdown--lights-ready .sg-countdown__lights .sg-countdown__bulb { animation: none; opacity: 1; filter: none; }
    .sg-countdown__lights-toggle { display: none; }
  }
/* END_SECTION:sg-countdown */

/* START_SECTION:triple-banner (INDEX:88) */
<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>
/* END_SECTION:triple-banner */