.luxify_product_images_grid {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px !important;
  padding: 10px 20px 15px 20px; /* ✅ padding يمين وشمال */
  margin-top: 20px;
  height: 260px;
  overflow-y: visible !important;
  scroll-padding-left: 40px; /* ✅ يحل مشكلة بداية التراكباد */
}

.luxify_product_images_grid > button {
  flex: 0 0 auto !important;
  scroll-snap-align: start;
  min-width: 220px;
  height: 100%;
}

.luxify_product_images_grid_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center center;
  border-radius: 8px;
  background-color: #f9f9f9;
}