/** Shopify CDN: Minification failed

Line 68:12 Unexpected "{"
Line 68:21 Expected ":"
Line 69:12 Unexpected "{"
Line 69:21 Expected ":"
Line 83:10 Unexpected "{"
Line 83:19 Expected ":"
Line 84:10 Unexpected "{"
Line 84:19 Expected ":"
Line 85:10 Unexpected "{"
Line 85:19 Expected ":"
... and 392 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-template (INDEX:8) */
/* ============================================================
     NOTE: Some rules below (.single-product, .product-img sizing,
     title clamping, price layout, sale/sold-out badges) overlap
     with styles already defined in product-grid-item.liquid,
     scoped there to .products-grid instead of #section-{{ section.id }}.
     Both are currently active at once on collection pages. This
     was flagged for consolidation but left as-is here since
     removing either version without visual QA risks changing the
     live site's appearance. Recommend reviewing both side by side
     and merging into a single source of truth for card styling.
     ============================================================ */

  /* =========================
     HIDE GRID/LIST VIEW TOGGLES
     ========================= */
  .view-mode,
  .grid-list,
  .grid-list-view,
  .shop-tab,
  .product-view-mode,
  .list-grid,
  .nav.nav-tabs,
  a[href*="#grid"],
  a[href*="#list"],
  button[aria-controls*="grid"],
  button[aria-controls*="list"] {
    display: none !important;
  }

  /* =========================
     COLLECTION HEADING + DESC
     ========================= */
  .left-title-2 h1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 6px;
  }

  .collection-description {
    font-size: 14px;
    color: #666;
    max-width: 800px;
  }

  /* =========================================================
     PRODUCT CARD CONSISTENCY (DOES NOT CHANGE GRID LAYOUT)
     ========================================================= */
  #section-{{ section.id }} .single-product,
  #section-{{ section.id }} .single-product-2 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;

    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  /* =====================================
   FORCE ALL PRODUCT IMAGES SAME SIZE
   ===================================== */

#section-{{ section.id }} .product-img,
#section-{{ section.id }} .product-image,
#section-{{ section.id }} .pro-img {
  position: relative !important;
  width: 100% !important;

  /* Choose one of these options below */
  
  aspect-ratio: 1 / 1 !important;   /* PERFECT square cards */
  /* aspect-ratio: 4 / 5 !important; */  /* slightly taller */
  /* aspect-ratio: 3 / 4 !important; */

  overflow: hidden !important;
  display: block !important;
}

/* Make image fill that space consistently */
#section-{{ section.id }} .product-img img,
#section-{{ section.id }} .product-image img,
#section-{{ section.id }} .pro-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important; /* contain = no cropping */
}


  /* Subtle lift on hover (desktop only) */
  @media (hover: hover) and (pointer: fine) {
    #section-{{ section.id }} .single-product:hover,
    #section-{{ section.id }} .single-product-2:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
    }
  }

  /* Make the content area grow so the footer can sit at the bottom */
  #section-{{ section.id }} .product-content,
  #section-{{ section.id }} .product-content-2,
  #section-{{ section.id }} .product-info,
  #section-{{ section.id }} .product-text {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0;
  }

  /* Clamp titles (desktop + mobile) to keep card heights consistent */
  #section-{{ section.id }} .product-name a,
  #section-{{ section.id }} .product-title a,
  #section-{{ section.id }} .single-product h4 a,
  #section-{{ section.id }} .single-product-2 h4 a,
  #section-{{ section.id }} .single-product h3 a,
  #section-{{ section.id }} .single-product-2 h3 a,
  #section-{{ section.id }} .popup_cart_title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;

    line-height: 1.35 !important;
    min-height: calc(1.35em * 3) !important;
  }

  /* Push the stock + price zone to the bottom of the card */
  #section-{{ section.id }} .availability,
  #section-{{ section.id }} .stock,
  #section-{{ section.id }} .stock-status,
  #section-{{ section.id }} .instock,
  #section-{{ section.id }} .in-stock,
  #section-{{ section.id }} .product-price,
  #section-{{ section.id }} .product-price-2,
  #section-{{ section.id }} .price-box,
  #section-{{ section.id }} .price {
    margin-top: auto !important;
  }

  /* Stabilise price row height (compare-at price causes jumps) */
  #section-{{ section.id }} .product-price,
  #section-{{ section.id }} .product-price-2,
  #section-{{ section.id }} .price-box {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    min-height: 32px !important;
  }

  /* SALE badge: keep it normal size + anchored to image */
  #section-{{ section.id }} .product-img,
  #section-{{ section.id }} .product-image,
  #section-{{ section.id }} .single-product .pro-img,
  #section-{{ section.id }} .single-product-2 .pro-img {
    position: relative !important;
  }

  #section-{{ section.id }} .sale,
  #section-{{ section.id }} .onsale {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
  }

  /* =========================================================
     MOBILE: Bootstrap-friendly spacing (NO flex on the grid!)
     This prevents grid breaking and “gaps”
     ========================================================= */
  @media (max-width: 767px) {
    #section-{{ section.id }} .container {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 10px !important;
      padding-right: 10px !important;
    }

    /* Reduce gutter spacing neatly */
    #section-{{ section.id }} .products-grid.row {
      margin-left: -6px !important;
      margin-right: -6px !important;
    }

    #section-{{ section.id }} .products-grid.row > [class*="col-"] {
      padding-left: 6px !important;
      padding-right: 6px !important;
      margin-bottom: 12px !important;
    }

    #section-{{ section.id }} .left-title-2 {
      padding-left: 12px;
      padding-right: 12px;
    }
    #section-{{ section.id }} .products-grid.row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* Bootstrap 3 adds clearfix pseudo elements; kill them so flex behaves */
