/* ============================
   PRODUCT CARD STYLING (all screens)
   ============================ */
.theme-prod-box {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;

  background: #fff !important;
  border: none !important;      
  border-radius: 12px !important;
  box-shadow: none !important;  
  box-sizing: border-box !important;

  overflow: hidden !important;
  margin: 5px !important;

  /* ✅ inner padding so text/buttons don’t touch edges */
  padding: 14px 16px !important;
}
zpfilmstrip .zpfilmstrip-overflow-hidden{
    overflow: scroll !important;
}
/* ============================
   PRODUCT IMAGE (fills tile)
   ============================ */
.theme-prod-box img {
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   
  border: none !important;        
  outline: none !important;       
  z-index: 1 !important;
}

/* ============================
   OVERLAY AREA (name + buttons)
   ============================ */
.theme-product-overlay {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;  
  padding: 10px 0 !important; /* only vertical padding, since tile has L/R padding */
  text-align: center !important;
}

/* Product names: clamp to 2 lines */
.theme-product-name a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  white-space: normal !important;
  text-overflow: ellipsis !important;

  line-height: 1.4 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  margin-bottom: 10px !important;
}

/* ============================
   BUTTON AREA
   ============================ */
.theme-product-button-area {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
}

.theme-product-button-area a {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  height: 38px !important;
  font-weight: 500 !important;
  transition: background 0.2s ease, opacity 0.2s ease;
  border: none !important;
}

/* 🛒 Add to Cart = blue */
.theme-product-button-area a[data-zs-add-to-cart] {
  background: #007bff !important;
  color: #fff !important;
  flex: 0 0 46px !important;
}
.theme-product-button-area a[data-zs-add-to-cart] span {
  font-size: 0 !important;
}
.theme-product-button-area a[data-zs-add-to-cart] span::before {
  content: "🛒";
  font-size: 18px;
  line-height: 1;
  display: inline-block;
}

/* ✅ Buy Now = orange */
.theme-product-button-area a[buy-now-button] {
  background: #ff9900 !important;
  color: #fff !important;
  flex: 1 1 auto !important;
}
.theme-product-button-area a[buy-now-button] span {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

/* Hover effect */
@media (hover:hover) {
  .theme-product-button-area a[data-zs-add-to-cart]:hover { background: #0069d9 !important; }
  .theme-product-button-area a[buy-now-button]:hover     { background: #e68a00 !important; }
}

/* ============================
   MOBILE (≤600px): 2 full + 8% of 3rd card
   ============================ */
@media (max-width: 600px) {
  .zpcarousel-container .zpfilmstrip-overflow-hidden {
    overflow: hidden !important;
  }

  .zpcarousel-container .zpfilmstrip-overflow-hidden .zprow {
    display: block !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-left: 4vw; /* small left padding */
  }

  /* ✅ Each product = 46vw → shows 2 full + 8% of 3rd */
  .zpcarousel-container .zprow .theme-prod-box {
    min-width: 46vw !important;
    max-width: 46vw !important;
    display: inline-flex !important;
    flex-direction: column !important;
    vertical-align: top !important;
    margin-right: 10px !important;
    scroll-snap-align: start;
  }
}
.zpfilmstrip .zpfilmstrip-overflow-hidden{
    overflow: scroll !important;
}

/* Force product boxes into one row */
.theme-store-style-collection-row-17 {
  display: flex !important;
  flex-wrap: nowrap !important; /* no wrapping to next row */
  overflow-x: auto;             /* scroll horizontally if needed */
}

.theme-store-style-collection-row-17 .theme-prod-box {
  flex: 0 0 auto !important; /* prevent shrinking */
}
/* Force all product boxes into one row */
.theme-store-style-collection-row-17 {
  display: flex !important;
  flex-wrap: nowrap !important;  /* prevent new rows */
  overflow: hidden !important;   /* hide scrollbars */
}

/* Keep product boxes side-by-side */
.theme-store-style-collection-row-17 .theme-prod-box {
  flex: 0 0 auto !important;
}