#custom-section-6 {
  margin-top: 40px;
}

#custom-section-6 .card-grid {
  display: flex;
  flex-direction: row;
  gap: 20px;
  transition: all 0.3s ease;
}

#custom-section-6 .card {
  flex: 1 1 33%;
  height: 250px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  border: 0;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 0;
}

#custom-section-6 .card img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  width: 120%; /* Başta kenarlardan kesik */
  transition: width 0.4s ease;
  object-fit: cover;
}

#custom-section-6 .card.hovered {
  flex: 2 1 50%;
  filter: brightness(1.05);
  z-index: 2;
}

#custom-section-6 .card.hovered img {
  width: 100%; /* Hover olunca tam görünür */
}

#custom-section-6 .card.dimmed {
  flex: 0.8 1 25%;
  filter: brightness(0.6);
}

@media (max-width: 768px) {
  #custom-section-6 .card-grid {
    flex-direction: column;
  }

  #custom-section-6 .card,
  #custom-section-6 .card.hovered,
  #custom-section-6 .card.dimmed {
    flex: 1 1 100%;
    filter: brightness(1);
  }

  #custom-section-6 .card img {
    width: 100% !important;
    transform: translateX(0);
    left: 0;
  }
}