:root{--background:#ffffff;--surface:#ffffff;--surface-muted:#f7f7f8;--primary:#121827;--text-primary:#111318;--text-secondary:#71747c;--text-muted:#a4a6ac;--border:#e8e9ec;--danger:#e5484d;--success:#1e9e63;--warning:#d98b14;--overlay:rgba(0,0,0,0.38);--shadow:0 18px 60px rgba(18,24,39,0.12);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--background);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{overscroll-behavior:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100dvh;background:var(--surface-muted)}.side-nav{position:-webkit-sticky;position:sticky;top:0;height:100dvh;padding:calc(20px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px;z-index:40}.side-nav__header{display:flex;align-items:center;gap:12px;padding:0 6px 8px}.brand-mark{width:46px;height:46px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--primary)}.content-block h2,.location-button span,.location-button strong,.section-header h2,.seller-card p,.side-nav__header h1,.side-nav__header p,.title-grid h1,.title-grid p,.utility-card h2{margin:0}.side-nav__header p{color:var(--text-secondary);font-size:13px}.side-nav__header h1{font-size:21px;line-height:1.1}.side-nav__list{display:grid;grid-gap:4px;gap:4px}.side-nav__item{min-height:48px;border:0;border-radius:16px;background:transparent;color:var(--text-secondary);display:grid;grid-template-columns:24px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:0 12px;text-align:left;cursor:pointer;transition:background .18s ease,color .18s ease,transform .12s ease}.compact-card:active,.featured-card:active,.grid-card:active,.side-nav__item:active{transform:scale(.985)}.side-nav__item.is-active{background:var(--primary);color:#fff}.side-nav__item strong{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--danger);font-size:12px}.side-nav__card{margin-top:auto;padding:16px;border:1px solid var(--border);border-radius:20px;display:flex;gap:12px;justify-content:space-between;color:var(--success);background:#fbfdfc}.side-nav__card h3,.side-nav__card p,.side-nav__card span{margin:0}.side-nav__card p{color:var(--text-secondary);font-size:12px}.side-nav__card h3{color:var(--text-primary);font-size:15px}.side-nav__card span{color:var(--text-secondary);font-size:12px}.drawer-scrim{display:none}.app-view{min-width:0;height:100dvh;overflow:hidden;background:var(--surface)}.screen{height:100dvh;overflow-y:auto;padding:calc(16px + var(--safe-top)) clamp(16px,3vw,28px) calc(28px + var(--safe-bottom));scroll-behavior:smooth}.home-header,.top-bar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;grid-gap:10px;gap:10px;margin-bottom:16px}.filter-button,.icon-button,.image-action{width:48px;height:48px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--primary);display:grid;place-items:center;position:relative;cursor:pointer}.notification-dot{position:absolute;top:11px;right:12px;width:8px;height:8px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 2px #fff}.location-button{min-width:0;border:0;background:transparent;text-align:left;display:grid;grid-gap:3px;gap:3px;color:var(--text-secondary);cursor:pointer}.location-button span,.top-bar p{color:var(--text-secondary);font-size:12px}.location-button strong{min-width:0;display:flex;align-items:center;gap:5px;color:var(--text-primary);font-size:17px}.top-bar h2{margin:0;font-size:24px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) 54px;grid-gap:10px;gap:10px;margin-bottom:18px}.search-field{min-height:54px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);display:flex;align-items:center;gap:10px;padding:0 16px;color:var(--text-secondary)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);min-width:0}.filter-button{width:54px;height:54px;border-color:var(--primary);background:var(--primary);color:#fff}.filter-button span{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:999px;background:var(--danger)}.category-rail,.featured-rail{display:flex;overflow-x:auto;gap:12px;padding:2px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity}.category-rail::-webkit-scrollbar,.featured-rail::-webkit-scrollbar{display:none}.category-item{min-width:74px;border:0;background:transparent;color:var(--text-secondary);display:grid;justify-items:center;grid-gap:7px;gap:7px;cursor:pointer}.category-item span{width:52px;height:52px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface);transition:background .18s ease,color .18s ease,transform .18s ease}.category-item strong{font-size:12px;font-weight:600;white-space:nowrap}.category-item.is-active{color:var(--text-primary)}.category-item.is-active span{background:var(--primary);color:#fff;transform:scale(1.04)}.section-spacer{margin-top:22px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-header h2{font-size:20px}.section-header button,.text-button{border:0;background:transparent;color:var(--primary);font-weight:700;cursor:pointer}.compact-card,.featured-card,.grid-card{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.featured-card{flex:0 0 min(82vw,370px);border-radius:20px;overflow:hidden;scroll-snap-align:start}.compact-card:hover,.featured-card:hover,.grid-card:hover{box-shadow:var(--shadow)}.compact-image,.grid-image,.image-frame{position:relative;display:block;overflow:hidden;background:var(--surface-muted)}.image-frame{aspect-ratio:4/3}.compact-image img,.grid-image img,.hero-gallery>img,.image-frame img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:12px;left:12px;border-radius:999px;padding:7px 10px;color:#fff;background:var(--primary);font-size:11px;font-weight:800;letter-spacing:.06em}.status-badge--endingSoon{background:var(--warning)}.heart-chip{position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:var(--primary);background:rgba(255,255,255,.9)}.heart-chip.is-on{color:var(--danger)}.card-body{display:grid;grid-gap:6px;gap:6px;padding:14px}.card-kicker,.compact-card small,.content-block p,.grid-card small,.metadata,.price-stack small,.price-stack span,.seller-card small,.seller-card span,.title-grid p,.title-grid span{color:var(--text-secondary)}.compact-card strong,.featured-card strong,.grid-card strong{font-size:16px}.bid-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bid-row small{display:block;color:var(--text-secondary);font-size:12px}.bid-row b,.price-stack strong{font-size:22px}.compact-copy em,.countdown,.grid-card em{font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.is-urgent{color:var(--warning)!important}.is-danger{color:var(--danger)!important}.is-success{color:var(--success)!important}.compact-list{display:grid;grid-gap:12px;gap:12px}.compact-card{min-height:132px;border-radius:18px;padding:8px;display:grid;grid-template-columns:38% minmax(0,1fr) 38px;grid-gap:12px;gap:12px;align-items:center}.compact-image{height:116px;border-radius:14px}.compact-copy{min-width:0;display:grid;grid-gap:5px;gap:5px}.compact-copy strong,.grid-card strong{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compact-copy b,.grid-card b{font-size:17px}.compact-copy em{display:flex;align-items:center;gap:5px;font-size:13px}.mini-heart{align-self:flex-start;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);display:grid;place-items:center}.insights-panel{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.insights-panel div{border:1px solid var(--border);border-radius:18px;padding:14px;background:var(--surface)}.insights-panel p,.insights-panel span,.insights-panel strong{display:block;margin:0}.insights-panel p,.insights-panel span{color:var(--text-secondary);font-size:12px}.insights-panel strong{margin:5px 0;font-size:17px}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.grid-card{border-radius:18px;overflow:hidden}.grid-image{aspect-ratio:4/3}.grid-card>span:last-child{display:grid;grid-gap:5px;gap:5px;padding:12px}.detail-screen{position:relative;height:100dvh;background:var(--surface);overflow:hidden}.detail-scroll{height:100%;overflow-y:auto;padding-bottom:calc(118px + var(--safe-bottom))}.hero-gallery{position:relative;height:clamp(360px,47dvh,520px);background:var(--surface-muted)}.hero-actions{position:absolute;top:calc(14px + var(--safe-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-actions>div{display:flex;gap:8px}.image-action{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.gallery-count{bottom:72px;border:0;border-radius:999px;padding:9px 12px;align-items:center;gap:6px;color:#fff;background:rgba(0,0,0,.48);cursor:pointer}.gallery-count,.thumbnail-strip{position:absolute;right:18px;display:flex}.thumbnail-strip{left:18px;bottom:-36px;height:78px;border:1px solid var(--border);border-radius:22px;padding:8px;background:var(--surface);box-shadow:var(--shadow);gap:8px;overflow-x:auto}.gallery-thumbs button,.thumbnail-strip button{flex:0 0 62px;border:2px solid transparent;border-radius:15px;overflow:hidden;padding:0;background:var(--surface-muted);cursor:pointer}.gallery-thumbs button.is-active,.thumbnail-strip button.is-active{border-color:var(--primary)}.gallery-thumbs img,.thumbnail-strip img{width:100%;height:100%;object-fit:cover}.detail-content{padding:58px clamp(16px,3vw,30px) 24px;max-width:980px;margin:0 auto}.title-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:20px;gap:20px;align-items:flex-start}.title-grid h1{margin-top:4px;font-size:clamp(25px,6vw,34px);line-height:1.08}.title-grid span{margin-top:9px;display:flex;align-items:center;gap:5px}.price-stack{min-width:150px;border:1px solid var(--border);border-radius:18px;padding:14px;display:grid;grid-gap:2px;gap:2px;text-align:right}.reserve-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.reserve-row span{border:1px solid var(--border);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700}.metrics-panel{margin-top:18px;border:1px solid var(--border);border-radius:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.metric{min-height:86px;display:grid;place-items:center;grid-gap:4px;gap:4px;padding:12px 8px;color:var(--text-secondary);text-align:center;border-right:1px solid var(--border)}.metric:last-child{border-right:0}.metric strong{color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:16px}.metric span{font-size:12px}.content-block,.seller-card,.utility-card{margin-top:22px;border:1px solid var(--border);border-radius:20px;padding:18px;background:var(--surface)}.content-block h2{margin-bottom:10px;font-size:20px}.content-block p{line-height:1.6}.clamped{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.spec-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 18px;gap:10px 18px}.spec-list div{padding-bottom:10px;border-bottom:1px solid var(--border)}.spec-list dt{color:var(--text-secondary);font-size:12px}.spec-list dd{margin:3px 0 0;font-weight:700}.seller-card{display:grid;grid-template-columns:58px minmax(0,1fr) 44px;align-items:center;grid-gap:12px;gap:12px}.seller-card img{width:58px;height:58px;border-radius:18px;object-fit:cover;background:var(--surface-muted)}.seller-card p{display:flex;align-items:center;gap:6px;font-weight:800}.seller-card button{width:44px;height:44px;border-radius:999px;border:0;color:#fff;background:var(--primary)}.bid-history .section-header{margin-bottom:8px}.bid-history>div:not(.section-header){display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.bid-history>div:last-child{border-bottom:0}.bid-history small{color:var(--text-secondary)}.outbid-banner{position:absolute;left:14px;right:14px;bottom:calc(92px + var(--safe-bottom));z-index:8;border-radius:16px;padding:12px 14px;color:#fff;background:var(--danger);display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:var(--shadow)}.outbid-banner button{border:0;border-radius:999px;padding:8px 11px;color:var(--danger);background:#fff;font-weight:800}.sticky-bid-bar{position:absolute;left:0;right:0;bottom:0;min-height:calc(88px + var(--safe-bottom));padding:12px clamp(16px,3vw,28px) calc(12px + var(--safe-bottom));border-top:1px solid var(--border);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px}.sticky-bid-bar small{display:block;color:var(--text-secondary)}.sticky-bid-bar strong{font-size:20px}.primary-action,.secondary-action{min-height:52px;border-radius:999px;padding:0 20px;border:0;font-weight:800;cursor:pointer}.primary-action{color:#fff;background:var(--primary)}.secondary-action{color:var(--primary);background:var(--surface-muted)}.primary-action.full{width:100%}.utility-card{max-width:780px;margin-inline:auto}.invoice-row,.notification-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.notification-row>span{width:10px;height:10px;border-radius:999px;background:var(--danger)}.invoice-row span,.notification-row p,.utility-card p{margin:3px 0 0;color:var(--text-secondary)}.calculator-card,.profile-card,.support-card{display:grid;grid-gap:14px;gap:14px}.calculator-card label,.support-card label{display:grid;grid-gap:8px;gap:8px;color:var(--text-secondary)}.calculator-card input,.support-card input{min-height:50px;border:1px solid var(--border);border-radius:16px;padding:0 14px}.calculator-card div:not(.total-row),.total-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.total-row{border:0;font-size:18px}.chat-bubble{max-width:82%;border-radius:18px 18px 18px 6px;padding:12px 14px;color:var(--text-primary);background:var(--surface-muted)}.chat-bubble.is-user{justify-self:end;border-radius:18px 18px 6px 18px;color:#fff;background:var(--primary)}.support-card label{grid-template-columns:1fr 48px;align-items:center}.support-card label button{width:48px;height:48px;border:0;border-radius:999px;color:#fff;background:var(--primary)}.profile-avatar{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;color:#fff;background:var(--primary);font-weight:900;font-size:22px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.profile-grid span{border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;justify-content:space-between}.sheet-layer{position:fixed;inset:0;z-index:80;display:grid;align-items:end}.sheet-scrim{position:absolute;inset:0;border:0;background:var(--overlay)}.bottom-sheet{position:relative;width:min(680px,100%);justify-self:center;max-height:min(86dvh,720px);overflow-y:auto;border-radius:28px 28px 0 0;padding:12px 18px calc(18px + var(--safe-bottom));background:var(--surface);box-shadow:var(--shadow);animation:sheetUp .22s ease both}@keyframes sheetUp{0%{transform:translateY(20px);opacity:.88}to{transform:translateY(0);opacity:1}}.sheet-title{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;margin-bottom:14px}.sheet-title>span{justify-self:center;width:42px;height:5px;border-radius:999px;background:var(--border)}.sheet-title h2{margin:0;text-align:center;font-size:20px}.sheet-title button{width:44px;height:44px;border:0;border-radius:999px;background:var(--surface-muted)}.bid-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.bid-summary span,.fee-card{border:1px solid var(--border);border-radius:18px;padding:14px;display:grid;grid-gap:5px;gap:5px;color:var(--text-secondary)}.bid-summary strong{display:block;color:var(--text-primary);font-size:18px}.currency-input{margin-top:14px;display:grid;grid-template-columns:48px 1fr 48px;grid-gap:8px;gap:8px;align-items:center}.currency-input button{height:48px;border:0;border-radius:999px;background:var(--surface-muted)}.currency-input label{min-height:70px;border:1px solid var(--border);border-radius:20px;padding:8px 14px;display:grid;color:var(--text-secondary);font-size:12px}.currency-input input{border:0;outline:0;font-size:26px;font-weight:900;color:var(--text-primary)}.increment-row{display:flex;gap:8px;margin:12px 0}.filter-grid button,.increment-row button,.location-list button{min-height:44px;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:var(--surface);color:var(--primary);font-weight:800}.fee-card b,.fee-card span{display:flex;justify-content:space-between;gap:16px}.fee-card b{color:var(--text-primary)}.binding-note{color:var(--text-secondary);line-height:1.5}.success-state{text-align:center;display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:22px 0;color:var(--success)}.success-state h2,.success-state p{margin:0}.success-state p{color:var(--text-secondary)}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.filter-grid button{border-radius:16px;justify-content:flex-start;display:flex;align-items:center;gap:8px}.in-sheet{margin-bottom:12px}.location-list{display:grid;grid-gap:8px;gap:8px}.location-list button{border-radius:16px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.recommended-sheet-strip{display:none}.gallery-sheet{position:relative;z-index:1;width:100%;height:100dvh;background:#050609;display:grid;grid-template-rows:1fr auto}.gallery-sheet>.image-action{position:absolute;top:calc(16px + var(--safe-top));right:16px;z-index:2}.gallery-sheet>img{width:100%;height:100%;object-fit:contain;padding:calc(70px + var(--safe-top)) 12px 12px}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px calc(18px + var(--safe-bottom))}.gallery-thumbs button{height:70px}@media (max-width:860px){.app-shell{display:block}.side-nav{position:fixed;left:0;top:0;width:min(84vw,316px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:var(--shadow)}.side-nav.is-open{transform:translateX(0)}.drawer-scrim{position:fixed;inset:0;z-index:30;border:0;display:block;opacity:0;pointer-events:none;background:var(--overlay);transition:opacity .18s ease}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.app-view{height:100dvh}.desktop-menu{display:none}}@media (max-width:560px){.screen{padding-inline:16px}.featured-card{flex-basis:82vw}.insights-panel,.title-grid{grid-template-columns:1fr}.price-stack{text-align:left}.metrics-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.spec-list{grid-template-columns:1fr}.sticky-bid-bar{grid-template-columns:1fr auto}.secondary-action{display:none}.bid-summary,.filter-grid{grid-template-columns:1fr}}@media (min-width:1120px){.featured-card{flex-basis:360px}.screen{max-width:1180px;margin:0 auto;width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}