/* Customer authentication: compact, readable, and identical in both locales. */
.member-access-page{padding:34px 0 64px!important;background:#f8f7f5!important;min-height:55vh}
.member-access-page:before{display:none!important}
.member-access-page .member-access-grid{display:block!important;width:min(100% - 32px,480px)!important;min-height:0!important;margin-inline:auto!important}
.member-access-page .member-access-panel{width:100%!important;margin:0!important;padding:32px!important;border:1px solid #e8e1dc!important;border-radius:18px!important;background:#fff!important;box-shadow:0 15px 48px rgba(43,29,29,.055)!important}
.member-access-page .member-access-panel-head{margin:0 0 22px!important;text-align:start}
.member-access-page .member-access-eyebrow{display:block;margin-bottom:6px;color:#082c5d;font-size:12px;font-weight:800}
.member-access-page .member-access-panel-head h1{margin:0;color:#242022;font-size:clamp(24px,3vw,30px);line-height:1.4;letter-spacing:0}
.member-access-page .member-access-panel-head p{display:block!important;margin:5px 0 0;color:#766d6b;font-size:13px;line-height:1.7}
.member-access-page .member-access-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;margin:0 0 23px!important;padding:4px!important;border:1px solid #e9e3df!important;border-radius:11px!important;background:#f7f5f3!important}
.member-access-page .member-access-tabs button{min-height:40px;padding:8px!important;border-radius:8px!important;color:#625a59!important;font-size:13px!important;box-shadow:none!important}
.member-access-page .member-access-tabs button.active{background:#fff!important;color:#082c5d!important;box-shadow:0 2px 9px rgba(36,25,25,.075)!important}
.member-access-page .member-access-panels{display:block!important}
.member-access-page .member-access-form{display:none!important;gap:16px!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
.member-access-page .member-access-form.active{display:grid!important}
.member-access-page .member-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}
.member-access-page .member-field{min-width:0;gap:7px!important;font-size:13px!important;color:#3b3332!important}
.member-access-page .member-field>div{min-width:0}
.member-access-page .member-field>div>i{inset-inline-start:15px;inset-inline-end:auto;right:auto;left:auto;color:#928884}
.member-access-page .member-field input{display:block;width:100%;height:48px!important;min-height:48px!important;padding:0 43px 0 14px!important;border:1px solid #ddd6d1!important;border-radius:10px!important;background:#faf9f8!important;color:#262021!important;font-size:14px!important;outline:0!important;box-shadow:none!important}
.member-access-page .member-field input:focus{border-color:#082c5d!important;background:#fff!important;box-shadow:0 0 0 3px rgba(8,44,93,.1)!important}
.member-access-page .member-field input[dir=ltr]{text-align:left}
html[dir=ltr] .member-access-page .member-field input{padding:0 14px 0 43px!important}
.member-access-page .member-field .password-field input{padding-inline-end:50px!important}
.member-access-page .member-field .password-field button{inset-inline-end:6px;inset-inline-start:auto;left:auto;right:auto;top:5px;width:38px;height:38px;border-radius:8px;background:transparent;color:#6d6261}
.member-access-page .member-form-options{margin:0!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:8px!important}
.member-access-page .customer-check{display:flex!important;align-items:start;gap:8px!important;font-size:12px!important;line-height:1.6}
.member-access-page .customer-check input{margin:2px 0 0!important;width:16px!important;height:16px!important}
.member-access-page .customer-link-button{padding:0;color:#082c5d;font-size:12px}
.member-access-page .member-terms{margin-top:0}
.member-access-page .member-submit{min-height:48px!important;margin:1px 0 0!important;border-radius:10px!important;background:#082c5d!important;box-shadow:none!important;font-size:14px!important}
.member-access-page .member-submit:hover{background:#082c5d!important;transform:none!important;box-shadow:none!important}
.member-access-page .member-back{min-height:42px;border:1px solid #e8e0db;border-radius:10px;background:#fff;color:#6d595a;font-size:13px}
.member-access-page .member-recovery-copy{margin:0!important;color:#716969;font-size:13px!important;line-height:1.8}
.member-access-page .customer-message{font-size:12px;line-height:1.7}
html[dir=ltr] .member-access-page .member-field>div>i{inset-inline-start:15px;inset-inline-end:auto}
html[dir=ltr] .member-access-page .member-submit .fa-arrow-left-long{transform:rotate(180deg)}
@media(max-width:620px){.member-access-page{padding:18px 0 44px!important}.member-access-page .member-access-grid{width:calc(100% - 24px)!important}.member-access-page .member-access-panel{padding:24px 19px!important}.member-access-page .member-form-grid{grid-template-columns:1fr;gap:15px}.member-access-page .member-field-wide{grid-column:auto}.member-access-page .member-access-tabs{margin-bottom:20px!important}}

/* Account form controls: one line for the checkbox and its label in either direction. */
.member-access-page .member-form-options{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important;min-height:26px}
.member-access-page .customer-check{display:inline-grid!important;grid-template-columns:18px minmax(0,max-content)!important;align-items:start!important;justify-content:start!important;justify-items:start!important;column-gap:9px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;cursor:pointer}
.member-access-page .customer-check input[type=checkbox]{grid-column:1!important;grid-row:1!important;position:static!important;display:block!important;box-sizing:border-box!important;appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important;flex:0 0 18px!important;accent-color:#082c5d}
.member-access-page .customer-check>span{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;width:auto!important;line-height:1.7!important;text-align:start!important}
.member-access-page .member-form-options .customer-check>span{white-space:nowrap}
.member-access-page .member-terms{grid-template-columns:18px minmax(0,1fr)!important;width:100%!important}
.member-access-page .member-terms>span{white-space:normal!important}
.member-access-page .member-field>div{position:relative}
html[dir=rtl] .member-access-page .member-field>div>i{right:14px!important;left:auto!important}
html[dir=ltr] .member-access-page .member-field>div>i{left:14px!important;right:auto!important}
html[dir=rtl] .member-access-page .member-field input{padding-right:43px!important;padding-left:14px!important}
html[dir=ltr] .member-access-page .member-field input{padding-left:43px!important;padding-right:14px!important}
html[dir=rtl] .member-access-page .member-field .password-field input{padding-left:50px!important}
html[dir=ltr] .member-access-page .member-field .password-field input{padding-right:50px!important}
html[dir=rtl] .member-access-page .member-field .password-field button{left:6px!important;right:auto!important}
html[dir=ltr] .member-access-page .member-field .password-field button{right:6px!important;left:auto!important}
@media(max-width:620px){.member-access-page .member-access-panel{padding:23px 18px!important}.member-access-page .member-form-options{gap:10px!important}.member-access-page .customer-link-button{white-space:nowrap;font-size:11px}.member-access-page .member-field input{font-size:13px!important}.member-access-page .member-terms>span{font-size:11px}}
@media(max-width:350px){.member-access-page .member-form-options{flex-wrap:wrap!important}.member-access-page .customer-link-button{margin-inline-start:auto}}

/* Registration needs wider fields while login stays compact. */
@media(min-width:621px){
 .member-access-page .member-access-grid:has(.member-access-form[data-auth-panel="register"].active){width:min(calc(100% - 32px),690px)!important}
 .member-access-page .member-access-grid:has(.member-access-form[data-auth-panel="register"].active) .member-form-grid{gap:18px 20px!important}
}
@media(max-width:620px){
 .member-access-page .member-access-form[data-auth-panel="register"] .member-form-grid{gap:17px!important}
 .member-access-page .member-access-form[data-auth-panel="register"] .member-field input{height:52px!important;min-height:52px!important}
}