/* V64: centred confirmation after a newsletter sign-up (newsletter-thanks.js).
 * Colours from the popup design: card #18181B, accent #BA1849. Above the popups (99999). */
.protec-nl-thanks {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px; background: rgba(8, 8, 10, 0.55);
  opacity: 0; transition: opacity 0.25s ease; cursor: pointer;
}
.protec-nl-thanks[hidden] { display: none; }
.protec-nl-thanks.is-open { opacity: 1; }
.protec-nl-thanks__card {
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  width: 100%; max-width: 420px; padding: 36px 28px 32px; box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 24px;
  background: #18181B; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
  color: #fff; text-align: center; font-family: inherit;
  transform: translateY(8px) scale(0.97); transition: transform 0.25s ease;
}
.protec-nl-thanks.is-open .protec-nl-thanks__card { transform: none; }
.protec-nl-thanks__icon {
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%; background: #BA1849; color: #fff;
}
.protec-nl-thanks__icon svg { width: 28px; height: 28px; }
.protec-nl-thanks__text { margin: 0; font-size: 20px; font-weight: 600; line-height: 1.4; color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .protec-nl-thanks, .protec-nl-thanks__card { transition: none; }
}