(function(){
  if(sessionStorage.getItem('rsfPopupShown')) return;
  sessionStorage.setItem('rsfPopupShown','1');

  var style=document.createElement('style');
  style.innerHTML=`
.rsf-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;display:flex;align-items:center;justify-content:center}
.rsf-popup-box{width:340px;max-width:90%;background:#fff;border-radius:14px;overflow:hidden;font-family:inherit;position:relative}
.rsf-popup-img{position:relative;height:260px;background-size:cover;background-position:center}
.rsf-popup-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.15));pointer-events:none}
.rsf-popup-close{position:absolute;top:10px;left:10px;width:32px;height:32px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:999999}
.rsf-popup-title{position:absolute;top:35px;right:0;left:0;text-align:center;color:#fff;font-size:20px;font-weight:800;z-index:2;padding:0 15px;pointer-events:none}
.rsf-popup-title span{background:#fff;color:#111;padding:6px 14px;border-radius:6px;display:inline-block}
.rsf-popup-sub{position:absolute;top:90px;right:0;left:0;text-align:center;color:#fff;font-size:16px;font-weight:700;z-index:2;pointer-events:none}
.rsf-popup-body{padding:20px;text-align:center}
.rsf-popup-discount{font-size:32px;font-weight:800;color:#111}
.rsf-popup-plus{font-size:22px;color:#111;margin:5px 0}
.rsf-popup-ship{font-size:20px;font-weight:700;color:#111;margin-bottom:20px}
.rsf-popup-btn{display:block;width:100%;padding:13px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-bottom:12px;text-decoration:none;border:none}
.rsf-popup-order{background:#4a3222;color:#fff}
.rsf-popup-cancel{background:#fff;color:#111;border:1px solid #ccc}
`;
  document.head.appendChild(style);

  var overlay=document.createElement('div');
  overlay.className='rsf-popup-overlay';
  overlay.id='rsfPopupOverlay';
  overlay.innerHTML=`
<div class="rsf-popup-box">
  <div class="rsf-popup-img" style="background-image:url('https://b.top4top.io/p_3867bagu41.png')">
    <div class="rsf-popup-close" onclick="window.location.href='https://rasaf.online/'">×</div>
    <div class="rsf-popup-title"><span>فخامة تكتمل بأدق التفاصيل</span></div>
    <div class="rsf-popup-sub">اختر ما يعبر عن ذوقك</div>
  </div>
  <div class="rsf-popup-body">
    <div class="rsf-popup-discount">15% خصم</div>
    <div class="rsf-popup-plus">+</div>
    <div class="rsf-popup-ship">شحن مجاني</div>
    <a href="https://rasaf.online/" class="rsf-popup-btn rsf-popup-order">اطلب الأن</a>
    <a href="https://rasaf.online/" class="rsf-popup-btn rsf-popup-cancel">الغاء</a>
  </div>
</div>
`;

  function addPopup(){
    document.body.appendChild(overlay);
    document.body.style.overflow='hidden';
  }

  if(document.body){
    addPopup();
  } else {
    document.addEventListener('DOMContentLoaded',addPopup);
  }
})();