#section-{{ section.id }} .products-grid.row::before,
#section-{{ section.id }} .products-grid.row::after {
  display: none !important;
  content: none !important;
}

/* Each grid column becomes a flex item and stretches */
#section-{{ section.id }} .products-grid.row > [class*="col-"] {
  float: none !important;          /* override bootstrap floats */
  display: flex !important;
  flex-direction: column !important;
}

/* Ensure your product card fills the column height */
#section-{{ section.id }} .products-grid.row > [class*="col-"] > * {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
#section-{{ section.id }} .product-img,
#section-{{ section.id }} .product-image,
#section-{{ section.id }} .pro-img {
  height: 220px !important;     /* tweak */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#section-{{ section.id }} .product-img img,
#section-{{ section.id }} .product-image img,
#section-{{ section.id }} .pro-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

  }
/* END_SECTION:collection-template */

/* START_SECTION:product-template (INDEX:33) */
#section-{{ section.id }}{
      background: {{ section.settings.section_bg_color }};
    }

    #section-{{ section.id }} .page-title h1{
      color: {{ section.settings.title_color }};
      font-size: {{ section.settings.title_size }}px;
      font-weight: {{ section.settings.title_weight }};
    }

    #section-{{ section.id }} .manufacturer-name,
    #section-{{ section.id }} .manufacturer-name span{
      color: {{ section.settings.vendor_color }};
      font-weight: {{ section.settings.vendor_weight }};
    }

    #section-{{ section.id }} .product-sku,
    #section-{{ section.id }} .product-meta,
    #section-{{ section.id }} .product-variant-inventory,
    #section-{{ section.id }} .product-text,
    #section-{{ section.id }} .product-addto-links-text,
    #section-{{ section.id }} .product-info-main{
      color: {{ section.settings.meta_text_color }};
    }

    #section-{{ section.id }} #ProductPrice.new{
      color: {{ section.settings.price_color }};
      font-weight: {{ section.settings.price_weight }};
    }

    #section-{{ section.id }} #ComparePrice.old{
      color: {{ section.settings.compare_price_color }};
    }

    #section-{{ section.id }} .single-product-label.discount{
      background: {{ section.settings.sale_badge_bg }};
      color: {{ section.settings.sale_badge_text }};
      border-radius: {{ section.settings.sale_badge_radius }}px;
    }

    #section-{{ section.id }} .single-product-label.discount .sale-title,
    #section-{{ section.id }} .single-product-label.discount .percent-count{
      color: {{ section.settings.sale_badge_text }};
    }

    #section-{{ section.id }} .addtocart,
    #section-{{ section.id }} .btn.btn-cart2{
      background: {{ section.settings.atc_bg }};
      color: {{ section.settings.atc_text }};
      border: 1px solid {{ section.settings.atc_border }};
      border-radius: {{ section.settings.atc_radius }}px;
      transition: all .2s ease;
    }
#section-{{ section.id }} .trust-badge{
  margin: 10px 0 12px;
}

