/* Ana sayfa manşetini görsellerin doğal oranından bağımsız tutar. */
@media (min-width: 601px) {
  .oa-home .oa-hero {
    height: clamp(360px, 37vw, 540px);
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
  }
  .oa-home .oa-slider {
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  .oa-home .oa-slide,
  .oa-home .oa-slide > a {
    height: 100%;
    min-height: 0;
  }
  .oa-home .oa-slide > a > img,
  .oa-home .oa-slide > a > .oa-image-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
  .oa-home .oa-hero-side {
    height: 100%;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    overflow: hidden;
  }
  .oa-home .oa-hero-side .oa-cover-card {
    position: relative;
    min-height: 0;
    height: 100%;
    overflow: hidden;
  }
  .oa-home .oa-hero-side .oa-cover-card .oa-card-link {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
  .oa-home .oa-hero-side .oa-cover-card .oa-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  .oa-home .oa-hero-side .oa-cover-card .oa-card-image > img,
  .oa-home .oa-hero-side .oa-cover-card .oa-card-image > .oa-image-placeholder {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
  .oa-home .oa-hero-side .oa-cover-card .oa-card-copy {
    z-index: 2;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  .oa-home .oa-hero { height: clamp(340px, 48vw, 470px); }
}
@media (max-width: 600px) {
  .oa-home .oa-hero { height: auto; overflow: visible; }
  .oa-home .oa-slider { height: auto; aspect-ratio: 1.35; }
  .oa-home .oa-hero-side { height: auto; overflow: visible; }
  .oa-home .oa-hero-side .oa-cover-card,
  .oa-home .oa-hero-side .oa-cover-card .oa-card-link { height: auto; min-height: 0; }
  .oa-home .oa-hero-side .oa-cover-card .oa-card-image { position: relative; height: auto; min-height: 165px; aspect-ratio: 1.25; }
}