body.modal-open { overflow:hidden; }
.orders-sidebar>.orders-sign-out-form { margin:0; }.orders-sidebar>.orders-sign-out-form>.orders-sign-out-button { display:flex;align-items:center;gap:13px;width:100%;border:0;border-top:1px solid #e4e4e7;background:transparent;padding:14px 22px;color:#dc2626;text-align:right;font:600 16px Cairo,sans-serif;cursor:pointer; }.orders-sidebar>.orders-sign-out-form>.orders-sign-out-button i { font-size:22px; } @media(max-width:900px) { .orders-sidebar>.orders-sign-out-form { display:none; } }
.account-modal-error { display:flex;align-items:flex-start;gap:7px;margin:0;border:1px solid #fecdd3;border-radius:12px;background:#fff1f2;padding:10px 12px;color:#be123c;font-size:12px;font-weight:700;line-height:1.6; }.account-modal-error i { margin-top:2px;font-size:16px; }
.account-modal-success { text-align:center; }.account-modal-success-icon { display:grid;place-items:center;width:76px;height:76px;margin:6px auto 20px;border-radius:24px;background:#d1fae5;color:#047857;font-size:42px; }.account-modal-success .account-modal-intro { margin-bottom:28px; }.account-modal-success .account-modal-submit { width:100%;text-decoration:none; }
.account-modal-brand { margin:0 0 16px;color:#18181b;font-family:Streetwear,Outfit,sans-serif;font-size:30px;font-weight:400;letter-spacing:.04em;line-height:1; }
.account-modal-intro .account-modal-brand { display:grid;min-height:64px;place-items:center;margin:0 auto 17px; }
html[lang="ar"] .account-modal-brand { font-family:"Tufuli Arabic",Cairo,Arial,sans-serif;font-size:45px;font-weight:700;letter-spacing:0; }
.account-modal { position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s; }.account-modal.is-open { visibility:visible;opacity:1; }.account-modal-backdrop { position:absolute;inset:0;background:rgba(24,24,27,.6);backdrop-filter:blur(5px); }.account-modal-card { position:relative;z-index:1;width:min(100%,448px);max-height:95vh;overflow:auto;border:1px solid #f4f4f5;border-radius:40px;background:white;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.15);transform:scale(.95);transition:transform .4s cubic-bezier(.175,.885,.32,1.275); }.account-modal.is-open .account-modal-card { transform:scale(1); }.account-modal-signup { width:min(100%,512px); }.account-modal-close { position:absolute;top:24px;left:24px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f4f4f5;color:#71717a;font-size:20px;cursor:pointer;transition:.2s; }.account-modal-close:hover { background:#e4e4e7;color:#18181b; }.account-modal-intro { margin:5px 0 28px;text-align:center; }.account-modal-intro>b { display:grid;place-items:center;width:64px;height:64px;margin:auto auto 17px;border-radius:17px;background:#d1fae5;color:#047857;font-size:29px; }.account-modal-intro h2 { margin:0 0 6px;font-size:24px;font-weight:900; }.account-modal-intro p { margin:0;color:#71717a;font-size:14px;font-weight:600; }.account-modal form { display:grid;gap:18px; }.account-modal label { display:grid;gap:8px;color:#3f3f46;font-size:13px;font-weight:800; }.account-modal label em { display:flex;justify-content:space-between;font-style:normal; }.account-modal label em a,.account-modal-switch a { color:#047857;text-decoration:none; }.account-modal label span { position:relative; }.account-modal label span>i { position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#a1a1aa;font-size:20px; }.account-modal input,.account-modal select { width:100%;border:2px solid transparent;border-radius:16px;background:#fafafa;padding:13px 48px 13px 15px;outline:0;font:500 14px Outfit,Cairo,sans-serif;transition:.2s; }.account-modal input:focus,.account-modal select:focus { border-color:#047857;background:white; }.account-modal-submit { display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;border:0;border-radius:16px;background:#18181b;color:white;padding:15px;font:800 15px Cairo,sans-serif;cursor:pointer;transition:.2s; }.account-modal-submit:hover { background:#047857; }.account-modal-create { background:#047857; }.account-modal-create:hover { background:#065f46; }.account-modal-switch { margin:28px 0 0;padding-top:21px;border-top:1px solid #f4f4f5;text-align:center;color:#52525b;font-size:13px;font-weight:600; }.account-modal-switch a { font-weight:900; }.account-modal-fields { display:grid;grid-template-columns:1fr 1fr;gap:14px; } @media (max-width:500px) { .account-modal-card { padding:32px 23px;border-radius:29px; }.account-modal-signup { max-height:92vh; }.account-modal-fields { grid-template-columns:1fr; }.account-modal-close { top:17px;left:17px;width:35px;height:35px; } }

.account-modal .account-modal-intro .account-modal-brand { color:#18181b;font-family:Streetwear,Outfit,sans-serif;font-size:30px;font-weight:400;letter-spacing:.04em;line-height:1; }
html[lang="ar"] .account-modal .account-modal-intro .account-modal-brand { font-family:"Tufuli Arabic",Cairo,Arial,sans-serif;font-size:45px;font-weight:700;letter-spacing:0; }

@media (max-width:700px) {
  .account-modal .account-modal-intro .account-modal-brand { font-size:21px; }
  html[lang="ar"] .account-modal .account-modal-intro .account-modal-brand { font-size:26px; }
}

.account-verification-code { direction:ltr;text-align:center;font:800 28px Outfit,Cairo,sans-serif !important;letter-spacing:.3em; }
.account-modal-verification-notice { display:flex;align-items:flex-start;gap:7px;margin:0 0 16px;border:1px solid #a7f3d0;border-radius:12px;background:#ecfdf5;padding:10px 12px;color:#047857;font-size:12px;font-weight:700;line-height:1.6; }
.account-modal-verification-notice i { margin-top:2px;font-size:16px; }
.account-modal-verification > form:last-child { margin:0; }
.account-modal-resend { width:100%;margin-top:16px;border:0;background:transparent;color:#047857;font:800 13px Cairo,Arial,sans-serif;cursor:pointer; }