

/* Start:/services/css/services.css?17823832342441*/
/* /services/ — посадочная услуг: каталог слева + 3 обложки в ряд */
.svc-page{margin-top:6px}
.svc-wrap{width:100%}
.svc-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}

/* каталог услуг слева (выровнен по краю вёрстки страницы) */
.svc-cat{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:8px;position:sticky;top:90px}
.svc-cat__item{display:block;padding:12px 16px;border-radius:9px;color:#1f2a3a;text-decoration:none;font-weight:500;font-size:15px;line-height:1.3;transition:background .15s,color .15s}
.svc-cat__item:hover{background:#eef2fa;color:#184095}

/* сетка обложек — 3 в ряд, крупнее */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-card{position:relative;display:block;border-radius:16px;overflow:hidden;background:#eef2fa;text-decoration:none;box-shadow:0 4px 18px rgba(24,64,149,.10);transition:transform .2s,box-shadow .2s}
.svc-card img{width:100%;display:block;aspect-ratio:1056/1320;object-fit:cover}
.svc-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(24,64,149,.22)}
/* "Подробнее" — идентично баннерам главной: белый текст, 16px/500, без тени и подложки */
.svc-card__more{position:absolute;left:24px;bottom:24px;z-index:2;color:#fff;font-size:16px;font-weight:500;text-decoration:none}
.svc-card:hover .svc-card__more{text-decoration:underline}

@media(max-width:900px){
	.svc-layout{grid-template-columns:1fr;gap:16px}
	.svc-cat{position:static;background:none;border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
	.svc-cat__item{border:1px solid #e6ebf2;border-radius:20px;padding:8px 15px;font-size:14px}
	.svc-cat__item:hover{background:#eef2fa}
	.svc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr}.svc-card{width:100%;max-width:420px;margin:0 auto}}
/* список услуг — на всю ширину контента (убрать пустую левую колонку темы, выровнять каталог по краю вёрстки) */
.maxwidth-theme .content-md>.right_block.narrow_Y{width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;float:none!important}
.maxwidth-theme .content-md>.left_block{display:none!important}

/* End */
/* /services/css/services.css?17823832342441 */
