/* ==========================================================================
   VEDAMAXX GROWTH — NEWSLETTER POPUP
   ========================================================================== */

.vxg-popup-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(31, 58, 26, 0.55);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 300ms ease;
}
.vxg-popup-overlay.is-open { opacity: 1; }

.vxg-popup {
  position: relative;
  background: #FBF8F1;
  border-radius: 20px;
  max-width: 420px;
  width: 100%;
  box-shadow: 0 24px 64px rgba(0,0,0,0.25);
  transform: scale(0.92) translateY(20px);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
}
.vxg-popup-overlay.is-open .vxg-popup { transform: scale(1) translateY(0); }

.vxg-popup__leaf-decor {
  position: absolute; top: -60px; right: -60px; width: 180px; height: 180px;
  background: #FBEBD3; border-radius: 50% 50% 45% 55% / 55% 45% 55% 45%; z-index: 0;
}

.vxg-popup__body { position: relative; z-index: 1; padding: 40px 32px 32px; text-align: center; }

.vxg-popup__close {
  position: absolute; top: 14px; right: 14px; z-index: 2;
  background: rgba(255,255,255,0.7); border: none; border-radius: 50%;
  width: 32px; height: 32px; font-size: 20px; line-height: 1; cursor: pointer;
  color: #3E2C1C;
}

.vxg-popup__eyebrow {
  display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: #C97A1E; margin-bottom: 8px;
}

.vxg-popup h3 { font-family: Georgia, serif; font-size: 26px; color: #1F3A1A; margin: 0 0 10px; }
.vxg-popup p { color: #6B5842; font-size: 14px; margin: 0 0 20px; }

#vxg-popup-form { display: flex; flex-direction: column; gap: 10px; }
#vxg-popup-form input {
  padding: 14px 18px; border-radius: 999px; border: 1px solid #EFE4CC;
  font-family: inherit; font-size: 14px;
}
.vxg-popup__submit {
  background: #B4552F; color: #fff; border: none; padding: 14px 24px;
  border-radius: 999px; font-weight: 700; font-size: 15px; cursor: pointer;
  transition: background 200ms ease, transform 200ms ease;
}
.vxg-popup__submit:hover { background: #9C4726; transform: translateY(-2px); }
.vxg-popup__submit:disabled { opacity: 0.6; cursor: not-allowed; }

.vxg-popup__fineprint { font-size: 11px; color: #A8977E; margin: 16px 0 0; }

.vxg-popup__success-icon {
  width: 56px; height: 56px; border-radius: 50%; background: #E4EDDD; color: #2D5016;
  font-size: 28px; display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px;
}
.vxg-popup__code {
  background: #FBEBD3; border-radius: 10px; padding: 14px; font-size: 22px;
  font-weight: 700; letter-spacing: 2px; color: #2D5016; margin: 16px 0;
}

@media (max-width: 480px) {
  .vxg-popup__body { padding: 32px 22px 24px; }
  .vxg-popup h3 { font-size: 22px; }
}
