html.account-is-open,html.account-is-open body{overflow:hidden}
.account-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(490px,100%);max-width:100%;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;background:#fff;color:var(--ink);box-shadow:-12px 0 50px #10172f24;overflow:hidden}
.account-drawer::backdrop{background:#10172f70}
.account-drawer[open]{animation:account-enter .2s ease-out}
.account-drawer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}
.account-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 28px 21px;border-bottom:1px solid var(--line)}
.account-drawer-header .eyebrow{font-size:10px;letter-spacing:.8px;margin:0 0 7px}
.account-drawer-header h2{margin:0;font-size:29px;line-height:1.2}
.account-drawer-close{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:none;border:0;border-radius:10px}
.account-drawer-close:hover{background:var(--pale)}
.account-drawer-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:22px 24px max(28px,env(safe-area-inset-bottom)) 28px}
.account-drawer [hidden]{display:none!important}
.account-drawer [data-header-intro]{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 24px}
.account-drawer .account-page{padding:0;min-height:0;width:100%;max-width:none}
.account-drawer .signin-card{padding:0;border:0;border-radius:0;width:100%;box-shadow:none}
.account-drawer .signin-heading{display:none}
.account-drawer .signin-tabs{margin-bottom:24px}
.account-drawer .signin-note{text-align:left}
.account-drawer .signin-back{text-align:left}
.account-guest-order{margin-top:28px;padding:22px 20px;background:#f5faf3;border:1px solid #e3eddd;border-radius:14px}
.account-guest-order h3{font-size:17px;margin:0 0 8px}
.account-guest-order p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.account-guest-order a{font-size:14px;font-weight:800;color:var(--green-dark)}
.account-drawer .account-header-links{display:grid;gap:0;margin-bottom:22px}
.account-drawer .account-header-links a{padding:16px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:800}
.account-drawer [data-drawer-status]{font-size:14px;line-height:1.6}
.account-drawer [data-account-form]>p{font-size:14px;line-height:1.6}
@keyframes account-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:480px){.account-drawer-header{padding:20px}.account-drawer-header h2{font-size:26px}.account-drawer-scroll{padding:20px 16px max(24px,env(safe-area-inset-bottom)) 20px}.account-drawer .signin-card{padding:0}}
@media(max-height:560px){.account-drawer-header{padding-block:10px}.account-drawer-header .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.account-drawer[open]{animation:none}}