/* =========================================================
   ✅ Base: مكان الصورة فوق خيارات المقاس مباشرة
   ========================================================= */
body.product-single salla-product-options {
  display: block;
  position: relative;
}

/* نخليها "محجوزة" بس ما تظهر إلا لما ينطبق شرط التصنيف */
body.product-single salla-product-options::before {
  content: "";
  display: none;              /* لا تظهر افتراضياً */
  width: 100%;
  height: 430px;              /* عدّل الارتفاع براحتك */
  margin: 0 0 14px 0;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* موبايل */
@media (max-width: 768px) {
  body.product-single salla-product-options::before {
    height: 275px;
    border-radius: 10px;
  }
}


/* =========================================================
   ✅ Category Rule مثال (شورتات رجالية) — ضع رابط الصورة
   التصنيف: /c465429050
   ========================================================= */
body.product-single:has(nav.breadcrumbs a[href*="/c465429050"])
salla-product-options::before {
  display: block;
  background-image: url("https://cdn.salla.sa/rAlbQZ/464fcd21-dd58-4e87-8b06-fd49903cf302-1000x666.66666666667-RN4o6WJB3lVps6MeOvZqWfqSvyTqpCKLOdZ9CmSk.png");
}


/* =========================================================
   ✅ أضف نفس السطر لتصنيفات ثانية (انسخ وعدّل)
   مثال: بناطيل رجالية /c1238418233
   ========================================================= */

body.product-single:has(nav.breadcrumbs a[href*="/c1238418233"])
salla-product-options::before {
  display: block;
  background-image: url("https://cdn.salla.sa/rAlbQZ/d44c08b6-24fb-48ad-8501-9d7069d6eeb7-1000x666.66666666667-n7al4TS85a3tHlhF0sbEoJyiLfzWqfVGZcDV8kD4.png");
}

/* مثال: تيشيرتات رجالية /c573474111 */

body.product-single:has(nav.breadcrumbs a[href*="/c573474111"])
salla-product-options::before {
  display: block;
  background-image: url("https://cdn.salla.sa/rAlbQZ/99e37f7e-5dea-4bae-839b-4060e305b03d-1000x666.66666666667-ilGWUHuOOqBsuUOR6LqM8SA7DHuFPgzbWm1BLyM9.png");
}