/* ACE CUSTOMER PAGES POLISH V5.97 START */

/* ========= BASE ========= */
html body.customer-account-login .page-main,
html body.customer-account-create .page-main,
html body.customer-account-forgotpassword .page-main {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 44px 24px 96px !important;
}

html body.customer-account-login .page-title-wrapper,
html body.customer-account-create .page-title-wrapper,
html body.customer-account-forgotpassword .page-title-wrapper {
    max-width: 1180px !important;
    margin: 0 auto 28px !important;
}

html body.customer-account-login .page-title,
html body.customer-account-create .page-title,
html body.customer-account-forgotpassword .page-title {
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    color: #07110b !important;
    margin: 0 0 10px !important;
}

html body.customer-account-login .page-title-wrapper .page-title::after,
html body.customer-account-create .page-title-wrapper .page-title::after,
html body.customer-account-forgotpassword .page-title-wrapper .page-title::after {
    content: "" !important;
    display: block !important;
    width: 72px !important;
    height: 4px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background: #c8ff00 !important;
    box-shadow: 0 0 0 1px rgba(7,17,11,.06) !important;
}

html body.customer-account-login .columns,
html body.customer-account-create .columns,
html body.customer-account-forgotpassword .columns {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

html body.customer-account-login .column.main,
html body.customer-account-create .column.main,
html body.customer-account-forgotpassword .column.main {
    padding-bottom: 40px !important;
}

html body.customer-account-login .block,
html body.customer-account-create .form-create-account,
html body.customer-account-forgotpassword .form.password.forget {
    background: #ffffff !important;
    border: 1px solid rgba(7,17,11,.06) !important;
    border-radius: 26px !important;
    box-shadow: 0 16px 42px rgba(7,17,11,.08) !important;
}

html body.customer-account-login .block .block-title,
html body.customer-account-create .fieldset > .legend,
html body.customer-account-forgotpassword .fieldset > .legend,
html body.customer-account-forgotpassword .form.password.forget .fieldset > .legend,
html body.customer-account-create .form-create-account .legend {
    border-bottom: 1px solid rgba(7,17,11,.10) !important;
    padding-bottom: 14px !important;
    margin-bottom: 22px !important;
}

html body.customer-account-login .block .block-title strong,
html body.customer-account-create .fieldset > .legend span,
html body.customer-account-forgotpassword .fieldset > .legend span,
html body.customer-account-create .form-create-account .legend span {
    color: #07110b !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

html body.customer-account-login .field,
html body.customer-account-create .field,
html body.customer-account-forgotpassword .field {
    margin-bottom: 18px !important;
}

html body.customer-account-login .label,
html body.customer-account-create .label,
html body.customer-account-forgotpassword .label {
    display: inline-block !important;
    margin-bottom: 8px !important;
    color: #07110b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

html body.customer-account-login input.input-text,
html body.customer-account-create input.input-text,
html body.customer-account-forgotpassword input.input-text,
html body.customer-account-login input[type="email"],
html body.customer-account-create input[type="email"],
html body.customer-account-forgotpassword input[type="email"],
html body.customer-account-login input[type="password"],
html body.customer-account-create input[type="password"],
html body.customer-account-forgotpassword input[type="password"] {
    height: 50px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(7,17,11,.15) !important;
    background: #ffffff !important;
    padding: 0 16px !important;
    box-shadow: none !important;
}

html body.customer-account-login input.input-text:focus,
html body.customer-account-create input.input-text:focus,
html body.customer-account-forgotpassword input.input-text:focus,
html body.customer-account-login input[type="email"]:focus,
html body.customer-account-create input[type="email"]:focus,
html body.customer-account-forgotpassword input[type="email"]:focus,
html body.customer-account-login input[type="password"]:focus,
html body.customer-account-create input[type="password"]:focus,
html body.customer-account-forgotpassword input[type="password"]:focus {
    border-color: #c8ff00 !important;
    box-shadow: 0 0 0 3px rgba(200,255,0,.20) !important;
}

html body.customer-account-login .action.primary,
html body.customer-account-create .action.primary,
html body.customer-account-forgotpassword .action.primary {
    min-height: 50px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #07110b !important;
    color: #c8ff00 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    box-shadow: 0 14px 28px rgba(7,17,11,.16) !important;
}

html body.customer-account-login .action.primary:hover,
html body.customer-account-create .action.primary:hover,
html body.customer-account-forgotpassword .action.primary:hover {
    background: #c8ff00 !important;
    color: #07110b !important;
}

html body.customer-account-login .actions-toolbar,
html body.customer-account-create .actions-toolbar,
html body.customer-account-forgotpassword .actions-toolbar {
    margin-top: 18px !important;
}

html body.customer-account-login .note,
html body.customer-account-create .note,
html body.customer-account-forgotpassword .note,
html body.customer-account-login .block-content p,
html body.customer-account-create .fieldset .choice label,
html body.customer-account-forgotpassword .block p {
    color: #4a5561 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* ========= LOGIN ========= */
html body.customer-account-login .login-container {
    max-width: 1180px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
}

html body.customer-account-login .login-container .block {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 28px 26px !important;
}

html body.customer-account-login .login-container .block-new-customer {
    order: 1 !important;
}

html body.customer-account-login .login-container .block-customer-login {
    order: 2 !important;
}

html body.customer-account-login .login-container .block-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

html body.customer-account-login .field.choice.show-password {
    margin-top: -4px !important;
    margin-bottom: 8px !important;
}

html body.customer-account-login .secondary,
html body.customer-account-create .secondary,
html body.customer-account-forgotpassword .secondary {
    margin-top: 10px !important;
}

html body.customer-account-login .secondary a {
    color: #07110b !important;
    font-weight: 800 !important;
}

html body.customer-account-login .secondary a:hover {
    color: #5d7a00 !important;
}

/* ========= CREATE ACCOUNT ========= */
html body.customer-account-create .form-create-account {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 30px 28px 28px !important;
}

html body.customer-account-create .fieldset {
    margin-bottom: 26px !important;
}

html body.customer-account-create .field.choice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 !important;
}

html body.customer-account-create .field.choice input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
}

html body.customer-account-create .field.choice label {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body.customer-account-create .password-strength-meter {
    margin-top: 8px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #f3f5ef !important;
    color: #07110b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

/* ========= FORGOT PASSWORD ========= */
html body.customer-account-forgotpassword .form.password.forget {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 30px 28px 28px !important;
}

html body.customer-account-forgotpassword .form.password.forget .field.note,
html body.customer-account-forgotpassword .form.password.forget .fieldset .field.note {
    margin-bottom: 18px !important;
    color: #4a5561 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

html body.customer-account-forgotpassword .captcha-image {
    justify-content: center !important;
}

html body.customer-account-forgotpassword .captcha-image img,
html body.customer-account-forgotpassword img.captcha-img {
    width: 360px !important;
    max-width: 100% !important;
}

html body.customer-account-forgotpassword .captcha-reload,
html body.customer-account-forgotpassword .action.reload.captcha-reload {
    min-width: 210px !important;
    margin: 10px auto 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========= GENERIC LINKS / SMALL DETAILS ========= */
html body.customer-account-login a,
html body.customer-account-create a,
html body.customer-account-forgotpassword a {
    text-decoration: none !important;
}

html body.customer-account-login a:hover,
html body.customer-account-create a:hover,
html body.customer-account-forgotpassword a:hover {
    text-decoration: underline !important;
}

html body.customer-account-login .message,
html body.customer-account-create .message,
html body.customer-account-forgotpassword .message {
    border-radius: 16px !important;
}

/* ========= MOBILE ========= */
@media (max-width: 980px) {
    html body.customer-account-login .login-container {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    html body.customer-account-login .login-container .block-new-customer,
    html body.customer-account-login .login-container .block-customer-login {
        order: initial !important;
    }

    html body.customer-account-create .form-create-account,
    html body.customer-account-forgotpassword .form.password.forget {
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    html body.customer-account-login .page-main,
    html body.customer-account-create .page-main,
    html body.customer-account-forgotpassword .page-main {
        padding: 28px 16px 72px !important;
    }

    html body.customer-account-login .page-title,
    html body.customer-account-create .page-title,
    html body.customer-account-forgotpassword .page-title {
        font-size: 28px !important;
    }

    html body.customer-account-login .block,
    html body.customer-account-create .form-create-account,
    html body.customer-account-forgotpassword .form.password.forget {
        padding: 22px 18px !important;
        border-radius: 22px !important;
    }

    html body.customer-account-login .action.primary,
    html body.customer-account-create .action.primary,
    html body.customer-account-forgotpassword .action.primary {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ACE CUSTOMER PAGES POLISH V5.97 END */