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

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

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

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

/* Scrollable track */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__track {
  display: flex;
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  /* overflow-x "visible" dışındaysa overflow-y de kendiliğinden "auto" olur; şerit dikey kaydırma hedefi sayılabilir.
     MacBook Chrome'da touchpad ile sürekli kaydırırken kartların içeriği yukarı kaydı (Deniz, 2026-11-04); bu ayar
     sonrası görülmedi. Sebep yeniden üretilemedi, bu yüzden kanıtlı değil. Şerit yalnız yatay kayar. */
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

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

/* Card sizing — mobile: 2 columns, desktop: driven by --columns */
.cc_XBicLfRnK3_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_XBicLfRnK3_product_slider .kombos-product-slider__card-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

/* ===== Alignia ===== */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__wrapper.alg-kap {
  padding-top: 0;
  padding-bottom: 0;
  gap: 0;
}

/* Kart altı bilgiler: ad, fiyat, renkler */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__card {
  gap: 0;
}

.cc_XBicLfRnK3_product_slider .kombos-product-slider__card-content {
  gap: 0.35rem;
  padding-top: 0.9rem;
}

/* Telefonda ~2.2 kart: sağdaki yarım kart kaydırılabildiğini söyler */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__slider {
  overflow: visible;
}

@media (max-width: 1023px) {
  .cc_XBicLfRnK3_product_slider .kombos-product-slider__track {
    margin-inline: calc(var(--alg-kenar) * -1);
    padding-inline: var(--alg-kenar);
    scroll-padding-inline: var(--alg-kenar);
    gap: 0.75rem;
  }

  .cc_XBicLfRnK3_product_slider .kombos-product-slider__card {
    flex: 0 0 44%;
  }

  .cc_XBicLfRnK3_product_slider .kombos-product-slider__arrow {
    display: none;
  }
}

/* Oklar: görselin ortasında ince beyaz daire */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__arrow {
  top: 38%;
}

@media (min-width: 1024px) {
  .cc_XBicLfRnK3_product_slider .kombos-product-slider__track {
    gap: 1rem;
  }

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

  .cc_XBicLfRnK3_product_slider .kombos-product-slider__arrow--left {
    left: -0.75rem;
  }

  .cc_XBicLfRnK3_product_slider .kombos-product-slider__arrow--right {
    right: -0.75rem;
  }
}

/* Telefonda oklar gizli (parmakla kaydırılır) */
@media (max-width: 1023px) {
  .cc_XBicLfRnK3_product_slider .kombos-product-slider__slider .kombos-product-slider__arrow {
    display: none;
  }
}

/* ===== Sekmeler ===== */
.cc_XBicLfRnK3_product_slider .kombos-product-slider__sekmeler {
  display: flex;
  gap: 0 1.75rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid var(--alg-cizgi);
}

.cc_XBicLfRnK3_product_slider .kombos-product-slider__sekme {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0.75rem 0;
  margin: 0 0 -1px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  font-weight: 400;
  color: var(--alg-ikincil);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--alg-gecis), border-color var(--alg-gecis);
}

.cc_XBicLfRnK3_product_slider .kombos-product-slider__sekme:hover {
  color: var(--alg-murekkep);
}

.cc_XBicLfRnK3_product_slider .kombos-product-slider__sekme--secili {
  font-weight: 500;
  color: var(--alg-murekkep);
  border-bottom-color: var(--alg-vurgu);
}

.cc_XBicLfRnK3_product_slider .kombos-product-slider__sekme-sayi {
  margin-left: 0.4em;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--alg-ikincil);
}

/* Telefonda sekmeler kenardan kenara yana kayar (sığmayanlar alt satıra düşmez) */
@media (max-width: 1023px) {
  .cc_XBicLfRnK3_product_slider .kombos-product-slider__sekmeler {
    gap: 0 1.25rem;
    margin-inline: calc(var(--alg-kenar) * -1);
    padding-inline: var(--alg-kenar);
    overflow-x: auto;
    scrollbar-width: none;
  }

  .cc_XBicLfRnK3_product_slider .kombos-product-slider__sekmeler::-webkit-scrollbar {
    display: none;
  }
}