/* ===== Product Slider Section ===== */
.cc_wgto8cwq_product_slider .kombos-product-slider {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__wrapper {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__title {
  color: var(--kombos-gray-900);
}

/* Slider wrapper */
.cc_wgto8cwq_product_slider .kombos-product-slider__slider {
  position: relative;
  overflow: hidden;
}

/* Scrollable track */
.cc_wgto8cwq_product_slider .kombos-product-slider__track {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__track::-webkit-scrollbar {
  display: none;
}

/* Card sizing — mobile: 2 columns, desktop: driven by --columns */
.cc_wgto8cwq_product_slider .kombos-product-slider__card {
  flex: 0 0 calc((100% - 1rem) / 2);
  min-width: 0;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Sepete Ekle butonu büyük harf (SEPETE EKLE) — sadece ProductSlider'a özel */
.cc_wgto8cwq_product_slider .kombos-product-slider__card .kombos-product-card__add-btn {
  text-transform: uppercase;
}

/* Görsel sığdırma "Contain/Fill" iken letterbox arka planı gri yerine beyaz
   olsun (gri çirkin duruyordu) — sadece ProductSlider'a özel */
.cc_wgto8cwq_product_slider .kombos-product-slider__card .kombos-product-card__media {
  background: var(--kombos-white);
}

/* Sepete Ekle butonu kartın en altında — kategori kartlarıyla aynı mantık.
   ProductCard + card-content display:contents ile düzleşir; order ile sıralanır:
   görsel → ad → fiyat → SEPETE EKLE → varyantlar. */
.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-product-card, .cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-product-slider__card-content {
  display: contents;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-product-card__image-wrapper {
  order: 0;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-card-product-name {
  order: 1;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-card-product-price {
  order: 2;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-product-card__add-btn {
  order: 3;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--btn-bottom .kombos-card-product-variants {
  order: 4;
}

/* Ürün ad / fiyat / varyant ortalama */
.cc_wgto8cwq_product_slider .kombos-product-slider__card--center .kombos-card-product-name {
  width: 100%;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--center .kombos-card-product-name__link {
  text-align: center;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--center .kombos-card-product-price {
  justify-content: center;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__card--center .kombos-card-product-variants .kombos-variant-badge__row {
  justify-content: center;
}

/* Navigation arrows */
.cc_wgto8cwq_product_slider .kombos-product-slider__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: var(--kombos-z-dropdown);
}

.cc_wgto8cwq_product_slider .kombos-product-slider__arrow--left {
  left: 0.5rem;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__arrow--right {
  right: 0.5rem;
}

/* Mobilde oklar küçük (görselin üstünü az kaplasın) */
.cc_wgto8cwq_product_slider .kombos-product-slider__arrow {
  padding: 0.375rem;
  font-size: 0.9375rem;
}

/* Kaydırma noktaları */
.cc_wgto8cwq_product_slider .kombos-product-slider__dots {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 0.875rem;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__dot {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: var(--kombos-gray-200);
  cursor: pointer;
  transition:
    width 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.3s ease;
}

.cc_wgto8cwq_product_slider .kombos-product-slider__dot:hover {
  background: var(--kombos-gray-300);
}

/* Aktif nokta: uzayan turuncu pill (daha sofistike) */
.cc_wgto8cwq_product_slider .kombos-product-slider__dot--active, .cc_wgto8cwq_product_slider .kombos-product-slider__dot--active:hover {
  width: 1.375rem;
  background: var(--kombos-accent);
}

/* ===== Ok / nokta görünürlüğü — breakpoint bazlı ===== */
@media (max-width: 767px) {
  .cc_wgto8cwq_product_slider .kombos-product-slider--arrows-hide-mobile .kombos-product-slider__arrow {
    display: none;
  }
  .cc_wgto8cwq_product_slider .kombos-product-slider--dots-hide-mobile .kombos-product-slider__dots {
    display: none;
  }
}

@media (min-width: 768px) {
  .cc_wgto8cwq_product_slider .kombos-product-slider--arrows-hide-desktop .kombos-product-slider__arrow {
    display: none;
  }
  .cc_wgto8cwq_product_slider .kombos-product-slider--dots-hide-desktop .kombos-product-slider__dots {
    display: none;
  }
}

/* ===== Tablet (>=768px) ===== */
@media (min-width: 768px) {
  .cc_wgto8cwq_product_slider .kombos-product-slider__wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  /* Masaüstünde oklar normal boyutta */
  .cc_wgto8cwq_product_slider .kombos-product-slider__arrow {
    padding: 0.75rem;
    font-size: 1.25rem;
  }
}

/* ===== Desktop (>=1024px) ===== */
@media (min-width: 1024px) {
  .cc_wgto8cwq_product_slider .kombos-product-slider__wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
    gap: 2rem;
  }

  .cc_wgto8cwq_product_slider .kombos-product-slider__track {
    gap: 1.5rem;
  }

  .cc_wgto8cwq_product_slider .kombos-product-slider__card {
    flex: 0 0 calc((100% - (var(--columns) - 1) * 1.5rem) / var(--columns));
  }

  .cc_wgto8cwq_product_slider .kombos-product-slider__arrow--left {
    left: 1rem;
  }

  .cc_wgto8cwq_product_slider .kombos-product-slider__arrow--right {
    right: 1rem;
  }
}