/*
  Kaydirici (Slider) stili
*/

.kahraman {
  padding-top: var(--bosluk-5);
  padding-bottom: var(--bosluk-4);
}

.kaydirici {
  position: relative;
  border-radius: var(--yaricap-2);
  overflow: hidden;
  border: 1px solid rgba(226,232,240,0.9);
  background: rgba(255,255,255,0.85);
  box-shadow: var(--golge-2);
}

.kaydirici__pist {
  display: flex;
  width: 100%;
  transform: translateX(0);
  transition: transform 500ms ease;
}

.kaydirici__slayt {
  min-width: 100%;
  position: relative;
  display: grid;
  align-items: center;
}

.kaydirici__gorsel {
  position: relative;
  height: clamp(340px, 48vw, 560px);
}

.kaydirici__gorsel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kaydirici__metin {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: center;
  gap: 14px;
  padding: clamp(16px, 4vw, 44px);
  background: linear-gradient(90deg, rgba(15,23,42,0.66) 0%, rgba(15,23,42,0.10) 70%);
  color: #ffffff;
}

.kahraman__baslik {
  margin: 0;
  font-size: var(--yazi-4);
  line-height: 1.05;
  letter-spacing: -0.6px;
}

.kahraman__aciklama {
  margin: 0;
  max-width: 70ch;
  color: rgba(255,255,255,0.92);
  font-size: var(--yazi-2);
}

.kaydirici__kontrol {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(15, 23, 42, 0.42);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.kaydirici__kontrol:hover { filter: brightness(1.12); }
.kaydirici__kontrol--once { left: 12px; }
.kaydirici__kontrol--sonra { right: 12px; }
.kaydirici__kontrol--sonra img { transform: rotate(180deg); }

.kaydirici__nokta {
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  display: inline-flex;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(15,23,42,0.35);
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
}

.kaydirici__nokta-dugme {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,0.45);
  cursor: pointer;
}

.kaydirici__nokta-dugme.aktif {
  background: #ffffff;
  width: 22px;
}

/* Alt gosterge */
.gosterge {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

@media (min-width: 860px) {
  .gosterge { grid-template-columns: repeat(3, 1fr); }
}

.gosterge__kutu {
  padding: 16px;
  border-radius: var(--yaricap-2);
  border: 1px solid rgba(226,232,240,0.9);
  background: rgba(255,255,255,0.9);
  box-shadow: var(--golge-1);
  display: grid;
  gap: 6px;
}

.gosterge__kutu strong {
  font-size: 1.6rem;
  color: var(--renk-yesil-900);
}

.gosterge__kutu span {
  color: var(--renk-gri-700);
  font-weight: 700;
}

@media (max-width: 560px) {
  .kaydirici__kontrol { display: none; }
}