/* Newsletter signup partial and pages (marketing module). Uses the storefront variables; every one has a fallback. */
.sf-newsletter{display:grid;gap:12px;max-width:560px}
.sf-newsletter-title{margin:0;font-size:1.25rem;line-height:1.25}
.sf-newsletter-text{margin:4px 0 0;color:var(--sf-muted,#475467);font-size:.95rem}
.sf-newsletter-form{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.sf-newsletter-field{flex:1 1 220px;margin:0;min-width:0}
.sf-newsletter-form input[type=email]{
  width:100%;min-height:44px;padding:10px 14px;font:inherit;font-size:16px;
  color:var(--sf-text,#101828);background:var(--sf-surface,#fff);
  border:1px solid var(--sf-border,#cfd4dc);border-radius:var(--sf-radius,10px);box-sizing:border-box}
.sf-newsletter-form input[type=email]:focus-visible{outline:2px solid var(--sf-accent,#155EEF);outline-offset:2px}
.sf-newsletter-btn{min-height:44px;padding:10px 22px;font:inherit;font-weight:600;cursor:pointer;
  color:var(--sf-accent-ink,#fff);background:var(--sf-accent,#155EEF);
  border:1px solid var(--sf-accent,#155EEF);border-radius:var(--sf-radius,10px)}
.sf-newsletter-btn:hover{filter:brightness(.94)}
.sf-newsletter-btn:focus-visible{outline:2px solid var(--sf-accent,#155EEF);outline-offset:2px}
.sf-newsletter-btn[disabled]{opacity:.6;cursor:progress}
.sf-newsletter-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.sf-newsletter-status{margin:0;min-height:1.4em;font-size:.95rem;font-weight:500}
.sf-newsletter-status[data-state=ok]{color:var(--sf-ok,#067647)}
.sf-newsletter-status[data-state=err]{color:var(--sf-err,#b42318)}
.sf-newsletter-fine{margin:0;font-size:.8rem;color:var(--sf-muted,#475467)}
.sf-newsletter-page{max-width:640px;margin-left:auto;margin-right:auto;padding:32px 16px 48px}
.sf-newsletter-lede{margin:0 0 24px;line-height:1.6}
.sf-newsletter-back{margin-top:28px}
.sf-newsletter-undo{margin-top:20px;display:grid;gap:8px;justify-items:start}
.sf-newsletter-undo p{margin:0}
.sf-newsletter-undo .btn,.sf-newsletter-undo .sf-btn{min-height:44px;padding:10px 20px;font:inherit;font-weight:600;cursor:pointer;
  color:var(--sf-text,#101828);background:var(--sf-surface,#fff);border:1px solid var(--sf-border,#cfd4dc);border-radius:var(--sf-radius,10px)}
@media (max-width:480px){.sf-newsletter-form{flex-direction:column}.sf-newsletter-btn{width:100%}}
.sf-newsletter-page .sf-heading{margin:0 0 14px}
.sf-newsletter-page .sf-alert{margin:0 0 20px}
.sf-newsletter-page .sf-newsletter{margin-top:8px}
.sf-newsletter-page .sf-newsletter-title{margin:0 0 4px}
.sf-newsletter-text{margin:0}