.splide__slide img {
  border-radius: 20px;
}

/* Mobil ekranlar için stil */
@media only screen and (max-width: 767px) {
  .splide__slide img {
      width: 100%;
      max-width: 100%;
      height: auto;
  }
}

/* Bilgisayar ekranları için stil */
@media only screen and (min-width: 768px) {
  .splide__slide img {
      width: 100%;
      height: 415px;
      object-fit: cover;
  }
}

.banner{
    border-radius: 20px;
    margin-top: 15px;
    transition: transform 0.3s ease; /* Dönüşümü yumuşak bir şekilde gerçekleştir */
}
.banner:hover {
  transform: scale(0.95); /* Mouse üzerine gelindiğinde 0.95 oranında küçült */
}
.category img{
  width: 100%;
  padding: 0.25em;
  border-radius: 20px;
}

.category span{
  font-size: 12px;
}

.category {
  transition: transform 0.3s ease; /* Dönüşümü yumuşak bir şekilde gerçekleştir */
}

.category:hover {
  transform: scale(0.95); /* Mouse üzerine gelindiğinde 0.95 oranında küçült */
}