.slide--cat-entry {
  padding: 12px 10px !important;
}

.slide--cat-entry img {
  width: 200px !important;
  height: 200px !important;
}

.slide--cat-entry .main-title-cat {
  font-size:20px !important;
  margin: 20 px 0 !important;
}

.swiper-slide.slide--one-sixth {
  width: 200px !important;
}
// منع التكرار
if (document.getElementById('summer-popup')) return;

// الـ Overlay
const overlay = document.createElement('div');
overlay.id = 'summer-popup';
overlay.setAttribute('style', `
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,0.6) !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
`);

// الـ Popup Box
overlay.innerHTML = `
  <div style="
    background: #fff !important;
    border-radius: 16px !important;
    padding: 36px 28px !important;
    max-width: 380px !important;
    width: 90% !important;
    text-align: center !important;
    position: relative !important;
    font-family: DINNextLTArabic-Regular, sans-serif !important;
    direction: rtl !important;
  ">
    <button onclick="document.getElementById('summer-popup').remove()" style="
      position: absolute !important;
      top: 12px !important;
      left: 16px !important;
      background: none !important;
      border: none !important;
      font-size: 20px !important;
      cursor: pointer !important;
      color: #888 !important;
    ">✕</button>
    <div style="font-size: 38px; margin-bottom: 12px;">☀️</div>
    <h2 style="
      font-size: 22px !important;
      font-weight: 700 !important;
      color: #2e6b44 !important;
      margin-bottom: 8px !important;
    ">عرض الصيف</h2>
    <p style="
      font-size: 14px !important;
      color: #555 !important;
      margin-bottom: 20px !important;
      line-height: 1.7 !important;
    ">استخدم كود الخصم واستمتع بخصم على جميع منتجاتنا</p>
    <div style="
      background: #f0f9f4 !important;
      border: 2px dashed #2e6b44 !important;
      border-radius: 10px !important;
      padding: 14px !important;
      margin-bottom: 20px !important;
    ">
      <span style="
        font-size: 26px !important;
        font-weight: 700 !important;
        color: #2e6b44 !important;
        letter-spacing: 3px !important;
      ">SUMMER</span>
    </div>
    <button onclick="
      navigator.clipboard.writeText('SUMMER');
      this.innerText='تم النسخ ✓';
      setTimeout(()=>this.innerText='انسخ الكود',2000);
    " style="
      background: #2e6b44 !important;
      color: #fff !important;
      border: none !important;
      padding: 12px 32px !important;
      border-radius: 50px !important;
      font-size: 15px !important;
      cursor: pointer !important;
      width: 100% !important;
    ">انسخ الكود</button>
  </div>
`;

document.body.appendChild(overlay);

// إغلاق عند الضغط خارج الـ box
overlay.addEventListener('click', function(e) {
  if (e.target === overlay) overlay.remove();
});