#promo-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.55);
  display:none;z-index:9998;
}
#promo-modal{
  position:fixed;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(92vw,480px);
  background:linear-gradient(135deg,#f7f3eb,#f1e1c2);
  border-radius:20px;
  padding:40px 30px 30px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  display:none;z-index:9999;direction:rtl;
  text-align:center;font-family:inherit;
}
#promo-modal.show,#promo-overlay.show{display:block;}

#promo-title{
  font-size:28px;font-weight:900;
  margin-bottom:12px;color:#4b3621;
}
#promo-text{
  font-size:18px;color:#5c4a36;margin-bottom:20px;
}

#promo-close{
  position:absolute;top:12px;inset-inline-end:12px;
  background:#fff;border:none;border-radius:50%;
  width:36px;height:36px;cursor:pointer;
  font-size:20px;line-height:1;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  transition:background .2s;
}
#promo-close:hover{background:#f3f3f3;}

#promo-btn-close{
  display:inline-block;
  margin-top:10px;
  padding:12px 25px;
  background:#4b3621;
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  transition:opacity .2s;
}
#promo-btn-close:hover{opacity:0.85;}