.customer-account-login.bb-auth-page,
.customer-account-login.bb-auth-page .page-wrapper {
    min-height: 100svh;
    overflow-x: hidden;
    background: #fff;
    color: #171717;
}

.customer-account-login.bb-auth-page .page-main {
    position: relative;
    display: block;
    width: 100vw;
    max-width: none;
    min-height: 100svh;
    box-sizing: border-box;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: 0 20px 48px !important;
}

.customer-account-login.bb-auth-page .columns,
.customer-account-login.bb-auth-page .column.main {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.customer-account-login.bb-auth-page .page-title-wrapper,
.customer-account-login.bb-auth-page .breadcrumbs {
    display: none;
}

.customer-account-login.bb-auth-page .messages,
.customer-account-login.bb-auth-page .login-container {
    width: min(540px, calc(100vw - 40px));
    margin-right: auto !important;
    margin-left: auto !important;
}

.customer-account-login.bb-auth-page .login-container {
    position: absolute;
    top: clamp(94px, calc(4vh + 70px), 114px);
    left: 50%;
    transform: translateX(-50%);
}

.customer-account-login.bb-auth-page .messages {
    margin-bottom: 14px;
}

.customer-account-login.bb-auth-page .block-customer-login {
    margin: 0;
}

.bb-auth,
.bb-auth * {
    box-sizing: border-box;
}

.bb-auth {
    --bb-auth-accent: #d00000;
    --bb-auth-ink: #171717;
    --bb-auth-muted: #5f5f5f;
    --bb-auth-line: #d8d8d8;
    width: 100%;
    font-family: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.bb-auth__card {
    width: 100%;
    margin: 0 auto;
    min-height: 0;
    padding: 38px 48px 28px;
    border: 1px solid var(--bb-auth-line);
    border-top: 4px solid var(--bb-auth-accent);
    border-radius: 8px;
    background: #fff;
}

.bb-auth__logo-link {
    display: block;
    width: min(180px, 62vw);
    margin: 0 0 20px;
    line-height: 0;
}

.bb-auth__logo {
    display: block;
    width: 100%;
    height: auto;
}

.bb-auth h1 {
    margin: 0 0 20px;
    color: var(--bb-auth-ink);
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1;
}

.bb-auth-form,
.bb-auth-form .fieldset {
    margin: 0;
}

.bb-auth-form .fieldset:after {
    display: none;
}

.bb-auth-form__field {
    margin: 0 0 17px;
}

.bb-auth-form .label {
    display: block;
    margin: 0 0 7px;
    color: var(--bb-auth-ink);
    font-size: 13px;
    font-weight: 800;
    text-align: left;
}

.bb-auth-form .control {
    width: 100%;
}

.bb-auth-form input.input-text {
    width: 100%;
    height: 54px;
    padding: 12px 15px;
    border: 1px solid #8f8f8f;
    border-radius: 7px;
    background: #fff !important;
    box-shadow: none;
    color: var(--bb-auth-ink);
    font-size: 15px;
    line-height: 1.35;
    appearance: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.bb-auth-form input.input-text:focus {
    border-color: var(--bb-auth-accent);
    box-shadow: 0 0 0 3px rgba(208, 0, 0, .1);
    outline: none;
}

.bb-auth-form input.input-text:-webkit-autofill,
.bb-auth-form input.input-text:-webkit-autofill:hover,
.bb-auth-form input.input-text:-webkit-autofill:focus,
.bb-auth-form input.input-text:autofill {
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: var(--bb-auth-ink) !important;
    caret-color: var(--bb-auth-ink);
}

.bb-auth-form__password-control {
    position: relative;
}

.bb-auth-form__password-control input.input-text {
    padding-right: 56px;
}

.bb-auth-form__password-toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 5;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px;
    background: transparent !important;
    box-shadow: none !important;
    color: #111 !important;
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-50%);
}

.bb-auth-form__password-toggle:hover,
.bb-auth-form__password-toggle:focus {
    background: #f2f2f2;
}

.bb-auth-form__password-toggle:focus-visible {
    outline: 2px solid rgba(208, 0, 0, .35);
    outline-offset: 2px;
}

.bb-auth-form__eye {
    display: block;
    width: 27px;
    height: 27px;
    color: #111 !important;
    overflow: visible;
    pointer-events: none;
}

.bb-auth-form__eye-shape,
.bb-auth-form__eye-slash {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bb-auth-form__eye-pupil {
    fill: currentColor !important;
}

.bb-auth-form__eye-slash {
    opacity: 0;
}

.bb-auth-form__password-toggle.is-visible .bb-auth-form__eye-slash {
    opacity: 1;
}

.bb-auth-form__forgot,
.bb-auth-form__forgot:visited {
    display: inline-block;
    margin: 0 0 20px;
    color: var(--bb-auth-accent);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
    text-decoration: none;
}

.bb-auth-form__forgot:hover,
.bb-auth-form__forgot:focus {
    color: #a90000;
    text-decoration: underline;
}

.bb-auth-form .mage-error {
    display: block;
    margin: 7px 0 0;
    color: #b00000;
    font-size: 13px;
    font-weight: 800;
}

.bb-auth-form input.mage-error {
    border-color: #b00000;
}

.bb-auth-form__actions {
    margin: 0;
}

.bb-auth-form__actions .primary {
    float: none;
}

.bb-auth-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 102px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--bb-auth-accent);
    border-radius: 8px;
    background: var(--bb-auth-accent);
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: none;
}

