.sf-customer-shell{width:min(1540px,calc(100% - 32px));margin:0 auto 96px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}
.sf-customer-content{min-width:0;display:grid;gap:18px}
.sf-customer-sidebar{position:sticky;top:calc(var(--sf-header) + 18px);display:grid;gap:14px}
.sf-customer-sidebar-card,.sf-customer-sidebar-progress,.sf-customer-sidebar-nav,.sf-customer-sidebar-meta,.sf-customer-dashboard-head,.sf-customer-panel,.sf-customer-kpis article,.sf-address-card,.sf-service-card,.sf-notification-row,.sf-login-event{border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 50px rgba(0,0,0,.18)}
.sf-customer-sidebar-card,.sf-customer-sidebar-progress,.sf-customer-sidebar-nav,.sf-customer-sidebar-meta{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}
.sf-customer-sidebar-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
.sf-customer-avatar{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#e8cb83,#b98a2e);color:#17130c;font-size:1.75rem;font-weight:900}
.sf-customer-identity{display:grid;gap:4px;min-width:0}.sf-customer-identity span{font-size:11px;color:#d2c9b8}.sf-customer-identity strong{font-size:1.05rem;color:#fff}.sf-customer-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcb4a5}
.sf-customer-sidebar-progress{display:grid;gap:10px}.sf-customer-sidebar-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-customer-sidebar-progress b{font-size:1.4rem;color:#f5d788}.sf-customer-sidebar-progress span{color:#cdc4b3}.sf-customer-sidebar progress{width:100%;height:10px;accent-color:#d8b65a}
.sf-customer-sidebar-nav{display:grid;gap:8px;padding:10px}.sf-customer-sidebar-nav a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:16px;color:#ebe2d1;background:transparent;font-weight:800;transition:.2s ease}.sf-customer-sidebar-nav a:hover,.sf-customer-sidebar-nav a.is-active{background:linear-gradient(135deg,rgba(216,182,90,.22),rgba(216,182,90,.08));color:#fff;border-color:rgba(216,182,90,.22);box-shadow:inset 0 0 0 1px rgba(216,182,90,.22)}
.sf-customer-sidebar-meta{display:grid;gap:10px}.sf-customer-sidebar-meta div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.03)}.sf-customer-sidebar-meta span{font-size:12px;color:#cdc4b3}.sf-customer-sidebar-meta strong{font-size:1.1rem;color:#fff}
.sf-customer-dashboard-head{padding:26px 26px 22px;border-radius:28px;background:linear-gradient(135deg,rgba(216,182,90,.16),rgba(255,255,255,.03) 36%,rgba(255,255,255,.02));display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:center}.sf-customer-welcome{display:grid;gap:10px}.sf-customer-welcome span{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(216,182,90,.12);color:#f4d889;font-size:12px;font-weight:900}.sf-customer-welcome h2{margin:0;font-size:clamp(1.7rem,2.8vw,2.5rem)}.sf-customer-welcome p{margin:0;color:#d8d1c4;line-height:1.95}
.sf-customer-dashboard-head .sf-customer-nav{display:none}
.sf-customer-kpis{width:100%;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sf-customer-kpis article{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.035)}.sf-customer-kpis span{display:block;font-size:12px;color:#cfc6b7}.sf-customer-kpis strong{display:block;margin-top:8px;font-size:1.35rem;color:#fff;line-height:1.45}
.sf-customer-panel{padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03))}.sf-customer-panel>header{margin-bottom:16px}.sf-customer-panel>header h2,.sf-customer-panel>h2{margin:0;font-size:1.15rem}.sf-customer-panel>header a{color:#f0d27b;font-weight:800}
.sf-account-grid,.sf-customer-service{max-width:none;padding:0;margin:0}.sf-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-span-2{grid-column:1/-1}
.storefront-v9 .sf-account-grid .sf-table-wrap{margin-top:10px;border-radius:18px;border:1px solid rgba(255,255,255,.06);overflow:auto;background:rgba(17,17,14,.3)}
.storefront-v9 .sf-account-grid table{min-width:820px}.storefront-v9 .sf-account-grid th{font-size:12px;color:#baa785;background:rgba(255,255,255,.03)}.storefront-v9 .sf-account-grid td{border-top:1px solid rgba(255,255,255,.04)}.storefront-v9 .sf-account-grid tbody tr:hover{background:rgba(216,182,90,.05)}
.sf-order-link{font-weight:800;color:#f6d98b}.sf-account-tracking small{display:block;margin-bottom:4px}
.storefront-v8 .sf-customer-content :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:52px;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;padding:0 15px!important;box-shadow:none!important}.storefront-v8 .sf-customer-content textarea{padding:12px 15px!important;min-height:120px}.storefront-v8 .sf-customer-content :where(input,select,textarea)::placeholder{color:#a79e90!important}.storefront-v8 .sf-customer-content :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus{border-color:rgba(232,207,143,.45)!important;background:rgba(255,255,255,.09)!important;box-shadow:0 0 0 4px rgba(216,182,90,.08)!important}
.sf-customer-content label{font-size:12px;font-weight:800;color:#d7cfc2}.sf-customer-content .sf-form-grid,.sf-customer-content .auth-form-grid{gap:14px}.sf-customer-content .sf-form-actions{margin-top:6px}
.sf-customer-content .check-line{display:flex!important;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.03);color:#ebe3d6;font-weight:700}.sf-customer-content .check-line input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid rgba(216,182,90,.66);border-radius:6px;background:rgba(255,255,255,.02);display:grid;place-items:center;cursor:pointer;margin:0}.sf-customer-content .check-line input[type=checkbox]::after{content:"";width:10px;height:10px;border-radius:3px;transform:scale(0);transition:transform .18s ease;background:linear-gradient(135deg,#ebd18d,#b98a2e)}.sf-customer-content .check-line input[type=checkbox]:checked::after{transform:scale(1)}
.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.password-field [data-password-toggle]{min-width:44px;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);color:#f5d785}
.sf-button,.sf-text-button{transition:all .18s ease}.sf-button.sf-button-primary{background:linear-gradient(135deg,#f2d98e,#bb8c30)!important;color:#17130c!important;border-color:transparent!important;box-shadow:0 14px 34px rgba(216,182,90,.18)}.sf-button.sf-button-primary:hover{transform:translateY(-1px)}.sf-button.sf-button-ghost,.sf-text-button{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;color:#f2d888!important}.sf-button.sf-button-ghost:hover,.sf-text-button:hover{background:rgba(216,182,90,.12)!important;border-color:rgba(216,182,90,.22)!important;color:#fff!important}.sf-button-danger{background:linear-gradient(135deg,#83333a,#622329)!important;border:none!important}
.sf-address-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.sf-address-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.03)}.sf-address-card.is-default{border-color:rgba(216,182,90,.4);background:linear-gradient(180deg,rgba(216,182,90,.1),rgba(255,255,255,.03))}.sf-address-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sf-address-card header span{padding:5px 10px;border-radius:999px;background:rgba(216,182,90,.12);color:#f4d889;font-size:11px;font-weight:800}.sf-address-card p{margin:0 0 10px;color:#e7dfd2;line-height:1.95}.sf-address-card small{color:#b7af9f}
.sf-address-editor,.sf-preferences-editor{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.sf-address-editor>summary,.sf-preferences-editor>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#f3d788;font-weight:900;list-style:none}.sf-address-editor>summary::-webkit-details-marker,.sf-preferences-editor>summary::-webkit-details-marker{display:none}
.sf-service-card,.sf-notification-row,.sf-login-event{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.03)}.sf-notification-row,.sf-login-event{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.sf-notification-row i,.sf-login-event i{width:12px;height:12px;border-radius:50%;margin-top:7px;background:#e3be61}.sf-login-event i.ok{background:#53d18e}.sf-login-event i.warn{background:#e3be61}.sf-notification-row b,.sf-login-event b{display:block;margin-bottom:5px}.sf-notification-row p,.sf-login-event p{margin:0 0 4px;color:#d9d2c6;line-height:1.9}.sf-notification-row small,.sf-login-event small{color:#aea594}
.geo-fieldset{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.02)}.geo-fieldset legend{padding:0 8px;color:#f3d889;font-weight:800}.geo-status{display:block;margin-top:10px;color:#bdb4a6}
@media (max-width:1180px){.sf-customer-shell{grid-template-columns:1fr}.sf-customer-sidebar{position:static;order:2}.sf-customer-content{order:1}.sf-customer-sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-customer-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-customer-dashboard-head{grid-template-columns:1fr}.sf-profile-meter{width:100%}}
@media (max-width:780px){.sf-customer-shell{width:calc(100% - 18px);gap:14px}.sf-customer-sidebar-card,.sf-customer-sidebar-progress,.sf-customer-sidebar-nav,.sf-customer-sidebar-meta,.sf-customer-dashboard-head,.sf-customer-panel,.sf-customer-kpis article{border-radius:20px}.sf-customer-sidebar-nav{grid-template-columns:1fr 1fr}.sf-customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sf-account-grid{grid-template-columns:1fr}.sf-customer-dashboard-head .sf-customer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.sf-customer-dashboard-head .sf-customer-nav a{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#f0dec0;text-align:center}.sf-customer-dashboard-head .sf-customer-nav a:hover{background:rgba(216,182,90,.12)}.sf-customer-sidebar{display:none}.sf-customer-content .sf-form-grid,.sf-customer-content .auth-form-grid,.sf-form-grid-wide{grid-template-columns:1fr}.sf-customer-content .sf-form-grid .wide,.sf-form-grid-wide .sf-span-2{grid-column:auto}.storefront-v8 .sf-customer-content :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:48px}.password-field{grid-template-columns:1fr auto}}

/* RC28 final — mobile customer navigation and form-control polish */
.sf-customer-mobile-toolbar{display:none}
.sf-customer-sidebar-close{display:none}
.sf-customer-sidebar-backdrop{display:none}
.sf-customer-content :where(input[type=checkbox],input[type=radio]){accent-color:#d8b65a}
.sf-customer-content input[type=checkbox]:not(.native-control){appearance:none;-webkit-appearance:none;width:21px;height:21px;min-width:21px;border:2px solid rgba(230,202,123,.62);border-radius:7px;background:rgba(255,255,255,.035);display:inline-grid;place-items:center;vertical-align:middle;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer}
.sf-customer-content input[type=checkbox]:not(.native-control)::before{content:"";width:10px;height:6px;border-inline-start:2px solid #18130a;border-bottom:2px solid #18130a;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .16s ease}
.sf-customer-content input[type=checkbox]:not(.native-control):checked{border-color:#e8cb78;background:linear-gradient(135deg,#f1d98f,#b8862c);box-shadow:0 0 0 4px rgba(216,182,90,.09)}
.sf-customer-content input[type=checkbox]:not(.native-control):checked::before{transform:rotate(-45deg) scale(1)}
.sf-customer-content input[type=checkbox]:not(.native-control):focus-visible{outline:none;box-shadow:0 0 0 4px rgba(241,217,143,.17)}
.sf-customer-content input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.sf-customer-content input[type=radio]{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:2px solid rgba(230,202,123,.62);border-radius:50%;background:rgba(255,255,255,.035);display:inline-grid;place-items:center}
.sf-customer-content input[type=radio]::before{content:"";width:9px;height:9px;border-radius:50%;background:#e7ca77;transform:scale(0);transition:transform .16s ease}
.sf-customer-content input[type=radio]:checked::before{transform:scale(1)}
.sf-customer-content select{background-image:linear-gradient(45deg,transparent 50%,#d8bb69 50%),linear-gradient(135deg,#d8bb69 50%,transparent 50%)!important;background-position:calc(18px) 50%,calc(12px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-inline-end:38px!important;appearance:none}
.sf-customer-content label:has(input:required)>span:first-child::after,.sf-customer-content label:has(select:required)>span:first-child::after{content:" *";color:#f28c91}
.sf-customer-content :where(input,select,textarea):disabled{opacity:.62;cursor:not-allowed;background:rgba(255,255,255,.025)!important}
.sf-customer-content :where(input,select,textarea)[aria-invalid="true"]{border-color:rgba(242,126,135,.72)!important;box-shadow:0 0 0 4px rgba(242,126,135,.09)!important}
.sf-customer-content .sf-button:focus-visible,.sf-customer-content .sf-text-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(241,217,143,.18)!important}

@media(max-width:780px){
  .sf-customer-mobile-toolbar{display:flex;width:calc(100% - 18px);margin:12px auto 0;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(20,19,16,.86);backdrop-filter:blur(18px);position:sticky;top:8px;z-index:44}
  .sf-customer-mobile-toolbar button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(216,182,90,.22);border-radius:14px;background:linear-gradient(135deg,rgba(216,182,90,.18),rgba(255,255,255,.05));color:#f4d889;font:inherit;font-weight:900}
  .sf-customer-mobile-toolbar small{color:#aaa193;font-size:10px;line-height:1.6;text-align:end}
  .sf-customer-sidebar{display:grid!important;position:fixed!important;inset-block:0!important;inset-inline-start:auto!important;inset-inline-end:0!important;width:min(88vw,360px)!important;height:100dvh!important;max-height:none!important;overflow:auto!important;padding:58px 14px 22px!important;border-radius:0!important;z-index:1002!important;background:linear-gradient(180deg,#1c1b17,#12120f)!important;box-shadow:-24px 0 70px rgba(0,0,0,.48)!important;transform:translateX(110%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  body.sf-customer-menu-open{overflow:hidden}
  body.sf-customer-menu-open .sf-customer-sidebar{transform:translateX(0)}
  .sf-customer-sidebar-close{display:grid;place-items:center;position:absolute;inset-block-start:14px;inset-inline-start:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:24px;z-index:2}
  .sf-customer-sidebar-backdrop{position:fixed;inset:0;z-index:1001;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
  body.sf-customer-menu-open .sf-customer-sidebar-backdrop{display:block}
  .sf-customer-sidebar-nav{grid-template-columns:1fr!important}
  .sf-customer-sidebar-nav a{min-height:48px;display:flex;align-items:center}
}
@media(max-width:520px){.sf-customer-mobile-toolbar small{display:none}.sf-customer-mobile-toolbar{justify-content:flex-start}}