.elementor-12 .elementor-element.elementor-element-a8b5892:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-a8b5892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://clickmart.website/wp-content/uploads/2026/05/651066126cd28bc087d1df9428d27572.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-a8b5892 > .elementor-container{min-height:623px;}.elementor-12 .elementor-element.elementor-element-a8b5892{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-a8b5892 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-f257fe9{--e-image-carousel-slides-to-show:1;}.elementor-12 .elementor-element.elementor-element-f257fe9 .swiper-pagination-bullet{width:13px;height:13px;background:#F1FFFA;}.elementor-12 .elementor-element.elementor-element-f257fe9 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#30AA7F;opacity:1;}.elementor-12 .elementor-element.elementor-element-f257fe9 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:12px 12px 12px 12px;border-color:#F3EEEE;border-radius:56px 56px 56px 56px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-ad9a8cf > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-ad9a8cf{text-align:center;}.elementor-12 .elementor-element.elementor-element-ad9a8cf .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-e47d5a7 > .elementor-widget-container{margin:0px 6px 0px 0px;}.elementor-12 .elementor-element.elementor-element-18153e4 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-18153e4{text-align:center;}.elementor-12 .elementor-element.elementor-element-18153e4 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-1c4a7f4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-1c4a7f4.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-907873b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-907873b.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-74ce48d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12 .elementor-element.elementor-element-74ce48d .elementor-divider-separator{width:100%;}.elementor-12 .elementor-element.elementor-element-74ce48d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12 .elementor-element.elementor-element-1b0c27c > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-1b0c27c{text-align:center;}.elementor-12 .elementor-element.elementor-element-1b0c27c .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-45de361.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-45de361.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-bc44fa4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-bc44fa4.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-ab782ea{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12 .elementor-element.elementor-element-ab782ea .elementor-divider-separator{width:100%;}.elementor-12 .elementor-element.elementor-element-ab782ea .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-12 .elementor-element.elementor-element-034a6e0 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-034a6e0{text-align:center;}.elementor-12 .elementor-element.elementor-element-034a6e0 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-faa43ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-faa43ad.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-fe745c8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-fe745c8.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-9e677fe > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9e677fe{text-align:center;}.elementor-12 .elementor-element.elementor-element-9e677fe .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-61390bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-61390bc.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-41ac868.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-41ac868.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-457eee9 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-457eee9{text-align:center;}.elementor-12 .elementor-element.elementor-element-457eee9 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-503125d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-503125d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-9ec84cc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9ec84cc.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-9b7a8c4 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9b7a8c4{text-align:center;}.elementor-12 .elementor-element.elementor-element-9b7a8c4 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-fa23283.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-fa23283.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-e290a2d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-e290a2d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-12 .elementor-element.elementor-element-9ef9b81 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-9ef9b81{text-align:center;}.elementor-12 .elementor-element.elementor-element-9ef9b81 .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-8924cce > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8924cce{text-align:center;}.elementor-12 .elementor-element.elementor-element-8924cce .elementor-heading-title{font-family:"Antonio", Sans-serif;font-size:47px;font-weight:600;color:#000000;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-1c4a7f4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-907873b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-45de361.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-bc44fa4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-faa43ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-fe745c8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-61390bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-41ac868.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-503125d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9ec84cc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-fa23283.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-e290a2d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-a8b5892 > .elementor-container{min-height:221px;}.elementor-12 .elementor-element.elementor-element-ad9a8cf .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-18153e4 .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-1c4a7f4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-907873b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-1b0c27c .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-45de361.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-bc44fa4.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-034a6e0 .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-faa43ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-fe745c8.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9e677fe .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-61390bc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-41ac868.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-457eee9 .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-503125d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9ec84cc.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9b7a8c4 .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-fa23283.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-e290a2d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-12 .elementor-element.elementor-element-9ef9b81 .elementor-heading-title{font-size:34px;}.elementor-12 .elementor-element.elementor-element-8924cce .elementor-heading-title{font-size:34px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1c4a7f4 *//* =========================================
   #product-scroll — Product Card Carousel
   v3: Buy Now size, title visibility, rating fix
   ========================================= */

/* ── Scrollable wrapper ── */
#product-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 2vh 2vw !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#product-scroll::-webkit-scrollbar { display: none !important; }

/* ── Product list row ── */
#product-scroll ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 1.5vw !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}

/* ── Each product card ── */
#product-scroll ul.products li.product {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: clamp(160px, 16vw, 220px) !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1.5px solid #f0f0f0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  overflow: visible !important;           /* FIX: was hidden — was clipping title */
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
  padding: 0 0 12px 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}
#product-scroll ul.products li.product:hover {
  transform: translateY(-4px) scale(1.025) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.13) !important;
  border-color: #3FAE9F !important;
}

