/* ============================================================
   Модальные окна (Подписка, Обратная связь, Согласие на ПДн)
   ============================================================ */

.modal {
  position: fixed; inset: 0; z-index: 100;
  display: none; align-items: flex-start; justify-content: center;
  padding: var(--sp-10) var(--sp-4);
  background: rgba(20, 30, 45, .5);
  overflow-y: auto;
}
.modal.is-open { display: flex; }

.modal__dialog {
  background: var(--c-surface); border-radius: var(--r-md);
  box-shadow: var(--shadow-pop);
  width: 100%; max-width: 460px;
  padding: var(--sp-8);
  position: relative;
}
.modal__dialog--wide { max-width: 640px; }

.modal__close {
  position: absolute; top: var(--sp-4); right: var(--sp-4);
  width: 32px; height: 32px; border: none; background: none;
  color: var(--c-muted); line-height: 0; border-radius: var(--r-sm);
}
.modal__close:hover { background: var(--c-field-bg); color: var(--c-text); }

.modal__title { font-size: var(--fz-20); font-weight: var(--fw-bold); margin-bottom: var(--sp-3); }
.modal__text { color: var(--c-text-2); margin-bottom: var(--sp-5); }
.modal__actions { display: flex; gap: var(--sp-3); margin-top: var(--sp-5); flex-wrap: wrap; }

@media (max-width: 480px) {
  .modal { padding: var(--sp-5) var(--sp-3); }
  .modal__dialog { padding: var(--sp-6); }
}