/*
 * Blog şeridi — Figma'da karşılığı yok; ölçüler ürün / mağaza şeritlerinden
 * (issue #9, #12): 40px dikey padding, 50px yatay, kartlar arası 10px,
 * masaüstünde 3 kart.
 *
 * 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/BlogCard/styles.css */

.cc_g2xfyo6p_U0N0mKdApI .blog-slider {
  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;
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-slider {
  --slider-gap: 10px;
  --slider-visible: 3;
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 16px;
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-title {
  margin: 0;
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-view-all {
  color: var(--color-text-muted);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-view-all:hover {
  color: var(--color-black);
}

.cc_g2xfyo6p_U0N0mKdApI .blog-slider-view-all:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .cc_g2xfyo6p_U0N0mKdApI .blog-slider-view-all {
    transition: none;
  }
}

/* Slider'ın tablet/mobil görünür kart sayıları --slider-visible'ı .mk-slider
   üzerinde ezer; burada aynı sınıfta tanımlandığı için yeniden verilir */
@media (max-width: 1023px) {
  .cc_g2xfyo6p_U0N0mKdApI .blog-slider-slider {
    --slider-visible: 2.4;
  }
}

@media (max-width: 767px) {
  .cc_g2xfyo6p_U0N0mKdApI .blog-slider {
    padding-block: 24px;
  }

  .cc_g2xfyo6p_U0N0mKdApI .blog-slider-slider {
    --slider-visible: 1.4;
    --slider-gap: 12px;
  }
}