/* ── Image wrapper <a> — must NOT be position:relative or it swallows rating ── */
#product-scroll ul.products li.product > a:first-child {
  display: block !important;
  position: static !important;           /* FIX: prevent star-rating stacking inside */
  overflow: hidden !important;
  border-radius: 16px 16px 0 0 !important;
  flex-shrink: 0 !important;
}

/* ── Product image ── */
#product-scroll ul.products li.product a img,
#product-scroll ul.products li.product img {
  width: 100% !important;
  height: clamp(120px, 14vw, 180px) !important;
  object-fit: cover !important;
  border-radius: 16px 16px 0 0 !important;
  display: block !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 0 !important;
}

/* ── Product name — FIX: sits cleanly below image ── */
#product-scroll ul.products li.product .woocommerce-loop-product__title,
#product-scroll ul.products li.product h2 {
  display: block !important;
  font-size: clamp(12px, 1.1vw, 14px) !important;
  font-weight: 600 !important;
  color: #222222 !important;
  text-align: center !important;
  padding: 10px 10px 4px 10px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: break-word !important;
  min-height: 3em !important;            /* fixed height — 2 lines reserved */
  max-height: 3em !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;                 /* FIX: ensure title renders above image layer */
  background: #fff !important;           /* FIX: opaque so it never blends with image */
}

/* ── Star rating — FIX: static, below title, always reserved ── */
#product-scroll ul.products li.product .star-rating {
  display: block !important;
  position: static !important;          /* FIX: WooCommerce sets absolute — override */
  float: none !important;
  clear: both !important;
  width: auto !important;
  text-align: center !important;
  margin: 2px auto 0 auto !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  min-height: 22px !important;           /* reserve space on cards with no rating */
  overflow: visible !important;
  z-index: 1 !important;
  flex-shrink: 0 !important;
}
#product-scroll ul.products li.product .star-rating::before,
#product-scroll ul.products li.product .star-rating span::before {
  position: static !important;
  display: inline !important;
}

/* ── Price chip ── */
#product-scroll ul.products li.product .price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  background: #E1F5EE !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  margin: 6px 10px 8px 10px !important;
  box-sizing: border-box !important;
  width: calc(100% - 20px) !important;
  min-height: 38px !important;
  flex-shrink: 0 !important;
  line-height: 1.4 !important;
}

/* Strikethrough price */
#product-scroll ul.products li.product .price del,
#product-scroll ul.products li.product .price del .woocommerce-Price-amount {
  color: #0F6E56 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  display: inline !important;
  line-height: 1.4 !important;
}

/* Sale / current price */
#product-scroll ul.products li.product .price ins,
#product-scroll ul.products li.product .price ins .woocommerce-Price-amount {
  color: #085041 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline !important;
  line-height: 1.4 !important;
}

/* Regular (no-sale) price */
#product-scroll ul.products li.product .price > .woocommerce-Price-amount {
  color: #085041 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* ── Buy Now button — FIX: proper size, text via line-height not absolute ── */
#product-scroll ul.products li.product .button,
#product-scroll ul.products li.product a.button,
#product-scroll ul.products li.product .add_to_cart_button {
  display: block !important;
  width: calc(100% - 20px) !important;
  margin: auto 10px 0 10px !important;
  padding: 11px 10px !important;         /* FIX: generous padding = taller button */
  background: #3FAE9F !important;
  color: transparent !important;
  font-size: 0 !important;
  border-radius: 30px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: background 0.18s ease, transform 0.15s ease !important;
  box-sizing: border-box !important;
  position: relative !important;
  flex-shrink: 0 !important;
  min-height: 40px !important;           /* FIX: guaranteed minimum button height */
}

/* Buy Now text via ::after */
#product-scroll ul.products li.product .button::after,
#product-scroll ul.products li.product a.button::after,
#product-scroll ul.products li.product .add_to_cart_button::after {
  content: "Buy Now" !important;
  color: #fff !important;
  font-size: 13px !important;            /* FIX: larger, readable text */
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  white-space: nowrap !important;
}

#product-scroll ul.products li.product .button:hover,
#product-scroll ul.products li.product a.button:hover {
  background: #2d9485 !important;
  transform: scale(1.04) !important;
}

#product-scroll ul.products li.product .added_to_cart,
#product-scroll ul.products li.product .button.added {
  background: #28a745 !important;
}

/* ── Sale badge ── */
#product-scroll ul.products li.product .onsale {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: #3FAE9F !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  padding: 3px 9px !important;
  z-index: 4 !important;
}

/* ══════════════════════════
   TABLET (≤ 1024px)
   ══════════════════════════ */
