/* Otomatik oynayan video hero (anasayfa). Tam ekran, sessiz, döngü. */

.vhero {
  position: relative;
  height: 100svh; min-height: 100vh;
  overflow: hidden;
  background: var(--zemin);
  display: flex; align-items: center; justify-content: center;
  text-align: center;
}

.vhero__video {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

.vhero__scrim {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 48%),
    linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 28%);
}

.vhero__ic { position: relative; z-index: 2; padding: 0 6%; }
.vhero__ic .ust-baslik { margin-bottom: 0.7rem; }
.vhero__ad {
  margin: 0 0 0.6rem;
  font-size: clamp(2.6rem, 1.5rem + 6vw, 5.5rem);
  letter-spacing: 0.22em; color: var(--krem);
}
.vhero__slogan {
  font-family: var(--serif);
  font-size: clamp(1.1rem, 0.9rem + 1vw, 1.6rem);
  letter-spacing: 0.12em; color: var(--krem);
  margin: 0 0 1.6rem;
}

.vhero__kaydir { position: absolute; left: 50%; bottom: 1.8rem; transform: translateX(-50%); z-index: 2; }
.vhero__ok {
  display: block; width: 20px; height: 20px;
  border-right: 1.5px solid var(--ahsap); border-bottom: 1.5px solid var(--ahsap);
  transform: rotate(45deg);
  animation: vhero-zipla 1.8s cubic-bezier(0.22,1,0.36,1) infinite;
}
@keyframes vhero-zipla {
  0%, 100% { transform: rotate(45deg) translate(0,0); opacity: 0.4; }
  50%      { transform: rotate(45deg) translate(5px,5px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .vhero__ok { animation: none; }
}