/**
 * Native page hero – image or video, fully responsive.
 * Replaces Revolution Slider for single hero sections.
 * All hero-related classes in this file.
 * Height cap 570px. Desktop: video alanı dolsun (cover, siyah şerit yok). Mobile: tam kare (contain).
 */

.page-hero {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}

/* Aspect ratio 12:5 / 16:9. Max height 570px (video + image). */
.page-hero__media {
  position: relative;
  width: 100%;
  aspect-ratio: 12 / 5;
  min-height: 200px;
  max-height: 570px;
}

@media (max-width: 1024px) {
  .page-hero__media {
    aspect-ratio: 16 / 9;
    min-height: 180px;
    max-height: 570px;
  }
}

@media (max-width: 480px) {
  .page-hero__media {
    min-height: 160px;
    max-height: 570px;
  }
}

/* Desktop: video alanı tam dolsun, siyah şerit olmasın (cover) */
.page-hero__video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
}

/* Mobile: video tam kare görünsün (contain), zoom hissi olmasın */
@media (max-width: 768px) {
  .page-hero__video {
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

/* Image: same cover behavior on desktop */
.page-hero__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-hero__media picture {
  display: block;
  width: 100%;
  height: 100%;
}

.page-hero__media picture .page-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Mobile: resim de tam görünsün */
@media (max-width: 768px) {
  .page-hero__img,
  .page-hero__media picture .page-hero__img {
    object-fit: contain;
  }
}

/* Caption overlay */
.page-hero__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 1.5rem 2rem;
  max-width: 100%;
  pointer-events: none;
}

/* Caption text (header-video style) */
.page-hero__caption .header__title,
.content__block.header-video .header__title,
.page-hero__caption p.header__title {
  white-space: normal;
  font-weight: 400;
  font-size: 2.744em;
  line-height: 1.15;
  margin: 0;
}

@media (min-width: 769px) {
  .page-hero__caption {
    padding: 2rem 3rem;
  }
}

@media (max-width: 768px) {
  .page-hero__caption .header__title {
    display: none;
  }
}

/* Tall variant: max height 570px */
.page-hero--tall .page-hero__media {
  aspect-ratio: auto;
  height: 50vw;
  max-height: 570px;
  min-height: 200px;
}

@media (max-width: 1024px) {
  .page-hero--tall .page-hero__media {
    height: 56.25vw; /* 16:9 */
    max-height: 570px;
  }
}

@media (max-width: 480px) {
  .page-hero--tall .page-hero__media {
    max-height: 570px;
    min-height: 160px;
  }
}