/* Private newsletter pages share the storefront's contained pill and surfaces.
   Keep this stylesheet local to commerce: private pages never load analytics. */
.gb-newsletter-page .status-masthead {
  width:max-content; max-width:calc(100% - 48px); margin:24px auto 0;
  padding:12px 24px; gap:40px; border-radius:999px; flex-wrap:nowrap;
  box-shadow:0 2px 3px rgba(32,23,54,.05);
}
.gb-newsletter-page .status-masthead .status-kicker { flex-basis:auto; order:0; }
.gb-newsletter-page .status-footer {
  width:min(1120px,calc(100% - 48px)); margin:0 auto;
  padding:24px 0; justify-content:center; gap:32px;
}
.gb-newsletter-page .status-footer a { padding-block:10px; }
.gb-welcome-offer .status-main {
  width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:64px 0 40px;
}
.gb-welcome-offer .status-main>h1 {
  max-width:900px; margin:0 auto 24px; text-align:center;
}
.gb-welcome-offer .status-main>p:first-of-type {
  max-width:720px; margin:0 auto 32px; text-align:center; font-size:18px;
}
.welcome-checkout-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.welcome-checkout-actions--two { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:760px; margin-inline:auto; }
.welcome-checkout-actions form {
  display:flex; flex-direction:column; min-width:0; margin:0; padding:32px 28px;
  border:2px solid rgba(255,255,255,.7); border-radius:40px;
  background:var(--neutral-50); box-shadow:0 6px 0 rgba(32,23,54,.06),0 10px 18px rgba(32,23,54,.06);
}
.welcome-checkout-actions .welcome-plan--featured { border-color:var(--brand); background:#fff9f6; }
.welcome-plan-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; min-height:56px; margin-bottom:24px; }
.welcome-checkout-actions .welcome-plan-name { margin:0; color:#201736; font-size:22px; font-weight:600; line-height:1.25; }
.welcome-best-value { padding:5px 10px; border-radius:999px; color:#842110; background:#ffe5dc; font-size:12px; font-weight:600; white-space:nowrap; }
.welcome-price-breakdown { display:grid; gap:10px; margin:0 0 18px; padding:0 0 18px; border-bottom:1px solid rgba(32,23,54,.12); font-size:14px; line-height:1.4; }
.welcome-price-breakdown div { display:flex; justify-content:space-between; gap:8px; }
.welcome-price-breakdown dt { color:var(--secondary); font-weight:400; }
.welcome-price-breakdown dd { margin:0; color:#201736; white-space:nowrap; font-variant-numeric:tabular-nums; }
.welcome-price-breakdown s { color:var(--secondary); }
.welcome-checkout-actions .welcome-plan-price { margin:0 0 16px; color:#201736; font-size:clamp(36px,3.6vw,48px); font-weight:700; line-height:1.15; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.welcome-plan-price span { display:block; margin-top:6px; color:var(--secondary); font-size:13px; font-weight:400; line-height:1.4; letter-spacing:.015em; }
.welcome-plan-price .welcome-pay-label { margin:0 0 6px; color:#201736; font-weight:600; }
.welcome-checkout-actions .welcome-plan-saving { margin:0 0 18px; color:#201736; font-size:14px; line-height:1.4; }
.welcome-checkout-actions .status-button {
  width: 100%; min-height: 54px; margin-top:auto; padding: 14px 16px; font-size: 16px; font-weight: 700; line-height:1.25;
  color: #fff; white-space: normal; cursor: pointer;
  background: radial-gradient(62.56% 62.56% at 28.14% -10.42%,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 100%),linear-gradient(0deg,var(--brand),var(--brand));
  box-shadow: 0 -2px 0 #c4260f inset,0 1px 0 rgba(255,255,255,.35) inset,0 4px 8px rgba(255,59,0,.1);
}
.welcome-checkout-actions .status-button:hover {
  background: radial-gradient(62.56% 62.56% at 50% -13%,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 100%),linear-gradient(0deg,var(--brand),var(--brand));
}
.welcome-checkout-actions .status-button:focus-visible { outline: 3px solid #201736; outline-offset: 3px; }
.welcome-checkout-actions .status-button:disabled { cursor: progress; }
#welcome-checkout-status { min-height: 1.7em; margin-top: 20px; }
#welcome-checkout-status:focus-visible { outline: 2px solid #201736; outline-offset: 4px; }
.welcome-countdown { width:fit-content; margin:0 0 24px; }
.status-main .welcome-offer-window { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; align-items:center; max-width:900px; margin:24px auto 40px; padding:24px 0; }
.welcome-offer-window>.welcome-countdown { grid-column:2; grid-row:1/3; margin:0; }
.welcome-offer-window>strong { grid-column:1; align-self:end; }
.welcome-offer-window>p.status-note { grid-column:1; align-self:start; margin:6px 0 0; }
.welcome-countdown[hidden], #welcome-countdown-readout[hidden] { display:none; }
.welcome-countdown-label { display:block; margin-bottom:10px; font-size:14px; font-weight:600; color:#201736; }
.welcome-countdown-digits { display:block; padding:12px 18px 6px; border-radius:20px 20px 0 0; background:#201736; color:#fff; font-family:var(--gb-font-body); font-size:32px; line-height:1.2; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.03em; }
.welcome-countdown-units { display:block; padding:0 18px 12px; border-radius:0 0 20px 20px; background:#201736; color:#fff; text-align:center; font-size:11px; letter-spacing:.025em; }
#welcome-countdown-toggle { display:block; min-height:44px; padding:8px 0; border:0; background:none; color:#201736; font:inherit; font-size:14px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
#welcome-countdown-toggle:focus-visible { outline:2px solid #201736; outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { .welcome-countdown * { animation:none!important; transition:none!important; } }
@media(max-width:620px) { .status-main .welcome-offer-window { display:block; } .welcome-offer-window>.welcome-countdown { margin-bottom:18px; } }
.gb-welcome-offer .status-main>.status-panel:last-child { max-width:900px; margin:20px auto 0; }
@media(max-width:899px) {
  .welcome-checkout-actions { grid-template-columns:1fr; max-width:560px; margin-inline:auto; }
  .welcome-checkout-actions .welcome-plan-price { font-size:44px; }
}
@media(max-width:620px) {
  .gb-newsletter-page .status-masthead { max-width:calc(100% - 40px); margin-top:20px; padding:12px 20px; gap:20px; }
  .gb-newsletter-page .status-kicker { font-size:12px; }
  .gb-welcome-offer .status-main { padding-top:40px; }
  .gb-welcome-offer .status-main>p:first-of-type { font-size:17px; }
  .welcome-checkout-actions form { padding:28px 24px; border-radius:32px; }
  .welcome-plan-heading { min-height:0; }
  .welcome-checkout-actions .welcome-plan-price { font-size:40px; }
}
@media(max-width:359px) { .gb-newsletter-page .status-kicker { display:none; } }