/* Customer accounts — quiet typography, ivory and charcoal. */
.auth-modal{width:min(900px,calc(100% - 48px));max-width:900px;padding:0;max-height:calc(100dvh - 48px);background:#fcfbf8;overflow:auto}
.auth-modal .dialog-close{top:12px;right:12px;width:40px;height:40px;background:transparent;border:1px solid #dedbd4;color:#55534d}
.auth-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:570px}
.auth-intro{display:flex;flex-direction:column;background:#eeebe4;padding:40px 34px 28px;border-right:1px solid #dedbd4}
.auth-intro>.modal-kicker{font-size:11px;letter-spacing:2.4px;color:#59564f}
.auth-intro-main{margin:58px 0 42px}
.auth-edition{font-size:9px;letter-spacing:1.8px;color:#827a6b}
.auth-intro .auth-intro-main h2{font-size:30px;font-weight:400;line-height:1.65;letter-spacing:2px;margin:15px 0 18px}
.auth-intro-main p{font-size:13px;line-height:1.95;color:#777166}
.auth-benefits{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.auth-benefits li{display:flex;align-items:baseline;gap:16px;font-size:13px;line-height:1.8}
.auth-benefits li>span{font-size:10px;color:#978b76;font-variant-numeric:tabular-nums}
.auth-benefits small{display:block;font-size:11px;color:#777166;margin-top:3px;line-height:1.8}
.auth-signature{border-top:1px solid #d4cfc5;padding-top:20px;margin-top:auto;font-size:12px;letter-spacing:3px}
.auth-signature span{display:block;color:#978b76;font-size:9px;letter-spacing:2px;margin-top:6px}
.auth-content{padding:42px 42px 30px;min-width:0}
.auth-content>.modal-kicker{font-size:8px;letter-spacing:1.6px;padding-right:15px;color:#8d8473;margin-bottom:10px}
.auth-content #auth-title{font-size:26px;font-weight:400;letter-spacing:1px;padding-right:12px}
.auth-description{font-size:12px;line-height:1.9;color:#777166;margin-top:8px}
.auth-tabs{margin:22px 0;gap:28px;border-color:#dedbd4}
.auth-tabs button{padding:0 0 10px;font-size:13px;min-height:38px}
.auth-tabs button.active{font-weight:500;border-color:#282824;color:#282824}
.auth-modal form>label,.auth-registration-fields>label,.auth-modal .form-row>label{font-size:12px;color:#514f49;display:flex;flex-direction:column;gap:7px;margin-bottom:16px;position:relative}
.auth-modal [hidden]{display:none!important}
.auth-modal .form-row{gap:16px}
.auth-modal input{width:100%;border:1px solid #d9d5cb;padding:11px 12px;min-height:46px;background:#fff;font-size:14px;border-radius:0;transition:border-color .15s,box-shadow .15s}
.auth-modal input::placeholder{color:#a49d90;font-size:12px}
.auth-modal input:focus{outline:0;border-color:#79705e;box-shadow:0 0 0 2px #b59a7517}
.field-optional{font-size:10px;color:#928b7d;position:absolute;right:0;top:2px}
.field-hint{font-size:10px;line-height:1.75;color:#8b8477;font-weight:400}
.password-control{display:flex;position:relative;align-items:center}
.password-control input{padding-right:58px}
.password-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:54px;min-height:42px;color:#777166;background:transparent;font-size:11px;letter-spacing:1px}
.password-toggle:hover{color:#252521}
.auth-modal .form-error{background:#f4eae5;border-left:2px solid #a3694e;padding:10px 12px;font-size:12px;line-height:1.8;color:#8c4937;margin:0 0 16px}
.auth-modal .form-error:empty{display:none}
.auth-modal #auth-submit{min-height:48px;border-radius:0;font-size:13px;letter-spacing:1px;justify-content:center;margin-top:3px}
.auth-modal .auth-footnote{font-size:11px;line-height:1.8;color:#8a8377;margin-top:16px}
.auth-modal [aria-busy=true] input{opacity:.7}
.auth-modal button:disabled{cursor:wait}
.auth-modal button:focus-visible,.account-tools button:focus-visible{outline:2px solid #8b7457;outline-offset:3px}
.orders-account{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #dedbd4;margin-bottom:12px}
.account-identity{display:flex;flex-direction:column;min-width:0;gap:3px}
.account-caption{font-size:10px;letter-spacing:1px;color:#928776}
.account-code{font-size:22px;letter-spacing:1px;font-weight:450;color:#292925;font-variant-numeric:tabular-nums;line-height:1.5}
.account-contact{font-size:13px;color:#514e46;overflow-wrap:anywhere}
.account-login{font-size:11px;color:#918777;overflow-wrap:anywhere}
.account-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 18px;max-width:260px}
.account-tools .text-button{font-size:12px;min-height:38px}
.account-service-note{color:#8b8170;font-size:11px;line-height:1.85;margin:0 0 20px}
.checkout-account{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;background:#f0ede6;border:1px solid #dfd9cd;padding:13px 15px;margin-bottom:21px;font-size:12px;color:#8a7d68}
.checkout-account:empty{display:none}
.checkout-account strong{color:#35332c;font-size:16px;font-weight:500;letter-spacing:1px}
.checkout-account small{flex-basis:100%;font-size:12px;color:#6d665a;overflow-wrap:anywhere}
@media(max-width:820px){.auth-modal{width:min(760px,calc(100% - 36px))}.auth-intro{padding:35px 26px 28px}.auth-content{padding:42px 30px 28px}.auth-intro .auth-intro-main h2{font-size:25px}.auth-benefits small{font-size:10px}.auth-modal .form-row{grid-template-columns:1fr;gap:0}.auth-intro-main{margin-top:60px}}
@media(min-width:821px) and (max-height:800px){.auth-content{padding:25px 36px 20px}.auth-content>.modal-kicker{margin-bottom:6px;line-height:1.4}.auth-content #auth-title{font-size:24px;line-height:1.45;margin-bottom:0}.auth-description{margin-top:4px;line-height:1.75}.auth-tabs{margin:12px 0 15px}.auth-tabs button{min-height:32px;padding-bottom:6px}.auth-modal form>label,.auth-registration-fields>label,.auth-modal .form-row>label{gap:5px;margin-bottom:10px;font-size:11px;line-height:1.5}.auth-modal input{min-height:42px;padding:9px 12px}.password-control input{padding-right:58px}.password-toggle{min-height:38px}.field-hint{font-size:9px;line-height:1.5}.auth-modal #auth-submit{min-height:44px;margin-top:2px}.auth-modal .auth-footnote{font-size:10px;margin-top:10px}.auth-intro-main{margin:48px 0 32px}}
@media(max-width:650px){.auth-modal{width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 24px);padding:0}.auth-layout{display:block;min-height:0}.auth-intro{display:none}.auth-content{padding:34px 24px 24px}.auth-content #auth-title{font-size:25px;margin-top:7px}.auth-content>.modal-kicker{font-size:8px;letter-spacing:1.4px;max-width:calc(100% - 20px)}.auth-description{font-size:12px;margin-top:7px}.auth-tabs{margin:17px 0 20px}.auth-modal .form-row{grid-template-columns:1fr 1fr;gap:12px}.auth-modal form>label,.auth-registration-fields>label,.auth-modal .form-row>label{margin-bottom:15px}.auth-modal input{font-size:16px;min-height:46px}.auth-modal input::placeholder{font-size:11px}.auth-modal .field-optional{font-size:9px;top:3px}.auth-modal .auth-footnote{font-size:10px}.orders-account{align-items:flex-start;gap:12px}.account-tools{flex-direction:column;gap:0;align-items:flex-end;flex-shrink:0;max-width:112px}.account-tools .text-button{min-height:34px;font-size:11px}.account-code{font-size:20px}.account-contact{font-size:12px}.account-service-note{font-size:10px}.checkout-account{margin-bottom:18px}}
@media(max-width:360px){.auth-content{padding:34px 18px 20px}.auth-modal .form-row{grid-template-columns:1fr;gap:0}.auth-content #auth-title{font-size:23px}.auth-content>.modal-kicker{letter-spacing:.8px}.auth-modal .field-optional{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auth-modal input{transition:none}}
