/* =========================================================
   catalog-uslug.css   (уникальные классы → нет конфликтов)
========================================================= */
:root{
  --page-bg:#111;
  --card-bg:#222;
  --radius:18px;
  --shadow-sm:0 4px 10px rgba(0,0,0,.05);
  --shadow-lg:0 12px 26px rgba(0,0,0,.15);
  --txt-main:#eb5d1e;
  --txt-muted:#fff;
  --gap:28px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

body{margin:0;background:var(--page-bg);color:var(--txt-main)}

/* контейнер страницы */
.service-page{max-width:1280px;margin:0 auto;padding:0 32px}

/* ---------- сетка ---------- */
.service-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:var(--gap);
  padding:40px 0;          /* отступ сверху/снизу */
}

/* ---------- карточка ---------- */
.service-card{
  background:var(--card-bg);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  transition:.25s;
  text-decoration:none;
  color:inherit;
}
.service-card:hover,
.service-card.is-hover{
  box-shadow:var(--shadow-lg);
  transform:translateY(-6px);
}

/* картинка */
.service-card__img{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:var(--radius) var(--radius) 0 0;
}
.service-card__img img{width:100%;height:100%;object-fit:cover}

/* текст */
.service-card__body{padding:18px 22px 24px}
.service-card__cat{
  display:block;font-size:.75rem;text-transform:uppercase;
  letter-spacing:.03em;color:var(--txt-muted);margin-bottom:4px
}
.service-card__title{
  font:600 1rem/1.35 sans-serif;color:var(--txt-main);
  transition:color .2s
}
.service-card:hover .service-card__title,
.service-card.is-hover .service-card__title{color:#fff}

/* ---------- адаптив ---------- */
@media (max-width:640px){
  :root{--gap:18px}
  .service-page{padding:0 20px}
  .service-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:24px 0}
  .service-card__body{padding:14px 16px 18px}
  .service-card__title{font-size:.95rem}
}
@media (max-width:480px){
  .service-cards{grid-template-columns:1fr;padding:16px 0}
  .service-card{flex-direction:row}
  .service-card__img{
    flex:0 0 120px;aspect-ratio:1/1;
    border-radius:var(--radius) 0 0 var(--radius)
  }
  .service-card__body{padding:14px 16px}
}
/* --- силовой приём: перекрываем всё, что приходит после --- */
.service-page .service-cards{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  width: 100% !important;        /* вдруг тема ставит max-width:260px */
  max-width: 1600px !important;  /* оставляем ваш предел */
}
/* catalog-uslug.css — в самый конец или рядом с блоком .service-card__title */
.service-card__title{
  padding-left: 0;  /* убрали отступ слева */
  margin: 0;        /* убрали верхний/нижний отступ */
}
