/* Newsletter pop-up in the cookie-banner language (owner 2026-09-19): the liquid-glass star flies in
   and turns into place, a compact rectangular panel on top carries the sign-up. The form element,
   its fields and the security check are unchanged. */
.newsletter-dialog.newsletter-dialog--star {
  width: min(97vw, 94dvh); height: min(97vw, 94dvh); max-width: none; max-height: none; overflow: visible; border-radius: 0;
}
.newsletter-dialog--star .newsletter-star { animation: consent-arrive 1.2s cubic-bezier(.18,.78,.15,1) both; }
.newsletter-dialog--star .newsletter-card {
  position: relative; z-index: 2; box-sizing: border-box; width: min(430px, 51%); padding: 22px 26px 16px; gap: 11px;
  border-radius: 13px; background: linear-gradient(125deg, rgba(36,16,28,.86), rgba(0,0,0,.97) 46%, rgba(13,4,9,.95));
  box-shadow: inset 0 1px 1px #ffe0ef, inset 0 -1px 0 var(--pink), 0 0 24px rgba(255,0,144,.17);
}
.newsletter-dialog--star .newsletter-card > img { width: min(200px, 62%); }
.newsletter-dialog--star .newsletter-card h2 { font-size: clamp(34px, 5.2dvh, 50px); line-height: .96; white-space: nowrap; margin: 0; }
.newsletter-dialog--star .newsletter-card > p { font-size: clamp(12px, 1.55dvh, 14px); line-height: 1.45; }
.newsletter-dialog--star .newsletter-card .paint-strike { width: 46%; height: 5px; }
.newsletter-dialog--star .newsletter-card input[type=email] { height: 44px; }
.newsletter-dialog--star .newsletter-card .signal-button { min-height: 48px; font-size: clamp(22px, 3dvh, 28px); }
.newsletter-dialog--star .newsletter-card small { font-size: 12px; line-height: 1.5; }
.newsletter-card .newsletter-legal a { color: #f7bada; text-decoration: underline; text-underline-offset: 3px; }
.newsletter-dialog--star .newsletter-card .form-note:empty { display: none; }
.newsletter-dialog--star .newsletter-close { right: 8px; top: 4px; width: 40px; height: 40px; font-size: 30px; }
/* Same phone treatment as the cookie banner: full screen, oversized star behind a wide panel. */
@media (max-width:600px) {
  .newsletter-dialog.newsletter-dialog--star { width: 100vw; height: 100dvh; max-height: 100dvh; overflow: auto; }
  .newsletter-dialog--star .newsletter-star { min-height: 620px; height: 100%; width: 100%; }
  .newsletter-dialog--star .newsletter-card { width: 84%; padding: 22px 20px 16px; }
  .newsletter-dialog--star .newsletter-card h2 { font-size: 38px; white-space: normal; }
}
/* Landscape phones: like the cookie window, the panel sits in a scrolling dialog without the star frame, so the
   e-mail field, the consent box, the send button and the privacy note always stay reachable. */
@media (max-height:500px) and (max-width:1000px) {
  .newsletter-dialog.newsletter-dialog--star { width: min(520px, calc(100vw - 32px)); height: auto; max-height: calc(100dvh - 24px); overflow: auto; border-radius: 20px; }
  .newsletter-dialog--star .newsletter-star { width: 100%; height: auto; min-height: 0; }
  .newsletter-dialog--star .consent-star__frame { display: none; }
  .newsletter-dialog--star .newsletter-card { width: 100%; gap: 9px; padding: 18px 22px 14px; }
  .newsletter-dialog--star .newsletter-card > img { width: 150px; }
  .newsletter-dialog--star .newsletter-card h2 { font-size: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  .newsletter-dialog--star .newsletter-star { animation: none; }
}