/* Türkçe yorum: Yerleşim, grid/flex düzenleri */

.hero {
  position: relative;
  min-height: clamp(60vh, 70vh, 86vh);
  display: grid; place-items: center;
  background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.7)),
              url('/src/assets/images/ana-sayfa-hero.jpg') center/cover no-repeat;
}
.hero__content { text-align: center; padding: 48px 0; }
.hero__title { font-size: clamp(32px, 4vw, 56px); }
.hero__subtitle { font-size: clamp(16px, 2vw, 18px); }

.slider { width: 100%; overflow: hidden; border-radius: 14px; border: 1px solid var(--color-border); }
.slider__track { display: flex; transition: transform .6s ease; will-change: transform; }
.slider__item { min-width: 100%; }
.slider__img { width: 100%; height: auto; display: block; aspect-ratio: 16/9; object-fit: cover; }

.section { padding: 64px 0; }
.section__title { font-size: clamp(24px, 3vw, 32px); margin-bottom: 6px; }
.section__desc { margin-bottom: 28px; }

.grid { display: grid; gap: 16px; }
.grid--cols-3 { grid-template-columns: 1fr; }
@media (min-width: 768px) { .grid--cols-3 { grid-template-columns: repeat(3, 1fr); } }

.card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; overflow: hidden; }
.card__media { aspect-ratio: 16/9; background: rgba(255,255,255,0.06); }
.card__body { padding: 16px; }
.card__title { margin-bottom: 8px; }
.card__text { color: var(--color-muted); }

.pricing { display: grid; gap: 16px; }
@media (min-width: 768px) { .pricing { grid-template-columns: repeat(3, 1fr); } }
.pricing__item { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; padding: 20px; }
.pricing__price { font-size: 28px; color: var(--color-primary); font-weight: 700; }
.pricing__list { margin-top: 12px; color: var(--color-muted); }
.pricing__list li { margin: 6px 0; }

.team { display: grid; gap: 16px; }
@media (min-width: 768px) { .team { grid-template-columns: repeat(3, 1fr); } }
.team__member { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; overflow: hidden; }
.team__media { aspect-ratio: 1/1; background: rgba(255,255,255,0.06); }
.team__body { padding: 16px; }

.map { border: none; width: 100%; height: 360px; border-radius: 12px; }

/* Şerit Bölümü - Akan Yazılar */
.strip {
  background: var(--color-primary);
  padding: 24px 0;
  position: relative;
  overflow: hidden;
}

.strip__inner {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
}

.strip__text-flow {
  display: flex;
  gap: 60px;
  animation: textFlow 30s linear infinite;
  white-space: nowrap;
  will-change: transform;
}

.strip__text-item {
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  font-weight: 900;
  font-family: 'Orbitron', 'Arial Black', sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
}

@keyframes textFlow {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}

/* Hover durumunda animasyonu durdur */
.strip:hover .strip__text-flow {
  animation-play-state: paused;
}

@media (max-width: 767px) {
  .strip__text-item {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 800;
  }
  .strip__text-flow {
    gap: 40px;
  }
}