/* Task 47: "Notify me when it is back" (product page) and the unsubscribe page. */
.stock-alert { margin: 0 0 18px; padding: 18px 20px; display: grid; gap: 12px; }
.stock-alert-title { margin: 0; font-size: 19px; line-height: 1.3; }
.stock-alert-lead { margin: 0; color: var(--text-2, #6e6e73); font-size: 15px; }
.stock-alert .notice { margin: 0; }
.stock-alert .field { display: grid; gap: 4px; margin: 0; }
.stock-alert-row { display: flex; gap: 10px; align-items: flex-end; }
.stock-alert-email { flex: 1 1 auto; min-width: 0; }
.stock-alert-consent { font-size: 14px; line-height: 1.4; }
.stock-alert-page h1 { margin-bottom: 12px; }
@media (max-width: 700px) {
  .stock-alert { padding: 16px; }
  .stock-alert-row { flex-direction: column; align-items: stretch; }
  .stock-alert-row .btn { width: 100%; min-height: 44px; }
  .stock-alert .input { font-size: 16px; min-height: 44px; }
}