/* ===== Banner =====
 * One editorial image or video, with an optional caption stack over it.
 * Text sits on the image rather than beside it — the reference banners never
 * split the frame.
 *
 * Tüm görsel değerler editör prop'u; var() ikinci argümanı tasarım varsayılanı.
 */

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner {
  width: 100%;
  padding-top: var(--bn-pt, 0);
  padding-bottom: var(--bn-pb, 0);
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* ----- Media ----- */

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media-wrap {
  width: 100%;
  background: var(--kombos-gray-100);
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media-wrap--desktop {
  display: none;
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media-wrap--mobile {
  display: block;
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__scrim {
  position: absolute;
  inset: 0;
  background: var(--bn-scrim-color, var(--kombos-black));
  opacity: var(--bn-scrim-opacity, 0.25);
  pointer-events: none;
}

/* ----- Content ----- */

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  /* Mobil konum; masaüstü değeri 1024px'te devralıyor. */
  justify-content: var(--bn-content-m-y, flex-end);
  align-items: var(--bn-content-m-x, center);
  text-align: var(--bn-content-m-text, center);
  gap: var(--bn-content-gap, 0.5rem);
  padding: var(--bn-content-pt, 1.5rem) var(--bn-content-pr, 1rem)
    var(--bn-content-pb, 2rem) var(--bn-content-pl, 1rem);
  color: var(--kombos-white);
  pointer-events: none;
}

/* Varsayılan: label-xs-regular (10px / 14px / 400 / .06em / uppercase). */
.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__eyebrow {
  margin: 0;
  opacity: 0.9;
  font-size: var(--bn-eyebrow-fs, 0.625rem);
  line-height: var(--bn-eyebrow-lh, 0.875rem);
  font-weight: var(--bn-eyebrow-fw, 400);
  letter-spacing: var(--bn-eyebrow-ls, 0.06em);
  text-transform: var(--bn-eyebrow-tt, uppercase);
  color: var(--bn-eyebrow-color, inherit);
}

/* Varsayılan: display-xs-regular (24px / 32px / 400) + 0.08em aralık. */
.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__title {
  margin: 0;
  max-width: var(--bn-title-max-w, none);
  font-size: var(--bn-title-fs, 1.5rem);
  line-height: var(--bn-title-lh, 2rem);
  font-weight: var(--bn-title-fw, 400);
  letter-spacing: var(--bn-title-ls, 0.08em);
  text-transform: var(--bn-title-tt, uppercase);
  color: var(--bn-title-color, inherit);
}

/* Varsayılan: text-sm-regular (14px / 20px / 400). */
.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__subtitle {
  margin: 0;
  opacity: 0.9;
  max-width: var(--bn-sub-max-w, none);
  font-size: var(--bn-sub-fs, 0.875rem);
  line-height: var(--bn-sub-lh, 1.25rem);
  font-weight: var(--bn-sub-fw, 400);
  letter-spacing: var(--bn-sub-ls, normal);
  text-transform: var(--bn-sub-tt, none);
  color: var(--bn-sub-color, inherit);
}

/* Varsayılan: beyaz blok, siyah etiket, köşesiz. */
.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__cta {
  margin-top: var(--bn-btn-mt, 0.75rem);
  min-height: var(--bn-btn-min-h, 2.75rem);
  padding: 0.75rem var(--bn-btn-pr, 1.75rem) 0.75rem var(--bn-btn-pl, 1.75rem);
  border: var(--bn-btn-border-w, 0px) solid
    var(--bn-btn-border-color, transparent);
  border-radius: var(--kombos-radius);
  background: var(--bn-btn-bg, var(--kombos-white));
  color: var(--bn-btn-color, var(--kombos-gray-900));
  font-size: var(--bn-btn-fs, 0.75rem);
  line-height: var(--bn-btn-lh, 1.125rem);
  font-weight: var(--bn-btn-fw, 500);
  letter-spacing: var(--bn-btn-ls, 0.017em);
  text-transform: var(--bn-btn-tt, uppercase);
  cursor: pointer;
  pointer-events: auto;
  transition:
    background-color var(--kombos-duration-fast) var(--kombos-ease-standard),
    color var(--kombos-duration-fast) var(--kombos-ease-standard),
    opacity var(--kombos-duration-fast) var(--kombos-ease-standard);
}

.cc_c1wmfzom_fHkSFZUtg3 .mays-banner__cta:hover {
  opacity: 0.85;
  background: var(--bn-btn-hover-bg, var(--bn-btn-bg, var(--kombos-white)));
  color: var(--bn-btn-hover-color, var(--bn-btn-color, var(--kombos-gray-900)));
}

/* ----- Breakpoints ----- */

@media (max-width: 767px) {
  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__eyebrow {
    font-size: var(--bn-eyebrow-fs-m, var(--bn-eyebrow-fs, 0.625rem));
  }

  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__title {
    font-size: var(--bn-title-fs-m, var(--bn-title-fs, 1.5rem));
  }

  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__subtitle {
    font-size: var(--bn-sub-fs-m, var(--bn-sub-fs, 0.875rem));
  }
}

@media (min-width: 768px) {
  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__content {
    padding: var(--bn-content-pt, 3rem) var(--bn-content-pr, 3rem)
      var(--bn-content-pb, 3rem) var(--bn-content-pl, 3rem);
    gap: var(--bn-content-gap, 0.75rem);
  }
}

@media (min-width: 1024px) {
  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media-wrap--desktop {
    display: block;
  }

  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__media-wrap--mobile {
    display: none;
  }

  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__content {
    justify-content: var(--bn-content-y, center);
    align-items: var(--bn-content-x, center);
    text-align: var(--bn-content-text, center);
  }

  .cc_c1wmfzom_fHkSFZUtg3 .mays-banner__title {
    font-size: var(--bn-title-fs, 1.875rem);
    line-height: var(--bn-title-lh, 2.375rem);
  }
}