.newsletter-offer-dialog {
  box-sizing: border-box;
  width: min(var(--popup-width, 480px), calc(100% - 28px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 44px 32px 28px;
  border: 0;
  border-radius: var(--popup-radius, 22px);
  background: var(--popup-background, #fff);
  color: var(--popup-text-color, #45606f);
  box-shadow: 0 24px 90px #00141e70;
  font-family: var(--popup-font, Poppins, system-ui, sans-serif);
  overflow-y: auto;
  overflow-wrap: anywhere;
}
dialog.newsletter-offer-dialog:not([open]), .newsletter-offer-dialog [hidden] { display: none; }
.newsletter-offer-dialog::backdrop { background: rgb(var(--popup-overlay-rgb, 0 23 34) / var(--popup-overlay-opacity, .72)); backdrop-filter: blur(4px); }
.newsletter-offer-dialog[data-background-style="gradient"] { background: linear-gradient(145deg,var(--popup-background),var(--popup-gradient-color)); }
.newsletter-offer-dialog[data-shadow="off"] { box-shadow: none; }
.newsletter-offer-dialog[data-animation="rise"] { animation: popup-rise .24s ease-out; }
.newsletter-offer-dialog[data-animation="fade"] { animation: popup-fade .24s ease-out; }
.newsletter-offer-dialog[data-text-align="center"] > h2, .newsletter-offer-dialog[data-text-align="center"] > p, .newsletter-offer-dialog[data-text-align="center"] > .newsletter-offer-brand { text-align: center; }
.newsletter-offer-close { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; padding: 0; border: 1px solid #ccd9de; border-radius: 50%; background: #f5f9fb; color: #0f2a38; font-size: 26px; cursor: pointer; }
.newsletter-offer-image { display: block; width: 100%; height: var(--popup-image-height,240px); object-fit: contain; margin: 12px 0 22px; border-radius: min(12px,var(--popup-radius,22px)); }
.newsletter-offer-dialog[data-image-fit="cover"] .newsletter-offer-image { object-fit: cover; }
.newsletter-offer-description { white-space: pre-line; overflow-wrap: anywhere; }
.newsletter-offer-dialog .newsletter-offer-cta { box-sizing: border-box; display: block; text-align: center; text-decoration: none; margin: 20px 0 8px; }
.newsletter-offer-brand { display: block; color: var(--popup-text-color,#53707d); font-size: .7rem; letter-spacing: .09em; font-weight: 700; }
.newsletter-offer-dialog h2 { margin: 8px 0 12px; color: var(--popup-heading-color,#0f2a38); font-size: clamp(22px,6vw,var(--popup-heading-size,28px)); line-height: 1.25; }
.newsletter-offer-dialog p { margin: 12px 0; color: var(--popup-text-color,#45606f); font-size: var(--popup-body-size,16px); line-height: 1.65; }
.newsletter-offer-dialog form > label { display: block; margin: 16px 0; color: var(--popup-heading-color,#0f2a38); font-size: 14px; font-weight: 600; }
.newsletter-offer-dialog input:not([type=checkbox]):not([type=hidden]) { box-sizing: border-box; width: 100%; min-height: 44px; margin-top: 7px; padding: 10px 12px; border: 1px solid #a3b9c4; border-radius: 8px; background: var(--popup-input-background,#f5f9fb); color: var(--popup-heading-color,#0f2a38); font: inherit; font-size: 16px; }
.newsletter-offer-dialog form > .newsletter-offer-consent { display: flex; align-items: flex-start; gap: 10px; font-size: .78rem; line-height: 1.65; font-weight: 400; }
.newsletter-offer-dialog input[type=checkbox] { flex: 0 0 18px; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--popup-accent-color,#cf3828); }
.newsletter-offer-dialog a { color: var(--popup-accent-color,#ab3023); text-decoration: underline; }
.newsletter-offer-dialog .newsletter-offer-submit { box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px; border: 2px solid var(--popup-button-color,#cf3828); border-radius: var(--popup-button-radius,8px); background: var(--popup-button-color,#cf3828); color: var(--popup-button-text,#fff); font: inherit; font-weight: 700; cursor: pointer; }
.newsletter-offer-dialog[data-button-style="outline"] .newsletter-offer-submit { background: transparent; color: var(--popup-button-color,#cf3828); }
.newsletter-offer-submit:disabled { opacity: .65; cursor: wait; }
.newsletter-offer-later { display: block; min-height: 40px; margin: 4px auto 0; border: 0; background: transparent; color: var(--popup-text-color,#45606f); font: inherit; font-size: .85rem; text-decoration: underline; cursor: pointer; }
.newsletter-offer-dialog .newsletter-offer-terms { margin-bottom: 0; font-size: .72rem; }
.newsletter-offer-dialog .newsletter-offer-status { padding: 14px; border: 1px solid #b0cecc; border-radius: 9px; background: #edf7f6; color: #0f2a38; }
.newsletter-offer-dialog :focus-visible { outline: 3px solid var(--popup-accent-color,#0f2a38); outline-offset: 3px; }
.newsletter-offer-dialog .newsletter-offer-honeypot { display: none !important; }
.newsletter-offer-inline { position: relative; margin: 0; width: 100%; max-height: 690px; animation: none !important; box-shadow: none; }
.newsletter-offer-inline .newsletter-offer-submit:disabled { opacity: 1; cursor: default; }
@keyframes popup-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes popup-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .newsletter-offer-dialog { animation: none !important; } }
@media (max-width: 480px) { .newsletter-offer-dialog { padding: 44px 24px 24px; } .newsletter-offer-image { height: min(var(--popup-image-height,240px),200px); } }