.bb-auth-form__submit:hover,
.bb-auth-form__submit:focus {
    border-color: #a90000;
    background: #a90000;
    color: #fff;
}

.bb-auth-form__submit[disabled] {
    cursor: not-allowed;
    opacity: .55;
}

.bb-auth-create {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    margin: 26px 0 0;
    color: var(--bb-auth-ink);
    font-size: 15px;
    line-height: 1.45;
}

.bb-auth-create__button,
.bb-auth-create__button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    background: #fff;
    color: var(--bb-auth-accent);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    text-decoration: none;
}

.bb-auth-create__button:hover,
.bb-auth-create__button:focus {
    border-color: var(--bb-auth-accent);
    color: #a90000;
    text-decoration: none;
}

.bb-auth__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
    margin-top: 48px;
}

.bb-auth__links a,
.bb-auth__links a:visited {
    color: var(--bb-auth-muted);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.bb-auth__links a:hover,
.bb-auth__links a:focus {
    color: var(--bb-auth-accent);
    text-decoration: underline;
}

@media (max-width: 640px) {
    .customer-account-login.bb-auth-page .page-main {
        padding: 6px 7px 34px !important;
    }

    .customer-account-login.bb-auth-page .login-container {
        position: static;
        width: min(620px, calc(100vw - 14px));
        transform: none;
        margin-top: 0 !important;
    }

    .bb-auth__card {
        min-height: 0;
        padding: clamp(30px, 7.8vw, 48px) clamp(24px, 7.8vw, 50px) 30px;
    }

    .bb-auth__logo-link {
        width: min(176px, 58vw);
        margin-bottom: 20px;
    }

    .bb-auth h1 {
        margin-bottom: 22px;
        font-size: 32px;
        line-height: 1.08;
    }

    .bb-auth-form__field {
        margin-bottom: 18px;
    }

    .bb-auth-form .label {
        font-size: 14px;
    }

    .bb-auth-form input.input-text {
        min-height: 58px;
        font-size: 16px;
        background: #fff !important;
    }

    .bb-auth-form__password-control input.input-text {
        padding-right: 60px;
    }

    .bb-auth-form__password-toggle {
        right: 12px;
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }

    .bb-auth-form__forgot,
    .bb-auth-form__forgot:visited {
        margin-bottom: 24px;
        font-size: 15px;
    }

    .bb-auth-form__submit {
        min-width: 112px;
        min-height: 54px;
        padding: 0 24px;
        font-size: 15px;
    }

    .bb-auth-create {
        margin-top: 28px;
        font-size: 15px;
    }

    .bb-auth-create__button,
    .bb-auth-create__button:visited {
        min-height: 42px;
        padding: 0 14px;
        font-size: 14px;
    }

    .bb-auth__links {
        margin-top: 48px;
        gap: 8px 22px;
    }

    .bb-auth__links a,
    .bb-auth__links a:visited {
        font-size: 14px;
    }
}

/* =========================================================
   BB AUTH CREATE ACCOUNT PAGE 2026-05-25
   Dedicated registration screen, paired with the login page.
   ========================================================= */

.customer-account-create.bb-auth-page,
.customer-account-create.bb-auth-page .page-wrapper {
    min-height: 100svh;
    overflow-x: hidden;
    background: #fff;
    color: #171717;
}

.customer-account-create.bb-auth-page .page-main {
    position: relative;
    display: block;
    width: 100vw;
    max-width: none;
    min-height: 100svh;
    box-sizing: border-box;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: clamp(78px, 8vh, 112px) 20px 54px !important;
}

.customer-account-create.bb-auth-page .columns,
.customer-account-create.bb-auth-page .column.main {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.customer-account-create.bb-auth-page .page-title-wrapper,
.customer-account-create.bb-auth-page .breadcrumbs {
    display: none;
}

.customer-account-create.bb-auth-page .messages,
.customer-account-create.bb-auth-page .bb-auth--register {
    width: min(540px, calc(100vw - 40px));
    margin-right: auto !important;
    margin-left: auto !important;
}

.customer-account-create.bb-auth-page .messages {
    margin-bottom: 14px;
}

.bb-auth--register .bb-auth__card {
    padding: 36px 48px 28px;
}

.bb-auth--register .bb-auth__logo-link {
    width: min(168px, 60vw);
    margin-bottom: 18px;
}

.bb-auth--register h1 {
    margin-bottom: 22px;
    font-size: 28px;
}

.bb-auth-register-form,
.bb-auth-register-form .fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.bb-auth-register-form .fieldset {
    margin-bottom: 22px;
}

.bb-auth-register-form .fieldset:last-of-type {
    margin-bottom: 18px;
}

.bb-auth-register-form .legend {
    display: block;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    color: var(--bb-auth-ink);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.2;
}

.bb-auth-register-form .legend span {
    display: inline;
}

.bb-auth-register-form .field {
    margin: 0 0 15px;
}

.bb-auth-register-form .field:last-child {
    margin-bottom: 0;
}

.bb-auth-register-form .field.choice,
.bb-auth-register-form .field.choice.newsletter,
.bb-auth-register-form .field.choice.persistent,
.bb-auth-register-form .field.choice.assistance {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 10px 0 0;
    color: var(--bb-auth-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.bb-auth-register-form .field.choice input[type='checkbox'],
.bb-auth-register-form .field.choice input[type='radio'] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: var(--bb-auth-accent);
}

.bb-auth-register-form .field.choice .label {
    display: inline;
    margin: 0;
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.bb-auth-register-form .field.choice .label span {
    display: inline;
}

.bb-auth-register-form select,
.bb-auth-register-form textarea,
.bb-auth-register-form input.input-text {
    background: #fff !important;
}

.bb-auth-register-form select,
.bb-auth-register-form textarea {
    width: 100%;
    min-height: 54px;
    padding: 12px 15px;
    border: 1px solid #8f8f8f;
    border-radius: 7px;
    box-shadow: none;
    color: var(--bb-auth-ink);
    font-size: 15px;
    line-height: 1.35;
}

.bb-auth-register-form select:focus,
.bb-auth-register-form textarea:focus {
    border-color: var(--bb-auth-accent);
    box-shadow: 0 0 0 3px rgba(208, 0, 0, .1);
    outline: none;
}

.bb-auth-register-form .nested {
    margin-top: 12px;
}

.bb-auth-register-form #password-strength-meter-container {
    margin: 8px 0 0;
    padding: 0;
    background: transparent;
}

.bb-auth-register-form .password-strength-meter {
    min-height: 22px;
    padding: 4px 8px;
    border: 0;
    border-radius: 5px;
    background: #f1f1ef;
    color: #333;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

.bb-auth-register-form .password-strength-meter:before,
.bb-auth-register-form .password-strength-meter:after {
    display: none;
}

.bb-auth-register-form .password-strength-meter-0 .password-strength-meter,
.bb-auth-register-form .password-strength-meter-1 .password-strength-meter {
    background: #f7dede;
    color: #8a0000;
}

.bb-auth-register-form .password-strength-meter-2 .password-strength-meter {
    background: #f2ead4;
    color: #6f4d00;
}

.bb-auth-register-form .password-strength-meter-3 .password-strength-meter {
    background: #e6f1da;
    color: #365f12;
}

.bb-auth-register-form .password-strength-meter-4 .password-strength-meter {
    background: #dcedd2;
    color: #2e6810;
}

.bb-auth-register-form .fieldset.additional_info,
.bb-auth-register-form .bb-auth-form__fieldset--additional {
    margin: 0 0 18px;
}

.bb-auth-register-form .fieldset.additional_info:empty,
.bb-auth-register-form .bb-auth-form__fieldset--additional:empty {
    display: none;
}

.bb-auth-register-form__actions .primary {
    float: none;
}

.bb-auth-create--signin {
    margin-top: 24px;
}

.bb-auth--register .bb-auth__links {
    margin-top: 42px;
}

@media (max-width: 640px) {
    .customer-account-create.bb-auth-page .page-main {
        padding: 6px 7px 34px !important;
    }

    .customer-account-create.bb-auth-page .messages,
    .customer-account-create.bb-auth-page .bb-auth--register {
        width: min(620px, calc(100vw - 14px));
    }

    .bb-auth--register .bb-auth__card {
        min-height: 0;
        padding: clamp(30px, 7.8vw, 48px) clamp(24px, 7.8vw, 50px) 30px;
    }

    .bb-auth--register .bb-auth__logo-link {
        width: min(176px, 58vw);
        margin-bottom: 20px;
    }

    .bb-auth--register h1 {
        margin-bottom: 22px;
        font-size: 32px;
        line-height: 1.08;
    }

    .bb-auth-register-form .fieldset {
        margin-bottom: 24px;
    }

    .bb-auth-register-form .legend {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .bb-auth-register-form .field {
        margin-bottom: 18px;
    }

    .bb-auth-register-form select,
    .bb-auth-register-form textarea {
        min-height: 58px;
        font-size: 16px;
    }

    .bb-auth-register-form .field.choice,
    .bb-auth-register-form .field.choice .label {
        font-size: 14px;
    }

    .bb-auth-register-form__actions .primary,
    .bb-auth-register-form__actions .bb-auth-form__submit {
        width: 100%;
    }

    .bb-auth-register-form__actions .bb-auth-form__submit {
        min-height: 56px;
    }

    .bb-auth-create--signin {
        margin-top: 26px;
    }

    .bb-auth--register .bb-auth__links {
        margin-top: 46px;
    }
}

/* =========================================================
   BB AUTH REGISTER ALIGNMENT FIX 2026-05-25
   Match login page placement and override Magento's 600px form width.
   ========================================================= */

.customer-account-create.bb-auth-page .page-main {
    padding: 0 20px 48px !important;
}

.customer-account-create.bb-auth-page .bb-auth--register {
    position: absolute;
    top: clamp(94px, calc(4vh + 70px), 114px);
    left: 50%;
    transform: translateX(-50%);
}

.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
    padding: 38px 48px 28px;
}

.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__logo-link {
    width: min(180px, 62vw);
    margin: 0 0 20px;
}

.customer-account-create.bb-auth-page .bb-auth--register h1 {
    margin: 0 0 20px;
    font-size: 28px;
    line-height: 1.1;
}

.customer-account-create.bb-auth-page .form.create.account.bb-auth-register-form,
.customer-account-create.bb-auth-page .bb-auth-register-form.form.create.account,
.customer-account-create.bb-auth-page .bb-auth-register-form {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .field,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .fields,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .fields > .field,
.customer-account-create.bb-auth-page .bb-auth-register-form .field,
.customer-account-create.bb-auth-page .bb-auth-register-form .control,
.customer-account-create.bb-auth-page .bb-auth-register-form .nested,
.customer-account-create.bb-auth-page .bb-auth-register-form .actions-toolbar,
.customer-account-create.bb-auth-page .bb-auth-register-form .customer-name,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset-fullname,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset-fullname .fields,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset-fullname .fields .field {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset-fullname .fields .field + .field {
    padding-left: 0 !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field:not(.choice) > .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .field:not(.choice) > .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .fields > .field:not(.choice) > .label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form input.input-text,
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='text'],
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='email'],
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='password'],
.customer-account-create.bb-auth-page .bb-auth-register-form select,
.customer-account-create.bb-auth-page .bb-auth-register-form textarea,
.customer-account-create.bb-auth-page .bb-auth-register-form #password-strength-meter-container,
.customer-account-create.bb-auth-page .bb-auth-register-form .password-strength-meter {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice.newsletter,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice.assistance {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice .field-tooltip {
    flex: 0 0 auto;
    margin-left: 2px;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice .field-tooltip-content {
    max-width: min(280px, calc(100vw - 56px));
}

.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset.create.account:after {
    margin: 18px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}

@media (max-width: 640px) {
    .customer-account-create.bb-auth-page .bb-auth--register {
        position: static;
        width: min(620px, calc(100vw - 14px));
        transform: none;
        margin-top: 0 !important;
    }

    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
        padding: clamp(30px, 7.8vw, 48px) clamp(24px, 7.8vw, 50px) 30px;
    }

    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__logo-link {
        width: min(176px, 58vw);
        margin-bottom: 20px;
    }

    .customer-account-create.bb-auth-page .bb-auth--register h1 {
        margin-bottom: 22px;
        font-size: 32px;
        line-height: 1.08;
    }
}

/* =========================================================
   BB AUTH SHARED COMPACT REFINEMENT 2026-05-25
   Make login/register denser and align password eyes to the input box.
   ========================================================= */

.customer-account-login.bb-auth-page .login-container,
.customer-account-create.bb-auth-page .bb-auth--register {
    top: clamp(86px, calc(3vh + 64px), 102px);
}

.customer-account-login.bb-auth-page .messages,
.customer-account-login.bb-auth-page .login-container,
.customer-account-create.bb-auth-page .messages,
.customer-account-create.bb-auth-page .bb-auth--register {
    width: min(520px, calc(100vw - 40px));
}

.customer-account-login.bb-auth-page .bb-auth__card,
.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
    padding: 30px 40px 24px;
}

.customer-account-login.bb-auth-page .bb-auth__logo-link,
.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__logo-link {
    width: min(164px, 58vw);
    margin: 0 0 16px;
}

.customer-account-login.bb-auth-page .bb-auth h1,
.customer-account-create.bb-auth-page .bb-auth--register h1 {
    margin: 0 0 16px;
    font-size: 26px;
    line-height: 1.08;
}

.customer-account-login.bb-auth-page .bb-auth-form__field,
.customer-account-create.bb-auth-page .bb-auth-register-form .field {
    margin-bottom: 11px;
}

.customer-account-login.bb-auth-page .bb-auth-form .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .field:not(.choice) > .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .field:not(.choice) > .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset > .fields > .field:not(.choice) > .label {
    margin-bottom: 5px !important;
    font-size: 12px;
    line-height: 1.2;
}

.customer-account-login.bb-auth-page .bb-auth-form input.input-text,
.customer-account-create.bb-auth-page .bb-auth-register-form input.input-text,
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='text'],
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='email'],
.customer-account-create.bb-auth-page .bb-auth-register-form input[type='password'],
.customer-account-create.bb-auth-page .bb-auth-register-form select,
.customer-account-create.bb-auth-page .bb-auth-register-form textarea {
    height: 46px;
    min-height: 46px;
    padding: 9px 13px;
    font-size: 14px;
    line-height: 1.3;
}

.customer-account-login.bb-auth-page .bb-auth-form__password-control input.input-text,
.customer-account-create.bb-auth-page .bb-auth-form__password-control input.input-text,
.customer-account-create.bb-auth-page .bb-auth-register-form .bb-auth-form__password-control input[type='password'],
.customer-account-create.bb-auth-page .bb-auth-register-form .bb-auth-form__password-control input[type='text'] {
    padding-right: 48px;
}

.customer-account-login.bb-auth-page .bb-auth-form__password-toggle,
.customer-account-create.bb-auth-page .bb-auth-form__password-toggle {
    top: 0;
    right: 7px;
    width: 38px;
    height: 46px;
    min-width: 38px;
    min-height: 46px;
    transform: none;
}

.customer-account-login.bb-auth-page .bb-auth-form__eye,
.customer-account-create.bb-auth-page .bb-auth-form__eye {
    width: 23px;
    height: 23px;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset {
    margin-bottom: 15px;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .legend {
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 1.18;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice.newsletter,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice.persistent,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice.assistance {
    gap: 8px;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.28;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice .label,
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice .label span {
    font-size: 12px;
    line-height: 1.28;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice input[type='checkbox'],
.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice input[type='radio'] {
    width: 14px;
    height: 14px;
    margin-top: 0;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .field.choice .field-tooltip {
    margin-top: -2px;
}

.customer-account-create.bb-auth-page .bb-auth-register-form #password-strength-meter-container {
    margin-top: 5px;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .password-strength-meter {
    min-height: 20px;
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1.2;
}

.customer-account-create.bb-auth-page .bb-auth-register-form .fieldset.create.account:after {
    margin-top: 12px !important;
    font-size: 11px !important;
}

.customer-account-login.bb-auth-page .bb-auth-form__forgot,
.customer-account-login.bb-auth-page .bb-auth-form__forgot:visited {
    margin-bottom: 16px;
    font-size: 13px;
}

.customer-account-login.bb-auth-page .bb-auth-form__submit,
.customer-account-create.bb-auth-page .bb-auth-form__submit {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    font-size: 13px;
}

.customer-account-login.bb-auth-page .bb-auth-create,
.customer-account-create.bb-auth-page .bb-auth-create--signin {
    margin-top: 18px;
    gap: 8px 10px;
    font-size: 14px;
    line-height: 1.35;
}

.customer-account-login.bb-auth-page .bb-auth-create__button,
.customer-account-login.bb-auth-page .bb-auth-create__button:visited,
.customer-account-create.bb-auth-page .bb-auth-create__button,
.customer-account-create.bb-auth-page .bb-auth-create__button:visited {
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
}

.customer-account-login.bb-auth-page .bb-auth__links,
.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__links {
    margin-top: 30px;
    gap: 8px 16px;
}

.customer-account-login.bb-auth-page .bb-auth__links a,
.customer-account-login.bb-auth-page .bb-auth__links a:visited,
.customer-account-create.bb-auth-page .bb-auth__links a,
.customer-account-create.bb-auth-page .bb-auth__links a:visited {
    font-size: 12px;
}

@media (max-width: 640px) {
    .customer-account-login.bb-auth-page .login-container,
    .customer-account-create.bb-auth-page .bb-auth--register {
        position: static;
        width: min(620px, calc(100vw - 14px));
        transform: none;
        margin-top: 0 !important;
    }

    .customer-account-login.bb-auth-page .bb-auth__card,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
        padding: 28px 24px 28px;
    }

    .customer-account-login.bb-auth-page .bb-auth__logo-link,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__logo-link {
        width: min(162px, 54vw);
        margin-bottom: 16px;
    }

    .customer-account-login.bb-auth-page .bb-auth h1,
    .customer-account-create.bb-auth-page .bb-auth--register h1 {
        margin-bottom: 18px;
        font-size: 30px;
    }

    .customer-account-login.bb-auth-page .bb-auth-form input.input-text,
    .customer-account-create.bb-auth-page .bb-auth-register-form input.input-text,
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='text'],
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='email'],
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='password'],
    .customer-account-create.bb-auth-page .bb-auth-register-form select,
    .customer-account-create.bb-auth-page .bb-auth-register-form textarea {
        height: 52px;
        min-height: 52px;
        font-size: 16px;
    }

    .customer-account-login.bb-auth-page .bb-auth-form__password-toggle,
    .customer-account-create.bb-auth-page .bb-auth-form__password-toggle {
        height: 52px;
        min-height: 52px;
    }

    .customer-account-login.bb-auth-page .bb-auth__links,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__links {
        margin-top: 34px;
    }
}

/* =========================================================
   BB AUTH SOFT CARD BORDER 2026-05-25
   Calm grey card border for both dedicated auth pages.
   ========================================================= */

.customer-account-login.bb-auth-page .bb-auth__card,
.customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
    border: 1px solid #d6d6d3;
    border-top: 1px solid #d6d6d3;
    box-shadow: none;
}

/* =========================================================
   BB AUTH MOBILE PARITY 2026-05-25
   Login and create-account use the same mobile container system.
   ========================================================= */

@media (max-width: 767px) {
    .customer-account-login.bb-auth-page .page-main,
    .customer-account-create.bb-auth-page .page-main {
        width: 100vw;
        min-height: 100svh;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding: 6px 7px 34px !important;
    }

    .customer-account-login.bb-auth-page .messages,
    .customer-account-login.bb-auth-page .login-container,
    .customer-account-create.bb-auth-page .messages,
    .customer-account-create.bb-auth-page .bb-auth--register {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: min(620px, calc(100vw - 14px)) !important;
        max-width: calc(100vw - 14px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        transform: none !important;
    }

    .customer-account-login.bb-auth-page .bb-auth,
    .customer-account-create.bb-auth-page .bb-auth,
    .customer-account-login.bb-auth-page .bb-auth__card,
    .customer-account-create.bb-auth-page .bb-auth__card,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .customer-account-login.bb-auth-page .bb-auth__card,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__card {
        min-height: 0 !important;
        padding: 28px 24px 28px !important;
    }

    .customer-account-login.bb-auth-page .bb-auth__logo-link,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__logo-link {
        width: min(162px, 54vw) !important;
        margin: 0 0 16px !important;
    }

    .customer-account-login.bb-auth-page .bb-auth h1,
    .customer-account-create.bb-auth-page .bb-auth--register h1 {
        margin: 0 0 18px !important;
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    .customer-account-login.bb-auth-page .bb-auth-form input.input-text,
    .customer-account-create.bb-auth-page .bb-auth-register-form input.input-text,
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='text'],
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='email'],
    .customer-account-create.bb-auth-page .bb-auth-register-form input[type='password'],
    .customer-account-create.bb-auth-page .bb-auth-register-form select,
    .customer-account-create.bb-auth-page .bb-auth-register-form textarea {
        height: 52px !important;
        min-height: 52px !important;
        font-size: 16px !important;
    }

    .customer-account-login.bb-auth-page .bb-auth-form__password-toggle,
    .customer-account-create.bb-auth-page .bb-auth-form__password-toggle {
        top: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        transform: none !important;
    }

    .customer-account-login.bb-auth-page .bb-auth__links,
    .customer-account-create.bb-auth-page .bb-auth--register .bb-auth__links {
        margin-top: 34px !important;
    }
}