/* ===== Taji Recent Rail — masaüstü 4'lü kart sırası + nokta göstergesi;
   mobil 221px kartlı kaydırma rayı (birebir Figma 2012:2917 — PDP rayları) ===== */

.cc_y2bdekpl_dfGKloB4EO .taji-rail-title, .cc_y2bdekpl_jM7DKCZgju .taji-rail-title {
  margin: 0 0 1.4583vw; /* 28px */
  font-family: var(--taji-font-heading, "futura-pt", "Futura PT", "Jost", sans-serif);
  font-weight: 400;
  font-size: 1.3021vw;
  line-height: 1.6667vw;
  text-transform: uppercase;
  color: var(--taji-black, #000000);
}

.cc_y2bdekpl_dfGKloB4EO .taji-rail-viewport, .cc_y2bdekpl_jM7DKCZgju .taji-rail-viewport {
  overflow: hidden;
}

.cc_y2bdekpl_dfGKloB4EO .taji-rail-track, .cc_y2bdekpl_jM7DKCZgju .taji-rail-track {
  display: flex;
  transition: transform 0.4s ease;
}

.cc_y2bdekpl_dfGKloB4EO .taji-rail-page, .cc_y2bdekpl_jM7DKCZgju .taji-rail-page {
  flex: 0 0 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 50px 22px;
}

/* Noktalar — Figma 956:7948: ~6px, koyu aktif */
.cc_y2bdekpl_dfGKloB4EO .taji-rail-dots, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dots {
  display: flex;
  justify-content: center;
  gap: 13px;
  margin-top: 0.8333vw;
}

.cc_y2bdekpl_dfGKloB4EO .taji-rail-dot, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #d9d9d9;
  cursor: pointer;
}

.cc_y2bdekpl_dfGKloB4EO .taji-rail-dot.is-active, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dot.is-active {
  background: var(--taji-ink, #252525);
}

/* Mobil ray masaüstünde gizli */
.cc_y2bdekpl_dfGKloB4EO .taji-rail-mscroll, .cc_y2bdekpl_jM7DKCZgju .taji-rail-mscroll, .cc_y2bdekpl_dfGKloB4EO .taji-rail-dots--m, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dots--m {
  display: none;
}

/* ===== Mobil — birebir Figma 2012:2917 (440 taban → vw):
   başlık Medium 17/21.06; kart 221, ara 11; noktalar 6.43, merkezde ===== */
@media (max-width: 768px) {
  .cc_y2bdekpl_dfGKloB4EO .taji-rail-viewport, .cc_y2bdekpl_jM7DKCZgju .taji-rail-viewport, .cc_y2bdekpl_dfGKloB4EO .taji-rail-dots--d, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dots--d {
    display: none;
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-title, .cc_y2bdekpl_jM7DKCZgju .taji-rail-title {
    margin-bottom: 4.6591vw; /* 20.5 — başlık altı → kart üstü */
    font-weight: 500;
    font-size: 3.8636vw; /* 17 */
    line-height: 4.7864vw; /* 21.06 */
    color: var(--taji-ink, #252525);
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-mscroll, .cc_y2bdekpl_jM7DKCZgju .taji-rail-mscroll {
    display: flex;
    gap: 2.5vw; /* 11 */
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-mscroll::-webkit-scrollbar, .cc_y2bdekpl_jM7DKCZgju .taji-rail-mscroll::-webkit-scrollbar {
    display: none;
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-mitem, .cc_y2bdekpl_jM7DKCZgju .taji-rail-mitem {
    flex: 0 0 50.2273vw; /* 221 */
    scroll-snap-align: start;
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-dots--m, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dots--m {
    display: flex;
    gap: 2.9227vw; /* 12.86 (merkez adımı 19.29) */
    margin-top: 0.6818vw; /* 3 */
  }

  .cc_y2bdekpl_dfGKloB4EO .taji-rail-dots--m .taji-rail-dot, .cc_y2bdekpl_jM7DKCZgju .taji-rail-dots--m .taji-rail-dot {
    width: 1.4614vw; /* 6.43 */
    height: 1.4614vw;
  }
}