/* Главная: «Продать самому или через AutoSelling» (site/layouts/145-compare.php) */
body.main-page .home-compare__grid {display: grid; grid-template-columns: 1fr 1.08fr; gap: 0; max-width: 1080px; margin: 0 auto; align-items: center}
body.main-page .home-compare__col {padding: clamp(28px, 3.4vw, 48px)}
body.main-page .home-compare__col--self {border-radius: var(--es-radius) 0 0 var(--es-radius); background: var(--es-surface-alt)}
body.main-page .home-compare__col--us {position: relative; border-radius: var(--es-radius); background: var(--es-dark); color: #fff; box-shadow: 0 30px 60px rgba(17, 22, 20, .25), 0 0 0 2px var(--es-primary); transform: scale(1.03)}
body.main-page .home-compare__name {margin: 0 0 22px; color: var(--es-heading); font-family: var(--es-font-head); font-size: 22px; font-weight: 800}
body.main-page .home-compare__col--us .home-compare__name {color: var(--es-primary)}
body.main-page .home-compare__list {margin: 0; padding: 0; list-style: none}
body.main-page .home-compare__list li {position: relative; padding: 14px 0 14px 36px; border-top: 1px solid var(--es-border); color: var(--es-muted); font-size: 16px; line-height: 1.4}
body.main-page .home-compare__col--us .home-compare__list li {border-top-color: rgba(255, 255, 255, .1); color: #fff; font-weight: 600}
/* крестик / галочка */
body.main-page .home-compare__col--self li::before, body.main-page .home-compare__col--self li::after {content: ""; position: absolute; left: 6px; top: 50%; width: 14px; height: 2px; background: #b9c0bd; transform: rotate(45deg)}
body.main-page .home-compare__col--self li::after {transform: rotate(-45deg)}
body.main-page .home-compare__col--us li::before {content: ""; position: absolute; left: 4px; top: calc(50% - 7px); width: 14px; height: 8px; border-left: 3px solid var(--es-primary); border-bottom: 3px solid var(--es-primary); transform: rotate(-45deg)}
body.main-page .home-compare__btn {width: 100%; margin-top: 24px}
@media (max-width: 860px) {
    body.main-page .home-compare__grid {grid-template-columns: 1fr}
    body.main-page .home-compare__col--self {border-radius: var(--es-radius) var(--es-radius) 0 0}
    body.main-page .home-compare__col--us {transform: none}
}