:root{--primary:#0B7CFF;--secondary:#18D5B5;--accent:#FF8A3D;--ink:#0f172a;--muted:#8e98a7;--bg:#f3f4f6;--card:#fff;--line:#edf0f4}*{box-sizing:border-box}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans SC",sans-serif;color:var(--ink);background:#e9edf3}a{text-decoration:none;color:inherit}.mobile-page{background:#e9edf3}.phone-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#fff;position:relative;overflow:hidden}.list-screen{padding:18px 14px 92px}.dealer-card{height:184px;border-radius:13px;background:radial-gradient(circle at 73% 21%,rgba(255,138,61,.2),transparent 24%),linear-gradient(135deg,#151515,#050505);color:#fff;display:flex;gap:16px;padding:25px 18px;align-items:flex-start;position:relative;overflow:hidden}.dealer-card:before{content:"";position:absolute;right:31px;top:-37px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,138,61,.2);box-shadow:0 0 0 10px rgba(255,138,61,.05),0 0 0 22px rgba(255,138,61,.035),0 0 0 36px rgba(255,138,61,.025)}.dealer-logo{width:58px;height:58px;border-radius:8px;border:2px solid #ff9d76;object-fit:cover;flex:0 0 auto;background:white;position:relative;z-index:1}.dealer-info{position:relative;z-index:1;min-width:0}.dealer-info h1{font-size:20px;line-height:1.18;margin:2px 0 14px;color:#ff9d76;font-weight:800}.dealer-info p{font-size:16px;line-height:1.25;color:#a6adba;margin:0;word-break:break-word}.car-list{margin:18px -14px 0;padding:14px 14px 0;background:#fff;border-top:12px solid #f2f3f5}.blur-title{height:48px;display:flex;align-items:center}.blur-title span{display:block;width:118px;height:30px;background:linear-gradient(90deg,#f6f7f9,#e4e7eb,#f6f7f9);filter:blur(2px);border-radius:3px;margin-left:8px}.car-row{display:grid;grid-template-columns:156px 1fr;gap:18px;padding:10px 10px 21px 12px;color:inherit}.thumb-wrap{width:156px;height:118px;border-radius:8px;background:#f3f5f8;position:relative;overflow:hidden}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.mini-icons{position:absolute;left:0;top:0;z-index:2;display:flex}.mini-icons span{width:25px;height:25px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800}.sync-icon{background:#28b7ff;border-radius:5px 0 5px 0}.fuel-icon{background:#ff7c14;border-radius:0 0 5px 0;font-size:14px!important}.fuel-icon.ev{background:#17c8a8}.car-info{min-width:0;padding-top:3px}.car-info h2{font-size:17.5px;line-height:1.35;color:#5a6069;margin:0 0 8px;font-weight:800;letter-spacing:-.01em}.row-price{font-size:20px;font-weight:900;color:#050505;line-height:1.2;margin-bottom:7px}.car-info p{margin:0;color:#59616c;font-size:16px;line-height:1.25}.bottom-contact{height:68px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#0867f7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:0 14px 30px rgba(11,124,255,.24)}.only-button{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:calc(min(430px,100%) - 20px);z-index:10}.detail-screen{background:#f3f4f6;padding-bottom:112px}.detail-hero{height:326px;background:#dce3ec;position:relative;overflow:hidden}.detail-gallery{height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.detail-gallery::-webkit-scrollbar{display:none}.detail-gallery img{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;object-fit:cover;display:block}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.38);color:#fff;border:0;font-size:28px;line-height:1;cursor:pointer;z-index:3;display:grid;place-items:center}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}.gallery-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.gallery-dots button.active{background:#fff;width:22px;border-radius:5px}.photo-count{position:absolute;right:17px;bottom:16px;background:rgba(0,0,0,.58);color:#fff;border-radius:18px;padding:6px 12px;font-size:18px;z-index:3}.detail-content{padding:16px 14px}.detail-card{background:#fff;border-radius:12px;padding:20px 18px;margin-bottom:16px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.title-card h1{font-size:29px;line-height:1.42;letter-spacing:-.025em;margin:0 0 24px;font-weight:900}.msrp{font-size:24px;color:#9aa0a8;margin-bottom:18px}.msrp span{margin-left:12px}.price-box{background:#f5f5f5;border-radius:12px;padding:20px 15px}.price-box div{font-size:30px;font-weight:950;color:#050505;margin-bottom:16px}.price-box p{margin:0;color:#9a9fa7;font-size:24px;font-weight:800}.summary-card h2{font-size:29px;margin:0 0 30px;font-weight:500}.spec-row{display:grid;grid-template-columns:1fr 1.58fr;gap:16px;margin:0 0 35px;align-items:start}.spec-row span{font-size:26px;color:#9a9fa7;line-height:1.2}.spec-row b{font-size:24px;font-weight:500;color:#050505;line-height:1.25}.detail-bottom{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:92px;background:#fff;display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px 13px 10px 0;border-top:1px solid #eef0f3;z-index:12}.shop-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#050505}.shop-tab span{font-size:29px;line-height:1;margin-bottom:3px}.detail-bottom .bottom-contact{height:72px}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 16px;font-weight:750;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white}.btn-dark{background:#111827;color:#fff}@media(max-width:380px){.car-row{grid-template-columns:135px 1fr;gap:14px}.thumb-wrap{width:135px;height:104px}.car-info h2{font-size:16px}.car-info p{font-size:14px}.row-price{font-size:18px}.dealer-info h1{font-size:18px}.dealer-info p{font-size:14px}.title-card h1{font-size:25px}.spec-row span{font-size:22px}.spec-row b{font-size:21px}}
.bottom-contact{height:58px;border-radius:10px;font-size:20px;border:0;appearance:none;-webkit-appearance:none;cursor:pointer}
.only-button{bottom:10px;width:calc(min(430px,100%) - 22px)}
.detail-bottom{height:78px;grid-template-columns:76px 1fr;padding:9px 10px 9px 0}
.detail-bottom .bottom-contact{height:60px;font-size:22px;border-radius:10px}
.shop-tab{font-size:17px}.shop-tab span{font-size:25px}
body.modal-open{overflow:hidden}.dealer-mask{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:50;display:none;align-items:flex-end;justify-content:center}.dealer-mask.show{display:flex}.dealer-modal{width:100%;max-width:430px;background:#fff;border-radius:13px 13px 0 0;min-height:276px;padding:74px 14px 22px;position:relative;box-shadow:0 -12px 32px rgba(0,0,0,.18);animation:dealerUp .18s ease-out}.modal-close{position:absolute;right:18px;top:17px;border:0;background:transparent;font-size:32px;line-height:1;color:#111;cursor:pointer}.modal-avatar{position:absolute;left:14px;top:-26px;width:78px;height:78px;border-radius:7px;border:2px solid #ffb092;object-fit:cover;background:#fff}.modal-bubble{background:radial-gradient(circle at 82% 73%,rgba(255,255,255,.42),transparent 25%),linear-gradient(135deg,#fff7d9,#ffe3a6);border-radius:16px;color:#bf7600;font-size:16px;line-height:1.65;padding:18px 26px;margin-bottom:28px}.modal-phone{height:58px;border-radius:7px;background:#eef5ff;display:grid;grid-template-columns:34px 1fr 1.55fr 28px;align-items:center;gap:8px;padding:0 17px;color:#111;font-size:17px}.modal-phone b{font-size:18px}.modal-phone strong{font-size:18px}.phone-ico{font-size:22px;color:#02b98f;transform:rotate(-20deg);display:inline-block}.phone-call{color:#1177ff;font-size:25px;transform:rotate(-45deg);justify-self:end}@keyframes dealerUp{from{transform:translateY(26px);opacity:.75}to{transform:translateY(0);opacity:1}}
@media(max-width:380px){.bottom-contact{height:54px;font-size:18px}.detail-bottom .bottom-contact{height:56px;font-size:20px}.dealer-modal{min-height:260px;padding-top:68px}.modal-avatar{width:72px;height:72px}.modal-bubble{font-size:15px;padding:16px 22px;margin-bottom:24px}.modal-phone{height:54px;font-size:16px}.modal-phone b,.modal-phone strong{font-size:16px}}
.mini-icons span{width:22px;height:22px;font-size:0!important;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.sync-icon{background:linear-gradient(135deg,#2CCBFF,#0B7CFF);position:relative;border-radius:5px 0 6px 0}
.sync-icon:before{content:"";width:12px;height:12px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;left:4px;top:4px}
.sync-icon:after{content:"";position:absolute;right:4px;top:3px;border-left:5px solid #fff;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(22deg)}
.fuel-icon{background:linear-gradient(135deg,#FF9B33,#FF6A00);position:relative;border-radius:0 0 6px 0}
.fuel-icon:before{content:"";position:absolute;left:7px;top:4px;width:8px;height:11px;border:2px solid #fff;border-radius:2px}
.fuel-icon:after{content:"";position:absolute;right:4px;top:7px;width:5px;height:7px;border:2px solid #fff;border-left:0;border-radius:0 4px 4px 0}
.fuel-icon.ev{background:linear-gradient(135deg,#24E2B8,#02B98F)}
.fuel-icon.ev:before{content:"";position:absolute;left:8px;top:3px;width:0;height:0;border-left:5px solid transparent;border-right:3px solid transparent;border-top:0;border-bottom:9px solid #fff;transform:skew(-12deg)}
.fuel-icon.ev:after{content:"";position:absolute;left:7px;top:10px;width:0;height:0;border-left:3px solid transparent;border-right:5px solid transparent;border-top:9px solid #fff;border-bottom:0;transform:skew(-12deg)}
.bottom-contact{height:50px;border-radius:10px;font-size:18px;box-shadow:0 9px 20px rgba(11,124,255,.22)}
.only-button{bottom:12px;width:calc(min(430px,100%) - 26px)}
.detail-bottom{height:72px;grid-template-columns:72px 1fr;padding:8px 10px 8px 0}
.detail-bottom .bottom-contact{height:54px;font-size:20px;border-radius:10px}
.shop-tab{font-size:15px;font-weight:750;gap:2px}.shop-tab .shop-icon{display:block;width:28px;height:28px;margin-bottom:1px}.shop-tab .shop-icon path,.shop-tab .shop-icon rect,.shop-tab .shop-icon polyline{stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.shop-tab .shop-icon .fill{fill:currentColor;stroke:none}
.modal-phone .phone-svg{width:22px;height:22px;color:#02b98f}.modal-phone .call-svg{width:22px;height:22px;color:#1177ff;justify-self:end}.modal-phone svg path{stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:380px){.bottom-contact{height:48px;font-size:17px}.detail-bottom .bottom-contact{height:52px;font-size:19px}.detail-bottom{height:70px}.shop-tab{font-size:14px}.shop-tab .shop-icon{width:26px;height:26px}}
.msrp-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.msrp-line .msrp{margin-bottom:0}.param-entry{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:3px;color:#111;background:#fff;flex:0 0 auto}.param-entry i{width:4px;height:23px;border-radius:5px;background:currentColor;position:relative}.param-entry i:before,.param-entry i:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid currentColor}.param-entry i:before{top:3px}.param-entry i:after{bottom:3px}.param-entry i:nth-child(2):before{top:11px}.param-entry i:nth-child(2):after{display:none}.param-entry i:nth-child(3):before{top:5px}.param-entry i:nth-child(3):after{bottom:1px}
.mobile-search{display:grid;grid-template-columns:1fr 80px;gap:10px;margin-bottom:10px}.search-box{height:48px;border-radius:10px;background:#f3f5f8;display:flex;align-items:center;padding:0 14px;gap:10px;position:relative}.search-box svg{width:20px;height:20px;flex:0 0 auto;color:#9aa0a8}.search-box svg path,.search-box svg circle{stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.search-box input{flex:1;height:100%;border:0;background:transparent;font-size:16px;color:#111;outline:none;padding:0}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#d0d5dd;color:#555;display:grid;place-items:center;font-size:22px;line-height:1;text-decoration:none}.mobile-search button{height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--primary),#0867f7);color:#fff;font-size:17px;font-weight:750;cursor:pointer}.search-status{padding:10px 4px 14px;color:#666d78;font-size:16px}.search-status b{color:#050505;font-weight:700}.load-more-trigger{height:1px}.load-more-status{text-align:center;color:#888;font-size:13px;padding:12px 0 24px}.load-more-status button{border:0;border-radius:999px;padding:8px 18px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}
