.site-bottom-nav{display:none}
.desktop-account-nav button{min-height:44px;background:transparent;border:0;padding:7px 10px;color:var(--muted);font-size:14px;font-weight:650}
.desktop-account-nav button[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent);text-decoration-thickness:2px}
header #track-order{display:none}
#store-profile{scroll-margin-top:88px}
#profile-modal{width:min(480px,calc(100% - 24px))}
#profile-data{margin:22px 0;display:grid;gap:6px;overflow-wrap:anywhere}
#profile-data dt{font-size:12px;color:var(--muted);margin-top:9px}
#profile-data dd{margin:0}
@media(max-width:900px){
 body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .site-bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:38;justify-content:space-around;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}
 .site-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;max-width:180px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}
 .site-bottom-nav button[aria-current="page"]{color:var(--ink);background:var(--soft)}
 .site-bottom-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .recent-purchase{bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* Store identity is the main header; the bag sits above the mobile navigation. */
#store-profile{scroll-margin-top:0}
.store-profile .desktop-account-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}
.cart-bar{position:fixed;inset:auto 0 0;z-index:39;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:56px;padding:12px max(20px,calc((100vw - 1200px)/2)) calc(12px + env(safe-area-inset-bottom));border:0;background:var(--accent);color:#fff;text-align:center;font:inherit;cursor:pointer}
.cart-bar[hidden]{display:none}
.cart-bar__icon{position:relative;justify-self:start;width:32px;height:30px}
.cart-bar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cart-bar__icon b{position:absolute;left:16px;top:11px;min-width:21px;padding:2px 4px;border-radius:20px;background:#fff;color:var(--accent);font-size:12px}
#bag-total{justify-self:end;font-size:14px;font-weight:700;white-space:nowrap}
.cart-bar:focus-visible{outline:3px solid var(--ink);outline-offset:-4px}
body.has-cart{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
body.has-cart .floating-tools,body.has-cart .recent-purchase{bottom:calc(80px + env(safe-area-inset-bottom))}
@media(max-width:900px){
 .store-profile .desktop-account-nav{display:none}
 .cart-bar{bottom:calc(69px + env(safe-area-inset-bottom));padding:12px 20px}
 body.has-cart{padding-bottom:calc(148px + env(safe-area-inset-bottom))}
 body.has-cart .floating-tools,body.has-cart .recent-purchase{bottom:calc(144px + env(safe-area-inset-bottom))}
}
/* Account destinations share the same viewport navigation, rather than the dialog top layer. */
.account-page{width:min(860px,calc(100% - 32px));margin:28px auto 40px;color:var(--ink)}
.account-page[hidden],body [hidden]{display:none!important}
.account-page>.checkout-body{padding:0}
.account-page h1{font-size:30px;margin:0 0 18px;letter-spacing:-.035em}
.profile-identity{display:flex;gap:16px;align-items:center;margin:24px 0}
.profile-avatar{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:var(--soft);color:var(--accent);font-size:35px}
.profile-identity h2{font-size:22px;margin:0;overflow-wrap:anywhere}.profile-identity p{margin:5px 0;color:var(--muted);overflow-wrap:anywhere}
.profile-card,.profile-menu{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:20px;margin:18px 0}
.profile-card h2,.profile-points h2{font-size:17px;margin:0 0 16px}
#profile-data{margin:0}#profile-data dt{font-size:12px;margin:12px 0 0;color:var(--muted)}#profile-data dd{padding:0 0 12px;border-bottom:1px solid var(--line);font-size:15px}
.profile-points{padding:24px;border-radius:18px;background:var(--ink);color:#fff;margin:18px 0}
#profile-points-summary>strong{font-size:34px;line-height:1.25}#profile-points-summary p{margin:7px 0}#profile-points-summary small{display:block;color:#e0e3f2}
.profile-points button{margin-top:18px;min-height:44px;border:1px solid #b8bada;border-radius:12px;background:transparent;color:#fff;padding:8px 14px;font-weight:700}
.profile-menu{display:grid;padding:0;overflow:hidden}.profile-menu button{display:flex;align-items:center;gap:12px;min-height:64px;border:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);padding:16px 20px;text-align:left;font:inherit;font-weight:650;margin:0!important}.profile-menu button::before{content:'◇';color:var(--accent);font-size:23px}.profile-menu button::after{content:'›';margin-left:auto}.profile-signout{min-height:48px;border:1px solid var(--line);border-radius:12px;color:var(--danger);background:var(--paper);padding:12px 20px}
#tracking-logout{display:none!important}
body[data-site-page=profile] .cart-bar,body[data-site-page=orders] .cart-bar{display:none}
.desktop-account-nav{display:flex;justify-content:center;gap:12px;padding:10px;background:var(--paper)}
html.account-dialog-open{overflow:hidden;overscroll-behavior:none}
#account-modal,#addresses-modal,#loyalty-account{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:22px;overflow:auto;overscroll-behavior:contain}
#account-modal>.close,#addresses-modal>.close,#loyalty-account>.close{position:sticky;top:12px;margin:12px 12px -50px auto;z-index:5}
#addresses-modal,#loyalty-account{padding:0 22px 24px}#addresses-modal>.close,#loyalty-account>.close{margin-right:0}
@media(max-width:900px){.desktop-account-nav{display:none}.account-page{margin-top:24px}.account-page h1{font-size:27px}}
.profile-avatar svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.profile-menu button small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}
#profile-data dt::before{content:'○';margin-right:8px;color:var(--accent)}
#account-modal[open],#addresses-modal[open],#loyalty-account[open]{animation:account-dialog-in .16s ease-out}
@keyframes account-dialog-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#account-modal[open],#addresses-modal[open],#loyalty-account[open]{animation:none}}
@media(min-width:901px){.desktop-account-nav{position:fixed;top:12px;right:20px;z-index:38;border:1px solid var(--line);border-radius:14px}}