/*
 * Ortak yatay şerit.
 *
 * Ölçüler Figma'nın 1440px çerçevesinden: başlık satırı ile şerit arası 48px,
 * ok butonları 24px ikon + 12px iç boşluk, ilerleme çubuğu 100px genişlik,
 * 1px yükseklik; tutamak 3px siyah.
 *
 * Kullanan yüzey `--slider-gap` ve `--slider-visible` değişkenleriyle kart
 * genişliğini ayarlar; kesirli `--slider-visible` sağdaki kartı kırparak
 * kaydırılabilirliği anlatır (peek).
 */

.cc_g2xfyo6p_U0N0mKdApI .mk-slider, .cc_g2xfyo6p_YX1MwkC65d .mk-slider, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider {
  --slider-gap: 10px;
  --slider-visible: 4;

  width: 100%;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-head, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-head, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-head, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-head-main, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-head-main, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-head-main, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-head-main {
  min-width: 0;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-nav, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-nav, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-nav, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-nav {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-arrow, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-arrow, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-arrow, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-arrow {
  display: flex;
  padding: 12px;
  border: 0;
  background: none;
  color: var(--color-black);
  cursor: pointer;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-arrow:disabled, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-arrow:disabled, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-arrow:disabled, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-arrow:disabled {
  color: var(--color-border);
  cursor: default;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-arrow:focus-visible, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-arrow:focus-visible, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-arrow:focus-visible, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-arrow:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-track, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-track, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-track, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-track {
  display: flex;
  gap: var(--slider-gap);
  margin-top: 48px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* Sürükleme sırasında metin seçilmesin. */
  user-select: none;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-track::-webkit-scrollbar, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-track::-webkit-scrollbar, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-track::-webkit-scrollbar, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-track::-webkit-scrollbar {
  display: none;
}

/*
 * Öğe genişliği görünür kart sayısından türer — kart bileşenini bilmeye gerek
 * yok, şeridin doğrudan çocuğu neyse ona uygulanır.
 */
.cc_g2xfyo6p_U0N0mKdApI .mk-slider-track > *, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-track > *, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-track > *, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-track > * {
  flex: 0 0
    calc((100% - (var(--slider-visible) - 1) * var(--slider-gap)) / var(--slider-visible));
  min-width: 0;
  scroll-snap-align: start;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-progress-row, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-progress-row, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-progress-row, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-progress-row {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-progress, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-progress, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-progress, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-progress {
  position: relative;
  width: 100px;
  height: 1px;
  border-radius: 10px;
  background: var(--color-border);
  cursor: pointer;
  touch-action: none;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-progress:focus-visible, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-progress:focus-visible, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-progress:focus-visible, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-progress:focus-visible {
  outline: 1px solid var(--color-black);
  outline-offset: 4px;
}

.cc_g2xfyo6p_U0N0mKdApI .mk-slider-progress-thumb, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-progress-thumb, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-progress-thumb, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-progress-thumb {
  position: absolute;
  top: -1px;
  height: 3px;
  min-width: 12px;
  border-radius: 10px;
  background: var(--color-black);
}

@media (max-width: 1023px) {
  .cc_g2xfyo6p_U0N0mKdApI .mk-slider, .cc_g2xfyo6p_YX1MwkC65d .mk-slider, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider {
    --slider-visible: 2.4;
  }

  .cc_g2xfyo6p_U0N0mKdApI .mk-slider-track, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-track, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-track, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-track {
    margin-top: 32px;
  }
}

@media (max-width: 767px) {
  .cc_g2xfyo6p_U0N0mKdApI .mk-slider, .cc_g2xfyo6p_YX1MwkC65d .mk-slider, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider {
    --slider-visible: 1.4;
    --slider-gap: 12px;
  }

  .cc_g2xfyo6p_U0N0mKdApI .mk-slider-track, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-track, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-track, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-track {
    margin-top: 24px;
  }

  .cc_g2xfyo6p_U0N0mKdApI .mk-slider-progress-row, .cc_g2xfyo6p_YX1MwkC65d .mk-slider-progress-row, .cc_g2xfyo6p_E0WgFt6rhh .mk-slider-progress-row, .cc_g2xfyo6p_TfbzhbdG87 .mk-slider-progress-row {
    margin-top: 24px;
  }
}