/*=====================================
  ILOUBA Flowers – Reduce Homepage Spaces
  الصفحة الرئيسية فقط عبر class .index
=====================================*/

body.index {
  --s-space: 4px;
  --s-space-lg: 4px;
}

@media (max-width: 768px) {
  body.index {
    --s-space: 6px;
    --s-space-lg: 4px;
  }
}

/* الأقسام داخل الصفحة */
body.index section,
body.index .section,
body.index [class*="block"] {
  margin-block: var(--s-space) !important;
  padding-block: var(--s-space) !important;
}

/* البانرات / السلايدر */
body.index .hero,
body.index [class*="banner"],
body.index .swiper,
body.index .swiper-container {
  margin-bottom: var(--s-space-lg) !important;
  padding-block: var(--s-space) !important;
}

/* شبكة المنتجات */
body.index .grid,
body.index [class*="products"],
body.index [class*="product-grid"] {
  gap: var(--s-space) !important;
}

/* بطاقة المنتج */
body.index .product-card,
body.index [class*="product-item"] {
  padding: 4px !important;
  margin-bottom: var(--s-space) !important;
}

/* العناوين */
body.index h1,
body.index h2,
body.index h3,
body.index .section-title {
  margin-bottom: 5px !important;
}

/* الفوتر في الصفحة الرئيسية */
body.index footer,
body.index .footer {
  padding-block: var(--s-space-lg) !important;
}

/* استهداف التاق مباشرة */
.product-card__tag {
  background-color: #FFFFFF !important; /*  تغيير لون الخلفية هنا */
  color: #FFFFFF !important;             /*  تغيير لون النص هنا (مثلاً: أبيض) */
  border: 1px solid #A67B5B !important; /*  إضافة إطار بنفس لون الخلفية لمظهر متناسق */
  font-weight: bold !important;         /*  جعل الخط أعرض و أوضح */
}