/* 点思汽车 · 综合门户（原创样式，信息架构对标汽车类门户） */
:root{
  --red:#d9262c;
  --red-d:#b81e24;
  --orange:#ff6a00;
  --ink:#222;
  --muted:#666;
  --line:#e6e6e6;
  --bg:#f5f5f5;
  --w:1200px;
  --nav-h:44px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;font-size:14px}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit}
.wrap{width:var(--w);max-width:100%;margin:0 auto;padding:0 12px}

/* 顶栏 */
.util{background:#2c2c2c;color:#cfcfcf;font-size:12px;min-height:32px}
.util .wrap{display:flex;align-items:center;justify-content:space-between;min-height:32px;position:relative}
.city-switch{position:relative}
.city-now{background:transparent;border:0;color:#fff;cursor:pointer;font-size:12px;padding:6px 0}
.city-now b{color:#ffd36a;margin:0 4px}
.city-pop{display:none;position:absolute;left:0;top:30px;width:640px;max-width:92vw;background:#fff;color:#333;border:1px solid #e5e5e5;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:90;padding:12px 14px 14px;border-radius:4px}
.city-switch.open .city-pop{display:block}
.city-pop-h{font-size:12px;color:#888;margin-bottom:8px}
.city-g{margin:8px 0}
.city-g b{display:block;font-size:12px;color:#999;margin-bottom:6px}
.city-g div{display:flex;flex-wrap:wrap;gap:6px}
.city-opt{background:#f6f6f6;border:1px solid #eee;padding:4px 10px;cursor:pointer;font-size:12px;border-radius:2px}
.city-opt:hover,.city-opt.on{border-color:var(--red);color:var(--red);background:#fff5f5}
.util a{color:#cfcfcf;margin-left:14px}
.util a:hover{color:#fff}

/* Logo + 搜索 */
.mast{background:#fff;border-bottom:1px solid var(--line)}
.mast .wrap{display:flex;align-items:center;gap:28px;height:86px}
.logo{display:flex;align-items:center;gap:10px;flex:none;color:#111!important}
.logo .mark{width:40px;height:40px;background:var(--red);color:#fff;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:22px;letter-spacing:-1px}
.logo .name{font-size:22px;font-weight:800;line-height:1.1;color:#111}
.logo .name small{display:block;font-size:11px;font-weight:500;color:#888;letter-spacing:1px}
.search{flex:1;display:flex;height:42px;border:2px solid var(--red);border-radius:4px;overflow:hidden;background:#fff}
.search input{flex:1;border:0;outline:0;padding:0 14px;font-size:14px}
.search button{width:88px;border:0;background:var(--red);color:#fff;font-weight:700;cursor:pointer;font-size:15px}
.search button:hover{background:var(--red-d)}
.mast-act{display:flex;gap:10px;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:4px;font-weight:700;border:0;cursor:pointer;font-size:14px}
.btn-red{background:var(--red);color:#fff!important}
.btn-red:hover{background:var(--red-d);color:#fff!important}
.btn-ghost{background:#fff;color:var(--red)!important;border:1px solid var(--red)}
.btn-ghost:hover{background:#fff5f5}

/* 主导航 */
.nav{background:var(--red);height:var(--nav-h);position:sticky;top:0;z-index:80}
.nav .wrap{display:flex;align-items:stretch;height:var(--nav-h);overflow-x:auto}
.nav a{color:#fff;padding:0 18px;display:flex;align-items:center;font-size:15px;font-weight:700;white-space:nowrap}
.nav a:hover,.nav a.on{background:rgba(0,0,0,.18);color:#fff}

/* 子导航 */
.subnav{background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px}
.subnav a{padding:4px 12px;border-radius:12px;background:#f3f3f3;font-size:13px;color:#444}
.subnav a:hover,.subnav a.on{background:#ffe9ea;color:var(--red)}

/* 首页：选车 + 焦点 */
.hero-grid{display:grid;grid-template-columns:760px 1fr;gap:16px;padding:16px 0 8px;align-items:stretch}
.hero-grid > .panel{display:flex;flex-direction:column}
.find{padding:12px 16px 12px;flex:0 0 auto}
.deal-fill{border-top:1px solid var(--line);padding:10px 16px 12px;background:#fafafa;margin-top:auto}
.deal-i{display:grid;grid-template-columns:22px 78px minmax(0,1fr) 62px 72px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #eee;color:inherit}
.deal-i:last-child{border-bottom:0}
.deal-i:hover{background:#fff;color:inherit}
.deal-i .no{font-size:16px;font-weight:800;text-align:center;color:#bbb;line-height:1}
.deal-i .no.top{color:var(--red)}
.deal-i img{width:78px;height:48px;object-fit:contain;border-radius:2px;background:#eef1f4}
.deal-i .info{min-width:0}
.deal-i .info b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.deal-i .info em{display:block;font-style:normal;color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45}
.deal-i .stars{color:#e85d04;font-size:12px;margin-top:1px}
.deal-i .metric{text-align:center}
.deal-i .metric strong{display:block;font-size:18px;font-weight:800;color:#222;line-height:1.1}
.deal-i .metric em{font-style:normal;font-size:11px;color:#888}
.deal-i .ask{height:28px;padding:0 8px;font-size:12px;justify-self:end;white-space:nowrap}
.panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.panel-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:800}
.panel-h h2{font-size:16px}
.panel-h .more{font-size:12px;color:#999;font-weight:500}
.find-row{display:flex;gap:10px;margin-bottom:10px}
.find-row .k{width:42px;color:#888;font-size:12px;padding-top:8px;flex:none}
.brand-wall{display:flex;flex-wrap:wrap;gap:6px}
.brand-wall a{padding:5px 10px;border:1px solid #eee;border-radius:3px;font-size:13px;background:#fafafa}
.brand-wall a:hover{border-color:var(--red);color:var(--red);background:#fff}
.price-bands,.level-bands{display:flex;flex-wrap:wrap;gap:6px}
.price-bands a,.level-bands a{padding:5px 12px;background:#f6f6f6;border-radius:3px;font-size:13px}
.quick-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}
.quick-tools a{text-align:center;padding:10px 4px;border:1px solid #eee;border-radius:4px;font-size:12px;color:#333}
.quick-tools a b{display:block;font-size:18px;margin-bottom:2px}
.quick-tools a:hover{border-color:var(--red);color:var(--red)}

.focus-main{display:block;flex:none}
.focus-main img{width:100%;height:168px;object-fit:contain;background:#eef1f4}
.focus-main .cap{padding:8px 14px 8px}
.focus-main .cap .tag{color:var(--red);font-size:12px;font-weight:700}
.focus-main .cap h3{font-size:16px;line-height:1.35;margin:4px 0}
.focus-main .cap p{font-size:12px;color:#888;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.focus-list{padding:0 12px 10px;flex:1;display:flex;flex-direction:column}
.focus-list a{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px dashed #eee;color:inherit;flex:1}
.focus-list a:hover{color:inherit}
.focus-list a:hover .t b{color:var(--red)}
.focus-list img{width:86px;height:54px;object-fit:contain;background:#eef1f4;border-radius:2px}
.focus-list .t{min-width:0}
.focus-list .t b{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.focus-list .t em{display:block;font-style:normal;font-size:12px;color:#999;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.focus-list .d{color:#999;font-size:12px;white-space:nowrap;align-self:start;padding-top:2px}

/* 模块通用 */
.sec{padding:8px 0 16px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 12px}
.sec-h h2{font-size:20px;font-weight:800}
.sec-h h2 em{font-style:normal;color:var(--red);margin-left:6px;font-size:13px;font-weight:600}
.sec-h .more{color:#888;font-size:13px}

/* 热门车 */
.hot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.car-card{background:#fff;border-radius:4px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.car-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08);color:inherit}
.car-card .pic{height:132px;background:linear-gradient(#f4f6f8,#e7eaee);overflow:hidden;display:flex;align-items:center;justify-content:center}
.car-card .pic img{width:100%;height:100%;object-fit:contain}
.car-card .bd{padding:10px 12px 12px}
.car-card h3{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.car-card .meta{color:#999;font-size:12px;margin:2px 0 6px}
.price{color:var(--red);font-weight:800;font-size:16px;white-space:nowrap}
.price small{font-size:12px;font-weight:600}
.guide{color:#999;font-size:12px;text-decoration:line-through;margin-left:6px;white-space:nowrap}
.badge{display:inline-block;background:#fff1f0;color:var(--red);font-size:11px;padding:1px 6px;border-radius:2px;margin-top:6px}

/* 三列榜单 */
.rank-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rank-box{background:#fff;padding:12px 14px 8px;border-radius:4px}
.rank-box h3{font-size:16px;margin-bottom:8px;display:flex;justify-content:space-between}
.rank-i{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f2f2f2}
.rank-i:last-child{border-bottom:0}
.rank-i .n{width:22px;height:22px;border-radius:2px;background:#eee;color:#666;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.rank-i:nth-child(-n+3) .n{background:var(--red);color:#fff}
.rank-i img{width:72px;height:48px;object-fit:contain;background:#eef1f4;flex:none;border-radius:2px}
.rank-i .t{flex:1;min-width:0}
.rank-i .t b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-i .t span{font-size:12px;color:var(--red)}

/* 资讯双栏 */
.news-2{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}
.news-card{display:flex;gap:12px;background:#fff;padding:12px;border-bottom:1px solid #f2f2f2}
.news-card:last-child{border-bottom:0}
.news-card img{width:180px;height:112px;object-fit:contain;flex:none;background:#eef1f4;border-radius:2px}
.news-card h3{font-size:16px;margin-bottom:6px}
.news-card p{font-size:13px;color:#666;height:40px;overflow:hidden}
.news-card .foot{font-size:12px;color:#999;margin-top:6px}
.side-list{background:#fff;padding:12px 16px}
.side-list a{display:block;padding:8px 0;border-bottom:1px dashed #eee;font-size:13px}
.side-list a .cat{color:var(--red);margin-right:6px}

/* 经销商条 */
.dealer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dealer-card{background:#fff;padding:14px;border-radius:4px}
.dealer-card h3{font-size:14px;margin-bottom:6px}
.dealer-card p{font-size:12px;color:#666;margin:3px 0}
.dealer-card .tel{color:var(--orange);font-weight:700}

/* 页脚 */
.footer{background:#2b2b2b;color:#aaa;margin-top:24px;font-size:12px}
.footer .wrap{padding:28px 12px 16px}
.f-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}
.f-cols b{display:block;color:#fff;margin-bottom:8px;font-size:13px}
.f-cols a{display:block;padding:3px 0;color:#aaa}
.f-cols a:hover{color:#fff}
.f-bot{border-top:1px solid #3a3a3a;padding-top:14px;line-height:1.8;text-align:center}
.f-bot a{color:#ccc}

/* 面包屑 */
.crumb{padding:12px 0;font-size:12px;color:#888}
.crumb a:hover{color:var(--red)}

/* 筛选 */
.filter{background:#fff;padding:14px 16px;margin-bottom:12px}
.filter-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0;border-bottom:1px dashed #eee}
.filter-row:last-child{border-bottom:0}
.filter-row .lbl{width:56px;color:#888;flex:none;padding-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:4px 12px;border-radius:2px;background:#f4f4f4;cursor:pointer;font-size:13px;border:1px solid transparent}
.chip.on{background:var(--red);color:#fff}
.sortbar{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 16px;margin-bottom:12px}
.sortbar .s a{margin-right:14px;color:#555}
.sortbar .s a.on{color:var(--red);font-weight:700}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.empty{background:#fff;padding:48px;text-align:center;color:#888}

/* 报价表 */
.price-table{background:#fff}
.price-table .row{display:grid;grid-template-columns:90px 1.4fr 1fr 1fr 90px 100px;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0}
.price-table .row.head{background:#fafafa;font-size:12px;color:#888;font-weight:700}
.price-table .row img{width:90px;height:60px;object-fit:contain;background:#eef1f4}
.price-table .ask{height:32px;padding:0 10px;font-size:12px}

/* 详情 */
.detail{display:grid;grid-template-columns:560px 1fr;gap:20px;background:#fff;padding:20px;margin-bottom:16px}
.detail .hero-img{background:linear-gradient(#f4f6f8,#e7eaee);height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.detail .hero-img img{width:100%;height:100%;object-fit:contain}
.detail .brand{color:#888;font-size:13px}
.detail h1{font-size:26px;margin:4px 0 8px}
.tags span{display:inline-block;background:#f5f5f5;padding:2px 8px;margin:0 6px 6px 0;font-size:12px;color:#666}
.price-box{background:#fff8f6;border:1px solid #ffe1d6;padding:14px;margin:12px 0}
.price-box .big{font-size:28px;color:var(--red);font-weight:800}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:12px 0;font-size:13px}
.kv b{color:#888;font-weight:500;margin-right:8px}
.detail-actions{display:flex;gap:10px;margin-top:12px}

.block{background:#fff;padding:18px 20px;margin-bottom:16px}
.block h2{font-size:18px;margin-bottom:12px;border-left:3px solid var(--red);padding-left:10px}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pros li,.cons li{margin:6px 0 6px 18px;font-size:13px}
.pros{color:#1a7f37}
.cons{color:#b42318}

.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* 询底价表单 */
.lead{background:#fff;padding:20px;border:1px solid #ffe1d6}
.lead h2{margin-bottom:6px}
.lead .hint{color:#888;font-size:12px;margin-bottom:12px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-form label{display:block;font-size:12px;color:#666;margin-bottom:4px}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;height:38px;border:1px solid #ddd;padding:0 10px;border-radius:3px}
.lead-form textarea{height:80px;padding:8px 10px;grid-column:1/-1}
.lead-form .full{grid-column:1/-1}
.lead-form .err{color:var(--red);font-size:12px;min-height:16px}
.ok-msg{display:none;background:#e8f8ee;color:#16794a;padding:12px;border-radius:4px;margin-top:10px}

/* 金融 */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;background:#fff;padding:24px}
.calc label{display:block;margin:10px 0 4px;font-size:13px;color:#555}
.calc input,.calc select{width:100%;height:40px;border:1px solid #ddd;padding:0 10px}
.calc-out{background:#fff8f6;padding:20px;border:1px solid #ffe1d6}
.calc-out .n{font-size:36px;color:var(--red);font-weight:800}
.calc-out p{margin-top:8px;color:#555}

/* 关于 / 联系 */
.article{background:#fff;padding:28px 32px;line-height:1.8}
.article h1{font-size:24px;margin-bottom:12px}
.article h2{font-size:18px;margin:20px 0 8px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-card{background:#fafafa;padding:16px;border:1px solid #eee}

/* 分页 */
.pager{display:flex;justify-content:center;gap:6px;padding:18px 0}
.pager a,.pager span{min-width:32px;height:32px;display:grid;place-items:center;background:#fff;border:1px solid #e5e5e5;font-size:13px;padding:0 8px}
.pager .on{background:var(--red);color:#fff;border-color:var(--red)}

/* 城市 tabs */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tabs a,.tabs button{background:#fff;border:1px solid #eee;padding:6px 14px;cursor:pointer;font-size:13px}
.tabs .on{border-color:var(--red);color:var(--red);font-weight:700}

.page-title{padding:8px 0 4px}
.page-title h1{font-size:22px}
.page-title p{color:#888;font-size:13px}

/* 排行榜（信息密度对标综合门户榜单） */
.rank-board{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:24px}
.rank-cats{display:flex;flex-wrap:wrap;background:#1f1f1f}
.rank-cats button{flex:1;min-width:88px;border:0;background:transparent;color:#ddd;padding:14px 8px;font-size:15px;font-weight:700;cursor:pointer}
.rank-cats button.on,.rank-cats button:hover{background:var(--red);color:#fff}
.rank-subs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 12px}
.rank-subs button{border:0;background:0;padding:12px 16px;cursor:pointer;font-size:14px;color:#555}
.rank-subs button.on{color:var(--red);font-weight:700;border-bottom:2px solid var(--red)}
.rank-filters{padding:12px 16px 8px;border-bottom:1px solid #f0f0f0}
.rank-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rank-types button{border:1px solid #eee;background:#f7f7f7;padding:5px 14px;cursor:pointer;border-radius:2px}
.rank-types button.on{border-color:var(--red);color:var(--red);background:#fff5f5}
.rank-selects{display:flex;flex-wrap:wrap;gap:8px}
.rank-selects select{height:32px;border:1px solid #e5e5e5;padding:0 8px;background:#fff}
.board-note{font-size:12px;color:#999;padding:8px 16px 12px}
.board-list{background:#fff}
.board-row{display:grid;grid-template-columns:72px 132px 1fr 150px 118px;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f3f3;color:inherit}
.board-row:hover{background:#fafafa;color:inherit}
.board-row .no{font-size:26px;font-weight:800;text-align:center;line-height:1.1}
.board-row .no .trend{display:block;font-size:12px;font-weight:600;margin-top:4px}
.board-row .trend.up{color:#e85d04}
.board-row .trend.down{color:#0aa}
.board-row .trend.flat{color:#999}
.board-row img{width:132px;height:78px;object-fit:contain;background:#eef1f4;border-radius:2px}
.board-row .info b{display:block;font-size:16px;margin-bottom:4px}
.board-row .info .sub{font-size:12px;color:#888}
.board-row .stars{color:#e85d04;font-size:13px;margin-top:4px}
.board-row .metric{text-align:center}
.board-row .metric strong{display:block;font-size:26px;font-weight:800;color:#222}
.board-row .metric em{font-style:normal;font-size:12px;color:#888}
.board-row .ask{height:34px;padding:0 12px;font-size:13px;justify-self:end}
.board-empty{padding:40px;text-align:center;color:#888}

.news-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:#fff;margin-bottom:16px;overflow:hidden;border-radius:4px}
.news-feature img{width:100%;height:280px;object-fit:contain;background:#eef1f4}
.news-feature .cap{padding:28px 24px}
.news-feature .cap span{color:var(--red);font-size:13px;font-weight:700}
.news-feature h2{font-size:22px;margin:8px 0 10px;line-height:1.4}
.news-feature p{color:#666;font-size:14px}
.art-kicker{color:#888;font-size:13px}
.art-meta{color:#888;font-size:13px;margin-bottom:12px}
.art-hero{margin:12px 0 18px}
.art-hero img{width:100%;max-height:420px;object-fit:contain;background:#eef1f4;border-radius:4px}
.art-hero figcaption{font-size:12px;color:#999;margin-top:6px}
.art-lead{font-size:16px;font-weight:700;margin-bottom:12px}
.jr-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.jr-points div{background:#fff;padding:14px 16px}
.jr-points b{display:block;margin-bottom:4px}
.jr-points p{font-size:12px;color:#888}
.city-relocate{margin-left:10px;border:1px solid #ddd;background:#fff;padding:2px 8px;cursor:pointer;font-size:12px;border-radius:2px}
.city-relocate:hover{border-color:var(--red);color:var(--red)}
.side-list a em{float:right;color:#bbb;font-style:normal;font-size:12px}
.series-tabs{display:flex;flex-wrap:wrap;gap:0;background:#fff;border-bottom:1px solid var(--line);margin-bottom:12px}
.series-tabs a{padding:10px 16px;font-size:14px;color:#444}
.series-tabs a.on,.series-tabs a:hover{color:var(--red);font-weight:700}
.spec-table,.trim-table{width:100%;border-collapse:collapse;font-size:13px}
.spec-table th,.spec-table td,.trim-table th,.trim-table td{border:1px solid #eee;padding:10px 12px;text-align:left}
.spec-table th,.trim-table th{background:#fafafa;color:#666;font-weight:600;width:18%}
.hint-line{font-size:12px;color:#888;margin-bottom:10px}
.gallery-one{background:linear-gradient(#f4f6f8,#e7eaee);padding:12px;text-align:center}
.gallery-one img{max-height:360px;margin:0 auto;object-fit:contain}
.note-list{margin-left:18px;color:#555;font-size:13px;line-height:1.8}
.trim-table .ask{height:30px;padding:0 10px;font-size:12px}

@media(max-width:900px){
  .board-row{grid-template-columns:48px 90px 1fr; }
  .board-row .metric,.board-row .ask{display:none}
  .deal-i{grid-template-columns:22px 72px 1fr}
  .deal-i .metric,.deal-i .ask{display:none}
  .focus-list a{grid-template-columns:72px 1fr auto}
  .news-feature,.jr-points{grid-template-columns:1fr}
  .news-feature img{height:180px}
}

@media(max-width:900px){
  .mast .wrap{height:auto;flex-wrap:wrap;padding:10px 12px;gap:10px}
  .search{order:3;width:100%}
  .hero-grid,.news-2,.rank-3,.hot-grid,.grid-4,.dealer-grid,.detail,.calc,.proscons,.rel-grid,.contact-grid,.price-table .row,.lead-form,.f-cols,.quick-tools{
    grid-template-columns:1fr;
  }
  .hot-grid,.grid-4,.dealer-grid,.rel-grid{grid-template-columns:repeat(2,1fr)}
  .detail .hero-img{height:200px}
  .price-table .row{grid-template-columns:70px 1fr; }
  .price-table .row > :nth-child(n+3){display:none}
  .news-card{flex-direction:column}
  .news-card img{width:100%;height:160px}
  .nav a{padding:0 12px}
}