@media (max-width: 1024px) {
  #product-scroll ul.products {
    justify-content: center !important;
    gap: 2vw !important;
  }
  #product-scroll ul.products li.product {
    width: clamp(140px, 18vw, 190px) !important;
  }
  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: clamp(110px, 15vw, 155px) !important;
  }
}

/* ══════════════════════════
   MOBILE (≤ 767px)
   ══════════════════════════ */
@media (max-width: 767px) {
  #product-scroll {
    padding: 1.5vh 3vw !important;
  }

  #product-scroll ul.products {
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: 100% !important;
    gap: 3vw !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    flex-wrap: nowrap !important;
    padding: 4px 0 !important;
    margin: 0 !important;
  }

  #product-scroll ul.products li.product {
    width: 42vw !important;
    scroll-snap-align: start !important;
    border-radius: 14px !important;
    padding: 0 0 10px 0 !important;
  }

  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: 38vw !important;
    border-radius: 12px 12px 0 0 !important;
  }

  #product-scroll ul.products li.product .woocommerce-loop-product__title,
  #product-scroll ul.products li.product h2 {
    font-size: 11px !important;
    padding: 7px 8px 3px 8px !important;
    min-height: 3em !important;
    max-height: 3em !important;
  }

  #product-scroll ul.products li.product .star-rating {
    font-size: 11px !important;
    min-height: 20px !important;
  }

  #product-scroll ul.products li.product .price {
    padding: 5px 8px !important;
    margin: 4px 8px 6px 8px !important;
    width: calc(100% - 16px) !important;
    min-height: 34px !important;
  }

  #product-scroll ul.products li.product .price ins,
  #product-scroll ul.products li.product .price ins .woocommerce-Price-amount {
    font-size: 13px !important;
  }

  #product-scroll ul.products li.product .button,
  #product-scroll ul.products li.product a.button,
  #product-scroll ul.products li.product .add_to_cart_button {
    padding: 10px 4px !important;
    margin: auto 8px 0 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 25px !important;
    min-height: 38px !important;
  }

  #product-scroll ul.products li.product .button::after,
  #product-scroll ul.products li.product a.button::after,
  #product-scroll ul.products li.product .add_to_cart_button::after {
    font-size: 12px !important;
  }
}

/* ══════════════════════════
   SMALL MOBILE (≤ 480px)
   ══════════════════════════ */
@media (max-width: 480px) {
  #product-scroll ul.products li.product {
    width: 38vw !important;
  }
  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: 34vw !important;
  }
}

#product-scroll ul.products li.product .woocommerce-loop-product__title,
#product-scroll ul.products li.product h2 {
  min-height: 4.5em !important;   /* room for 3 lines */
  max-height: 4.5em !important;
}

/* Push rating down slightly */
#product-scroll ul.products li.product .star-rating {
  margin-top: 6px !important;
}

/* Push price down slightly */
#product-scroll ul.products li.product .price {
  margin-top: 8px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-907873b *//* =========================================
   #product-scroll — Product Card Carousel
   Centered on desktop & tablet
   Swipe carousel on mobile (4–5 cards visible)
   ========================================= */

/* ── Scrollable wrapper ── */
#product-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 2vh 2vw !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#product-scroll::-webkit-scrollbar {
  display: none !important;
}

/* ── DESKTOP & TABLET: centered, no scroll needed ── */
#product-scroll ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 1.5vw !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
}

/* ── Each product card ── */
#product-scroll ul.products li.product {
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: clamp(160px, 16vw, 220px) !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  border: 1.5px solid #f0f0f0 !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
  padding: 0 0 12px 0 !important;
  box-sizing: border-box !important;
}
#product-scroll ul.products li.product:hover {
  transform: translateY(-4px) scale(1.025) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.13) !important;
  border-color: #3FAE9F !important;
}

/* ── Product image ── */
#product-scroll ul.products li.product a img,
#product-scroll ul.products li.product img {
  width: 100% !important;
  height: clamp(120px, 14vw, 180px) !important;
  object-fit: cover !important;
  border-radius: 16px 16px 0 0 !important;
  display: block !important;
  margin: 0 !important;
}

/* ── Product name ── */
#product-scroll ul.products li.product .woocommerce-loop-product__title,
#product-scroll ul.products li.product h2 {
  display: block !important;
  font-size: clamp(11px, 1.1vw, 14px) !important;
  font-weight: 600 !important;
  color: #222222 !important;
  text-align: center !important;
  padding: 8px 10px 4px 10px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  word-break: break-word !important;
  max-height: 2.8em !important;
  overflow: hidden !important;
}

