/* SLIDER davranışı devre dışı bırakılır */
div#mini-slider-wrapper .swiper {
  overflow: hidden;
  zoom: 85%;
}
/* Ana GRID yapısı */
div#mini-slider-wrapper .swiper-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr !important; /* Oran bazlı dağılım */
  grid-template-rows: auto auto !important;
  gap: 12px;
  transform: none !important;
  transition: none !important;
  height: auto !important;
  max-width: 100%;
} 



/* Slide temel yapısı */
div#mini-slider-wrapper .swiper-slide {
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: stretch;
}
/* Görsel boyutlandırma */
div#mini-slider-wrapper .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transform: scale(1.02) !important;
}
/* 1. ve 6. görseller (büyük görseller) */
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="0"] {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 400px !important;
}
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="5"] {
  grid-column: 4;
  grid-row: 1 / span 2;
  width: 400px !important;
}
/* 2. ve 3. görseller */
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="1"] {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
}
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="2"] {
  grid-column: 2;
  grid-row: 2;
  width: 100% !important;
}
/* 4. ve 5. görseller */
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="3"] {
  grid-column: 3;
  grid-row: 1;
  width: 100% !important;
}
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="4"] {
  grid-column: 3;
  grid-row: 2;
  width: 100% !important;
}
/* 2-3-4-5 yüksekliği eşit */
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="1"],
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="2"],
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="3"],
div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="4"] {
  height: calc((100% - 12px) / 2);
}
/* Slider oklarını gizle */
div#mini-slider-wrapper .swiper-button-prev,
div#mini-slider-wrapper .swiper-button-next {
  display: none !important;
}
/* Container padding ayarı */
.container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* 1366px ve altı ekranlar için daha dar oran */
@media (max-width: 1920px) {
  /*div#mini-slider-wrapper .swiper-wrapper {
    grid-template-columns: 360px 260px 260px 360px !important;
  }*/
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="0"],
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="5"] {
    width: 100% !important;
  }
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="1"],
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="2"],
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="3"],
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="4"] {
    width: 100% !important;
  }
}
 
 
@media (max-width: 768px) {
  /* Grid yapısı mobil için yeniden tanımlanır */
  div#mini-slider-wrapper .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 12px !important;
  }
  /* 1. ve 6. görsel yanyana (üst sırada) */
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="0"] {
    grid-column: 1;
    grid-row: 1;
    height: auto !important;
  }
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="5"] {
    grid-column: 2;
    grid-row: 1;
    height: auto !important;
  }
  /* 2-3-4-5 alt sırada 2x2 olarak dizilir */
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="1"] {
    grid-column: 1;
    grid-row: 2;
  }
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="2"] {
    grid-column: 2;
    grid-row: 2;
  }
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="3"] {
    grid-column: 1;
    grid-row: 3;
  }
  div#mini-slider-wrapper .swiper-slide[data-swiper-slide-index="4"] {
    grid-column: 2;
    grid-row: 3;
  }
  /* Hepsinin yüksekliği otomatik olsun (mobilde sabit height'a gerek yok) */
  div#mini-slider-wrapper .swiper-slide {
    height: auto !important;
  }
 
  .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
}