/* ProductSliderTrack — elle kaydırılan ürün rafı (§4.6: karusel değil).
 * Kart görünümü ProductListCard/styles.css'ten gelir; bu dosya yalnız
 * şerit düzeni + ok düğmelerini tanımlar. Bu CSS yalnız tüketen bölümün
 * styles.css'indeki @import ile yüklenir. */

.cc_aEBpe1wkQX_hero .pst, .cc_aEBpe1wkQX_multi_tab_product_slider .pst {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* ─── Oklar: rafın üstünde, sağa yaslı (yalnız ≥768px; dokunmatikte
 * doğal kaydırma esastır) ─── */

.cc_aEBpe1wkQX_hero .pst__oklar, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__oklar {
  display: none;
  align-self: flex-end;
  gap: 0.5rem;
}

@media (min-width: 768px) {
  .cc_aEBpe1wkQX_hero .pst__oklar, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__oklar {
    display: flex;
  }
}

.cc_aEBpe1wkQX_hero .pst__ok, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__ok {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--cizgi-kontrol);
  border-radius: var(--r-hap);
  background: var(--kagit);
  color: var(--murekkep);
  font-size: 1.25rem;
  cursor: pointer;
  transition:
    border-color var(--sure-hizli) var(--gecis),
    color var(--sure-hizli) var(--gecis),
    opacity var(--sure-hizli) var(--gecis);
}

.cc_aEBpe1wkQX_hero .pst__ok:hover, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__ok:hover {
  border-color: var(--murekkep);
}

/* Kenarda: native disabled odağı düşürür — aria-disabled + soluk görünüm. */
.cc_aEBpe1wkQX_hero .pst__ok[aria-disabled="true"], .cc_aEBpe1wkQX_multi_tab_product_slider .pst__ok[aria-disabled="true"] {
  opacity: 0.35;
  cursor: default;
}

.cc_aEBpe1wkQX_hero .pst__ok[aria-disabled="true"]:hover, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__ok[aria-disabled="true"]:hover {
  border-color: var(--cizgi-kontrol);
}

/* Geri oku: OkSVG sağa bakar, çevrilir. */
.cc_aEBpe1wkQX_hero .pst__ok--geri .ikon, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__ok--geri .ikon {
  transform: scaleX(-1);
}

/* ─── Şerit: scroll-snap'li tek satır; kaydırma çubuğu gizli (ok + kaydırma
 * + klavye odağı yeterli ipucu) ─── */

.cc_aEBpe1wkQX_hero .pst__serit, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__serit {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 72%;
  gap: 1rem;
  margin: 0;
  padding: 0.25rem; /* odak halkaları taşma kutusunda kırpılmasın */
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0.25rem;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.cc_aEBpe1wkQX_hero .pst__serit::-webkit-scrollbar, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__serit::-webkit-scrollbar {
  display: none;
}

@media (min-width: 640px) {
  .cc_aEBpe1wkQX_hero .pst__serit, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__serit {
    grid-auto-columns: 44%;
  }
}

/* ≥768px: görünür kart sayısı bölümden gelir (--pst-adet). */
@media (min-width: 768px) {
  .cc_aEBpe1wkQX_hero .pst__serit, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__serit {
    grid-auto-columns: calc(
      (100% - (var(--pst-adet) - 1) * 1rem) / var(--pst-adet)
    );
  }
}

.cc_aEBpe1wkQX_hero .pst__oge, .cc_aEBpe1wkQX_multi_tab_product_slider .pst__oge {
  scroll-snap-align: start;
  min-width: 0;
}