/* ===============================
   PRODUCT SLIDERS — FULL FIXED UI
   (Safe: keeps your layout)
   =============================== */

/* Button */
.unified-orange-btn {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  padding: 6px 14px;
  border: none;
  border-radius: 10px;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.2px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.unified-orange-btn:hover,
.unified-orange-btn:active {
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16);
}

/* Section title layout */
.product-slider-container .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* Title */
.section-title .ec-title {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 0;
  color: #111827;
  position: relative;
  padding: 0;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.4px;
}

/* Keep your instagram span style */
.ec-instagram-section .section-title .ec-title span {
  color: #3474d4;
  text-transform: capitalize;
}

/* Title block spacing */
.section-title-block {
  margin-bottom: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

.m-tb-minus-15 {
  margin: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* Swiper spacing */
.product-slider-container .swiper-slide {
  margin-top: 5px;
}

.product-slider-container .swiper-wrapper {
  height: unset !important;
  padding-bottom: 8px;
}

/* ===============================
   KEEP YOUR SWIPER SCROLL SYSTEM
   =============================== */
#daily_offers .swiper-wrapper,
#second_product_section .swiper-wrapper,
#third_product_section .swiper-wrapper {
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 10px;
  height: 240px !important; /* ✅ keep your original height */
  padding: 0px;
  align-items: center;
}

#daily_offers .swiper-slide,
#second_product_section .swiper-slide,
#third_product_section .swiper-slide {
  width: 40% !important; /* ✅ keep your original mobile width */
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  margin: 0px 0;
  padding: 0px 0;
  height: 95% !important; /* ✅ keep your original */
  display: flex;          /* ✅ helps equal card behavior without breaking */
}

/* Make inner fill slide */
#daily_offers .swiper-slide .ec-product-inner,
#second_product_section .swiper-slide .ec-product-inner,
#third_product_section .swiper-slide .ec-product-inner {
  height: 100%;
  width: 100%;
}

/* RTL/LTR first card spacing (keep yours) */
html[dir="rtl"] #daily_offers .swiper-slide .ec-product-inner:first-child,
html[dir="rtl"] #second_product_section .swiper-slide .ec-product-inner:first-child,
html[dir="rtl"] #third_product_section .swiper-slide .ec-product-inner:first-child {
  margin-right: 4px;
}
html[dir="ltr"] #daily_offers .swiper-slide .ec-product-inner:first-child,
html[dir="ltr"] #second_product_section .swiper-slide .ec-product-inner:first-child,
html[dir="ltr"] #third_product_section .swiper-slide .ec-product-inner:first-child {
  margin-left: 4px;
}

/* ===============================
   ✅ MODERN CARD (SAFE)
   =============================== */
.ec-product-card {
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  background: transparent;
  position: relative;
  height: 100%;
  margin-bottom: 0px;
}

.ec-product-card a {
  display: block;
  height: 100%;
}

/* Modernize the actual product inner card */
#daily_offers .ec-product-inner,
#second_product_section .ec-product-inner,
#third_product_section .ec-product-inner {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  display: flex;
  flex-direction: column;
}

@media (hover:hover) {
  #daily_offers .ec-product-inner:hover,
  #second_product_section .ec-product-inner:hover,
  #third_product_section .ec-product-inner:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(0,0,0,0.12);
  }
}

.category-hover-effect {
  transition: box-shadow 0.18s ease, transform 0.18s ease !important;
}

/* ===============================
   ✅ SAME IMAGE SIZE FIX (NO BREAK)
   =============================== */

/* Your theme uses .ec-pro-image-outer — keep it and standardize it */
#daily_offers .swiper-slide .ec-product-inner .ec-pro-image-outer,
#second_product_section .swiper-slide .ec-product-inner .ec-pro-image-outer,
#third_product_section .swiper-slide .ec-product-inner .ec-pro-image-outer {
  flex: initial;
  width: 100%;
}

/* Create a fixed image area so every product looks equal */
#daily_offers .ec-pro-image-outer,
#second_product_section .ec-pro-image-outer,
#third_product_section .ec-pro-image-outer {
  width: 100%;
  height: 140px;                 /* ✅ uniform image height on mobile */
  background: #f6f7fb;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

@media (min-width: 768px) {
  #daily_offers .ec-pro-image-outer,
  #second_product_section .ec-pro-image-outer,
  #third_product_section .ec-pro-image-outer {
    height: 160px;               /* ✅ uniform image height on desktop */
  }
}

/* Force images to fill area consistently */
#daily_offers .ec-pro-image-outer img,
#second_product_section .ec-pro-image-outer img,
#third_product_section .ec-pro-image-outer img {
  width: 100% !important;
  height: 100% !important;
object-fit: contain;
background: #fff;
padding: 10px;
  object-position: center;
  display: block;
}

/* If you want NO cropping, replace object-fit: cover with:
   object-fit: contain;
   background: #fff;
   padding: 10px;
*/

/* ===============================
   Text/price spacing upgrade
   =============================== */
.ec-pro-content {
  padding: 10px 12px 12px;
}

.ec-pro-title {
  margin: 0 0 6px;
}

.ec-pro-title a {
  font-weight: 800;
  font-size: 13px;
  line-height: 1.25;
  color: #111827;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.new-price {
  color: #111827;
  font-weight: 900;
  font-size: 14px;
}

/* Scrollbars hidden on mobile (keep yours) */
@media (max-width: 768px) {
  #daily_offers .swiper-wrapper,
  #second_product_section .swiper-wrapper,
  #third_product_section .swiper-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #daily_offers .swiper-wrapper::-webkit-scrollbar,
  #second_product_section .swiper-wrapper::-webkit-scrollbar,
  #third_product_section .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }

  html[dir="rtl"] .col-6:nth-child(odd) .ec-product-inner { margin-right: 4px; }
  html[dir="rtl"] .col-6:nth-child(even) .ec-product-inner { margin-left: 4px; }

  html[dir="ltr"] .col-6:nth-child(odd) .ec-product-inner { margin-left: 4px; }
  html[dir="ltr"] .col-6:nth-child(even) .ec-product-inner { margin-right: 4px; }
}

/* Desktop slide width (keep your original behavior) */
@media (min-width: 768px) {
  html[dir="rtl"] .product-slider-container .swiper-slide { padding-left: 0.5rem; }
  html[dir="ltr"] .product-slider-container .swiper-slide { padding-right: 0.5rem; }

  .ec_cat_slider { flex-wrap: wrap; }

  #daily_offers .swiper-slide,
  #second_product_section .swiper-slide,
  #third_product_section .swiper-slide {
    width: 15% !important;
  }
}

/* Wrapper paddings */
#second_product_section-wrapper,
#new_arrivals-wrapper {
  padding-bottom: 8px;
}

/* IMPORTANT: remove the heavy purple glow that makes it messy */
#second_product_section .ec-product-inner,
#third_product_section .ec-product-inner {
  box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;
}