.sale-hero-signup[hidden]{display:none!important}
#fall-sale .sale-hero[data-subscription=true] .sale-banner-heading,#fall-sale .sale-hero[data-subscription=true] .sale-hero-description,#fall-sale .sale-hero[data-subscription=true] .sale-halloween-cta{display:none!important}
#fall-sale .sale-hero[data-subscription=true] .sale-banner-heading{font-size:clamp(30px,3vw,48px);line-height:1.12;max-width:560px;margin:0 0 8px}
.sale-hero-signup{width:min(100%,540px);box-sizing:border-box;padding:24px;border:1px solid #ffffff80;border-radius:24px;background:linear-gradient(125deg,#ffffffc7,#ffffffa8);color:#191c1d;backdrop-filter:blur(14px);text-align:left}
#fall-sale .sale-hero-signup h2{margin:0 0 7px;font-size:23px;line-height:1.25;color:#191c1d;letter-spacing:-.03em}
#fall-sale .sale-hero-signup .signup-benefit{margin:0 0 19px;font-size:14px;line-height:1.5;color:#59616d}
.signup-email-label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.signup-input-row{display:flex;align-items:center;padding:5px;background:white;border:1px solid #cfd3d8;border-radius:999px;gap:5px}
.signup-input-row:focus-within{border-color:#191c1d}
.signup-input-row input{min-width:0;flex:1;padding:11px 12px;border:0!important;outline:none!important;background:transparent;font:inherit;font-size:14px;color:#191c1d}
.signup-input-row button{flex:none;padding:13px 19px;background:#191c1d;color:white;border:0;border-radius:999px;font:inherit;font-size:14px;font-weight:650;cursor:pointer}
.signup-input-row button:hover{background:#343839}
.signup-consent{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:12px;line-height:1.5;color:#59616d}
.signup-consent input{flex:none;width:16px;height:16px;margin:1px 0 0;accent-color:#191c1d}
.signup-consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.signup-status{font-size:12px;line-height:1.5;margin:10px 0 0;color:#59616d}
.signup-status:empty{display:none}
.sale-hero-mode-preview{display:flex;justify-content:center;align-items:center;gap:16px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e7eb;color:#667085;font-size:13px;flex-wrap:wrap}
.sale-hero-mode-options{display:flex;padding:4px;border-radius:999px;background:#f1f2f4;gap:4px}
.sale-hero-mode-options button{border:0;border-radius:999px;background:transparent;color:#59616d;padding:8px 19px;font:inherit;cursor:pointer}
.sale-hero-mode-options button[aria-pressed=true]{background:#191c1d;color:white}
@media(max-width:600px){
 #fall-sale .sale-hero[data-subscription=true] .sale-hero-inner{height:auto;min-height:0;padding-top:104px;padding-bottom:16px}
 #fall-sale .sale-hero[data-subscription=true] .sale-hero-copy{transform:none;width:100%;gap:14px}
 #fall-sale .sale-hero[data-subscription=true] .sale-banner-heading{font-size:30px;max-width:330px}
 .sale-hero-signup{padding:20px;border-radius:20px}
 #fall-sale .sale-hero-signup h2{font-size:21px}
 .signup-input-row{flex-wrap:wrap;border:0;background:transparent;padding:0;gap:9px;border-radius:0}
 .signup-input-row input{width:100%;flex-basis:100%;box-sizing:border-box;background:white;border:1px solid #cfd3d8!important;border-radius:999px;padding:13px 16px}
 .signup-input-row button{width:100%;padding:14px}
 .sale-hero-mode-preview{gap:8px}
}

/* Compact subscription layout and shared preview toolbar. */
#fall-sale .sale-hero[data-subscription=true] .sale-hero-copy{gap:18px}
#fall-sale .sale-hero[data-subscription=true] .sale-banner-heading{display:none!important}
#fall-sale .sale-hero[data-subscription=true] #sale-title{display:flex!important}
.sale-hero-signup{width:100%;max-width:600px;padding:18px 22px;border-radius:18px}
#fall-sale .sale-hero-signup h2{font-size:20px;margin:0 0 12px;letter-spacing:-.02em}
#fall-sale .sale-hero-signup .signup-benefit{display:none}
.signup-email-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.signup-input-row{padding:4px}
.signup-input-row input{padding:9px 12px}
.signup-input-row button{padding:11px 17px}
.signup-consent{margin-top:10px;font-size:11px;gap:8px;line-height:1.4}
.sale-hero-preview-toolbar{position:absolute;z-index:4;top:20px;right:max(24px,calc((100% - 1440px)/2));display:flex;align-items:center;gap:14px}
.sale-hero-preview-toolbar .sale-banner-languages{position:static;transform:none}
.sale-hero-preview-toolbar .sale-hero-mode-preview{padding:0;border:0;background:transparent;flex-wrap:nowrap}
.sale-hero-preview-toolbar .sale-hero-mode-options{background:#161616cc;border:1px solid #ffffff40;padding:5px;gap:2px}
.sale-hero-preview-toolbar .sale-hero-mode-options button{padding:9px 12px;min-height:40px;color:#fff;font-size:12px;white-space:nowrap}
.sale-hero-preview-toolbar .sale-hero-mode-options button[aria-pressed=true]{background:#fff;color:#191c1d}
@media(max-width:900px){.sale-hero-preview-toolbar{gap:8px;right:16px}.sale-hero-preview-toolbar .sale-banner-languages button{padding:8px 10px}}
@media(max-width:600px){
 .sale-hero-preview-toolbar{top:12px;left:12px;right:12px;flex-wrap:wrap;justify-content:center;gap:7px}
 .sale-hero-preview-toolbar .sale-hero-mode-options{padding:3px}
 .sale-hero-preview-toolbar .sale-hero-mode-options button{padding:5px 13px;min-height:28px;font-size:11px}
 .sale-hero-preview-toolbar .sale-banner-languages{padding:3px;gap:1px}
 .sale-hero-preview-toolbar .sale-banner-languages button{min-height:30px;padding:5px 10px;font-size:11px}
 #fall-sale .sale-hero .sale-hero-inner{padding-top:112px}
 .sale-hero-signup{padding:16px;border-radius:16px}
 #fall-sale .sale-hero-signup h2{font-size:18px;margin-bottom:10px}
 .signup-input-row{flex-wrap:nowrap;padding:3px;border:1px solid #cfd3d8;background:#fff;border-radius:999px;gap:0}
 .signup-input-row input{width:auto;flex:1;flex-basis:auto;border:0!important;padding:10px;min-width:0;font-size:12px}
 .signup-input-row button{width:auto;padding:11px 12px;font-size:12px}
 .signup-consent{font-size:10px}
}

/* Borderless email capsule; retain a keyboard-only focus indicator. */
.sale-hero-signup .signup-input-row{border:0!important;box-shadow:none!important}
.sale-hero-signup .signup-input-row input{border:0!important;box-shadow:none!important}
.sale-hero-signup .signup-input-row:has(input:focus-visible){outline:2px solid #191c1d;outline-offset:3px}

@media(max-width:700px){
 #fall-sale .sale-hero-halloween .sale-hero-inner{height:auto;min-height:0;padding-bottom:16px}
 #fall-sale .sale-hero-halloween .sale-hero-visual{flex:none;height:auto;min-height:0;margin-bottom:0}
}