#section-{{ section.id }} .trust-badge-item{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #2e7d32;
  line-height: 1.4;
  margin-bottom: 4px;
}

#section-{{ section.id }} .trust-badge-item .icon{
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}

#section-{{ section.id }} .trust-badge-item .text{
  display: block;
}

#section-{{ section.id }} .trust-badge-item:last-child{
  margin-bottom: 0;
}

    #section-{{ section.id }} .addtocart:hover,
    #section-{{ section.id }} .btn.btn-cart2:hover{
      background: {{ section.settings.atc_bg_hover }};
      color: {{ section.settings.atc_text_hover }};
      border-color: {{ section.settings.atc_border_hover }};
    }

    #section-{{ section.id }} .shopify-payment-button__button,
    #section-{{ section.id }} .shopify-payment-button__button--unbranded{
      background: {{ section.settings.bin_bg }} !important;
      color: {{ section.settings.bin_text }} !important;
      border: 1px solid {{ section.settings.bin_border }} !important;
      border-radius: {{ section.settings.bin_radius }}px !important;
      transition: all .2s ease !important;
    }

    #section-{{ section.id }} .shopify-payment-button__button:hover,
    #section-{{ section.id }} .shopify-payment-button__button:focus,
    #section-{{ section.id }} .shopify-payment-button__button--unbranded:hover,
    #section-{{ section.id }} .shopify-payment-button__button--unbranded:focus{
      background: {{ section.settings.bin_bg_hover }} !important;
      color: {{ section.settings.bin_text_hover }} !important;
      border-color: {{ section.settings.bin_border_hover }} !important;
    }

    #section-{{ section.id }} .shopify-payment-button__more-options{
      color: {{ section.settings.bin_more_options_color }} !important;
    }

    #section-{{ section.id }} .variant-inventory.in-stock{
      color: #2e7d32;
      font-weight: 600;
    }

    #section-{{ section.id }} .variant-inventory.out-of-stock{
      color: #000000;
      font-weight: 600;
    }

    #section-{{ section.id }} #ProductPhoto{
      margin: 0;
      padding: 14px;
      list-style: none;
      border: 1px solid #e5e7eb;
      border-radius: 16px;
      overflow: hidden;
      background: #fff;
    }

    #section-{{ section.id }} #ProductPhoto li{
      margin: 0;
    }

    #section-{{ section.id }} #ProductPhotoImg{
      width: 100%;
      height: auto;
      display: block;
      border-radius: 14px;
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    #section-{{ section.id }} #carousel{
      margin-top: 12px;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    #section-{{ section.id }} #ProductThumbs{
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      gap: 10px;
      flex-wrap: nowrap;
    }

    #section-{{ section.id }} #ProductThumbs li.product-single__thumbnail{
      margin: 0;
      width: 90px;
      min-width: 90px;
      flex: 0 0 90px;
    }

    #section-{{ section.id }} #ProductThumbs a.product-single__thumbnail{
      display: block;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      overflow: hidden;
      background: #fff;
      opacity: 0.85;
      transition: all .2s ease;
    }

    #section-{{ section.id }} #ProductThumbs a.product-single__thumbnail:hover{
      opacity: 1;
      border-color: #cbd5e1;
      transform: translateY(-1px);
    }

    #section-{{ section.id }} #ProductThumbs a.product-single__thumbnail.active{
      opacity: 1;
      border-color: #111827;
      box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    }

    #section-{{ section.id }} #ProductThumbs img{
      width: 100%;
      height: auto;
      display: block;
    }

    @media (min-width: 992px){
      #section-{{ section.id }} .product-main-image-wrap,
      #section-{{ section.id }} #ProductPhoto{
        max-width: 440px !important;
        margin: 0 auto !important;
      }
      #section-{{ section.id }} #ProductPhoto{
        min-height: 360px;
      }
    }

    @media (min-width: 768px) and (max-width: 991px){
      #section-{{ section.id }} .product-main-image-wrap,
      #section-{{ section.id }} #ProductPhoto{
        max-width: 380px !important;
        margin: 0 auto !important;
      }
      #section-{{ section.id }} #ProductPhoto{
        min-height: 320px;
      }
    }

    @media (max-width: 767px){
      #section-{{ section.id }} .product-main-image-wrap{
        max-width: 520px !important;
        margin: 0 auto !important;
      }
      #section-{{ section.id }} #ProductPhoto{
        min-height: 280px;
      }
    }

    #section-{{ section.id }} #ProductPhotoImg,
    #section-{{ section.id }} #ProductPhoto img,
    #section-{{ section.id }} .zoomWrapper img,
    #section-{{ section.id }} img.product-zoom{
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      display: block !important;
      margin: 0 auto !important;
      object-fit: contain !important;
    }

    @media (max-width: 767px) {
      #section-{{ section.id }} {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
      }
      #section-{{ section.id }} .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
      #section-{{ section.id }} .row {
        margin-left: -12px !important;
        margin-right: -12px !important;
      }
      #section-{{ section.id }} [class*="col-"] {
        padding-left: 12px !important;
        padding-right: 12px !important;
      }
    }

    #section-{{ section.id }} .product-description.rte,
    #section-{{ section.id }} .product-addto-links-text.rte{
      line-height: 1.6;
    }

    #section-{{ section.id }} .product-description.rte p,
    #section-{{ section.id }} .product-addto-links-text.rte p{
      margin: 0 0 12px;
    }

    #section-{{ section.id }} .product-description.rte ul,
    #section-{{ section.id }} .product-addto-links-text.rte ul{
      list-style: disc !important;
      padding-left: 1.25em !important;
      margin: 0 0 12px !important;
    }

    #section-{{ section.id }} .product-description.rte ol,
    #section-{{ section.id }} .product-addto-links-text.rte ol{
      list-style: decimal !important;
      padding-left: 1.25em !important;
      margin: 0 0 12px !important;
    }

    #section-{{ section.id }} .product-description.rte li,
    #section-{{ section.id }} .product-addto-links-text.rte li{
      margin: 0 0 6px;
    }

    #section-{{ section.id }} .product-description.rte h1,
    #section-{{ section.id }} .product-description.rte h2,
    #section-{{ section.id }} .product-description.rte h3,
    #section-{{ section.id }} .product-description.rte h4,
    #section-{{ section.id }} .product-addto-links-text.rte h1,
    #section-{{ section.id }} .product-addto-links-text.rte h2,
    #section-{{ section.id }} .product-addto-links-text.rte h3,
    #section-{{ section.id }} .product-addto-links-text.rte h4{
      margin: 16px 0 8px;
      font-weight: 700;
      line-height: 1.25;
    }

    #section-{{ section.id }} .product-description.rte a,
    #section-{{ section.id }} .product-addto-links-text.rte a{
      text-decoration: underline;
    }

    #section-{{ section.id }} .product-description.rte strong,
    #section-{{ section.id }} .product-addto-links-text.rte strong{
      font-weight: 700;
    }

    /* SEO content */
    #section-{{ section.id }} .product-seo-content,
    #section-{{ section.id }} .product-faq{
      margin-top: 28px;
      padding-top: 8px;
      border-top: 1px solid #ececec;
    }

    #section-{{ section.id }} .product-seo-content h2,
    #section-{{ section.id }} .product-faq h2{
      font-size: 24px;
      line-height: 1.25;
      margin: 0 0 14px;
      color: #111;
      font-weight: 700;
    }

    #section-{{ section.id }} .product-seo-content h3,
    #section-{{ section.id }} .product-faq h3{
      font-size: 18px;
      line-height: 1.35;
      margin: 18px 0 8px;
      color: #111;
      font-weight: 700;
    }

    #section-{{ section.id }} .product-seo-content p,
    #section-{{ section.id }} .product-faq p{
      margin: 0 0 12px;
      line-height: 1.7;
    }

    #section-{{ section.id }} .product-seo-content ul{
      margin: 0 0 14px;
      padding-left: 20px;
      list-style: disc;
    }

    #section-{{ section.id }} .product-seo-content li{
      margin-bottom: 6px;
      line-height: 1.6;
    }

    #section-{{ section.id }} .product-seo-links{
      margin-top: 12px;
    }

    #section-{{ section.id }} .product-seo-links a{
      text-decoration: underline;
    }

    #section-{{ section.id }} .product-breadcrumbs{
      margin-bottom: 14px;
      font-size: 13px;
      color: #777;
    }

    #section-{{ section.id }} .product-breadcrumbs a{
      color: inherit;
      text-decoration: none;
    }

    #section-{{ section.id }} .product-breadcrumbs a:hover{
      text-decoration: underline;
    }
/* END_SECTION:product-template */