/* ── Price ── */
#product-scroll ul.products li.product .price {
  display: block !important;
  font-size: clamp(11px, 1vw, 13px) !important;
  font-weight: 700 !important;
  color: #3FAE9F !important;
  text-align: center !important;
  padding: 2px 10px 6px 10px !important;
  margin: 0 !important;
}
#product-scroll ul.products li.product .price del {
  color: #aaa !important;
  font-weight: 400 !important;
  font-size: 0.85em !important;
  margin-right: 4px !important;
}

/* ── Add to Cart button ── */
#product-scroll ul.products li.product .button,
#product-scroll ul.products li.product a.button,
#product-scroll ul.products li.product .add_to_cart_button {
  display: block !important;
  width: calc(100% - 20px) !important;
  margin: 4px 10px 0 10px !important;
  padding: 7px 6px !important;
  background: #3FAE9F !important;
  color: #ffffff !important;
  font-size: clamp(10px, 0.95vw, 12px) !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 30px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  transition: background 0.18s ease, transform 0.15s ease !important;
  box-sizing: border-box !important;
}
#product-scroll ul.products li.product .button:hover,
#product-scroll ul.products li.product a.button:hover {
  background: #2d9485 !important;
  transform: scale(1.04) !important;
}
/* Added to cart state */
#product-scroll ul.products li.product .added_to_cart,
#product-scroll ul.products li.product .button.added {
  background: #28a745 !important;
}

/* ── Hide badges/onsale if needed — remove block below to keep them ── */
/* #product-scroll .onsale { display: none !important; } */

/* ── Sale badge styling ── */
#product-scroll ul.products li.product .onsale {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: #3FAE9F !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  padding: 2px 8px !important;
  z-index: 2 !important;
}
#product-scroll ul.products li.product {
  position: relative !important;
}

/* ── Star ratings ── */
#product-scroll ul.products li.product .star-rating {
  font-size: 11px !important;
  margin: 0 auto 2px auto !important;
}

/* ══════════════════════════
   TABLET  (≤ 1024px)
   Centered, slightly smaller cards
   ══════════════════════════ */
@media (max-width: 1024px) {
  #product-scroll ul.products {
    justify-content: center !important;
    gap: 2vw !important;
    width: 100% !important;
  }
  #product-scroll ul.products li.product {
    width: clamp(140px, 18vw, 190px) !important;
  }
  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: clamp(110px, 15vw, 155px) !important;
  }
}

/* ══════════════════════════
   MOBILE  (≤ 767px)
   Swipe carousel — 4 to 5 cards visible
   ══════════════════════════ */
@media (max-width: 767px) {
  #product-scroll {
    padding: 1.5vh 3vw !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  #product-scroll::-webkit-scrollbar {
    display: none !important;
  }

  #product-scroll ul.products {
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: 100% !important;
    gap: 3vw !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    padding: 4px 0 !important;
    margin: 0 auto !important;
  }

  #product-scroll ul.products li.product {
    width: 42vw !important;
    scroll-snap-align: start !important;
    border-radius: 14px !important;
    padding: 0 0 10px 0 !important;
  }

  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: 38vw !important;
    border-radius: 12px 12px 0 0 !important;
  }

  #product-scroll ul.products li.product .woocommerce-loop-product__title,
  #product-scroll ul.products li.product h2 {
    font-size: 11px !important;
    padding: 6px 8px 2px 8px !important;
  }

  #product-scroll ul.products li.product .price {
    font-size: 11px !important;
    padding: 2px 8px 4px 8px !important;
  }

  #product-scroll ul.products li.product .button,
  #product-scroll ul.products li.product a.button,
  #product-scroll ul.products li.product .add_to_cart_button {
    font-size: 10px !important;
    padding: 6px 4px !important;
    margin: 2px 8px 0 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 25px !important;
  }
}

/* ══════════════════════════
   SMALL MOBILE  (≤ 480px)
   5 cards peek effect
   ══════════════════════════ */
@media (max-width: 480px) {
  #product-scroll ul.products {
    justify-content: center !important;
  }
  #product-scroll ul.products li.product {
    width: 38vw !important;
  }
  #product-scroll ul.products li.product a img,
  #product-scroll ul.products li.product img {
    height: 34vw !important;
  }
}

/* Hide only Add to Cart text */
#product-scroll ul.products li.product .button {
  font-size: 0 !important;
}

/* New text show */
#product-scroll ul.products li.product .button::after {
  content: "Buy Now";
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

/* ===============================
   CHANGE ADD TO CART → BUY NOW
   =============================== */
#product-scroll ul.products li.product .button,
#product-scroll ul.products li.product a.button,
#product-scroll ul.products li.product .add_to_cart_button {
  color: transparent !important;
  position: relative !important;
}

/* New text */
#product-scroll ul.products li.product .button::after,
#product-scroll ul.products li.product a.button::after,
#product-scroll ul.products li.product .add_to_cart_button::after {
  content: "Buy Now";
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}/* End custom CSS */