/* Главная: «Какие авто выкупаем» (site/layouts/130-cars.php) */
body.main-page .home-cars__inner {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 80px); align-items: center}
body.main-page .home-cars__photo {margin: 0; border-radius: var(--es-radius); overflow: hidden; aspect-ratio: 4 / 5}
body.main-page .home-cars__photo img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%}
body.main-page .home-cars__types {display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 30px 0 0; padding: 0; list-style: none}
body.main-page .home-cars__types li {position: relative; padding: 13px 0 13px 30px; border-bottom: 1px solid var(--es-border); color: var(--es-heading); font-size: 16px; font-weight: 600; line-height: 1.35}
body.main-page .home-cars__types li::before {content: ""; position: absolute; left: 3px; top: 18px; width: 12px; height: 7px; border-left: 2px solid var(--es-primary-dark); border-bottom: 2px solid var(--es-primary-dark); transform: rotate(-45deg)}
body.main-page .home-cars__brands-title {margin: 30px 0 8px; color: var(--es-heading); font-size: 15px; font-weight: 700}
body.main-page .home-cars__brands {margin: 0; color: var(--es-muted); font-size: 15px; line-height: 1.75}
@media (max-width: 992px) {
    body.main-page .home-cars__inner {grid-template-columns: 1fr}
    body.main-page .home-cars__photo {aspect-ratio: 16 / 9; order: 2}
}
@media (max-width: 560px) {
    body.main-page .home-cars__types {grid-template-columns: 1fr 1fr; gap: 0 16px}
    body.main-page .home-cars__types li {padding: 11px 0 11px 24px; font-size: 14px}
    body.main-page .home-cars__types li::before {left: 1px; top: 15px; width: 10px; height: 6px}
    body.main-page .home-cars__brands {font-size: 14px}
}
body.main-page .home-cars__btn {margin-top: 30px}