/* Shared catalog-card layout; photographs remain unmodified. */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 0 88px}
.car{min-width:0;display:flex;flex-direction:column;aspect-ratio:auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#22262a,#141618);box-shadow:0 16px 34px #0003}
.car .photo{position:relative;flex:none;width:100%;min-height:0;aspect-ratio:16/9;overflow:hidden;background:#101214}
.car .photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.car .body{display:flex;flex:1;flex-direction:column;min-width:0;min-height:min-content;padding:16px 18px 18px}
.car .origin{color:var(--green);font:700 12px/1.3 'PT Sans',sans-serif}
.car .body h2{font-family:Unbounded,'PT Sans',sans-serif;font-size:clamp(17px,1.3vw,21px);line-height:1.25;margin:5px 0 4px;overflow-wrap:anywhere}
.car .trim{font:400 14px/1.4 'PT Sans',sans-serif;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}
.car .specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 12px;padding:10px 0;border-block:1px solid var(--line);width:100%;align-self:auto}
.car .specs span{min-width:0;color:var(--muted);font:400 12px/1.35 'PT Sans',sans-serif}
.car .specs strong{display:block;color:var(--paper);font:700 14px/1.35 'PT Sans',sans-serif;white-space:normal;overflow-wrap:anywhere}
.car .price{align-self:auto;margin-top:auto;padding-top:15px;font:700 16px/1.35 Unbounded,'PT Sans',sans-serif;overflow-wrap:anywhere}
.car .price::after{content:"Ориентир, не публичная оферта";display:block;margin-top:4px;color:var(--muted);font:400 11px/1.3 'PT Sans',sans-serif}
.car .actions{display:flex;align-self:auto;align-items:center;flex-wrap:nowrap;gap:8px;margin-top:11px;padding-top:0}
.car .actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;text-decoration:none;font:700 14px/1.2 'PT Sans',sans-serif}
.car .actions .primary{min-width:0;flex:1 1 auto;padding:10px 12px;background:var(--amber);color:#151515}
.car .actions .messenger-mini{width:42px;height:42px;min-width:42px;flex:0 0 42px!important;padding:8px}
.car .messenger-mini img,.car .messenger-mini svg{display:block;width:100%;height:100%;object-fit:contain}
.car .messenger-mini.wa{background:#20b95a}.car .messenger-mini.tg{background:#269ed8}.car .messenger-mini.max{background:#eef0ff}
.car .badge{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:8px 10px;border:1px solid #ffffff4d;border-radius:10px;background:linear-gradient(135deg,#f08a0e,#bc6600);box-shadow:0 6px 14px #0003;color:#151515;font:700 10px/1.25 Unbounded,'PT Sans',sans-serif}
.car .badge-electric{left:auto!important;right:12px!important;background:linear-gradient(135deg,#85e29a,#2b9b62)!important}
.car .badge-new{top:49px!important;left:auto!important;right:12px!important;background:linear-gradient(135deg,#ffd36a,#f08a0e)!important}
.car .btn:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
@media(max-width:1440px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.grid{grid-template-columns:minmax(0,1fr)}.car{aspect-ratio:auto}.car .specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.car .body{padding:14px}.car .specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.car .body h2{font-size:18px}.car .actions{gap:6px}.car .actions .messenger-mini{width:40px;height:40px;min-width:40px;flex-basis:40px!important}.car .badge{font-size:8px;padding:7px}.car .price{font-size:15px}}