.elementor-23472 .elementor-element.elementor-element-06f9869{--display:flex;overflow:visible;}#elementor-popup-modal-23472{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-23472 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-23472 .dialog-close-button{display:flex;}#elementor-popup-modal-23472 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-3e1d66c */<!-- VIP Popup -->
<div id="vipPopup" class="vip-popup">
  <div class="vip-content">
    <span class="vip-close" onclick="closeVip()">×</span>

    <h3 class="vip-title">آیا میدونستی…؟</h3>

    <p id="vipQuestion" class="vip-text">
      …تشخیص اشتباه نکروز با حساسیت پوستی یکی از رایج‌ترین خطاهای پزشکیه؟
    </p>

    <a id="vipLink"
       href="https://draminjaffari.com/%d9%be%da%a9%db%8c%d8%ac-%d8%ac%d9%88%d8%a7%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d9%88-%d9%84%db%8c%d9%81%d8%aa-%d8%b5%d9%88%d8%b1%d8%aa/"
       class="vip-btn" target="_blank">
      ادامه توضیحات
    </a>

    <button id="vipNext" class="vip-btn" style="background:#f39c12;margin-top:8px;">
      سوال بعدی
    </button>
  </div>
</div>


<style>
/* --- VIP Popup Base --- */
.vip-popup {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 999999;
  display: none;
  animation: fadeIn 0.6s ease;
}

.vip-popup.show {
  display: block;
}

.vip-content {
  width: 350px;
  background: #ffffff;
  border-radius: 14px;
  padding: 18px 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
  border-top: 4px solid #ff3b30;
  position: relative;
  transition: transform .3s ease;
}

.vip-content:hover {
  transform: translateY(-6px);
}

.vip-title {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
}

/* متن سؤال بزرگ و بنفش */
.vip-text {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #4b0082 !important;
  line-height: 1.7;
  margin-bottom: 15px;
}

.vip-btn {
  display: inline-block;
  background: #ff3b30;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 10px;
  text-decoration: none;
  transition: background .3s ease;
}

.vip-btn:hover {
  background: #e62f27;
}

.vip-close {
  position: absolute;
  top: 10px;
  left: 14px;
  font-size: 20px;
  color: #333;
  cursor: pointer;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Mobile Version */
@media (max-width: 600px) {
  .vip-popup {
    right: 12px;
    left: 12px;
    bottom: 20px;
  }

  .vip-content {
    width: 100%;
    padding: 16px;
    border-radius: 12px;
  }

  .vip-title {
    font-size: 16px;
  }

  .vip-text {
    font-size: 16px !important;
  }

  .vip-btn {
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 15px;
  }
}
</style>


<script>
// سوال‌ها
const questions = [
  "…نکروز در مراحل اولیه فقط ۵ ساعت فرصت تشخیص داره؟",
  "…۹۰٪ عفونت نخ لیفت به خاطر تکنیک اشتباهیه؟",
  "…اندولیفت تنها روشیه که هم چربی رو میسوزونه هم لیفت میکنه؟",
  "…درمان جای جوش عمیق معمولاً با یک تکنیک نتیجه نمیده؟",
  "…تشخیص اشتباه نکروز با حساسیت پوستی خیلی رایجه؟",
  "…فیلرهای قدیمی باید سونوگرافی بشن؟"
];

// لینک ثابت
const mainURL =
 "https://draminjaffari.com/%d9%be%da%a9%db%8c%d8%ac-%d8%ac%d9%88%d8%a7%d9%86%d8%b3%d8%a7%d8%b2%db%8c-%d9%88-%d9%84%db%8c%d9%81%d8%aa-%d8%b5%d9%88%d8%b1%d8%aa/";

let current = 4; // شروع از سوال شماره 5

function showQuestion(i){
  document.getElementById('vipQuestion').innerText = questions[i];
  document.getElementById('vipLink').href = mainURL;
}

document.getElementById('vipNext').addEventListener('click', ()=>{
  current = (current + 1) % questions.length;
  showQuestion(current);
});

function closeVip(){
  document.getElementById('vipPopup').classList.remove('show');
}

setTimeout(()=>{ 
  document.getElementById('vipPopup').classList.add('show'); 
}, 6000);
</script>

/* Force popup to be on top of everything */
.vip-popup, .vip-popup * {
    position: relative !important;
    z-index: 999999999 !important;
}

/* Prevent theme from locking the screen */
body {
    overflow: auto !important;
}/* End custom CSS */