/* Shop3 — секция «Подписка» (newsletter; plan-0.3 §1 п. 14, решение 34). Подключается, только если такая секция есть на странице
   (render.php, assets()). Только токены var(--s3-*) и логические свойства (canon §6.2, docs/dev/rtl.md); поле и кнопка — общие .s3-input, .s3-btn. */

.s3-newsletter { display: flex; flex-direction: column; gap: var(--s3-space-3); max-width: var(--s3-layout-measure); }
.s3-newsletter--center { margin-inline: auto; align-items: center; text-align: center; }
.s3-section__inner:has(.s3-newsletter--center) > .s3-section__heading { text-align: center; }
.s3-newsletter__text { margin: 0; font-size: var(--s3-font-size-lg); }
.s3-newsletter__form { display: flex; flex-wrap: wrap; gap: var(--s3-space-2); width: 100%; }
.s3-newsletter--center .s3-newsletter__form { justify-content: center; }
.s3-newsletter__email { flex: 1 1 var(--s3-layout-dropdown); min-width: 0; }
.s3-newsletter__button { flex: none; }
/* заливка из слота; наведение и фокус — роли палитры, как у любой основной кнопки (.s3-btn--primary, tokens.md §2.4) */
.s3-newsletter__button:not(:hover):not(:focus) { background: var(--s3-section-newsletter-button-accent); color: var(--s3-section-newsletter-button-accent-on); }
.s3-newsletter__manage { margin: 0; }
.s3-newsletter__note { margin: 0; font-size: var(--s3-font-size-sm); color: var(--s3-text-muted); }

@media (max-width: 600.98px) {
  .s3-newsletter__button { flex: 1 1 100%; }
}