/* Основний грід */
.mm-slider-grid {
  display: grid;
  grid-template-columns: 67% 33%;
  gap: 10px; 
  padding: 10px; 
}

/* Колонки і Flickity слайди */
.mm-slider-grid__left,
.mm-slider-grid__right,
.mm-slider-grid__left .mm-flickity,
.mm-slider-grid__right .mm-flickity,
.mm-flickity a,
.mm-flickity a img {
  width: 100%;
  display: block;
}

/* Права колонка: два слайдера */
.mm-slider-grid__right {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

/* Зображення */
.mm-flickity a img {
  width: 100%;
  object-fit: cover; /* Зображення заповнює слайд, зберігаючи пропорції */
  display: block;
}

/* Стрелки і точки Flickity */
.mm-flickity .flickity-prev-next-button,
.mm-flickity .flickity-page-dots {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.mm-flickity:hover .flickity-prev-next-button,
.mm-flickity:hover .flickity-page-dots {
  opacity: 1;
  pointer-events: auto;
}

/* Немного зміщуємо точки вгору при hover */
.mm-flickity:hover .flickity-page-dots {
  margin-top: -60px !important;
}

/* Aspect-ratio для коректної пропорції слайдів */
.mm-slider-grid__left .mm-flickity {
  aspect-ratio: 1275 / 575;
}

.mm-slider-grid__right .mm-flickity {
  aspect-ratio: 600 / 270;
}

/* Адаптив */
@media (max-width: 991px) {
  .mm-slider-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    height: auto;
  }

  .mm-slider-grid__right {
    grid-template-rows: 1fr 1fr; /* дві стокі рівної висоти */
  }

  /* Піддержка aspect-ratio на мобілках: праві слайдери вирівнюються по лівому */
  .mm-slider-grid__left .mm-flickity,
  .mm-slider-grid__right .mm-flickity {
    aspect-ratio: 1275 / 575;
  }
}



.team-carousel-item {
    width: 25%;
    padding: 0 15px;
}

@media (max-width: 992px) {
    .team-carousel-item {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .team-carousel-item {
        width: 100%;
    }
}