/* Add custom CSS styles below */ 
/* عرض شعاري تابي وتمارا في منتصف بطاقة المنتج */
.product-card__title::after {
  content: "";
  display: flex;
  justify-content: center; /* توسيط داخلي */
  align-items: center;
  margin-top: 10px;
  height: 36px;
  width: 160px; /* مساحة أوسع قليلاً لتسمح بالتوسيط */
  margin-left: auto;
  margin-right: auto;
  background-image: url('https://i.ibb.co/xKhwZv9D/1.png'), url('https://i.ibb.co/QvVSgM5P/2.png');
  background-size: 70px 36px, 70px 36px;
  background-repeat: no-repeat;
  background-position: 10px center, 85px center; /* مواضع الصور داخل العنصر */
}
/* ─────────  شارة "أصلي 100%" لثيم سيليا على صفحة المنتج  ───────── */

/* 1) نجعل كتلة الماركة عمودية ليظهر النص فوق الرابط/الاسم */
body.product-page :is(.product-brand, .product__brand, .brand, .brand-box, .prd-brand, .productBrand, [class*="brand"]) {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 6px;
}

/* 2) الشارة عندما تكون كتلة الماركة عنصرًا غير رابط */
body.product-page :is(.product-brand, .product__brand, .brand, .brand-box, .prd-brand, .productBrand, [class*="brand"]):not(a)::before {
  content: "أصلي 100%";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #2e7d32;       /* أخضر قريب من الصورة */
  display: inline-block;
}

/* 3) حالة بديلة: إذا كانت كتلة الماركة نفسها عبارة عن رابط <a> */
body.product-page a:is(.product-brand, .product__brand, .brand, .brand-box, .prd-brand, .productBrand, [class*="brand"]) {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  gap: 6px;
}
body.product-page a:is(.product-brand, .product__brand, .brand, .brand-box, .prd-brand, .productBrand, [class*="brand"])::before {
  content: "أصلي 100%";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #2e7d32;
  display: inline-block;
}

/* 4) (اختياري) جعل اسم الماركة بنفسجياً كما في الصورة */
body.product-page :is(.product-brand, .product__brand, .brand, .brand-box, .prd-brand, .productBrand, [class*="brand"]) a {
  color: #5a3ffa;
  font-weight: 700;
}