/* ============================================================
   Genix Egypt - Slider / Carousel styles (Swiper-based)
   ============================================================ */

/* ---- Base Swiper tweaks ---- */
.swiper { width: 100%; overflow: hidden; }
.swiper-slide { height: auto; }

/* ---- Hero slider ---- */
.hero-slider .swiper-slide {
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 50%, #fff7ed 100%);
  padding: 4rem 1rem;
  position: relative;
  overflow: hidden;
}
.hero-slider .swiper-slide::before {
  content: '';
  position: absolute;
  top: -10%;
  inset-inline-end: -5%;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11,110,79,.08), transparent 70%);
  pointer-events: none;
}
.hero-slider .swiper-pagination-bullet {
  background: #cbd5e1; opacity: 1; width: 10px; height: 10px;
  transition: all .25s;
}
.hero-slider .swiper-pagination-bullet-active {
  background: var(--color-primary); width: 28px; border-radius: 5px;
}
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
  background: #fff; color: var(--color-ink);
  width: 48px; height: 48px; border-radius: 50%;
  box-shadow: var(--shadow-md);
}
.hero-slider .swiper-button-next::after,
.hero-slider .swiper-button-prev::after {
  font-size: 16px; font-weight: 800;
}
.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover { background: var(--color-primary); color: #fff; }

/* ---- Categories slider ---- */
.cat-slider .swiper-slide { padding: .5rem .25rem 1rem; }

/* ---- Product slider ---- */
.product-slider .swiper-slide { padding: .5rem .25rem 1rem; height: auto; }
.product-slider .swiper-slide > div { height: 100%; }

.product-slider .swiper-button-next,
.product-slider .swiper-button-prev {
  background: #fff; color: var(--color-ink);
  width: 44px; height: 44px; border-radius: 50%;
  box-shadow: var(--shadow-md); top: -28px;
}
.product-slider .swiper-button-next::after,
.product-slider .swiper-button-prev::after { font-size: 14px; font-weight: 800; }
.product-slider .swiper-button-prev { inset-inline-start: auto; inset-inline-end: 64px; }
.product-slider .swiper-button-next { inset-inline-end: 16px; }
.product-slider .swiper-button-prev:hover,
.product-slider .swiper-button-next:hover { background: var(--color-primary); color: #fff; }

/* ---- Brands slider ---- */
.brand-slider .swiper-slide {
  background: #fff; border: 1px solid #f1f5f9; border-radius: 12px;
  padding: 1.5rem; display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 1.25rem; color: #94a3b8; transition: all .25s;
  min-height: 110px;
}
.brand-slider .swiper-slide:hover {
  border-color: var(--color-primary); color: var(--color-primary);
  box-shadow: var(--shadow-md); transform: translateY(-2px);
}

/* ---- Testimonials slider ---- */
.testimonial-slider .swiper-pagination-bullet { background: #cbd5e1; opacity: 1; }
.testimonial-slider .swiper-pagination-bullet-active { background: var(--color-primary); width: 24px; border-radius: 5px; }

/* ---- Product detail gallery (thumbs) ---- */
.gallery-main .swiper-slide {
  background: #f8fafc; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 1; padding: 2rem;
}
.gallery-main .swiper-slide img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gallery-thumbs { margin-top: 1rem; }
.gallery-thumbs .swiper-slide {
  background: #f8fafc; border: 2px solid transparent;
  border-radius: 10px; padding: .5rem; aspect-ratio: 1;
  cursor: pointer; transition: all .2s;
  display: flex; align-items: center; justify-content: center;
}
.gallery-thumbs .swiper-slide-thumb-active { border-color: var(--color-primary); }
.gallery-thumbs .swiper-slide img { max-width: 100%; max-height: 100%; }

/* ---- Mobile: smaller arrows ---- */
@media (max-width: 768px) {
  .hero-slider .swiper-button-next,
  .hero-slider .swiper-button-prev { display: none; }
  .product-slider .swiper-button-next,
  .product-slider .swiper-button-prev { display: none; }
}