/* feature-center-hard.css — максимально жёсткое центрирование текста в тайлах */

/* 1) Делаем сам тайл центровщиком для всего, что внутри */
.benefits .feature-card,
.benefits .feature-box,
.benefits .card,
.benefits .tile,
.benefits .advantage,
#benefits .feature-card,
#benefits .feature-box,
#benefits .card,
#benefits .tile,
#benefits .advantage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative;
  box-sizing: border-box;
}

/* 2) Центруем любые непосредственные интерактивные контейнеры */
.benefits a, .benefits button, .benefits .card-body, .benefits .inner,
#benefits a, #benefits button, #benefits .card-body, #benefits .inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Иконка — строго по центру */
.benefits .icon, #benefits .icon {
  position: static !important;
  margin: 0 0 8px 0 !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}

/* 4) Подписи в любом возможном виде — в центр и без сдвигов */
.benefits h3, .benefits h4, .benefits .title, .benefits .caption,
.benefits p, .benefits span, .benefits .label,
#benefits h3, #benefits h4, #benefits .title, #benefits .caption,
#benefits p, #benefits span, #benefits .label {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  transform: none !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  text-indent: 0 !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* 5) Если подпись лежит внутри ссылки с внутренними отступами слева */
.benefits a > *,
#benefits a > * {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 6) Защита от псевдоэлементов, которые могут давать псевдопаддинг слева */
.benefits .feature-card::before,
.benefits .feature-box::before,
.benefits .card::before,
#benefits .feature-card::before,
#benefits .feature-box::before,
#benefits .card::before {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* 7) На мобильных — принудительная одинаковая высота тайла */
@media (max-width: 768px){
  .benefits .feature-card,
  .benefits .feature-box,
  .benefits .card,
  #benefits .feature-card,
  #benefits .feature-box,
  #benefits .card {
    min-height: 120px;
    padding: 14px 10px;
  }
}