/* Add custom CSS styles below */ 


.bg-storeBG {
    background-color: #fff;
}

/* ===== Product Card Styling ===== */

/* ===== مسافة بين الكروت (الحل الصحيح للـ Swiper) ===== */

/* ندي مسافة يمين وشمال لكل سلايد */
.fit-slider-products .swiper-slide {
  margin: 0 12px !important;
}

/* نزوّد مسافة أول وآخر عنصر عشان ما يلزقوش في الأطراف */
.fit-slider-products .swiper-wrapper {
  padding: 0 12px;
}

/* شكل الكارد */
.s-products-slider-card {
  border-radius: 16px !important;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.s-products-slider-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.fit-slider-products .swiper-wrapper {
    padding: 0 12px;
    display: flex;
    justify-content: center;
}

.advanced-slider .swiper .swiper-slide-active h2 {
    animation-duration: .4s;
    animation-fill-mode: backwards;
    animation-iteration-count: none;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    line-height: 1.2;
    color: white;
}

.advanced-slider .swiper .swiper-slide-active p {
    animation-delay: .3s;
    animation-duration: .5s;
    animation-fill-mode: backwards;
    animation-iteration-count: none;
    animation-name: fadeInDown;
    animation-timing-function: ease-in-out;
    color: white;
}