.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-22216 .elementor-element.elementor-element-c6612da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-22216 .elementor-element.elementor-element-731a546{width:var( --container-widget-width, 100.087% );max-width:100.087%;--container-widget-width:100.087%;--container-widget-flex-grow:0;}.elementor-22216 .elementor-element.elementor-element-731a546.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-731a546 *//*
============================================================
===  استایل پاپ‌آپ تبلیغاتی (نسخه نهایی)  ===
============================================================
*/
.promo-popup-container {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  align-items: center;
  overflow: hidden;
  background-color: #FFFFFF;
}

/* ستون تصویر */
.popup-image-col {
  height: 100%;
}
.popup-image-col img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* در دسکتاپ عکس کادر را پر می‌کند */
  display: block;
}

/* ستون محتوا */
.popup-content-col {
  padding: 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-tagline {
  display: inline-block;
  background-color: #F0F5FE;
  color: #1A73E8;
  padding: 6px 15px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 15px;
}
.popup-content-col h2 {
  font-size: 26px;
  font-weight: 800;
  color: #1F2937;
  margin: 0 0 10px 0;
}
.popup-content-col .popup-subtitle {
  font-size: 16px;
  color: #4B5563;
  margin: 0 0 25px 0;
}

/* باکس کد تخفیف */
.coupon-box {
  background-color: #F9FAFB;
  border: 2px dashed #D1D5DB;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 25px;
}
.coupon-box p {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: #4B5563;
}
.coupon-box span {
  font-size: 22px;
  font-weight: bold;
  color: #10B981;
  letter-spacing: 2px;
}

/* دکمه اصلی */
.popup-cta-button {
  display: block;
  width: 100%;
  background-color: #1A73E8;
  color: #FFFFFF;
  padding: 14px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  transition: background-color 0.3s ease;
}
.popup-cta-button:hover {
  background-color: #1558B0;
}

/* استایل آیدی تلگرام */
.telegram-id-footer {
    margin-top: 15px !important;
    font-size: 13px !important;
    color: #6B7280 !important;
}
.telegram-id-footer a {
    color: #4B5563 !important;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #9CA3AF;
}
.telegram-id-footer a:hover {
    color: #1A73E8 !important;
    border-bottom-color: #1A73E8;
}

/*
=========================================
===  اصلاح رسپانسیو برای موبایل  ===
=========================================
*/
@media (max-width: 768px) {
  .promo-popup-container {
    grid-template-columns: 1fr; /* تک ستونه شدن */
  }
  .popup-image-col {
    height: auto; /* تغییر کلیدی: حذف ارتفاع ثابت */
  }
  .popup-image-col img {
    height: auto; /* ارتفاع خودکار برای حفظ نسبت تصویر */
    object-fit: contain; /* تغییر کلیدی: نمایش کامل تصویر */
  }
  .popup-content-col {
    padding: 30px 25px;
  }
  .popup-content-col h2 {
    font-size: 22px;
  }
}/* End custom CSS */