.cart-modal-related {
  position: relative;
  padding: 0 36px; /* butonlara yer açmak için */
}

/* Swiper'ın kendi ok içeriğini (::after ile gelen "‹ ›") kapat */
.cart-modal-related .swiper-button-prev::after,
.cart-modal-related .swiper-button-next::after {
  content: '';
}

.cart-modal-related .swiper-button-prev,
.cart-modal-related .swiper-button-next {
  width: 32px;
  height: 32px;
  margin-top: -16px; /* yükseklik/2 */
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  color: #333;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.cart-modal-related .swiper-button-prev:hover,
.cart-modal-related .swiper-button-next:hover {
  background-color: #f5f5f5;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.cart-modal-related .swiper-button-prev .material-icons,
.cart-modal-related .swiper-button-next .material-icons {
  font-size: 20px;
  line-height: 1;
}

/* Disabled durumdaki buton */
.cart-modal-related .swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
  box-shadow: none;
}

/* Mobilde daha küçük ve kenara yakın */
@media (max-width: 575px) {
  .cart-modal-related {
    padding: 0 28px;
  }
  .cart-modal-related .swiper-button-prev,
  .cart-modal-related .swiper-button-next {
    width: 28px;
    height: 28px;
  }
  .cart-modal-related .swiper-button-prev .material-icons,
  .cart-modal-related .swiper-button-next .material-icons {
    font-size: 18px;
  }
}