/* Kampanya karosu. Renk panelden (panelColor): açık ton = koyu panelde fildişi metin,
   koyu ton = açık panelde (ör. pudra) koyu metin. Yerleşim ve oran Banner Çifti'nden gelir;
   burada temel düzen: bölünmüşte görsel üstte + panel altta, overlay'de görsel tam kaplar. */
.cc_w78ihcdu_HYS51JIvkQ .m-banner {
  --panel: var(--m-night);
  --banner-ivory: color-mix(in srgb, var(--m-gold-light) 12%, white);
  --banner-fg: var(--banner-ivory);
  --banner-fg-muted: color-mix(in srgb, var(--banner-ivory) 78%, transparent);
  --banner-eyebrow: var(--m-gold-light);
  /* dolu buton hover'ında metin panel renginde */
  --banner-inv: var(--panel);
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
  color: var(--banner-fg);
  text-decoration: none;
  background: var(--panel);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--dark {
  --banner-fg: var(--m-night);
  --banner-fg-muted: color-mix(in srgb, var(--m-night) 72%, transparent);
  --banner-eyebrow: color-mix(in srgb, var(--m-gold) 55%, var(--m-night));
}

/* ---- Görsel ---- */
.cc_w78ihcdu_HYS51JIvkQ .m-banner__media {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__img, .cc_w78ihcdu_HYS51JIvkQ .m-banner__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 900ms var(--m-ease);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__media--left .m-banner__img {
  object-position: left center;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__media--right .m-banner__img {
  object-position: right center;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__placeholder {
  background: color-mix(in srgb, var(--banner-fg) 10%, transparent);
}

/* ---- İçerik ---- */
.cc_w78ihcdu_HYS51JIvkQ .m-banner__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: 28px 24px 32px;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: var(--m-tracking-caps);
  text-transform: uppercase;
  color: var(--banner-eyebrow);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__title {
  font-size: 32px;
  line-height: 1.05;
  text-wrap: balance;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__text {
  max-width: 44ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--banner-fg-muted);
}

/* Buton: büyük harf, keskin köşe. Kartın tamamı bağlantı olduğundan hover kart üzerinden */
.cc_w78ihcdu_HYS51JIvkQ .m-banner__btn {
  gap: 8px;
  min-height: 46px;
  margin-top: 8px;
  padding-inline: 26px;
  border-radius: var(--m-radius-sm);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: var(--m-tracking-caps);
  text-transform: uppercase;
  pointer-events: none;
  transition:
    background-color var(--m-dur) var(--m-ease),
    color var(--m-dur) var(--m-ease),
    border-color var(--m-dur) var(--m-ease);
}

/* İnce çerçeve, hover'da metin rengiyle dolar */
.cc_w78ihcdu_HYS51JIvkQ .m-banner__btn--frame {
  border-color: currentColor;
  background: transparent;
  color: var(--banner-fg);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--link:hover .m-banner__btn--frame {
  border-color: var(--banner-fg);
  background: var(--banner-fg);
  color: var(--banner-inv);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__btn--outline {
  border-color: color-mix(in srgb, var(--banner-fg) 45%, transparent);
  background: transparent;
  color: var(--banner-fg);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--link:hover .m-banner__btn--outline {
  border-color: var(--banner-fg);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner__btn--white {
  background: var(--banner-ivory);
  color: var(--m-night);
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--link:hover .m-banner__btn--white {
  background: color-mix(in srgb, var(--banner-ivory) 82%, var(--m-gold-light));
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--link:focus-visible {
  outline: none;
  box-shadow: var(--m-ring);
}

/* ---- Bölünmüş düzen: görsel üstte, panel altta ---- */
.cc_w78ihcdu_HYS51JIvkQ .m-banner--split {
  grid-template-rows: auto 1fr;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--split .m-banner__media {
  aspect-ratio: 4 / 3;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--split .m-banner__content {
  justify-content: flex-start;
}

/* ---- Overlay düzeni: görsel tam kaplar, metin tarafında panel renginden degrade ---- */
.cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__media {
  grid-area: 1 / 1;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 34%,
    color-mix(in srgb, var(--panel) 55%, transparent) 64%,
    color-mix(in srgb, var(--panel) 90%, transparent) 100%
  );
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__content {
  grid-area: 1 / 1;
  justify-content: flex-end;
  gap: 10px;
  padding: 22px 22px 26px;
}

/* Mobil görseli olan karoda alt kısım zaten metin için boş: degrade aşağıdan başlar, ürün kararmaz */
.cc_w78ihcdu_HYS51JIvkQ .m-banner--has-mobile.m-banner--overlay .m-banner__media::after {
  background: linear-gradient(
    180deg,
    transparent 50%,
    color-mix(in srgb, var(--panel) 55%, transparent) 70%,
    color-mix(in srgb, var(--panel) 92%, transparent) 100%
  );
}

/* Overlay mobilde: metin bloğu görselin alttaki boş alanına sığsın */
.cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__title {
  font-size: 28px;
}

@media (min-width: 1024px) {
  .cc_w78ihcdu_HYS51JIvkQ .m-banner__content {
    gap: 14px;
    padding: 36px 36px 40px;
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner__title {
    font-size: clamp(32px, 2.8vw, 44px);
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner__eyebrow {
    font-size: 12px;
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner__text {
    font-size: 15px;
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner__btn {
    min-height: 48px;
    margin-top: 10px;
    padding-inline: 30px;
  }

  /* Overlay: masaüstünde degrade soldan, metin sol ortada */
  .cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__media::after {
    background: linear-gradient(
      90deg,
      color-mix(in srgb, var(--panel) 86%, transparent) 0%,
      color-mix(in srgb, var(--panel) 50%, transparent) 42%,
      transparent 76%
    );
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__content {
    justify-content: center;
    gap: 14px;
    max-width: 60%;
    padding: 40px 44px;
  }

  .cc_w78ihcdu_HYS51JIvkQ .m-banner--overlay .m-banner__title {
    font-size: clamp(32px, 2.8vw, 44px);
  }
}

/* Salt görsel banner: degrade ve içerik alanı yok, görsel olduğu gibi */
.cc_w78ihcdu_HYS51JIvkQ .m-banner--bare .m-banner__media::after {
  display: none;
}

.cc_w78ihcdu_HYS51JIvkQ .m-banner--bare .m-banner__content {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .cc_w78ihcdu_HYS51JIvkQ .m-banner__img, .cc_w78ihcdu_HYS51JIvkQ .m-banner__btn {
    transition: none;
  }
}