.customer-page .newsletter-widget{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr);align-items:center;gap:32px;width:100%;margin:28px 0 12px;padding:24px 28px;border:1px solid color-mix(in srgb,var(--px) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--pb) 90%,white);position:relative;z-index:1;box-sizing:border-box}
.customer-page .newsletter-signup-intro .eyebrow{font-size:10px;margin-bottom:8px}
.customer-page .newsletter-widget h2{font:600 30px/1.15 var(--title-font,'Cormorant Garamond'),serif;color:var(--pt);margin:0 0 8px}
.customer-page .newsletter-widget .newsletter-signup-intro p{font-size:13px;line-height:1.6;margin:0;max-width:52ch;color:var(--px)}
.customer-page .newsletter-widget form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.2fr) auto;gap:12px;align-items:end;min-width:0;margin:0}
.customer-page .newsletter-widget label{display:block;font-size:12px;color:var(--pt);line-height:1.5}
.customer-page .newsletter-widget label>span{opacity:.7}
.customer-page .newsletter-widget input:not([type=checkbox]){display:block;width:100%;min-width:0;margin-top:6px;padding:11px 13px;height:44px;border:1px solid color-mix(in srgb,var(--px) 28%,transparent);border-radius:10px;background:color-mix(in srgb,var(--pb) 88%,black);color:var(--pt);font:14px var(--body-font,Inter),sans-serif;box-sizing:border-box}
.customer-page .newsletter-widget input::placeholder{color:var(--px);opacity:.6}
.customer-page .newsletter-widget .newsletter-signup-consent{grid-column:1/-1;grid-row:2;display:flex;gap:9px;align-items:flex-start;color:var(--px);font-size:11px;line-height:1.6}
.customer-page .newsletter-signup-consent input{flex:0 0 16px;width:16px;height:16px;margin:1px 0 0;accent-color:var(--pbtn)}
.customer-page .newsletter-widget button{grid-column:3;grid-row:1;height:44px;white-space:nowrap;font:600 12px var(--body-font,Inter),sans-serif;cursor:pointer}
.customer-page .newsletter-widget [role=status]{grid-column:1/-1;margin:0;font-size:12px;line-height:1.6;color:var(--pt)}
.customer-page .newsletter-widget [role=status]:empty{display:none}
.customer-page .newsletter-widget input:focus-visible,.customer-page .newsletter-widget button:focus-visible{outline:2px solid var(--pbtn);outline-offset:3px}
@media(max-width:1100px){.customer-page .newsletter-widget{grid-template-columns:1fr;gap:18px}.customer-page .newsletter-widget .newsletter-signup-intro p{max-width:none}}
@media(max-width:600px){.customer-page .newsletter-widget{padding:20px;gap:18px}.customer-page .newsletter-widget h2{font-size:27px}.customer-page .newsletter-widget form{grid-template-columns:1fr 1fr}.customer-page .newsletter-widget button{grid-column:1/-1;grid-row:3;width:100%}.customer-page .newsletter-widget .newsletter-signup-consent{grid-row:2}}
@media(max-width:380px){.customer-page .newsletter-widget form{grid-template-columns:1fr}.customer-page .newsletter-widget .newsletter-signup-consent{grid-row:3}.customer-page .newsletter-widget button{grid-row:4}}