#elementor-popup-modal-11938{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-11938 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-11938 .dialog-close-button{display:flex;}#elementor-popup-modal-11938 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-b616ed6 *//* ===== NoomiEats – 5% OFF Popup (no CTA button) ===== */
:root{
  --ne-brand:#20a0aa;
  --ne-brand-2:#69cfd6;
  --ne-ink:#0e3a3d;
}

.ne-promo{
  position:relative;
  text-align:center;
  color:#fff;
  background:linear-gradient(135deg,var(--ne-brand) 0%,var(--ne-brand-2) 100%);
  border-radius:24px;
  padding:24px 24px 22px;
  box-shadow:0 30px 70px rgba(2,30,45,.25);
  overflow:hidden;
  /* leave room for Elementor’s close (✕) */
  padding-right:56px;
}

/* soft decorative blobs */
.ne-promo::before,
.ne-promo::after{
  content:""; position:absolute; border-radius:50%;
  filter:blur(24px); opacity:.18; pointer-events:none;
}
.ne-promo::before{ width:220px; height:220px; left:-60px; top:-60px; background:#fff; }
.ne-promo::after { width:260px; height:260px; right:-80px; bottom:-80px; background:#fff; }

.ne-promo__badge{
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 12px; border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.45);
  font-weight:900; letter-spacing:.3px; text-transform:uppercase;
}

.ne-promo__title{
  margin:12px 0 6px;
  font-weight:900;
  font-size:clamp(22px,3.4vw,28px);
  line-height:1.2;
}

.ne-promo__desc{
  margin:0;               /* tighter since there’s no button */
  font-weight:600;
  opacity:.95;
}

/* Mobile */
@media (max-width:768px){
  .ne-promo{ padding:22px 18px 20px; padding-right:52px; }
  .ne-promo__title{ font-size:22px; }
  .ne-promo__desc{ font-size:14px; }
}

/* Make the popup wrapper transparent (remove white frame) */
.elementor-popup-modal .dialog-widget-content,
.elementor-popup-modal .dialog-message{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
}

/* Close button styling (optional) */
.elementor-popup-modal .dialog-close-button{
  top:12px !important; right:12px !important;
  width:28px; height:28px; border-radius:999px;
  background:rgba(255,255,255,.9); color:#333;
}

/* Darken overlay slightly */
.elementor-popup-modal .dialog-overlay{ background:rgba(0,0,0,.45); }
/* Align the close (✕) neatly inside the card */
.elementor-popup-modal .dialog-close-button{
  position:absolute;
  top:18px !important;          /* tweak to 16–20 if needed */
  right:18px !important;
  width:34px; height:34px;
  display:flex; align-items:center; justify-content:center;
  padding:0; margin:0; line-height:1;
  border-radius:999px;
  background:#fff; color:#333;
  box-shadow:0 8px 20px rgba(0,0,0,.15);
  transform:none !important;    /* prevent odd translations */
  z-index:100000;
}
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg{
  font-size:16px;               /* keeps the X centered */
  line-height:1;
}

/* Slightly tighter on small screens */
@media (max-width:480px){
  .elementor-popup-modal .dialog-close-button{
    top:12px !important; right:12px !important; width:30px; height:30px;
  }
}
/* === Tuning: smaller + lighter typography === */
.ne-promo__badge{
  font-weight:800;          /* was 900 */
  font-size:12px;           /* new */
  padding:5px 10px;         /* a bit tighter */
}

.ne-promo__title{
  font-weight:800;          /* was 900 */
  font-size:clamp(20px,3vw,26px); /* was clamp(22px,3.4vw,28px) */
  line-height:1.25;
  letter-spacing:.2px;
}

.ne-promo__desc{
  font-weight:500;          /* was 600 */
  font-size:15px;           /* was default (larger) */
  line-height:1.45;
}

/* Mobile refinements */
@media (max-width:768px){
  .ne-promo__title{ font-size:20px; }
  .ne-promo__desc{ font-size:13px; }
}/* End custom CSS */