/* Services page (2026-08-21) — заголовок и вступление по центру, тот же
   приём, что about.css/faq.css: canonical .section-title/.section-subtitle
   не трогаем, центрирование только тут. */
.services-heading{text-align:center;margin-left:auto;margin-right:auto}
.services-subtitle{text-align:center;margin-left:auto;margin-right:auto}

/* Карточки в 2 колонки (2026-08-21, по прямому запросу) — .svc-grid по
   умолчанию рассчитан на 3 (repeat(3,1fr), см. shared.css). */
.services-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.services-grid{grid-template-columns:1fr}}

/* Необязательное фото карточки (service_cards.media_id) — маленькая
   картинка снизу карточки, тот же var(--r), что у карты на /contact/.
   .svc-card в гриде растягивается на высоту всей строки (grid stretch по
   умолчанию) — без flex-column фото просто шло бы сразу за текстом и
   "зависало" выше нижнего края у карточек с более коротким текстом, чем у
   соседей. margin-top:auto на фото прижимает его к низу независимо от
   длины текста над ним; margin-bottom на p — минимальный отступ от текста,
   когда карточке ровно по высоте своего содержимого (auto тогда даёт 0). */
.services-grid .svc-card{display:flex;flex-direction:column}
.services-grid .svc-card p{margin-bottom:16px}
.services-card-photo{display:block;margin-top:auto;margin-right:-20px;margin-bottom:-20px;margin-left:-20px;border-radius:0 0 var(--r) var(--r);overflow:hidden}
.services-card-photo img{display:block;width:100%;height:160px;object-fit:cover}