:root{--header-h:0px}.used-phones{--bg:#f3f6f6;--bg-elevated:#fff;--bg-tray:#e8eeee;--bg-tray-hover:#e0e8e9;--bg-dark:#002b31;--bg-dark-elevated:#0f2f34;--brand:#00d875;--brand-hover:#00c268;--brand-active:#00a957;--brand-on:#04231a;--brand-deep:#05674a;--brand-tint:#dff8ec;--brand-mint:#c6ffdf;--status-soon-fg:#7a5a12;--status-soon-bg:#f7eed6;--status-out-fg:#8a3b2e;--status-out-bg:#f8e6e2;--status-info-fg:#2f4a6b;--status-info-bg:#e6edf6;--text:#0b1f23;--text-secondary:#4a5b5e;--text-muted:#78888b;--text-on-dark:#eef6f6;--text-on-dark-2:#eef6f6bd;--border:#d9e1e2;--border-strong:#bfcacb;--focus:0 0 0 3px #00d8756b;--shadow-lift:0 10px 28px #002b311a;--shadow-sheet:0 -12px 40px #002b3133;--shadow-popover:0 12px 32px #002b3129;--shadow-bar:0 -4px 16px #002b3117;--font-display:var(--font-sora),"Segoe UI",system-ui,sans-serif;--font-body:var(--font-inter),system-ui,-apple-system,sans-serif;--h1:clamp(2rem,4.2vw,3.25rem);--h2:clamp(1.5rem,2.8vw,2.125rem);--h3:clamp(1.125rem,1.6vw,1.375rem);--card-title:1.0625rem;--body:clamp(.9375rem,1vw,1rem);--small:.875rem;--micro:.75rem;--container:1280px;--container-wide:1440px;--gutter:clamp(16px,4vw,40px);--section-y:clamp(56px,8vw,104px);--section-y-tight:clamp(40px,5vw,64px);--grid-gap:clamp(12px,1.6vw,20px);--r-card:20px;--r-tray:14px;--r-button:12px;--r-input:10px;--r-pill:999px;--r-sheet:24px;--r-tile:24px;--tap:44px;--ease-soft:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--t-fast:.12s;--t-base:.18s;--t-panel:.24s;--t-drawer:.26s;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--body);-webkit-font-smoothing:antialiased;line-height:1.65}@media (max-width:1023.98px){.used-phones .up-lg-up{display:none!important}}@media (min-width:1024px){.used-phones .up-lg-down{display:none!important}}.used-phones .z-header{z-index:40}.used-phones .z-toolbar{z-index:30}.used-phones .z-prodbar{z-index:35}.used-phones .z-popover{z-index:50}.used-phones .z-sheet{z-index:60}.used-phones .z-toast{z-index:70}.used-phones .z-lightbox{z-index:80}.used-phones h1,.used-phones h2,.used-phones h3,.used-phones .display{font-family:var(--font-display)}.used-phones .t-h1{font-size:var(--h1);letter-spacing:-.02em;font-weight:600;line-height:1.08}.used-phones .t-h2{font-size:var(--h2);letter-spacing:-.015em;font-weight:600;line-height:1.15}.used-phones .t-h3{font-size:var(--h3);font-weight:600;line-height:1.25}.used-phones .t-card-title{font-family:var(--font-display);font-size:var(--card-title);font-weight:600;line-height:1.3}.used-phones .t-small{font-size:var(--small);line-height:1.5}.used-phones .t-micro{font-size:var(--micro);font-weight:500;line-height:1.4}.used-phones .t-lead{color:var(--text-secondary);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6}.used-phones .tabular{font-variant-numeric:tabular-nums}.used-phones .measure{max-width:68ch}.used-phones .measure-tight{max-width:60ch}.used-phones ::selection{background:var(--brand);color:var(--brand-on)}.used-phones .up-container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.used-phones .up-container-wide{width:100%;max-width:var(--container-wide);padding-inline:var(--gutter);margin-inline:auto}.used-phones .up-section{padding-block:var(--section-y)}.used-phones .up-section-tight{padding-block:var(--section-y-tight)}.used-phones .up-dark{background:var(--bg-dark);color:var(--text-on-dark)}.used-phones .up-dark h1,.used-phones .up-dark h2,.used-phones .up-dark h3{color:var(--text-on-dark)}.used-phones .up-dark-grid{background-image:linear-gradient(90deg,#eef6f60f 1px,#0000 1px),linear-gradient(#eef6f60f 1px,#0000 1px);background-size:24px 24px}.used-phones .scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.used-phones .scrollbar-hide::-webkit-scrollbar{display:none}.used-phones section[id]{scroll-margin-top:calc(var(--header-h) + 16px)}.used-phones :focus-visible{box-shadow:var(--focus);border-radius:6px;outline:none}.used-phones .up-skip-link{z-index:90;background:var(--bg-elevated);color:var(--text);border-radius:var(--r-button);box-shadow:var(--shadow-popover);transition:top var(--t-base)var(--ease-out);padding:12px 20px;font-weight:600;position:absolute;top:-60px;left:16px}.used-phones .up-skip-link:focus{top:12px}.used-phones .btn{border-radius:var(--r-button);height:48px;font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--t-base)var(--ease-out),border-color var(--t-base)var(--ease-out),color var(--t-base)var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.used-phones .btn:disabled{opacity:.55;cursor:not-allowed}.used-phones .btn-compact{height:44px;padding-inline:16px}.used-phones .btn-card{height:36px;font-size:var(--small);padding-inline:12px;position:relative}.used-phones .btn-card:after{content:"";height:var(--tap);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.used-phones .btn-block{width:100%}.used-phones .btn-primary{background:var(--brand);color:var(--brand-on)}.used-phones .btn-primary:hover:not(:disabled){background:var(--brand-hover)}.used-phones .btn-primary:active:not(:disabled){background:var(--brand-active)}.used-phones .btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.used-phones .btn-secondary:hover:not(:disabled){border-color:var(--text)}.used-phones .btn-ghost{color:var(--text-secondary);background:0 0;padding-inline:8px}.used-phones .btn-ghost:hover:not(:disabled){color:var(--text);text-underline-offset:3px;text-decoration:underline}.used-phones .btn-on-dark{background:var(--bg-elevated);color:var(--text)}.used-phones .btn-on-dark:hover:not(:disabled){background:var(--bg)}.used-phones .btn-outline-dark{color:var(--text-on-dark);background:0 0;border-color:#eef6f659}.used-phones .btn-outline-dark:hover:not(:disabled){border-color:var(--text-on-dark)}.used-phones .btn-icon{width:var(--tap);height:var(--tap);border-radius:var(--r-button);color:var(--text);cursor:pointer;transition:background-color var(--t-base)var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.used-phones .btn-icon:hover{background:var(--bg-tray)}.used-phones .pill{border-radius:var(--r-pill);height:24px;font-size:var(--micro);white-space:nowrap;align-items:center;gap:6px;padding-inline:10px;font-weight:500;line-height:1;display:inline-flex}.used-phones .pill-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.used-phones .pill-stock{background:var(--brand-tint);color:var(--brand-deep)}.used-phones .pill-soon{background:var(--status-soon-bg);color:var(--status-soon-fg)}.used-phones .pill-out{background:var(--status-out-bg);color:var(--status-out-fg)}.used-phones .pill-info{background:var(--status-info-bg);color:var(--status-info-fg)}.used-phones .chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--bg-elevated);height:36px;font-size:var(--small);color:var(--text);cursor:pointer;transition:background-color var(--t-fast)var(--ease-out),border-color var(--t-fast)var(--ease-out),color var(--t-fast)var(--ease-out);align-items:center;gap:6px;padding-inline:14px;font-weight:500;display:inline-flex}.used-phones .chip:hover{border-color:var(--text)}.used-phones .chip-active{background:var(--brand-tint);border-color:var(--brand-deep);color:var(--brand-deep)}.used-phones .seg{min-height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--bg-elevated);min-width:64px;color:var(--text);font-size:var(--small);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--t-fast)var(--ease-out),border-color var(--t-fast)var(--ease-out),color var(--t-fast)var(--ease-out);padding-inline:16px;font-weight:500}.used-phones .seg:hover{border-color:var(--text)}.used-phones .seg-active{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.used-phones .seg-disabled{color:var(--text-muted);cursor:not-allowed;border-style:dashed}.used-phones .swatch{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.used-phones .swatch-dot{width:32px;height:32px;box-shadow:0 0 0 1px var(--border-strong);transition:box-shadow var(--t-fast)var(--ease-out);border-radius:50%}.used-phones .swatch-light .swatch-dot{box-shadow:0 0 0 1px var(--border-strong),inset 0 0 0 1px #0b1f231f}.used-phones .swatch-active .swatch-dot{box-shadow:0 0 0 1px var(--border-strong),0 0 0 2px var(--bg-elevated),0 0 0 4px var(--brand)}.used-phones .swatch-light.swatch-active .swatch-dot{box-shadow:inset 0 0 0 1px #0b1f231f,0 0 0 1px var(--border-strong),0 0 0 2px var(--bg-elevated),0 0 0 4px var(--brand)}.used-phones .chip{position:relative}.used-phones .chip:after{content:"";height:var(--tap);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.used-phones .surface{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-card)}.used-phones .tray{background:var(--bg-tray);border-radius:var(--r-tray);transition:background-color var(--t-base)var(--ease-out);position:relative;overflow:hidden}.used-phones .tray:after{content:"";pointer-events:none;background:radial-gradient(at 50% 60%,#002b310d,#0000 70%);position:absolute;inset:0}.used-phones .tile{background:var(--bg-tray);border-radius:var(--r-tile)}.used-phones .pcard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-card);height:100%;transition:transform var(--t-base)var(--ease-out),border-color var(--t-base)var(--ease-out),box-shadow var(--t-base)var(--ease-out);flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.used-phones .pcard-img{transition:transform var(--t-base)var(--ease-out)}@media (hover:hover) and (pointer:fine){.used-phones .pcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.used-phones .pcard:hover .tray{background:var(--bg-tray-hover)}.used-phones .pcard:hover .pcard-img{transform:scale(1.03)}}@media (hover:none){.used-phones .pcard:active .tray{background:var(--bg-tray-hover)}}.used-phones .pcard-out .pcard-img{opacity:.6}.used-phones .pcard-face{min-height:0;transition:opacity .12s var(--ease-out);flex-direction:column;flex:1;gap:10px;display:flex}.used-phones .pcard-configuring .pcard-face{opacity:0;visibility:hidden}.used-phones .pcard-config{z-index:1;border-radius:var(--r-card);background:var(--bg-elevated);opacity:0;transition:opacity .18s var(--ease-out),transform .18s var(--ease-soft);flex-direction:column;gap:12px;padding:12px;display:flex;position:absolute;inset:0;overflow-y:auto;transform:scale(.97)}.used-phones .pcard-config.is-in{opacity:1;transform:none}.used-phones .pcard-configuring{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}@media (hover:hover) and (pointer:fine){.used-phones .pcard-configuring:hover{box-shadow:0 0 0 1px var(--brand);transform:none}.used-phones .pcard-configuring:hover .tray{background:var(--bg-tray)}}.used-phones .field-label{font-size:var(--small);color:var(--text);margin-bottom:6px;font-weight:600;display:block}.used-phones .input,.used-phones .select,.used-phones .textarea{border:1px solid var(--border);border-radius:var(--r-input);background:var(--bg-elevated);width:100%;min-height:48px;color:var(--text);font-family:var(--font-body);transition:border-color var(--t-fast)var(--ease-out);padding:12px 14px;font-size:1rem}.used-phones .textarea{resize:vertical;min-height:120px;line-height:1.6}.used-phones .input:hover,.used-phones .select:hover,.used-phones .textarea:hover{border-color:var(--border-strong)}.used-phones .input:focus,.used-phones .select:focus,.used-phones .textarea:focus{border-color:var(--brand-deep);box-shadow:var(--focus);outline:none}.used-phones .input-error{border-color:var(--status-out-fg)}.used-phones .field-help{font-size:var(--micro);color:var(--text-muted);margin-top:6px}.used-phones .field-error{font-size:var(--micro);color:var(--status-out-fg);align-items:center;gap:6px;margin-top:6px;display:flex}.used-phones .checkbox{width:20px;height:20px;accent-color:var(--brand-deep);border-radius:6px;flex:none}.used-phones .up-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.used-phones .stepper{height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--r-button);background:var(--bg-elevated);align-items:stretch;display:inline-flex;overflow:hidden}.used-phones .stepper button{width:42px;color:var(--text);cursor:pointer;transition:background-color var(--t-fast)var(--ease-out);background:0 0;place-items:center;display:grid}.used-phones .stepper button:hover:not(:disabled){background:var(--bg-tray)}.used-phones .stepper button:disabled{color:var(--text-muted);cursor:not-allowed}.used-phones .stepper input{text-align:center;border:none;border-inline:1px solid var(--border);font-variant-numeric:tabular-nums;width:56px;font-size:var(--small);color:var(--text);background:0 0;font-weight:600}.used-phones .stepper input:focus{box-shadow:none;background:var(--bg-tray);outline:none}.used-phones .backdrop{opacity:0;transition:opacity .2s var(--ease-out);background:#002b3170;position:fixed;inset:0}.used-phones .backdrop-in{opacity:1}.used-phones .sheet{background:var(--bg-elevated);border-radius:var(--r-sheet)var(--r-sheet)0 0;max-height:88vh;box-shadow:var(--shadow-sheet);transition:transform var(--t-panel)var(--ease-soft);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.used-phones .sheet-in{transform:translateY(0)}.used-phones .sheet-handle{background:var(--border-strong);border-radius:999px;flex:none;width:36px;height:4px;margin:8px auto 0}.used-phones .drawer{background:var(--bg-elevated);width:88vw;max-width:400px;box-shadow:var(--shadow-sheet);transition:transform var(--t-drawer)var(--ease-soft);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.used-phones .drawer-in{transform:translate(0)}.used-phones .popover{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-tray);box-shadow:var(--shadow-popover);opacity:0;transform-origin:top;transition:opacity var(--t-fast)var(--ease-out),transform var(--t-fast)var(--ease-out);transform:scale(.98)}.used-phones .popover-in{opacity:1;transform:scale(1)}.used-phones .toast{background:var(--bg-dark);color:var(--text-on-dark);border-radius:var(--r-button);box-shadow:var(--shadow-popover);opacity:0;transition:transform .2s var(--ease-soft),opacity .2s var(--ease-out);align-items:center;gap:12px;padding:14px 16px;display:flex;transform:translateY(12px)}.used-phones .toast-in{opacity:1;transform:translateY(0)}.used-phones .sticky-bar{background:var(--bg-elevated);border-top:1px solid var(--border);box-shadow:var(--shadow-bar);padding-bottom:env(safe-area-inset-bottom);transition:transform .2s var(--ease-soft);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.used-phones .sticky-bar-in{transform:translateY(0)}@keyframes upBadgeBump{0%{transform:scale(1)}45%{transform:scale(1.25)}to{transform:scale(1)}}.used-phones .badge-bump{animation:upBadgeBump .3s var(--ease-soft)}@keyframes upRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes upRiseTray{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.used-phones .hero-rise{opacity:0;animation:upRise .4s var(--ease-out)forwards}.used-phones .hero-tray{opacity:0;animation:upRiseTray .4s var(--ease-out)forwards;animation-delay:.12s}.used-phones .hero-d1{animation-delay:.2s}.used-phones .hero-d2{animation-delay:.28s}.used-phones .hero-d3{animation-delay:.36s}.used-phones .grid-fade{transition:opacity .16s var(--ease-out)}.used-phones .grid-fading{opacity:.35}.used-phones .acc-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding-block:12px;display:flex}.used-phones .acc-chevron{transition:transform var(--t-base)var(--ease-out);flex:none}.used-phones .acc-open .acc-chevron{transform:rotate(180deg)}.used-phones .acc-panel{transition:grid-template-rows .2s var(--ease-out);grid-template-rows:0fr;display:grid}.used-phones .acc-panel-open{grid-template-rows:1fr}.used-phones .acc-panel>div{overflow:hidden}.used-phones .specs dt{font-size:var(--small);color:var(--text);font-weight:600}.used-phones .specs dd{font-size:var(--body);color:var(--text-secondary);font-variant-numeric:tabular-nums}.used-phones .specs>div{border-bottom:1px solid var(--border);gap:4px;padding-block:14px;display:grid}@media (min-width:640px){.used-phones .specs>div{grid-template-columns:40% 60%;gap:16px}}@media (max-width:639.98px){.used-phones .up-steps{border-left:2px solid var(--border);padding-left:20px}}.used-phones .step-num{font-family:var(--font-display);color:var(--brand-deep);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:1}.used-phones .step-icon{background:var(--brand-tint);width:48px;height:48px;color:var(--brand-deep);border-radius:50%;place-items:center;display:grid}.used-phones .up-dark .step-num{color:var(--brand)}.used-phones .up-dark .step-icon{color:var(--brand);background:#00d87524}.used-phones .up-search{position:relative}.used-phones .up-search-bar{align-items:center;gap:8px;display:flex}.used-phones .up-search-field{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-elevated);flex:1;align-items:center;gap:8px;min-width:0;height:44px;padding-inline:14px;display:flex}.used-phones .up-search-field:focus-within{border-color:var(--brand-deep);box-shadow:var(--focus)}.used-phones .up-search-field input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;flex:1;font-size:1rem;line-height:1}.used-phones .up-search-field input:focus{box-shadow:none;outline:none}.used-phones .up-search-field input::-webkit-search-cancel-button{display:none}.used-phones .up-search-panel{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-popover);overflow:hidden}.used-phones .up-search-row{min-height:56px;transition:background-color var(--t-fast)var(--ease-out);align-items:center;gap:12px;padding:8px 12px;display:flex}.used-phones .up-search-row:hover,.used-phones .up-search-row.is-active{background:var(--bg-tray)}.used-phones .up-search-all{text-align:left;width:100%;font-size:var(--small);color:var(--brand-deep);border-top:1px solid var(--border);cursor:pointer;transition:background-color var(--t-fast)var(--ease-out);padding:14px 16px;font-weight:600;display:block}.used-phones .up-search-all:hover{background:var(--bg-tray)}.used-phones .up-search-empty{font-size:var(--small);color:var(--text-secondary);padding:20px 16px}.used-phones .up-hit{position:relative}.used-phones .up-hit:after{content:"";width:var(--tap);height:var(--tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes upSearchGrow{0%{opacity:0;width:44px}to{opacity:1;width:340px}}@media (min-width:1024px){.used-phones .up-search-field{width:340px;animation:upSearchGrow .18s var(--ease-out);flex:none}.used-phones .up-search-panel{border-radius:var(--r-tray);width:420px;max-height:70vh;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.used-phones .up-search-scrim{display:none}}@media (max-width:1023.98px){.used-phones .up-search-bar{height:var(--header-h);padding-inline:var(--gutter);background:var(--bg);z-index:55;position:fixed;top:0;left:0;right:0}.used-phones .up-search-panel{top:var(--header-h);max-height:calc(100dvh - var(--header-h));border-radius:0 0 var(--r-sheet)var(--r-sheet);z-index:55;border-inline:none;position:fixed;left:0;right:0;overflow-y:auto}.used-phones .up-search-scrim{z-index:54;background:#002b3170;width:100vw;height:100dvh;position:fixed;top:0;left:0}}.used-phones .nav-active{color:var(--text);font-weight:600;position:relative}.used-phones .nav-active:after{content:"";background:var(--brand);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}@media (prefers-reduced-motion:reduce){.used-phones *,.used-phones :before,.used-phones :after{scroll-behavior:auto!important;transition-duration:80ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.used-phones .hero-rise,.used-phones .hero-tray{opacity:1;animation:none;transform:none}.used-phones .pcard:hover,.used-phones .pcard-config,.used-phones .pcard:hover .pcard-img{transform:none}.used-phones .sheet,.used-phones .drawer,.used-phones .sticky-bar,.used-phones .toast{transition-property:opacity;transform:none}}
