/* Account access uses the same warm surfaces and fine borders as the storefront. */
.site-header.has-client-account .client-account-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#493729;border-radius:6px;transition:background-color .16s,color .16s}
.site-header.has-client-account .client-account-link:hover{background:#dfceb447;color:#80542f}
.site-header.has-client-account .client-account-link:focus-visible{outline:2px solid #a67b4f;outline-offset:2px}
.client-account-modal{width:min(480px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;margin:auto;padding:0;border:1px solid #d7c2a7;border-radius:14px;color:#493729;background:#fbf7ef;box-shadow:0 24px 90px #24160945;overflow:auto;overscroll-behavior:contain}
.client-account-modal:not([open]){display:none}
.client-account-modal::backdrop{background:#251b17a8;backdrop-filter:blur(4px)}
.client-account-panel{padding:30px 32px 32px;position:relative}
.client-account-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:24px}
.client-account-heading>div{min-width:0;flex:1}
.client-account-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;line-height:1.6;color:#9a724a;margin:0 0 9px}
.client-account-heading h2{font:500 clamp(29px,5vw,36px)/1.14 'Cormorant Garamond',serif;letter-spacing:-.025em;margin:0 0 10px;color:#493123}
.client-account-intro{font-size:12px;line-height:1.7;color:#8a7662;max-width:34ch;margin:0}
.client-account-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;margin:-8px -10px 0 0;padding:0;border:1px solid #ddceb8;border-radius:50%;background:#f5ecde;color:#765336;cursor:pointer}
.client-account-close svg{width:18px;height:18px}
.client-account-close:hover{background:#eaddc8}
.client-account-tabs{display:flex;gap:5px;padding:4px;background:#ece1d0;border:1px solid #e0cfb8;border-radius:8px;margin-bottom:22px}
.client-account-tabs button{flex:1;min-width:0;min-height:42px;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:#846b54;font:500 12px/1.6 'DM Sans',sans-serif;cursor:pointer}
.client-account-tabs button[aria-selected=true]{background:#fffaf1;color:#553b28;box-shadow:0 1px 5px #4c301c12}
.client-account-modal [hidden]{display:none!important}
.client-account-form{display:grid;gap:16px;margin:0}
.client-account-form>label,.client-account-name-fields>label,.client-account-form>.gs-auth-field{display:block;min-width:0;font-size:11px;line-height:1.6;font-weight:500;color:#765d46;margin:0}
.client-account-form input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-height:46px;margin-top:6px;padding:10px 12px;border:1px solid #d7c1a3;border-radius:5px;background:#fffaf3;color:#493729;font:400 16px/1.5 'DM Sans',sans-serif;box-shadow:none}
.client-account-form input:not([type=checkbox]):focus{outline:2px solid #b88b5750;outline-offset:1px;border-color:#9e7548}
.client-account-form input[aria-invalid=true]{border-color:#a75035}
.client-account-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.client-account-modal .gs-auth-field>label{display:block;margin:0;font:inherit;color:inherit}
.client-account-modal .gs-auth-password{display:block;position:relative}
.client-account-modal .gs-auth-password input{padding-inline-end:48px}
.client-account-modal .gs-auth-password button{position:absolute;inset-inline-end:4px;top:4px;bottom:4px;width:40px;border:0;border-radius:4px;background:transparent;display:flex;align-items:center;justify-content:center;color:#896a4b;cursor:pointer}
.client-account-modal .gs-auth-password button:hover{background:#eaddc84d}
.client-account-modal .gs-auth-password button svg{width:20px;height:20px}
.client-account-modal .gs-auth-eye-line{display:none}
.client-account-modal .gs-auth-password button[aria-pressed=true] .gs-auth-eye-line{display:block}
.client-account-modal .gs-auth-hint{font-size:10px;color:#8f7962;line-height:1.5;margin:-9px 0 -2px}
.client-account-remember{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.6;margin:0}
.client-account-remember label,.client-account-form>.client-account-privacy{display:flex;align-items:flex-start;gap:8px;font-weight:400;margin:0;min-width:0;font-size:11px;line-height:1.7;color:#7d654d}
.client-account-form input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;accent-color:#5b3e28}
.client-account-remember a,.client-account-privacy a{color:#74502f;text-decoration:underline;text-underline-offset:3px}
.client-account-form>.client-account-privacy{font-size:10px}
.client-account-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:47px;margin-top:3px;padding:12px 17px;border:1px solid #573b28;border-radius:6px;background:#573b28;color:#fff7e8;font:500 12px/1.6 'DM Sans',sans-serif;text-align:center;cursor:pointer;transition:background-color .16s}
.client-account-submit:hover{background:#765135;border-color:#765135}
.client-account-submit svg{width:18px;height:18px;stroke-width:1.5;flex-shrink:0}
.client-account-submit:disabled{opacity:.6;cursor:wait}
.client-account-status{font-size:12px;line-height:1.65;padding:12px 14px;border:1px solid #ddc6a3;border-radius:5px;background:#f1e6d3;color:#765333;margin:0 0 18px}
.client-account-status[data-state=error]{border-color:#d9b49d;background:#f7e9df;color:#8d4328}
.client-account-status[data-state=success]{border-color:#bbc6a5;background:#edf1e3;color:#52633c}
.client-account-modal .client-account-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;padding:0!important;border:0!important}
.client-account-modal button:focus-visible,.client-account-modal a:focus-visible{outline:2px solid #a77948;outline-offset:3px}
body.client-account-open{overflow:hidden}
body:lang(ar) .client-account-heading h2{font-family:'Noto Sans Arabic',sans-serif;font-size:26px;line-height:1.6;letter-spacing:0}
body:lang(ar) .client-account-eyebrow{letter-spacing:0;text-transform:none}
body:lang(ar) .client-account-tabs button,body:lang(ar) .client-account-submit{font-family:'Noto Sans Arabic',sans-serif}
body:lang(ar) .client-account-submit svg{transform:scaleX(-1)}
@media(max-width:640px){
 .site-header.has-client-account .header-actions{gap:5px}
 .site-header.has-client-account .client-account-link{min-width:27px;min-height:40px}
 .site-header.has-client-account .client-account-link svg{width:20px;height:20px}
 .client-account-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}
 .client-account-panel{padding:26px 23px}
 .client-account-heading{margin-bottom:20px;gap:12px}
 .client-account-close{margin-inline-end:-8px}
 .client-account-tabs{margin-bottom:19px}
 .client-account-name-fields{gap:10px}
}
@media(max-width:359px){
 .site-header.has-client-account{gap:5px;padding-inline:9px}
 .site-header.has-client-account .header-actions{gap:2px}
 .site-header.has-client-account .client-account-link{min-width:25px}
 .client-account-panel{padding:23px 18px}
 .client-account-heading h2{font-size:29px}
 .client-account-remember{font-size:10px;gap:7px}
 .client-account-remember label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.client-account-submit,.site-header.has-client-account .client-account-link{transition:none}}