/* ==========================================================================
   Главная — цены (site/layouts/120-prices.php): заголовок слева (липкий), прайс справа. Только var(--es-*).
   ========================================================================== */
body.main-page .home-prices__layout {display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 72px); align-items: start}
body.main-page .home-prices__head {position: sticky; top: 150px}
body.main-page .home-prices__call {display: flex; flex-wrap: wrap; align-items: center; gap: 16px 26px; margin-top: 28px}
body.main-page .home-prices__table {min-width: 0}
body.main-page .home-prices__table table {width: 100%; border-collapse: collapse; font-size: 16px}
body.main-page .home-prices__table tr {border-bottom: 1px solid var(--es-border)}
body.main-page .home-prices__table tr:first-child {border-top: 1px solid var(--es-border)}
body.main-page .home-prices__table th, body.main-page .home-prices__table td {padding: 15px 0; vertical-align: middle; text-align: left}
body.main-page .home-prices__table th {padding-right: 20px; color: var(--es-heading); font-weight: 500; line-height: 1.4}
body.main-page .home-prices__price {padding-right: 18px !important; color: var(--es-primary); font-weight: 800; white-space: nowrap; text-align: right !important}
body.main-page .home-prices__order {width: 1%; text-align: right !important}
body.main-page .home-prices__btn {padding: 8px 14px; border: 1px solid var(--es-border); border-radius: 8px; background: #fff; color: var(--es-heading); font-size: 14px; font-weight: 700; white-space: nowrap; transition: background .2s, border-color .2s, color .2s}
body.main-page .home-prices__btn:hover {border-color: var(--es-primary); background: var(--es-primary); color: #fff}
body.main-page .home-prices__table tr:hover th {color: var(--es-primary)}
body.main-page .home-prices__note {margin: 16px 0 0; color: var(--es-muted); font-size: 14px; line-height: 1.55}

@media (max-width: 991px) {
    body.main-page .home-prices__layout {grid-template-columns: 1fr}
    body.main-page .home-prices__head {position: static}
}
@media (max-width: 575px) {
    body.main-page .home-prices__table table {font-size: 15px}
    body.main-page .home-prices__table tr {display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 12px 0}
    body.main-page .home-prices__table th, body.main-page .home-prices__table td {padding: 0}
    body.main-page .home-prices__table th {grid-column: 1 / -1; padding-right: 0}
    body.main-page .home-prices__price {align-self: center; padding-right: 0 !important; text-align: left !important}
    body.main-page .home-prices__order {width: auto}
}