/* Custom Slider Styles */
.pilihan-model-slider {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #ffffff;
}

@media (min-width: 1024px) {
  /* CONTAINER UTAMA (Wrapper Elementor) */
  .pilihan-model-slider {
    padding: 40px 0;
  }

  .pilihan-model-slider .elementor-widget-container {
    max-width: 1400px; /* Lebar Maksimum */
    padding: 0 30px; /* Padding sisi supaya tidak melekat ke tepi */
    margin: 0 auto; /* Tengah-tengah */
  }

  /* Swiper Container */
  .pilihan-model-slider .swiper {
    width: 100%;
    /* JANGAN KACAU HEIGHT jika Swiper yang uruskan, tapi kalau perlu... */
    /* height: auto !important; */
  }

  /* swiper-wrapper - KEKALKAN! Biar Swiper uruskan flex dan transform */
  /* JANGAN LETAK flex-wrap: nowrap! Biar Swiper uruskan */
  /* JANGAN KACAU display: flex! Biar Swiper uruskan */
  /* .pilihan-model-slider .swiper-wrapper {} */

  /* Setiap slide */
  .pilihan-model-slider .swiper-slide {
    /* BUANG width: calc(...) dan !important */
    /* Biar Swiper JS yang tentukan lebar (eg. slidesPerView: 4) */
    /* JANGAN TETAPKAN margin-right DI SINI jika guna spaceBetween dalam Swiper JS */
    /* margin-right: 20px; */ /* Hanya jika anda tidak guna spaceBetween di JS */

    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Gambar latar belakang / Elementor Carousel Image */
  .pilihan-model-slider .elementor-carousel-image {
    width: 100%; /* Tak perlu !important di sini */
    height: 250px; /* Kekalkan ketinggian tetap untuk keseragaman */
    background-size: cover; /* cover lebih baik daripada contain untuk mengelakkan ruang kosong */
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: block;
  }

  /* Link (A) */
  .pilihan-model-slider .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
  }

  /* Navigasi & Pagination - OK */
  .pilihan-model-slider .elementor-swiper-button {
    display: flex; /* Mungkin perlu !important jika Elementor menyembunyikannya */
    background: rgba(0, 0, 0, 0.6);
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .pilihan-model-slider .swiper-pagination {
    display: block; /* Mungkin perlu !important */
  }
}
/* Force all inline width styles to be removed */
.pilihan-model-slider .swiper-slide[style*="width"] {
  width: 100% !important;
}

/* Force single slide view */
.pilihan-model-slider .swiper-wrapper {
  display: flex !important;
} /* Main slider container */
.pilihan-model-slider .elementor-widget-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Swiper container */
.pilihan-model-slider .swiper.swiper-initialized {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* Slide styling */
.pilihan-model-slider .swiper-slide {
  height: 450px !important;
  position: relative;
  background: transparent;
  transition: all 0.3s ease;
}

/* Image container */
.pilihan-model-slider .elementor-carousel-image {
  width: 100%;
  height: 100%;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin: 0 auto;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Adjust height for desktop view */
@media (min-width: 1024px) {
  .pilihan-model-slider .swiper-slide {
    height: 350px !important;
  }

  .pilihan-model-slider .elementor-carousel-image {
    height: 100%;
  }
} /* Reset inline styles that might interfere */
.pilihan-model-slider [style*="width:"] {
  width: 100% !important;
}

/* Navigation arrows */
.pilihan-model-slider .elementor-swiper-button {
  background: rgba(0, 0, 0, 0.5);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  transition: all 0.3s ease;
  z-index: 10;
}

.pilihan-model-slider .elementor-swiper-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.pilihan-model-slider .elementor-swiper-button-prev {
  left: 20px;
}

.pilihan-model-slider .elementor-swiper-button-next {
  right: 20px;
}

/* Pagination dots */
.pilihan-model-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 0.5;
}

.pilihan-model-slider .swiper-pagination-bullet-active {
  opacity: 1;
  background: #e6ba54; /* Match your theme color */
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
  .pilihan-model-slider .elementor-skin-carousel {
    padding: 0 20px;
  }

  .pilihan-model-slider .elementor-swiper-button {
    padding: 10px;
  }
}

/* Ensure slides don't get cut off */
.pilihan-model-slider .swiper-wrapper {
  align-items: center;
}