/* === Заголовок и описание === */
.my-custom-t {
  margin-bottom: 48px;
	text-align: center;
}
.my-custom-t h2 {
font-weight: 800;
  line-height: 0.9;
  margin-bottom: 16px;
  color: var(--ws-text);
	margin-bottom: 20px;
}
.my-custom-t h2 span {
  color: #00A0E3;
}
.my-custom-t p {
  font-size: 1.1rem;
  color: var(--ws-text-muted);
  max-width: 70ch;
  margin-bottom: 24px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	line-height: 1em;
}

/* === Кнопки === */
.hero-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--ws-radius);
  transition: all 0.25s ease;
  cursor: pointer;
}
.btn-primary_ {
  background-color: var(--ws-primary);
  color: #fff;
  border: 2px solid var(--ws-primary);
}
.btn-primary_:hover {
  background-color: var(--ws-primary-hover);
  border-color: var(--ws-primary-hover);
}
.btn-secondary_ {
  background-color: transparent;
  color: var(--ws-primary);
  border: 2px solid var(--ws-primary);
}
.btn-secondary_:hover {
  background-color: var(--ws-primary);
  color: #fff;
}
.service-list_{
	margin-top: 30px;
	margin-bottom: 70px;
}
.service-item_:first-child{
	padding-left: 0px!important;
}
.service-item_:last-child{
	padding-right:  0px!important;
}
/* === ЖЁСТКОЕ ВЫРАВНИВАНИЕ КАРТИНОК === */
.service-list_ .service-item_ .preview_picture_ {
  width: 100%;
  height: 340px; /* 🔧 Измените это значение под вашу дизайн-систему */
  object-fit: cover;       /* Обрезает лишнее, сохраняя пропорции */
  object-position: center; /* Центрирует изображение в области обрезки */
  display: block;
  flex-shrink: 0;          /* Запрещает картинке сжиматься flex-контейнером */
}
/* Делаем всю область карточки кликабельной */
.service-item_ > a {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.service-item-body_ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: var(--ws-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  
}
.service-item-body_:hover {
  transform: translateY(-6px);
  box-shadow: var(--ws-shadow-hover);
}

/* === ВЫРАВНИВАНИЕ КАРТИНОК ПО ВЫСОТЕ === */
.preview_picture_ {
  width: 100%;
  height: var(--ws-img-height); /* Фиксированная высота */
  object-fit: cover; /* Сохраняет пропорции, обрезает лишнее по краям */
  display: block;
  flex-shrink: 0; /* Запрещаем картинке сжиматься */
}

.service-name_ {
  flex: 1 1 auto; /* Растягивается на всю оставшуюся высоту карточки */
  padding: 30px 10px;
  display: flex;
  align-items: center; /* Центрируем текст по вертикали */
}
.service-name_ p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ws-text);
	text-transform: uppercase;
	line-height: 0.9;
}

/* === Адаптив === */
@media (max-width: 991.98px) {
  :root { --ws-img-height: 220px; }
}
@media (max-width: 575.98px) {
  :root { --ws-img-height: 200px; }
  .my-custom-t h2 { font-size: 1.75rem; }
}