/* The shop remains visible behind a compact account drawer. */
body.account-open{overflow:hidden}
.auth{max-width:600px;padding-top:1.1rem}
.auth::before{background:none}
.auth .auth-card{display:block;max-width:560px;border:0;border-radius:0;box-shadow:none;background:transparent}
.auth .auth-side{display:none}
.auth .auth-main{padding:1rem 0 1.8rem}
.auth .auth-main h1{font-size:2rem}
.auth .auth-main .social .sbtn{min-height:48px}
.auth .auth-main .fld input:not([type=checkbox]){font-size:16px;min-height:48px}
.auth .auth-main .btn-xl{min-height:48px}
.auth .auth-main .two{gap:.75rem}
.account-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);color:var(--ink);box-shadow:-12px 0 48px #0002}
.account-drawer::backdrop{background:rgba(20,16,13,.48)}
.account-drawer[open]{animation:account-enter .2s ease-out}
.account-drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px;padding:.7rem 1.5rem;border-bottom:1px solid var(--line);background:var(--bg)}
.account-drawer-head h2{font-family:var(--sans);font-size:1.05rem;font-weight:700}
.account-drawer-head button{min-height:44px;padding:.5rem .65rem;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.account-drawer-langs{display:flex;justify-content:flex-end;gap:.25rem;padding:.25rem 1.3rem 0}
.account-drawer-langs button{min-height:44px;padding:.5rem .7rem;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}
.account-drawer-langs button[aria-pressed=true]{font-weight:750;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.account-drawer .auth-main{padding:.6rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));background:transparent}
.account-drawer .auth-main h1{font-size:1.8rem;line-height:1.15}
.account-drawer .auth-main .sub{margin:.55rem 0 1.1rem;font-size:.95rem;line-height:1.5}
.account-drawer .auth-main .social{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:0}
.account-drawer .auth-main .sbtn{min-height:48px;border-radius:.65rem;justify-content:center;background:var(--card);font-size:1rem;gap:.75rem}
.account-drawer .auth-main .auth-or{margin:.9rem 0;font-size:.8rem}
.account-drawer .auth-main .fld{margin-bottom:.85rem}
.account-drawer .auth-main .fld>label,.account-drawer .auth-main .lbl-row label{font-size:.86rem}
.account-drawer .auth-main .fld input:not([type=checkbox]){min-height:48px;font-size:16px;padding:.75rem .85rem;background-image:none}
.account-drawer .auth-main .pw input{padding-right:5rem!important}
.account-drawer .auth-main .pw-t{min-width:48px;min-height:44px;padding:.4rem .65rem}
.account-drawer .auth-main .lbl-row{align-items:baseline;gap:.5rem;flex-wrap:wrap}
.account-drawer .auth-main .lbl-row a{padding:.2rem 0;font-size:.82rem}
.account-drawer .auth-main .keep{min-height:44px;margin:.25rem 0 .65rem;font-size:.9rem}
.account-drawer .auth-main .btn-xl{min-height:48px;padding:.75rem 1rem;font-size:1rem}
.account-drawer .auth-main .auth-note{font-size:.8rem;line-height:1.5;margin:1rem 0 0;padding:.8rem .9rem;border-radius:.65rem}
.account-drawer .auth-main .auth-fine{font-size:.75rem;line-height:1.5;margin:.8rem 0}
.account-drawer .auth-main .auth-guest-row{margin-top:1rem}
.account-drawer .auth-main .auth-guest{min-height:44px;border-style:solid;border-radius:.65rem;padding:.7rem 1rem;font-size:.9rem}
.account-drawer .auth-main .auth-switch{font-size:.9rem;margin-top:1rem}
.account-drawer-content>.flash,.account-loading{margin:1rem 1.5rem}
.account-drawer :focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
@keyframes account-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:600px){.account-drawer{width:100vw}.account-drawer-head{padding:.5rem 1.2rem;min-height:60px}.account-drawer .auth-main{padding:.4rem 1.2rem calc(1.2rem + env(safe-area-inset-bottom))}.account-drawer .auth-main .two{grid-template-columns:1fr 1fr;gap:.65rem}.account-drawer .auth-main h1{font-size:1.65rem}.account-drawer .auth-main .chk{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.account-drawer[open]{animation:none}}