/* ضبط بنر الصفحة الرئيسية ليظهر بالكامل */
.slick-slide img.absolute.inset-0.w-full.h-full,
.slick-slide img[class*="object-cover"] {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
}

/* ارتفاع مناسب للويب */
.slick-slide .relative.h-full {
  height: 520px !important;
  background: #f8edf1 !important;
}

/* ضبط البنر على الموبايل */
@media (max-width: 768px) {
  .slick-slide .relative.h-full {
    height: 260px !important;
  }

  .slick-slide img.absolute.inset-0.w-full.h-full,
  .slick-slide img[class*="object-cover"] {
    object-fit: contain !important;
    object-position: center center !important;
  }
}
/* إزالة الفراغ الأبيض أعلى بانر الصفحة الرئيسية */
section:has(.slick-slider),
section:has(.slick-list),
.slick-slider,
.slick-list,
.slick-track,
.slick-slide,
.slick-slide > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* منع أي مسافة أعلى صورة البانر */
.slick-slide .relative,
.slick-slide .relative.h-full {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* تثبيت الصورة من أعلى بدون فراغ */
.slick-slide img.absolute.inset-0.w-full.h-full,
.slick-slide img[class*="object-cover"] {
  object-fit: contain !important;
  object-position: center top !important;
}
/* تغيير لون نصوص الفوتر في متجر زد */
section.p-4 .footer-links,
section.p-4 .footer-links *,
section.p-4 .flex-1,
section.p-4 .flex-1 *,
section.p-4 a,
section.p-4 p,
section.p-4 span,
section.p-4 div {
  color: #6f4f76 !important;
}

/* تغيير لون أيقونات التواصل داخل الفوتر */
section.p-4 svg,
section.p-4 svg *,
section.p-4 i {
  color: #6f4f76 !important;
  fill: #6f4f76 !important;
  stroke: #6f4f76 !important;
}
/* جعل اسم التصنيف في المنتصف */
h1.text-4xl,
h1.md\:text-5xl,
h1.lg\:text-6xl {
  text-align: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}