body[data-auth-page=login]{background:#f7f4ec;color:#30291e;background-image:radial-gradient(ellipse at 50% 0,#fffdf7 0,transparent 65%)}
body[data-auth-page=login] .retail-header{max-width:1120px;padding:26px 38px;border-bottom:1px solid #dfd6c3}
body[data-auth-page=login] .retail-brand{font-size:38px;color:#a4813e;letter-spacing:-1px}
body[data-auth-page=login] .retail-header nav{gap:1px;align-items:center}
body[data-auth-page=login] .retail-header button{font-size:11px;letter-spacing:1px;color:#82755f;padding:8px 12px;border-inline-start:1px solid #ded5c3;border-radius:0}
body[data-auth-page=login] .retail-header button[aria-pressed=true]{color:#8e6724;text-decoration:none;background:#ece3cf}
body[data-auth-page=login] #retailAccount{width:min(1060px,calc(100% - 64px));margin:42px auto 25px}
.login-heading{text-align:center;margin-bottom:35px}.login-eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:600;color:#a1844f;margin:0 0 13px}
.login-heading h1{font:400 clamp(34px,4vw,51px)/1.1 Georgia,serif;letter-spacing:-1.4px;margin:0 0 14px;color:#71562e}.login-heading>p:last-child{font-size:13px;color:#9a8b71;margin:0}
.login-panels{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);align-items:stretch;direction:ltr}
.login-panel{background:#fffdf8;border:1px solid #e0d5bf;border-radius:5px;padding:30px 38px 0;box-shadow:0 14px 40px #69512805;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.login-panel:before{content:'';position:absolute;top:0;inset-inline:0;height:3px;background:#c6a768}.login-store{background:linear-gradient(145deg,#f2ecdd,#fcfaf5)}.login-store:before{background:#7b6845}
.login-panel-top{display:flex;align-items:center;gap:15px;margin-bottom:17px}.login-icon{width:45px;height:45px;display:block;color:#b28d46}.login-icon svg{width:100%;height:100%}.login-panel-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9c8252;font-weight:600}
.login-panel h2{font:400 25px/1.2 Georgia,serif;color:#6e5632;margin:0 0 10px;max-width:280px}.login-panel-help{font-size:12px;line-height:1.75;color:#9a8b73;margin:0 0 14px;min-height:43px;max-width:300px}
.login-panel form{flex:1;display:flex;flex-direction:column}.login-panel fieldset{padding:0;margin:0;border:0;min-width:0}.login-panel label,.login-recovery label{display:grid;gap:7px;font-size:11px;color:#7e7059;margin:15px 0 0}
.login-panel input,.login-recovery input{box-sizing:border-box;width:100%;min-width:0;padding:12px 13px;border:1px solid #d9cfbb;background:#fffefa;border-radius:3px;color:#463b27;min-height:44px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.login-panel input:focus,.login-recovery input:focus{border-color:#ae8a44;box-shadow:0 0 0 3px #c8a55c1c}.login-panel input::placeholder{color:#bfb39d}.login-panel fieldset:disabled{opacity:.55}
.login-forgot{display:block;margin:12px 0 20px auto;border:0;padding:0;background:none;color:#a08450;font-size:10px;text-decoration:underline;text-underline-offset:3px;min-height:24px}
.login-submit{background:#a5803b;color:#fffdf8;border:1px solid #a5803b;border-radius:3px;padding:13px 16px;min-height:45px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;transition:background .15s}.login-submit:hover{background:#8e6c30}.login-store .login-submit{background:#776142;border-color:#776142}.login-store .login-submit:hover{background:#5f4c31}.login-submit span{font-size:18px;font-weight:400}
.login-error{font-size:11px;line-height:1.5;color:#a34335;min-height:0;margin:10px 0 0}.login-error:empty{display:none}
.login-register{border-top:1px solid #e4d9c4;padding:19px 0 22px;margin-top:25px;display:flex;flex-direction:column;gap:7px}.login-register>span{font-size:10px;color:#a99b83}.login-register a{font-size:12px;color:#8a6a31;text-decoration:none;display:flex;justify-content:space-between;align-items:center}.login-register a:hover{text-decoration:underline;text-underline-offset:4px}
.login-divider{display:flex;justify-content:center;align-items:center;position:relative}.login-divider:before{content:'';position:absolute;top:8%;bottom:8%;width:1px;background:#dfd4be}.login-divider span{z-index:1;position:relative;background:#f7f4ec;color:#b49a6a;padding:12px 0;font-size:20px}
.login-footer{display:flex;justify-content:space-between;gap:15px;padding:23px 0 0;color:#aa9c83;font-size:10px}.login-footer>div{display:flex;gap:13px}.login-footer a{color:inherit;text-decoration:none}.login-legacy{display:block;text-align:center;font-size:10px;color:#a39479;margin:22px 0 0;text-underline-offset:3px}
.login-existing{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid #dbca9f;background:#f1e7cf;border-radius:4px;padding:16px 20px;margin-bottom:25px;font-size:12px;color:#7b6337}.login-existing>div{display:grid;gap:5px;margin-inline-end:auto}.login-existing span{font-size:11px}.login-existing a{color:#7a5b22}.login-existing button{background:transparent;border:0;text-decoration:underline;font-size:11px;color:#896f42;padding:4px}
.login-recovery{box-sizing:border-box;width:min(440px,calc(100% - 30px));padding:36px;border:1px solid #d5c49f;border-radius:6px;color:#725b36;background:#fffdf7;box-shadow:0 20px 100px #30281a40}.login-recovery::backdrop{background:#251e1455;backdrop-filter:blur(5px)}.login-recovery>button{position:absolute;top:10px;inset-inline-end:13px;background:none;border:0;font-size:24px;color:#9c865d}.login-recovery h2{font:400 30px/1.2 Georgia,serif;margin:15px 0}.login-recovery>p:not(.login-eyebrow){font-size:12px;line-height:1.8;color:#9b8868}.login-recovery .login-submit{margin-top:20px}
html[dir=rtl] .login-panel{direction:rtl}html[dir=rtl] .login-heading h1,html[dir=rtl] .login-panel h2,html[dir=rtl] .login-recovery h2{font-family:Tajawal,Arial,sans-serif;letter-spacing:0}html[dir=rtl] .login-panel-label{letter-spacing:0}html[dir=rtl] .login-forgot{margin-inline-start:auto;margin-inline-end:0}
@media(max-width:700px){body[data-auth-page=login] .retail-header{padding:20px 22px}body[data-auth-page=login] #retailAccount{width:calc(100% - 28px);margin-top:30px}.login-heading{margin-bottom:26px}.login-heading h1{font-size:33px}.login-heading>p:last-child{font-size:11px}.login-panels{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.login-panel{padding:20px 15px 0}.login-panel-top{gap:8px;flex-direction:column;align-items:flex-start;margin-bottom:15px}.login-icon{width:34px;height:34px}.login-panel-label{font-size:9px;letter-spacing:.5px}.login-panel h2{font-size:21px;min-height:51px}.login-panel-help{font-size:10px;line-height:1.6;min-height:65px}.login-panel label{font-size:10px}.login-panel input{font-size:16px;padding:10px 8px}.login-forgot{font-size:9px;text-align:start;min-height:35px;margin-bottom:14px}.login-submit{font-size:10px;padding:10px 9px;min-height:48px}.login-submit span{font-size:15px}.login-register{padding:17px 0;gap:9px;margin-top:22px}.login-register a{font-size:11px;line-height:1.5;gap:5px;min-height:33px}.login-register>span{font-size:9px}.login-divider span{font-size:14px}.login-footer{font-size:9px;padding-top:20px;flex-wrap:wrap}.login-eyebrow{font-size:9px;letter-spacing:1.7px}.login-existing{padding:13px;font-size:11px}.login-error{font-size:10px}}
@media(prefers-reduced-motion:reduce){.login-panel input,.login-submit{transition:none}}

body[data-auth-page=login] #retailAccount{padding:0;max-width:none}.login-panel h2{min-height:60px}@media(max-width:700px){.login-panel h2{min-height:76px}}

@media(min-width:701px){body[data-auth-page=login] .retail-header{padding-block:20px}body[data-auth-page=login] #retailAccount{margin-top:27px}.login-heading{margin-bottom:24px}.login-panel{padding:24px 32px 0}.login-icon{width:38px;height:38px}.login-panel-top{margin-bottom:13px}.login-panel h2{min-height:32px;max-width:none;font-size:23px}.login-panel-help{margin-bottom:9px}.login-panel label{margin-top:12px}.login-register{margin-top:18px;padding:16px 0 18px}}