.cc_yo96d8g2_dZGaQlBOO2 .f-banner__box {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: var(--ratio-m, 4 / 5);
  color: inherit;
}

@media (min-width: 768px) {
  .cc_yo96d8g2_dZGaQlBOO2 .f-banner__box {
    aspect-ratio: var(--ratio-d, 21 / 9);
  }
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__media, .cc_yo96d8g2_dZGaQlBOO2 .f-banner__media picture, .cc_yo96d8g2_dZGaQlBOO2 .f-banner__media img, .cc_yo96d8g2_dZGaQlBOO2 .f-banner__ph {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__media img {
  object-fit: cover;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__shade {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--shade, 0.15));
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  padding: 28px var(--f-gutter);
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--light {
  color: #ffffff;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--dark {
  color: #111111;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--bottom-center, .cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--center {
  align-items: center;
  text-align: center;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--bottom-right {
  align-items: flex-end;
  text-align: right;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--middle-left, .cc_yo96d8g2_dZGaQlBOO2 .f-banner__text--center {
  justify-content: center;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__eyebrow {
  font-size: 11px;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__title {
  font-size: clamp(36px, 7vw, 88px);
  line-height: 1;
  max-width: 14ch;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner__sub {
  max-width: 44ch;
  font-size: 15px;
}

/* Mobilde metin görselin altında: görselin karmaşık bölgesine binip okunmaz hale gelmesin */
.cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__box {
  aspect-ratio: auto;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__media {
  position: relative;
  display: block;
  aspect-ratio: var(--ratio-m, 4 / 5);
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__shade {
  display: none;
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text {
  position: static;
  padding: 20px var(--f-gutter) 0;
  color: var(--f-text);
}

.cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text .f-btn {
  background: var(--f-btn-bg);
  border-color: var(--f-btn-bg);
  color: var(--f-btn-text);
}

@media (min-width: 768px) {
  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__box {
    aspect-ratio: var(--ratio-d, 21 / 9);
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__media {
    position: absolute;
    aspect-ratio: auto;
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__shade {
    display: block;
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text {
    position: absolute;
    padding: 28px var(--f-gutter);
    color: inherit;
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text--light {
    color: #ffffff;
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text--dark {
    color: #111111;
  }

  .cc_yo96d8g2_dZGaQlBOO2 .f-banner--below .f-banner__text .f-btn--light {
    background: #ffffff;
    border-color: #ffffff;
    color: #111111;
  }
}

.cc_yo96d8g2_dZGaQlBOO2 a.f-banner__box:focus-visible {
  outline: 2px solid var(--f-text);
  outline-offset: 3px;
}

@media (min-width: 1024px) {
  .cc_yo96d8g2_dZGaQlBOO2 .f-banner__text {
    padding: 48px calc(var(--f-gutter) + 8px);
  }
}