/* Add custom CSS styles below */ 
/* ====== Spacing ====== */

.mt-12 {
  margin-top: -5rem;
}

/* ====== Blog images ====== */
/* ✅ تطبيق object-fit: contain فقط على صور البلوج */
.main-content.blog-category img {
  object-fit: contain !important;
}

/* ====== Sticky / Floating buttons ====== */
.sticky-cart-single {
  bottom: 110px;
}

.product-single .scroll-to-top,
.product-single .wa-selia {
  bottom: 50px;
}

@media (max-width: 768px) {
  .product-single .scroll-to-top,
  .product-single .wa-selia {
    bottom: 80px;
  }
}

/* ====== Hide specific product card ====== */
/* Hide the T-shirt card everywhere (or keep only on this page with the body class if you have one) */
custom-salla-product-card#product-1934600224 {
  display: none !important;
}

/* ====== Banners by language ====== */
.banner-en {
  display: none;
}

.banner-ar {
  display: none;
}

html[lang="en"] .banner-en {
  display: block;
}

html[lang="ar"] .banner-ar {
  display: block;
}

/* ====== Certificate section ====== */
.certificate-main-dev h2 {
  display: none;
}

.certificate-main-dev p {
  display: none;
}

/* ملاحظة: لو العنصر المقصود كلاس اسمه has-image داخل certificate-main-dev
   يُفضل يكون بهذه الصيغة مع نقطة قبل has-image */
.certificate-main-dev has-image {
  height: 100%;
  width: 100%;
}

/* ====== Reviews section ====== */
.unique-reviews-section h2 {
  display: none;
}