:root{--blue:#0877f9;--blue2:#0756c9;--navy:#071a31;--navy2:#142d49;--mint:#36e7a4;--green:#18bd64;--bg:#eef5fd;--card:#fff;--line:#d7e4f2;--muted:#71859b;--danger:#e34d59;--shadow:0 14px 35px rgba(9,55,101,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 100% 0,#dcecff 0,transparent 360px),var(--bg);color:var(--navy);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(8,119,249,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,119,249,.025) 1px,transparent 1px);background-size:24px 24px;z-index:-1}
.splash{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#06182e,#096ee8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:opacity .45s,visibility .45s}.splash.done{opacity:0;visibility:hidden}.splash-orbit{width:120px;height:120px;position:relative;display:grid;place-items:center}.splash-orbit img{width:82px;height:82px;border-radius:25px;object-fit:cover;box-shadow:0 16px 45px #00152f80;animation:pulse 1.2s ease-in-out infinite}.splash-orbit:before,.splash-orbit:after{content:"";position:absolute;border:1px solid #45f0b088;border-radius:50%;inset:4px;animation:spin 2s linear infinite}.splash-orbit:after{inset:15px;border-color:#4ea5ff80;animation-direction:reverse}.splash-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.splash-orbit i:nth-child(2){top:8px}.splash-orbit i:nth-child(3){right:12px;bottom:24px}.splash-orbit i:nth-child(4){left:12px;bottom:24px}.splash>b{font-size:28px;margin-top:17px}.splash>small{color:#b9d7f6;margin-top:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.05)}}
header{height:68px;background:#ffffffed;backdrop-filter:blur(18px);display:flex;align-items:center;gap:10px;padding:7px max(14px,calc((100vw - 720px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:12}header .logo{width:50px;height:50px;border-radius:15px;object-fit:cover;background:#fff}header b{font-size:20px;display:block;letter-spacing:-.3px}header small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.online{margin-left:auto;width:11px;height:11px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #18bd6418}
main{max-width:720px;margin:auto;padding:14px 12px 100px}.page{display:none;animation:pageIn .22s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}}
.hero{min-height:185px;background:linear-gradient(135deg,#0c315b,#0877f9);color:#fff;border-radius:26px;padding:25px 24px;margin-bottom:23px;display:flex;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 40px #0877f92c}.hero:before,.hero:after{content:"";position:absolute;border:1px solid #5bafff44;border-radius:50%;width:220px;height:220px;right:-85px;top:-65px}.hero:after{width:145px;height:145px;right:-30px;top:84px}.hero-copy{position:relative;z-index:1}.hero small,.section-head small,.page-title small,.products-title small{color:var(--mint);font-weight:900;letter-spacing:2.2px;font-size:11px}.hero h1{font-size:32px;line-height:1.02;margin:18px 0 12px;letter-spacing:-1px;max-width:420px}.hero p{margin:0;color:#d9eaff}.hero-glow{font-size:70px;margin-left:auto;color:#5affbd;text-shadow:0 0 34px #42f4b6;position:relative;z-index:1;animation:float 2.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(8deg)}}
.section-head,.products-title{display:flex;align-items:end;justify-content:space-between;margin:18px 3px 10px}.section-head small,.page-title small,.products-title small{color:var(--blue);letter-spacing:1.5px}.section-head h2,.products-title h2,.page-title h2{margin:4px 0 0;font-size:23px;letter-spacing:-.5px}.text-button,.sort-chip{border:0;background:#dcecff;color:var(--blue2);border-radius:12px;padding:9px 11px;font-weight:800;font-size:12px}.garage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.car-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f4f9ff);border-radius:17px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:9px;box-shadow:0 7px 22px #173e6608;color:var(--navy)}.car-card .car-icon{width:38px;height:38px;border-radius:12px;background:#e3f0ff;display:grid;place-items:center}.car-card b,.car-card small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-card b{font-size:13px}.car-card small{font-size:11px;color:var(--muted);margin-top:4px}.car-card i{font-size:22px;color:var(--blue);font-style:normal}
.panel{background:var(--card);border:1px solid var(--line);border-radius:21px;padding:17px;box-shadow:var(--shadow)}.address-panel button,.checkout,.detail-buy{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:13px;padding:11px 17px;font-weight:900;box-shadow:0 8px 18px #0877f92c}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dashboard-card{border:0;border-radius:18px;padding:15px;background:var(--navy);color:#fff;text-align:left;min-height:108px;position:relative;overflow:hidden}.dashboard-card:after{content:"";position:absolute;width:80px;height:80px;background:#0b7dff55;border-radius:50%;right:-28px;top:-25px}.dashboard-card span{display:grid;place-items:center;width:34px;height:34px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:11px}.dashboard-card b,.dashboard-card small{display:block}.dashboard-card b{margin-top:10px}.dashboard-card small{color:#a9c2dc;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-strip{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.mini-strip::-webkit-scrollbar{display:none}.mini-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:132px;min-width:132px;padding:8px;text-align:left;color:var(--navy)}.mini-card img,.mini-logo{width:100%;height:86px;object-fit:contain;background:#f2f7fc;border-radius:11px}.mini-logo{display:grid;place-items:center;font-size:30px}.mini-card b,.mini-card strong{display:block}.mini-card b{font-size:11px;line-height:1.2;height:28px;margin:7px 1px 5px;overflow:hidden}.mini-card strong{font-size:14px;color:var(--blue)}.strip-empty{width:100%;padding:18px;border:1px dashed #bdd1e6;border-radius:16px;color:var(--muted);text-align:center;font-size:12px}
.page-title{margin:6px 3px 16px}.products-title{margin-top:4px}.sort-chip{white-space:nowrap}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #173e660b;position:relative;padding-bottom:54px}.visual{height:150px;background:linear-gradient(145deg,#f6faff,#eaf3fd);position:relative;display:grid;place-items:center}.photo,.no-photo{width:100%;height:100%;object-fit:contain}.photo{padding:9px}.no-photo{display:grid;place-items:center;color:#95a8ba;font-size:11px;text-align:center}.no-photo img{width:62px;height:62px;border-radius:16px;object-fit:cover;opacity:.24}.no-photo span{margin-top:-30px}.heart{position:absolute;right:9px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffeb;color:#8498ae;font-size:22px;display:grid;place-items:center;box-shadow:0 5px 15px #173e6620;z-index:2}.heart.active{color:#ed4761}.product-info{padding:12px}.brand{color:var(--blue);font-weight:950;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.name{font-size:14px;font-weight:850;line-height:1.25;height:35px;overflow:hidden;margin:6px 0}.meta{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.price{font-size:20px;font-weight:950;margin-top:9px}.delivery-buy{position:absolute;bottom:10px;right:10px;border:0;border-radius:12px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:8px;padding:8px 10px}.delivery-buy span{font-size:11px;font-weight:800}.delivery-buy b{display:grid;place-items:center;width:25px;height:25px;background:var(--blue);border-radius:8px}
.empty-card{grid-column:1/-1;border:1px dashed #bdd1e6;border-radius:18px;padding:20px;color:var(--muted);text-align:center;display:grid;justify-items:center;gap:5px}.empty-card>span{font-size:30px}.empty-card b{color:var(--navy)}.empty-card small{max-width:290px}.empty-card.tall{padding:50px 20px}
.cart-list{display:grid;gap:4px}.cart-row{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f7}.cart-thumb{width:58px;height:58px;border-radius:12px;background:#f1f6fc;display:grid;place-items:center}.cart-thumb img{width:100%;height:100%;object-fit:contain}.cart-row b,.cart-row small{display:block}.cart-row b{font-size:13px}.cart-row small{font-size:11px;color:var(--muted);margin:3px 0}.cart-row strong{font-size:14px;white-space:nowrap}.cart-qty{display:flex;gap:7px;align-items:center}.cart-qty button{border:0;background:#e8f2fd;border-radius:7px;width:25px;height:25px;color:var(--blue);font-weight:900}.checkout-summary{padding-top:17px}.checkout-summary>div{display:flex;justify-content:space-between;font-size:24px;font-weight:950}.checkout-summary>small{display:block;color:var(--muted);margin:9px 0 14px}.checkout-summary label{font-size:12px}.checkout{width:100%;margin-top:15px;font-size:16px}.order{display:grid;grid-template-columns:1fr auto;gap:7px;padding:13px;border-bottom:1px solid #edf2f7}.order div small,.order div b{display:block}.order div small{color:var(--muted);font-size:11px}.order-status{color:var(--green);font-size:11px;font-weight:900}.order strong{text-align:right}.order p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px}.address-panel{margin-top:12px}.address-panel h3{margin-top:0}.address-panel textarea{width:100%;height:84px;resize:none;border:1px solid var(--line);border-radius:13px;padding:12px;margin-bottom:9px;outline:none}.address-panel button{width:100%}
nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#ffffffef;backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:15;padding-bottom:env(safe-area-inset-bottom)}nav button{width:min(25%,180px);border:0;background:transparent;color:#8294a8;padding:8px 4px;position:relative}nav button>span{font-size:21px;display:block}nav small{font-size:10px;display:block;margin-top:4px;font-weight:750}nav button.active{color:var(--blue)}nav button.active:before{content:"";position:absolute;width:28px;height:3px;border-radius:3px;background:var(--blue);top:0;left:50%;transform:translateX(-50%)}nav i{background:var(--green);color:#fff;border-radius:9px;padding:1px 5px;font-style:normal}
.modal{position:fixed;inset:0;background:#04101dcc;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.modal.hidden{display:none}.modal-card{background:#fff;width:min(100%,620px);max-height:92vh;border-radius:25px 25px 0 0;overflow-y:auto;position:relative}.modal-close{position:fixed;right:16px;top:16px;width:39px;height:39px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:26px;z-index:45;box-shadow:0 5px 18px #0003}.detail-visual{height:300px;background:#f0f6fd;position:relative}.detail-visual>img{width:100%;height:100%;object-fit:contain;padding:15px}.detail-body{padding:19px 18px 28px}.detail-body h2{font-size:20px;line-height:1.2;margin:7px 0 13px}.detail-body p{color:var(--muted);font-size:13px;line-height:1.5}.detail-price{font-size:28px;font-weight:950}.delivery-line{display:flex;justify-content:space-between;gap:10px;background:#edf7f2;color:#177849;padding:11px;border-radius:12px;margin:14px 0;font-size:12px}.properties{display:grid;gap:5px}.properties div{display:flex;justify-content:space-between;gap:14px;padding:8px;background:#f5f8fb;border-radius:9px;font-size:12px}.properties span{color:var(--muted)}.properties b{text-align:right}.detail-buy{width:100%;margin-top:18px}.image-modal{align-items:center;padding:30px}.image-modal>img{max-width:96vw;max-height:88vh;background:#fff;border-radius:18px;object-fit:contain}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);opacity:0;visibility:hidden;background:var(--navy);color:#fff;padding:11px 16px;border-radius:13px;font-size:12px;z-index:60;transition:.25s;box-shadow:0 12px 30px #00183250;max-width:88%;text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.toast.error{background:var(--danger)}
@media(max-width:480px){main{padding:11px 9px 92px}.hero{min-height:165px;padding:21px 19px;border-radius:22px}.hero h1{font-size:27px}.hero-glow{font-size:48px}.garage{grid-template-columns:1fr}.products{gap:8px}.visual{height:132px}.product-info{padding:10px}.name{font-size:13px}.price{font-size:18px}.delivery-buy{right:8px;bottom:8px}.detail-visual{height:260px}}
@media(min-width:700px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}.garage{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Marketplace controls */
header{justify-content:space-between;height:62px}header .logo{width:58px;height:52px;border-radius:12px}.location-button{margin-left:auto;max-width:220px;border:1px solid var(--line);background:#f3f8ff;border-radius:14px;padding:6px 9px;display:grid;grid-template-columns:23px minmax(0,1fr) 10px;align-items:center;gap:7px;text-align:left;color:var(--navy)}.location-button>span{width:23px;height:23px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;display:grid;place-items:center;font-size:6px}.location-button>span::first-line{transform:rotate(45deg)}.location-button div{min-width:0}.location-button small,.location-button b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-button small{font-size:8px;margin:0;color:var(--muted)}.location-button b{font-size:11px}.location-button i{font-style:normal;color:var(--blue);font-size:16px}
.global-search{max-width:720px;margin:0 auto 14px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:6px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 25px #173e660b;position:relative;z-index:3}.global-search>span{font-size:25px;color:var(--blue);padding-left:8px;transform:rotate(-15deg)}.global-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:11px 3px;font-size:14px}.global-search button{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:12px;padding:11px 14px;font-weight:900}.global-search button:disabled{opacity:.6}
.view-actions{display:flex;gap:7px}.icon-action{width:40px;height:40px;border:1px solid var(--line);background:#fff;color:var(--blue2);border-radius:12px;font-size:21px;font-weight:900;box-shadow:0 5px 14px #173e660b}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px;margin:0 2px 12px;display:grid;grid-template-columns:1fr 1fr;gap:9px;box-shadow:var(--shadow)}.filter-panel.hidden{display:none}.filter-panel label{font-size:10px;color:var(--muted);font-weight:800}.filter-panel select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#f7fbff;color:var(--navy)}.filter-panel .check-filter{grid-column:1/-1;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--navy)}.filter-panel button{grid-column:1/-1;border:0;border-radius:10px;padding:9px;background:#e5f0fd;color:var(--blue2);font-weight:850}
.products.list-view{display:block}.products.list-view .product{min-height:112px;margin-bottom:8px;padding:0 88px 0 91px;border-radius:16px;overflow:hidden}.products.list-view .visual{position:absolute;left:0;top:0;bottom:0;width:84px;height:auto;border-right:1px solid var(--line)}.products.list-view .product-info{padding:10px 6px}.products.list-view .name{height:auto;max-height:34px;margin:3px 0}.products.list-view .price{margin-top:5px;font-size:18px}.products.list-view .delivery-buy{right:7px;bottom:8px}.products.list-view .heart{width:27px;height:27px;right:5px;top:5px;font-size:17px}.products.grid-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.products.grid-view .product{min-width:0;padding-bottom:44px}.products.grid-view .visual{height:118px}.products.grid-view .product-info{padding:9px}.products.grid-view .name{margin:3px 0;height:33px}.products.grid-view .price{font-size:18px;margin-top:5px}.products .empty-card{grid-column:1/-1}

.delivery-buy{right:8px;bottom:8px;min-height:32px;border-radius:10px;background:var(--blue);gap:5px;padding:6px 9px;box-shadow:0 5px 14px #0878ff2c}.delivery-buy span{font-size:10px;font-weight:900}.delivery-buy b{width:auto;height:auto;background:transparent;border-radius:0;font-size:14px}
.offer-tier{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.25px;text-transform:uppercase;background:#e9f2fc;color:#46627d}.tier-original{border-color:#8bc0ff}.tier-original .offer-tier{background:#0877f9;color:#fff}.tier-reliable .offer-tier{background:#dff8eb;color:#087a43}.tier-budget .offer-tier{background:#fff0d8;color:#985d00}.products.list-view .offer-tier{margin-bottom:3px}.products.grid-view .offer-tier{margin:0 0 5px}.products.list-view .product{min-height:142px}
@media(max-width:480px){header{padding-left:10px;padding-right:10px}.location-button{max-width:198px}.global-search{margin:0 0 12px}.products.list-view .product{padding-left:87px;min-height:112px}.products.list-view .visual{width:80px}.products.list-view .name{font-size:12px}.products.list-view .meta{font-size:10px}.products.list-view .delivery-buy span{display:none}.products.list-view .delivery-buy{width:33px;padding:6px;justify-content:center}.products.grid-view .delivery-buy span{font-size:9px}}