#login-page-wrap.checkout-account { max-width:1050px; margin:85px auto 70px; padding:0 22px; font-family:'DM Sans',sans-serif; }
.checkout-account-heading { max-width:700px; margin:0 auto 32px; text-align:center; }
.checkout-account-heading > span { font-size:11px; letter-spacing:.15em; color:#82776c; }
.checkout-account-heading h1 { margin:12px 0; font:400 36px/1.2 'DM Serif Display',serif; color:#282522; }
.checkout-account-heading p { color:#756d66; line-height:1.7; }
.checkout-account .lg-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; border:0; padding:0; background:transparent; }
.checkout-account .lg-col { padding:28px; border:1px solid #e5dfd8; border-radius:12px; background:#f8f9fc; }
.checkout-account .login-form { margin:0; padding:0; }
.checkout-account .login-form h2 { font-size:22px; margin:0 0 24px; }
.checkout-account .lg-field { margin-bottom:18px; }
.checkout-account .lg-field label { display:block; margin-bottom:8px; font-size:14px; text-align:left; }
.checkout-account .input-group { display:block; }
.checkout-account .form-control { width:100%; box-sizing:border-box; height:48px; padding:10px 12px; border:1px solid #d9d2ca; border-radius:7px; background:#fff; font-size:16px; }
.checkout-account .password-rules { margin:8px 0; font-size:12px; line-height:1.6; color:#756d66; }
#login-page-wrap.checkout-account .btn-home { display:flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; height:auto; min-height:48px; padding:14px 18px; margin-left:0; margin-right:0; border:0; border-radius:7px; background:#102638; color:#fff; font:600 13px/20px 'DM Sans',sans-serif; text-align:center; text-decoration:none; white-space:normal; cursor:pointer; }
.checkout-account .btn-home:disabled { opacity:.6; cursor:wait; }
.checkout-account .checkout-back { display:block; margin:18px auto 0; padding:5px; border:0; background:none; text-decoration:underline; cursor:pointer; }
.checkout-account .checkout-message { color:#8d3225; font-size:14px; line-height:1.5; }
#login-page-wrap.checkout-account .form-control.is-invalid { border-color:#c43131; box-shadow:0 0 0 1px #c43131; }
#login-page-wrap.checkout-account .form-control.is-valid { border-color:#27834b; box-shadow:0 0 0 1px #27834b; }
#login-page-wrap.checkout-account .form-control.is-invalid:focus-visible { outline-color:#c43131; }
#login-page-wrap.checkout-account .form-control.is-valid:focus-visible { outline-color:#27834b; }
.checkout-account .checkout-field-error { margin:7px 0 0; color:#c43131; font-size:12px; line-height:1.5; }
.checkout-account .checkout-field-error[hidden] { display:none; }
.checkout-account :focus-visible { outline:2px solid #183c59; outline-offset:3px; }
.checkout-account .checkout-gender { min-width:0; padding:0; border:0; }
.checkout-account .checkout-gender legend { padding:0; margin:0 0 8px; border:0; font-size:14px; }
.checkout-account .checkout-gender-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.checkout-account .checkout-gender-options label { display:flex; align-items:center; gap:10px; margin:0; padding:13px 15px; border:1px solid #d9d2ca; border-radius:7px; background:#fff; cursor:pointer; }
.checkout-account .checkout-gender-options input { appearance:auto; position:static; opacity:1; width:18px; height:18px; margin:0; flex:0 0 18px; accent-color:#102638; }
.checkout-account .checkout-gender-options label:has(input:checked) { border-color:#102638; background:#edf2f6; color:#102638; }
@media(max-width:700px) { .checkout-account .lg-grid { grid-template-columns:1fr; } .checkout-account .lg-col { padding:22px; } .checkout-account-heading h1 { font-size:29px; } }

.checkout-account .login-page-forgot{margin:24px 0 0;padding-top:20px;border-top:1px solid #e5dfd8;font-size:13px;line-height:1.8}.checkout-account .login-page-forgot a{text-decoration:underline}.checkout-account .login-page-intro{font-size:14px;line-height:1.8;margin-bottom:24px}.checkout-account .login-page-accounts{display:grid;gap:14px}.checkout-account .login-page-accounts p{font-size:12px;line-height:1.6;margin:0;color:#756d66}
.checkout-account .lg-col.login-form{padding:28px}.checkout-account .lg-col.login-form h2{text-align:left}@media(max-width:700px){.checkout-account .lg-col.login-form{padding:22px}}