.account-menu { position:fixed; inset:0 0 0 auto; margin:0; width:min(100%,597px); max-width:100vw; height:100dvh; max-height:100dvh; padding:0; border:0; background:linear-gradient(#2d2e38,#15161d); color:#f8f8fa; font:600 18px Nunito,Arial,sans-serif; box-sizing:border-box; overflow-y:auto; }
.account-menu::backdrop {background:#0009;}
body:has(.account-menu[open]) {overflow:hidden;}
.account-menu-header {height:108px; padding:16px 24px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; background:#000;}
.account-menu-header img {width:135px; max-height:76px; object-fit:contain;}
.account-menu-close {border:0; background:transparent; color:white; font:300 56px/1 Arial; cursor:pointer; padding:0 12px;}
.account-menu-body {padding:24px; min-height:calc(100% - 108px); box-sizing:border-box; display:flex; flex-direction:column;}
.account-menu a {color:inherit; text-decoration:none;}
.account-menu-profile {display:flex; align-items:center; gap:24px; padding:18px; border:1px solid #ffffff15; border-radius:24px; background:#17181d66; margin-bottom:24px; min-height:120px; box-sizing:border-box;}
.avatar-wrap {position:relative; flex:none;}
.avatar-wrap img,.profile-avatar {width:84px; height:84px; border-radius:50%; object-fit:cover;}
.avatar-wrap b {position:absolute; right:0; bottom:0; border-radius:7px; background:#000; padding:2px 4px; color:#fff; font-size:15px;}
.account-menu small {display:block; font-size:18px; color:#b1b1b8; font-weight:600;}
.account-menu strong {display:block; font-size:22px; line-height:1.25; overflow-wrap:anywhere;}
.account-menu-profile strong {font-size:20px; margin-top:4px;}
.account-chevron {margin-left:auto; color:#94949d; font:32px Arial; flex:none;}
.account-menu nav {display:grid; gap:3px;}
.account-menu nav a {display:flex; align-items:center; gap:24px; min-height:84px; padding:16px 18px; box-sizing:border-box; background:#ffffff08; border:1px solid #ffffff15; border-radius:6px; box-shadow:0 1px 1px #0007;}
.account-menu nav a:first-child,.account-menu nav .account-secondary {border-radius:20px 20px 6px 6px;}
.account-menu nav a:last-child {border-radius:6px 6px 20px 20px;}
.account-menu nav a:hover {background:#ffffff12;}
.account-menu nav .account-secondary {margin-top:20px;}
.account-icon {width:46px; flex:none; font:bold 35px/1 Arial; color:#b1b1b8; text-align:center;}
.store-icon {background:#ffd648; border-radius:12px 12px 12px 0; color:#000; padding:6px 0;}
.gift-icon,.rewards-icon {background:linear-gradient(145deg,#db8aff,#8500e8); border-radius:9px; color:#fff; padding:6px 0;}
.rewards-icon {font-size:23px; border-radius:50%; padding:12px 0;}
.account-menu footer {margin-top:auto; padding:80px 12px 12px; color:#b1b1b8;}
.account-menu footer>a {display:block; text-align:center; padding:0 0 20px; font-weight:800;}
.account-menu footer>div {border-top:1px solid #ffffff18; padding-top:24px; display:flex; justify-content:space-between; align-items:center;}
.account-menu select {background:transparent; color:#b1b1b8; border:0; font:inherit; max-width:150px;}
.account-menu option {background:#20212a;}
.account-trigger.site-menu-button {width:128px; height:58px; border-radius:32px; border:1px solid #ffffff12; box-shadow:0 2px 0 #0005; background:linear-gradient(#151515,#262626); position:relative; padding:0;}
.account-trigger.site-menu-button .account-trigger-avatar {position:absolute; left:6px; top:5px; width:46px; height:46px; border-radius:50%; object-fit:cover;}
.account-trigger.site-menu-button span {position:absolute; width:30px; height:3px; left:74px; margin:0; border-radius:3px; background:white; box-shadow:none;}
.account-trigger.site-menu-button span:nth-of-type(1) {top:21px;}
.account-trigger.site-menu-button span:nth-of-type(2) {top:33px;}
.account-trigger.site-menu-button span:nth-of-type(3) {display:none;}
.account-menu :focus-visible {outline:3px solid #ffcf24; outline-offset:3px;}
@media(max-width:420px) {.account-menu-body {padding:16px;} .account-menu strong {font-size:18px;} .account-menu-profile {gap:14px;} .account-menu nav a {gap:16px;} .account-menu small {font-size:15px;} .avatar-wrap img {width:66px;height:66px;} }
.account-trigger.site-menu-button {flex:0 0 128px;}
.account-trigger.site-menu-button span {border:0;}
.profile-rewards-link {display:block;color:#ffdb58;font-weight:900;margin:18px 0;text-decoration:none;}
.account-language-row {display:flex;justify-content:flex-end;padding:8px 24px;background:#050505;color:#c6c2cf;font:700 14px Nunito,Arial,sans-serif;}
.account-language-row select {background:#24212d;color:#fff;border:1px solid #625871;border-radius:6px;padding:6px 10px;font:inherit;}
body[data-account-page="admin"]>.account-language-row {display:none;}

/* Keep global site footer decoration out of the account drawer. */
.account-menu footer {background:transparent;text-align:left;overflow:visible;}
.account-menu footer::before,.account-menu footer::after {display:none;}
.account-menu-header {background:transparent;}