/*
 * Product Slider — issue #9.
 * Figma 1440px: section 40px dikey padding, 50px yatay, kart 328px + 10px boşluk.
 *
 * Alt bileşen stilleri — build yalnızca bu @import'lar üzerinden topluyor.
 */
/* Skipped (covered by shared chunk CSS): ../../sub-components/Slider/styles.css */
/* Skipped (covered by shared chunk CSS): ../../sub-components/ProductCard/styles.css */

.cc_g2xfyo6p_YX1MwkC65d .product-slider-section {
  width: 100%;
  padding: 40px var(--container-px);
  background: var(--color-white);
  color: var(--color-black);
  /* Kırpılan kart section'ın yatay padding'ini aşmaz — peek içeride kalır. */
  overflow: hidden;
}

/*
 * `--slider-visible` bilerek burada tanımlanmıyor: merchant prop'undan section
 * üzerine inline yazılıyor, alt elemanda tanımlansa miras gelen değeri ezerdi.
 */
.cc_g2xfyo6p_YX1MwkC65d .product-slider-section-slider {
  --slider-gap: 10px;
}

.cc_g2xfyo6p_YX1MwkC65d .product-slider-section-title {
  margin: 0;
}

.cc_g2xfyo6p_YX1MwkC65d .product-slider-section-item {
  display: flex;
}

.cc_g2xfyo6p_YX1MwkC65d .product-slider-section-item > * {
  width: 100%;
}

.cc_g2xfyo6p_YX1MwkC65d .product-slider-section-state {
  margin: 0;
  padding: 40px 0;
  text-align: center;
}

@media (max-width: 767px) {
  .cc_g2xfyo6p_YX1MwkC65d .product-slider-section {
    padding-block: 24px;
  }
}