.account-page{min-height:100vh;padding:var(--page-top-spacing) var(--page-gutter) 80px;color:var(--commerce-foreground);background:0 0;font:14px Inter,Arial,sans-serif}.account-page button,.account-page input,.account-page select{font:inherit}.account-crumbs,.account-shell{width:min(var(--page-max-width), 100%);margin-inline:auto}.account-crumbs{color:var(--commerce-muted);gap:9px;margin-bottom:25px;font-size:10px;display:flex}.account-crumbs a{color:inherit;text-decoration:none}.account-crumbs span,.panel header>span,.section-card button,.account-content .primary{color:var(--commerce-accent)}.account-shell{grid-template-columns:var(--account-nav-width) 1fr;border:1px solid var(--commerce-border);min-height:680px;display:grid}.account-nav{border-right:1px solid var(--commerce-border);flex-direction:column;padding:24px 18px;display:flex}.account-person{border-bottom:1px solid var(--commerce-border);align-items:center;gap:12px;padding:5px 7px 24px;display:flex}.account-person>i{background:var(--commerce-accent);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;font-weight:800;display:grid}.account-person b,.account-person small{display:block}.account-person small{color:var(--commerce-muted);font-size:9px}.account-nav nav{padding-top:14px;display:grid}.account-nav nav button,.logout{height:48px;color:var(--commerce-muted);text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;padding:0 12px;display:grid}.account-nav nav button i{font-style:normal}.account-nav nav button.active,.account-nav nav button:hover{background:color-mix(in srgb, var(--commerce-accent) 8%, transparent);color:var(--commerce-accent)}.account-nav nav button span{opacity:0}.account-nav nav button.active span{opacity:1}.logout{color:var(--commerce-accent);margin-top:auto}.account-content{min-width:0;padding:clamp(25px,4vw,48px)}.panel>header{margin-bottom:30px}.panel header>span{letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.panel h1{text-transform:uppercase;margin:7px 0 4px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.panel header p{color:var(--commerce-muted);margin:0}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px;display:grid}.stats button{border:1px solid var(--commerce-border);min-height:120px;color:inherit;background:0 0;flex-direction:column;align-items:start;padding:22px;display:flex}.stats button:hover{border-color:var(--commerce-accent);box-shadow:0 0 20px var(--commerce-glow)}.stats b{color:var(--commerce-accent);font-size:28px}.stats span{text-transform:uppercase;margin-top:auto;font-size:10px}.section-card{border:1px solid var(--commerce-border)}.section-title{border-bottom:1px solid var(--commerce-border);justify-content:space-between;padding:18px 20px;display:flex}.section-title h2{text-transform:uppercase;margin:0;font-size:14px}.section-title button{background:0 0;border:0;font-size:10px}.order-table>button{border:0;border-bottom:1px solid var(--commerce-border);width:100%;min-height:62px;color:inherit;text-align:left;background:0 0;grid-template-columns:1.4fr 1fr .7fr .7fr;align-items:center;padding:0 20px;display:grid}.order-table>button:last-child{border:0}.order-table span{color:var(--commerce-muted)}.status{text-transform:uppercase;border:1px solid;border-radius:999px;width:max-content;padding:5px 8px;font-size:8px;font-style:normal}.status.delivered{color:#3ca76a}.status.shipped{color:#d8a22c}.toolbar{justify-content:flex-end;margin-bottom:15px;display:flex}.toolbar select{background:var(--commerce-surface);color:inherit;margin-left:8px}.order-cards{gap:10px;display:grid}.order-cards article{border:1px solid var(--commerce-border);grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;padding:20px;display:grid}.order-cards h2{margin:4px 0}.order-cards small{color:var(--commerce-muted)}.order-cards button{border:1px solid var(--commerce-border);height:36px;color:inherit;background:0 0}.wishlist-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.wishlist-grid article{border:1px solid var(--commerce-border);padding-bottom:14px}.wish-image{aspect-ratio:1;background:url(/images/shop/cosmic-products.png) var(--pos) / 200% 200%;display:block}.wishlist-grid article>:not(.wish-image){margin-left:13px;margin-right:13px}.wishlist-grid small{color:var(--commerce-muted);margin-top:12px;display:block}.wishlist-grid h2{margin-top:3px;margin-bottom:3px}.wishlist-grid h2 a{color:inherit;text-decoration:none}.wishlist-grid article>button{float:right;color:var(--commerce-accent);background:0 0;border:0}.section-actions{justify-content:flex-end;margin-bottom:16px;display:flex}.primary{text-transform:uppercase;min-height:44px;padding:0 20px;font-weight:800;border:1px solid var(--commerce-accent)!important;background:var(--commerce-accent)!important;color:#fff!important}.address-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.address-grid article{border:1px solid var(--commerce-border);padding:23px}.address-grid article>span{color:var(--commerce-accent);text-transform:uppercase;font-size:9px}.address-grid h2{margin:7px 0}.address-grid p{color:var(--commerce-muted);line-height:1.7}.address-grid button{color:var(--commerce-muted);background:0 0;border:0;text-decoration:underline}.address-grid button+button{color:var(--commerce-accent);margin-left:10px}.payment-list{gap:12px;display:grid}.payment-list article{border:1px solid var(--commerce-border);grid-template-columns:60px 1fr auto;align-items:center;padding:20px;display:grid}.payment-list i{color:var(--commerce-accent);font-weight:800}.payment-list small{color:var(--commerce-muted);display:block}.payment-list button{color:var(--commerce-accent);background:0 0;border:0}.account-form{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.account-form label,.account-page dialog label{color:var(--commerce-muted);text-transform:uppercase;gap:7px;font-size:10px;display:grid}.account-form .wide{grid-column:1/-1}.account-form input,.account-page dialog input{border:1px solid var(--commerce-border);height:46px;color:inherit;background:0 0;padding:0 12px}.preference-list{border-top:1px solid var(--commerce-border)}.preference-list>label{border-bottom:1px solid var(--commerce-border);justify-content:space-between;padding:20px 0;display:flex}.preference-list b,.preference-list small{display:block}.preference-list small{color:var(--commerce-muted)}.preference-list input{width:40px;accent-color:var(--commerce-accent)}.preference-list .primary{margin-top:22px}.account-page dialog{border:1px solid var(--commerce-border);background:var(--commerce-surface);width:min(470px,100% - 30px);color:var(--commerce-foreground);padding:32px}.account-page dialog::backdrop{background:#000000c7}.dialog-close{color:inherit;background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:12px}.account-page dialog>span{color:var(--commerce-accent);text-transform:uppercase;font-size:9px}.account-page dialog form{gap:13px;display:grid}.account-page dialog .primary{margin-top:8px}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions button,.dialog-actions a{border:1px solid var(--commerce-border);color:inherit;background:0 0;padding:10px 18px;text-decoration:none}.dialog-actions a{border-color:var(--commerce-accent);background:var(--commerce-accent);color:#fff}.account-toast{z-index:100;background:var(--commerce-foreground);color:var(--commerce-background);opacity:0;pointer-events:none;padding:12px 18px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.account-toast.show{opacity:1;transform:translate(-50%)}.empty{text-align:center;border:1px solid var(--commerce-border);padding:50px}@media (width<=800px){.account-shell{grid-template-columns:1fr}.account-nav{border-right:0;border-bottom:1px solid var(--commerce-border)}.account-nav nav{grid-template-columns:repeat(4,1fr)}.account-nav nav button{justify-content:center;height:58px;font-size:0;display:flex}.account-nav nav button i{font-size:18px}.account-nav nav button span,.logout{display:none}.order-cards article{grid-template-columns:1fr auto}.wishlist-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.account-page{padding-top:92px}.account-content{padding:22px 14px}.stats{grid-template-columns:1fr}.order-table>button{grid-template-columns:1fr auto}.order-table span,.order-table strong{display:none}.address-grid,.account-form{grid-template-columns:1fr}.account-form .wide{grid-column:auto}.wishlist-grid{gap:8px}.order-cards article{gap:9px}.order-cards article>strong{display:none}}
