// اختيار السكشن
const section = document.getElementById('best-offers-5-slider');

if(section){
  // إنشاء عنصر h2 جديد
  const title = document.createElement('h2');
  title.textContent = 'مميزات متجرنا';

  // ستايلات العنوان (لون ثابت + بوردر)
  title.style.color = '#FBDAB8';                  // لون النص
  title.style.border = '2px solid #FBDAB8';       // نفس البوردر
  title.style.padding = '5px 15px';               // مسافة داخلية
  title.style.textAlign = 'center';               // توسيط النص
  title.style.display = 'inline-block';           // البوردير حول النص فقط
  title.style.margin = '20px auto 0 auto';        // في النص
  title.style.fontSize = '1.5rem';                // حجم الخط
  title.style.fontWeight = 'bold';                // سمك الخط

  // إنشاء حاوية لتوسيط العنصر
  const wrapper = document.createElement('div');
  wrapper.style.textAlign = 'center';
  wrapper.appendChild(title);

  // إدراجه بعد السكشن مباشرة
  section.parentNode.insertBefore(wrapper, section.nextSibling);
}

// إنشاء عنصر <style> جديد
const style = document.createElement("style");
style.textContent = `
/* حركات الهوفر على كارد المنتجات (للديسكتوب فقط) */
@media (min-width: 1024px) {
  .s-products-slider-card {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* حركة سلسة */
  }

  .s-products-slider-card:hover {
    transform: translateY(-8px) scale(1.02);   /* حركة خفيفة ناعمة */
    background-color: rgba(251, 218, 184, 0.12); /* لون الهوية خفيف */
    border-radius: 12px;                        /* تنعيم الحواف */
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);    /* ظل ناعم */
  }

  /* تكبير العنوان وتغيير لونه */
  .s-products-slider-card .s-product-card-content-title a {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .s-products-slider-card:hover .s-product-card-content-title a {
    color: #e0a86d;   /* أغمق من #FBDAB8 */
    font-size: 1.15em; /* تكبير ناعم */
    font-weight: bold;
  }
}
`;

// إضافة الستايل إلى الصفحة
document.head.appendChild(style);