/* Match the regular themes' page-title background on commerce/account pages. */
.fashion-storefront #react-spa-root :is(.react-cart-header,.react-checkout-header,.react-account-header,.react-addresses-header,.react-orders-header,.fashion-auth-title),
.fashion-storefront #react-spa-root .fashion-account-layout :is(.react-account-header,.react-addresses-header,.react-orders-header){
    box-sizing:border-box;
    width:100%;max-width:none;
    padding:52px 20px;
    margin:0 0 32px;
    background:var(--theme-box-background,var(--theme-background,#f8f8f8)) url('/assets/v2/images/shop/file/page-title-blog.png') center/cover no-repeat;
    color:var(--theme-text);
    text-align:center;
}
.fashion-storefront #react-spa-root :is(.react-cart-header,.react-checkout-header,.react-account-header,.react-addresses-header,.react-orders-header,.fashion-auth-title) h1,
.fashion-storefront #react-spa-root .fashion-account-layout :is(.react-account-header,.react-addresses-header,.react-orders-header) h1{margin:0!important;font-size:32px!important;line-height:1.3;text-align:center!important;color:inherit}
@media(max-width:767px){
.fashion-storefront #react-spa-root :is(.react-cart-header,.react-checkout-header,.react-account-header,.react-addresses-header,.react-orders-header,.fashion-auth-title),
.fashion-storefront #react-spa-root .fashion-account-layout :is(.react-account-header,.react-addresses-header,.react-orders-header){padding:34px 16px;margin:0 0 24px}
.fashion-storefront #react-spa-root :is(.react-cart-header,.react-checkout-header,.react-account-header,.react-addresses-header,.react-orders-header,.fashion-auth-title) h1,
.fashion-storefront #react-spa-root .fashion-account-layout :is(.react-account-header,.react-addresses-header,.react-orders-header) h1{font-size:26px!important}
}

/* Authentication titles sit on the light title banner, independently of muted body text. */
.fashion-storefront #react-spa-root .fashion-auth-title{background-color:#f0f0f0;color:#222}
.fashion-storefront #react-spa-root .fashion-auth-title h1{color:#222!important;font-weight:500}

/* Login follows the regular theme's recovery and new-customer flow. */
.fashion-storefront #react-spa-root .fashion-auth-card{max-width:560px;margin:0 auto 64px;padding:28px 32px;border:1px solid color-mix(in srgb,var(--theme-text) 18%,transparent);border-radius:12px;box-sizing:border-box}
.fashion-storefront #react-spa-root .fashion-auth-intro{margin-bottom:24px;text-align:center}
.fashion-storefront #react-spa-root .fashion-auth-intro h2{font-size:24px;line-height:1.3;margin:0 0 10px;font-weight:500}
.fashion-storefront #react-spa-root .fashion-auth-intro p{font-size:14px;line-height:1.6;margin:0}
.fashion-storefront #react-spa-root .fashion-auth-card form{display:flex;flex-direction:column;gap:0}
.fashion-storefront #react-spa-root .fashion-auth-card label{display:block;margin:0 0 20px}
.fashion-storefront #react-spa-root .fashion-auth-card input:not([type=checkbox]){width:100%;min-height:48px;box-sizing:border-box}
.fashion-storefront #react-spa-root .fashion-auth-recover{align-self:flex-end;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin:0 0 24px}
.fashion-storefront #react-spa-root .fashion-auth-card button[type=submit]{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
.fashion-storefront #react-spa-root .fashion-auth-create{display:flex;justify-content:center;text-align:center;border-top:1px solid color-mix(in srgb,var(--theme-text) 18%,transparent);margin-top:24px;padding-top:24px}
.fashion-storefront #react-spa-root .fashion-auth-create a{text-decoration:underline;text-underline-offset:4px;line-height:1.6}
@media(max-width:767px){.fashion-storefront #react-spa-root .fashion-auth-card{width:calc(100% - 32px);padding:24px 20px;margin-bottom:40px}.fashion-storefront #react-spa-root .fashion-auth-intro h2{font-size:22px}}

.fashion-storefront #react-spa-root .fashion-auth-card .fashion-auth-terms{display:flex;align-items:flex-start;gap:10px;line-height:1.6}
.fashion-storefront #react-spa-root .fashion-auth-card .fashion-auth-terms input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:3px 0 0}