/**
 * Ana sayfa hero — full-width yatay banner carousel.
 */

.sn-home-hero-grid.grid_root-QUXIK,
.sn-home-hero-grid--slider-only.grid_root-QUXIK {
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0 !important;
  grid-template: "a" auto / minmax(0, 1fr) !important;
}

.sn-home-hero-grid--slider-only > .banners-carousel_root-pijlK,
.sn-home-hero-grid--slider-only .banners-carousel_root-pijlK[data-testid='banner-main-container'] {
  grid-area: a;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  /* Geniş yatay oran: yan kart alanına kadar uzamış full-width şerit */
  --b48cee22: 2.78;
  aspect-ratio: var(--b48cee22, 2.78);
  height: auto !important;
  min-height: clamp(140px, 22vw, 260px);
  max-height: none;
}

@media (min-width: 1024px) {
  .sn-home-hero-grid--slider-only > .banners-carousel_root-pijlK,
  .sn-home-hero-grid--slider-only .banners-carousel_root-pijlK[data-testid='banner-main-container'] {
    --b48cee22: 3.05;
    aspect-ratio: var(--b48cee22, 3.05);
    min-height: 200px;
  }
}

@media (min-width: 1440px) {
  .sn-home-hero-grid--slider-only > .banners-carousel_root-pijlK,
  .sn-home-hero-grid--slider-only .banners-carousel_root-pijlK[data-testid='banner-main-container'] {
    --b48cee22: 3.2;
    aspect-ratio: var(--b48cee22, 3.2);
    min-height: 220px;
  }
}

@media (max-width: 767.98px) {
  .sn-home-hero-grid--slider-only > .banners-carousel_root-pijlK,
  .sn-home-hero-grid--slider-only .banners-carousel_root-pijlK[data-testid='banner-main-container'] {
    --b48cee22: 1.85;
    aspect-ratio: var(--b48cee22, 1.85);
    min-height: clamp(120px, 36vw, 200px);
  }
}

.sn-home-hero-grid--slider-only .banners-carousel_scaler-pijlK,
.sn-home-hero-grid--slider-only .banners-carousel_scaler-pijlK .scaler_item-6cN03,
.sn-home-hero-grid--slider-only .banners-carousel_swiper-pijlK {
  width: 100% !important;
  max-width: 100%;
  height: 100%;
}

.sn-home-hero-grid--slider-only .banners-carousel_root-pijlK .swiper-slide .banner_root-d5s4V.banner_variant-2-d5s4V {
  aspect-ratio: unset;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

.sn-home-hero-grid--slider-only .banners-carousel_root-pijlK .banner_image-d5s4V {
  object-fit: cover;
  object-position: center;
}