.ith-home-sliders-wrapper {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.ith-main-slider-section {
  flex: 0 0 68%;
  max-width: 68%;
  position: relative;
}

.ith-main-swiper {
  width: 100%;
  height: 420px;
}

.ith-main-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ith-main-mobile-slider-section {
  flex: 0 0 68%;
  max-width: 68%;
  position: relative;
  display: none;
}

.ith-main-mobile-swiper {
  width: 100%;
  height: 420px;
}

.ith-main-mobile-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ith-small-slider-section {
  flex: 0 0 32%;
  max-width: 32%;
  position: relative;
}

.ith-small-swiper {
  width: 100%;
  height: 420px;
}

.ith-small-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =============================================
   OKLAR — Swiper native icon
   ============================================= */
.ith-main-swiper .swiper-button-prev,
.ith-main-swiper .swiper-button-next,
.ith-main-mobile-swiper .swiper-button-prev,
.ith-main-mobile-swiper .swiper-button-next,
.ith-small-swiper .swiper-button-prev,
.ith-small-swiper .swiper-button-next {
  color: #fff;
  --swiper-navigation-size: 24px;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));
}

.ith-main-swiper .swiper-button-prev:after,
.ith-main-swiper .swiper-button-next:after,
.ith-main-mobile-swiper .swiper-button-prev:after,
.ith-main-mobile-swiper .swiper-button-next:after,
.ith-small-swiper .swiper-button-prev:after,
.ith-small-swiper .swiper-button-next:after {
  font-family: swiper-icons;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.ith-main-swiper .swiper-button-next:after,
.ith-main-mobile-swiper .swiper-button-next:after,
.ith-small-swiper .swiper-button-next:after {
  content: 'next';
}

.ith-main-swiper .swiper-button-prev:after,
.ith-main-mobile-swiper .swiper-button-prev:after,
.ith-small-swiper .swiper-button-prev:after {
  content: 'prev';
}

@media (max-width: 768px) {
  .ith-home-sliders-wrapper { flex-direction: column; }

  .ith-main-slider-section { display: none; }

  .ith-main-mobile-slider-section {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ith-main-mobile-swiper { height: 280px; }

  .ith-small-slider-section {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ith-small-swiper { height: 260px; }
}