* {
    outline: none;
    box-sizing: border-box;
  }
  
  
  .slick-track {
    will-change: transform;
  }
  
  .slick-list {
    overflow: visible;
    will-change: transform;
  }
  
  .slick-slide {
    padding: 0 200px;
    width: 100vw;
    filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.55));
  }
  
  .slick-slide img {
    max-width: 75%;
    margin: 0 auto;
  }
  
  /* Tablet ve küçük cihazlar için */
  @media (max-width: 1024px) {
    .slick-slide {
      padding: 0 50px;
      width: 100vw;
    }
  }
  
  /* Mobil cihazlar için */
  @media (max-width: 768px) {
    .slick-slide {
      padding: 0 20px;
      width: 100vw;
    }
  }
  
  /* Daha küçük mobil cihazlar için */
  @media (max-width: 480px) {
    .slick-slide {
      padding: 0 10px;
      width: 100vw;
    }
  }
  
  
  [type="button"] {
    position: fixed;
    top: 50%;
    z-index: 10;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border: 0;
    text-indent: -9999px;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.9;
    transform: translateY(-50%);
    transition: all 0.25s ease;
    
    &:hover {
      opacity: 1;
    }
    
    &.slick-next {
      right: 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5jaGV2cm9uLXJpZ2h0PC90aXRsZT48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTUuNzA2IDExLjI5NGwtNi02Yy0wLjM4Ny0wLjM4Ny0xLjAyNS0wLjM4Ny0xLjQxMyAwcy0wLjM4NyAxLjAyNSAwIDEuNDEzbDUuMjk0IDUuMjk0LTUuMjk0IDUuMjk0Yy0wLjM4NyAwLjM4Ny0wLjM4NyAxLjAyNSAwIDEuNDEzIDAuMTk0IDAuMTk0IDAuNDUgMC4yOTQgMC43MDYgMC4yOTRzMC41MTMtMC4xIDAuNzA2LTAuMjk0bDYtNmMwLjM5NC0wLjM4NyAwLjM5NC0xLjAyNSAwLTEuNDEzeiI+PC9wYXRoPjwvc3ZnPg==);
      
      &:hover {
        right: -5px;
      }
    }
    
    &.slick-prev {
      left: 0;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjx0aXRsZT5jaGV2cm9uLWxlZnQ8L3RpdGxlPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMC40MTMgMTJsNS4yOTQtNS4yOTRjMC4zODctMC4zODcgMC4zODctMS4wMjUgMC0xLjQxM3MtMS4wMjUtMC4zODctMS40MTMgMGwtNiA2Yy0wLjM4NyAwLjM4Ny0wLjM4NyAxLjAyNSAwIDEuNDEzbDYgNmMwLjE5NCAwLjE5NCAwLjQ1IDAuMjk0IDAuNzA2IDAuMjk0czAuNTEzLTAuMSAwLjcwNi0wLjI5NGMwLjM4Ny0wLjM4NyAwLjM4Ny0xLjAyNSAwLTEuNDEzbC01LjI5NC01LjI5NHoiPjwvcGF0aD48L3N2Zz4=);
      
      &:hover {
        left: -5px;
      }
    }
  }
  
  @keyframes motion-blur {
    0% {
      filter: url(#blur0);
      transform: scale(1, 1);
    }
    15% {
      filter: url(#blur1);
      transform: scale(1, 0.98);
    }
    30% {
      filter: url(#blur2);
      transform: scale(1, 0.93);
    }
    45% {
      filter: url(#blur3);
      transform: scale(1.1, 0.9);
    }
    60% {
      filter: url(#blur4);
      transform: scale(1.2, 0.88);
    }
    75%,
    100% {
      filter: url(#blur5);
      transform: scale(1.35, 0.85);
    }
  }
  
  .do-transition {
    animation: 
      motion-blur 0.1s linear forwards,
      motion-blur 0.4s linear reverse forwards 0.1s;
  }