/* Buyer account shell: independent of the marketing site's editorial styles. */
:root{--bg:#f4f6f2;--paper:#fff;--paper-2:#eef3ef;--ink:#14251f;--muted:#62736b;--line:#dde5de;--green:#0b6b52;--mint:#dbf4e8;--red:#b33939;--shadow:none;color-scheme:light}
:root[data-theme=dark]{--bg:#091510;--paper:#10221a;--paper-2:#193027;--ink:#f1f8f4;--muted:#abc0b4;--line:#294438;--green:#79ddbc;--mint:#214c3a;--red:#ffa3a3;--shadow:none;color-scheme:dark}
body{background:var(--bg);font:15px/1.5 'DM Sans',Arial,sans-serif}button,a,input,select{touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}svg{flex-shrink:0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.app{min-height:100dvh;display:grid;grid-template-columns:264px minmax(0,1fr)}.side{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:28px 18px 18px;background:#0b2119;color:#f0fbf5;border-right:1px solid #294438;min-width:0}.side>.brand{padding:0 12px}.brand img{width:36px;height:36px;object-fit:contain}.identity{display:flex;align-items:center;gap:12px;padding:18px 12px;margin:24px 0 16px;border:1px solid #294438;border-radius:12px}.identity>div:last-child{min-width:0}.identity strong,.identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity span{font-size:12px;color:#a9c6b7}.avatar{flex:none;width:38px;height:38px;border-radius:50%;background:#214d3a;color:#a2efd0;display:grid;place-items:center;font-weight:700}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar,.profile-avatar{overflow:hidden}.nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0;scrollbar-width:thin}.nav-group-label{padding:16px 14px 7px;color:#8fad9d;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.12em}.nav button{flex:none;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:#c7ddd0;padding:12px 14px;min-height:46px;text-align:left;font-weight:500}.nav button svg{width:21px;height:21px}.nav button:hover{background:#193a2c;color:#fff}.nav button[aria-current=page]{background:#79ddbc;color:#09271b;font-weight:700}.nav [data-more-toggle]{display:none}.side-foot{margin-top:auto;padding-top:18px;display:grid;gap:8px}.theme{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid #294438;border-radius:8px;background:transparent;color:#d8ecdf}.theme span:last-child{font-size:12px;color:#a9c6b7}.side-foot .text-button{color:#a9c6b7;text-align:left;padding:12px 14px;min-height:44px}body:has(#appView:not([hidden]))>.auth-theme{display:none}
.main{min-width:0;padding:0 40px 48px}.topbar{display:flex;align-items:center;gap:20px;min-height:78px;border-bottom:1px solid var(--line);max-width:1120px;margin:auto}.topbar p{margin:0;font-weight:600;color:var(--muted)}.header-marketplace{margin-left:auto;color:var(--green);font-weight:700;padding:12px 0}.mobile-brand,.mobile-theme{display:none}.content{max-width:1120px;margin:36px auto 0}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}.page-head h1{font:700 clamp(28px,3vw,36px)/1.2 'Manrope',sans-serif;letter-spacing:-.045em;margin:6px 0 10px;overflow-wrap:anywhere}.page-head p{color:var(--muted);margin:0;max-width:55ch}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.08em}.primary,.quiet,.danger{min-height:46px;border-radius:9px;padding:11px 17px;font-size:14px;line-height:1.4;white-space:normal}.primary{background:var(--green);color:#fff;border-color:var(--green)}:root[data-theme=dark] .primary{color:#09271b}.primary svg{width:19px;height:19px}.quiet{background:var(--paper);color:var(--ink);border-color:var(--line)}.quiet:hover{border-color:var(--green)}.danger{background:transparent;color:var(--red)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.text-button{min-height:44px}.wide{width:100%}
.summary-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px}.summary{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper);display:flex;flex-direction:column;gap:12px;min-width:0}.summary>span:first-child{font-size:13px;font-weight:600;color:var(--muted)}.summary>strong{font:700 clamp(25px,2.5vw,34px)/1.2 'Manrope',sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.summary button{border:0;background:none;color:var(--green);text-align:left;padding:8px 0;min-height:36px;font-size:13px;font-weight:700}.summary-note{font-size:12px;color:var(--muted);padding:8px 0}.section-heading{margin:32px 0 16px}.section-heading h2,.account-banner h2{font:700 18px/1.3 'Manrope',sans-serif;letter-spacing:-.02em;margin:0}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shortcut{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;min-width:0}.shortcut>svg{width:44px;height:44px;background:var(--mint);color:var(--green);padding:10px;border-radius:12px}.shortcut>span{min-width:0}.shortcut strong,.shortcut small{display:block}.shortcut strong{font-size:15px}.shortcut small{font-size:13px;color:var(--muted);margin-top:4px}.shortcut-arrow{margin-left:auto;color:var(--green)}.shortcut:hover{border-color:var(--green);background:var(--paper-2)}.account-banner{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--mint);display:flex;justify-content:space-between;align-items:center;gap:18px}.account-banner p{margin:6px 0 0;color:var(--muted);font-size:13px}
.card,.entry,.order-row{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0;box-shadow:none}.view>.card{max-width:760px}.card-label{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:22px}.profile-row{display:flex;align-items:center;gap:20px}.profile-row>div:last-child{min-width:0}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font:700 24px 'Manrope',sans-serif;flex:none}.profile-row h3{margin:0 0 6px;font-size:22px}.profile-row p{margin:3px 0;color:var(--muted);overflow-wrap:anywhere}.preference-row{display:block;padding:20px 0;border-bottom:1px solid var(--line);margin:0;cursor:pointer;font-size:15px;letter-spacing:normal;text-transform:none}.preference-row>span:first-child{display:flex;align-items:center;gap:12px;font-weight:700}.preference-row .field-help{display:block;margin:8px 0 0 34px;color:var(--muted);font-size:13px;line-height:1.6;font-weight:400}.field{font-size:13px;font-weight:600;letter-spacing:normal;text-transform:none;margin:0 0 18px;gap:8px}.field input:not([type=checkbox]):not([type=file]),.field select{width:100%;min-width:0;height:46px;border-radius:9px;padding:0 12px;font-size:16px;background:var(--paper-2);color:var(--ink)}input[type=checkbox],.field input[type=checkbox]{appearance:auto;display:inline-block;width:22px;height:22px;min-width:22px;padding:0;margin:0;accent-color:var(--green);vertical-align:middle;border-radius:4px;flex:none}.field:has(input[type=checkbox])>span{display:flex;align-items:center;gap:10px;min-height:44px}.field-help,.muted{font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--muted)}#preferencesStatus{min-height:22px;margin:12px 0;font-size:13px;color:var(--green)}#savePreferences{margin-top:24px}.card>a.quiet{margin-top:10px}.security-list{display:grid;gap:16px}.security-item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.security-item span{color:var(--muted)}
.collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.entry{position:relative}.entry.default:before{content:'Default';display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;background:var(--mint);color:var(--green);margin-bottom:14px}.entry h3{font-size:18px;margin:0 0 10px}.entry p{font-size:14px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}.entry-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.entry-actions button,.entry-actions a{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--green);font:600 13px 'DM Sans',sans-serif;display:inline-flex;align-items:center}.entry-actions .remove{color:var(--red)}.empty{padding:44px 24px;border:1px dashed var(--line);border-radius:14px;grid-column:1/-1;text-align:center;color:var(--muted);background:var(--paper)}.session,.activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.session:last-child,.activity-row:last-child{border-bottom:0}.session-icon,.activity-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green)}.session strong,.activity-row strong{display:block;overflow-wrap:anywhere}.session span,.activity-row span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.current{background:var(--mint);color:var(--green)!important;padding:5px 8px;border-radius:20px;font-size:11px!important}.session button{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--red)}.toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 32px);z-index:120;background:var(--ink);color:var(--bg);padding:14px 18px;border-radius:10px;box-shadow:0 10px 30px #0002}
.sheet{position:fixed;inset:0;z-index:100;background:#04120eb3;display:grid;place-items:center;padding:20px;overflow:hidden}.sheet-card{width:min(100%,620px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:26px;box-shadow:0 24px 80px #0004}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.sheet-head h3{margin:0;font:700 22px/1.2 'Manrope',sans-serif;letter-spacing:-.03em}.sheet-close{width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper-2);color:var(--ink);font-size:24px}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.form-grid .full{grid-column:1/-1}.sheet-card>button.primary.wide{margin-top:10px}.more-groups{display:grid;gap:18px}.more-group-label{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}.more-item{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--ink);margin-bottom:8px;text-align:left;font-size:14px;font-weight:600}.more-item:after{content:'→';color:var(--muted)}.more-item.danger{color:var(--red)}body:has(.sheet:not([hidden])){overflow:hidden}
@media(max-width:1000px) and (min-width:851px){.app{grid-template-columns:230px minmax(0,1fr)}.main{padding-inline:24px}.summary-grid{grid-template-columns:1fr 1fr}.summary:last-child{grid-column:1/-1}.shortcut-grid{grid-template-columns:1fr}}
@media(max-width:850px){.auth-wrap{grid-template-columns:1fr;padding:0}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:24px}.auth-card .brand{margin-bottom:40px}.auth-theme{right:18px;top:18px}.app{display:block}.side{position:fixed;inset:auto 10px max(10px,env(safe-area-inset-bottom));height:74px;padding:8px;border:1px solid #294438;border-radius:20px;z-index:40;display:block}.side>.brand,.identity,.side-foot,.nav-group-label{display:none}.nav{height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.nav>[data-view]{display:none}.nav>[data-view=overview],.nav>[data-view=orders],.nav>[data-view=wishlist],.nav>[data-view=addresses],.nav>[data-more-toggle]{display:flex}.nav button{flex-direction:column;justify-content:center;gap:4px;min-height:0;padding:5px 2px;border-radius:12px}.nav button svg{width:23px;height:23px}.nav button span{font-size:10px;line-height:1.2}.main{padding:0 18px calc(114px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:30;background:var(--bg);min-height:76px;gap:12px}.mobile-brand{display:flex;font-size:17px;letter-spacing:-.04em}.mobile-brand span{display:flex;flex-direction:column}.mobile-brand small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:normal}.brand img{width:32px;height:32px}.desktop-context{display:none}.header-marketplace{font-size:12px;margin-left:auto}.mobile-theme{display:grid!important;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:50%;width:40px;height:40px;flex:none}.content{margin-top:26px}.page-head{gap:18px;margin-bottom:24px}.page-head h1{font-size:28px}.page-head p{font-size:14px}.page-head>.primary{width:100%}.summary-grid{grid-template-columns:1fr 1fr;gap:12px}.summary{padding:18px;gap:8px}.summary:last-child{grid-column:1/-1}.summary>strong{font-size:28px}.summary>span:first-child{font-size:12px}.shortcut-grid{grid-template-columns:1fr;gap:10px}.shortcut{padding:18px;gap:14px}.section-heading{margin-top:28px}.account-banner{flex-direction:column;align-items:flex-start;padding:20px}.account-banner .quiet{width:100%}.card,.entry,.order-row{padding:20px}.profile-row{gap:14px;align-items:flex-start}.profile-avatar{width:56px;height:56px}.profile-row h3{font-size:20px}.profile-row p{font-size:13px}.collection{grid-template-columns:1fr}.preference-row>span:first-child{font-size:14px;align-items:flex-start}.preference-row .field-help{margin-left:34px}.view>.card>.button-row{display:grid;grid-template-columns:1fr}.security-item{font-size:13px}.sheet{padding:12px}.sheet-card{padding:20px;max-height:calc(100dvh - 24px);border-radius:16px}.sheet-head{margin-bottom:20px}.sheet-head h3{font-size:20px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .full{grid-column:auto}.sheet-card .avatar-picker{grid-template-columns:56px minmax(0,1fr)}.session,.activity-row{gap:10px}.session .current{max-width:64px;text-align:center}.toast{left:18px;right:18px;bottom:calc(100px + env(safe-area-inset-bottom));max-width:none}.order-row{grid-template-columns:1fr}.order-money{align-items:flex-start}.auth-card h2{font-size:36px}.field input[type=checkbox]{height:22px;width:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.totp-key{display:flex;gap:10px;align-items:center;margin:12px 0}.totp-key code{min-width:0;flex:1;overflow-wrap:anywhere;padding:12px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px}.totp-key button{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--ink)}
.avatar-picker .profile-avatar{width:72px;height:72px}.avatar-picker{grid-template-columns:72px minmax(0,1fr)}.avatar-picker>div{min-width:0}.order-money a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper-2);color:var(--green);font-weight:600}.order-money .pill{display:block;width:fit-content}.sheet-card input:disabled,.sheet-card input[readonly]{opacity:1;color:var(--muted)}
@media(max-width:850px){.avatar-picker .profile-avatar{width:56px;height:56px}.order-row .order-money{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px}.order-money a{width:100%}.order-row .order-money strong{font-size:20px}.sheet-card .profile-actions{gap:8px;margin-top:0}.sheet-card .profile-actions button{font-size:12px;padding:10px;min-height:44px}}
@media(max-width:360px){.nav button span{font-size:9px}.main{padding-inline:14px}.header-marketplace{font-size:11px}.topbar{gap:8px}.mobile-theme{width:36px;height:36px}.summary>strong{font-size:25px}}

.avatar-upload{padding:0;overflow:hidden;cursor:pointer;border:2px dashed var(--line);color:var(--green);background:var(--paper-2)}.avatar-upload:focus-visible{outline:3px solid var(--green);outline-offset:3px}
