/* Hero stats variant — той самий слайдер, видозмінений смугою цифр унизу банера */
.hero-statsv {
  position: relative;
  font-family: 'Poppins', system-ui, sans-serif;
}

/* Прибрати верхню «смугу»: діагональний оверлей затемнював верх нерівномірно
   (помітно на світлих фото). Робимо горизонтальний — темно ліворуч (текст),
   світліше праворуч (фото). Без верхнього/нижнього банду. */
.hero-statsv .main-slides-item::before {
  background: linear-gradient(90deg,
    rgba(22, 62, 64, 0.90) 0%,
    rgba(22, 62, 64, 0.72) 42%,
    rgba(34, 100, 104, 0.40) 74%,
    rgba(34, 100, 104, 0.26) 100%);
}
@media (max-width: 767px) {
  /* На мобілці текст на всю ширину — потрібен рівномірно темніший фон */
  .hero-statsv .main-slides-item::before {
    background: linear-gradient(180deg, rgba(22, 62, 64, 0.84) 0%, rgba(22, 62, 64, 0.90) 100%);
  }
}

/* Іконка в плашці-eyebrow має бути світлою (теал на темному зливався — не видно).
   Селектор з 3 класів — щоб перебити .home-slides .main-slides-content .sub-title i */
.hero-statsv .main-slides-content .sub-title i { color: #ffffff; }

/* Рівна висота слайдів. Різна довжина тексту давала різну висоту (819 vs 792 px) →
   owl стрибав «один вищий за інший». Фіксуємо висоту, контент центрується,
   нижній відступ лишає місце під смугу цифр. */
.hero-statsv .home-slides .main-slides-item {
  min-height: 0;
  height: 800px;
  padding-top: 70px;
  padding-bottom: 175px;
}
@media (max-width: 991px) {
  .hero-statsv .home-slides .main-slides-item { height: 660px; padding-top: 40px; padding-bottom: 150px; }
}
@media (max-width: 575px) {
  .hero-statsv .home-slides .main-slides-item { height: 600px; padding-top: 26px; padding-bottom: 128px; }
}

/* Смуга цифр поверх нижньої частини слайдера */
.hero-statsv__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  padding: 24px 0 26px;
  background: linear-gradient(180deg, rgba(22, 62, 64, 0) 0%, rgba(22, 62, 64, .50) 38%, rgba(22, 62, 64, .82) 100%);
  pointer-events: none;
}
.hero-statsv__row {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: stretch;
}
.hero-statsv__item {
  flex: 0 1 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 4px 16px;
  position: relative;
}
.hero-statsv__item + .hero-statsv__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, .20);
}
.hero-statsv__item .counter {
  color: #ffffff;
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
  text-shadow: 0 2px 10px rgba(22, 62, 64, .35);
}
.hero-statsv__label {
  color: rgba(255, 255, 255, .88);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 5px;
}

/* Підняти owl-крапки над смугою цифр */
.hero-statsv .home-slides.owl-theme .owl-dots { bottom: 152px !important; }

/* ── Tablet ── */
@media (max-width: 991px) {
  .hero-statsv__bar { padding: 20px 0 22px; }
  .hero-statsv__item .counter { font-size: 34px; }
  .hero-statsv .home-slides.owl-theme .owl-dots { bottom: 130px !important; }
}

/* ── Mobile ── */
@media (max-width: 575px) {
  .hero-statsv__bar { padding: 16px 0 18px; }
  .hero-statsv__row { gap: 4px; }
  .hero-statsv__item { padding: 4px 6px; flex: 1 1 0; }
  .hero-statsv__item .counter { font-size: 26px; letter-spacing: -.5px; }
  .hero-statsv__label { font-size: 11.5px; margin-top: 3px; }
  .hero-statsv__item + .hero-statsv__item::before { height: 30px; }
  .hero-statsv .home-slides.owl-theme .owl-dots { bottom: 118px !important; }
}