/* Imported from: ../../sub-components/TextBannerType3Arrow/styles.css */
.cc_dm8j7638_xkXiD3bT3d .text-banner-type3-arrow {
  display: none;
  flex: 0 0 6.75rem;
  width: 6.75rem;
  min-width: 6.75rem;
  height: 18.125rem;
  align-self: flex-start;
  /* Referans altin.com: ok üstü circle üstüyle hizalı (fazladan boşluk yok). */
  margin-top: 0;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3-arrow {
    display: block;
  }
}

/* End import: ../../sub-components/TextBannerType3Arrow/styles.css */

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3 {
  width: 100%;
  overflow: hidden;
  margin-top: var(--text-banner-type3-margin-top-mobile, 0);
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3 {
    margin-top: var(--text-banner-type3-margin-top, 0);
  }
}

@media (max-width: 1023px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__inner.wrapper {
    /* Eşik: "Her" 390'da satır sonuna sığar, 380'de sığmaz. */
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__header {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__header {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__title {
  width: 100%;
  max-width: 31.25rem;
  font-size: var(--tbt3-title-fs-m, 2rem);
  font-weight: 300;
  line-height: 1.25;
  color: #06048a;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__title {
    font-size: var(--tbt3-title-fs, 3rem);
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__title :is(p, ul, ol) {
  margin: 0;
}

/* Firefox renders a trailing <br> (added by the rich-text editor at the end of a
   block) as an extra line box, creating a phantom blank line that other browsers
   collapse. Hide every block's trailing <br> so the title height is consistent
   across browsers. Intentional mid-line <br>s (e.g. A<br>B) are untouched because
   they are not the block's last child. */
.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__title br:last-child, .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__title :is(p, h1, h2, h3, h4, h5, h6, div) > br:last-child {
  display: none;
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__aside {
  display: flex;
  width: 100%;
  max-width: 31.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.125rem;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__aside {
    gap: 1.875rem;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__description {
  max-width: none;
  /* Canlı altin.com: mobil açıklama 16px / line-height 20px. */
  font-size: var(--tbt3-desc-fs-m, 16px);
  line-height: 1.25;
  color: #67747c;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__description {
    font-size: var(--tbt3-desc-fs, inherit);
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__description :is(p, ul, ol) {
  margin: 0;
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__link {
  width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__link {
    width: max-content;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__steps {
  width: auto;
  margin-block: 3.125rem;
  /* Referans altin.com: slider sağ wrapper padding'ini ezip ekran kenarına
     kadar devam etsin (sonraki adım full-bleed peek). Sol hizalı kalır. */
  margin-right: -2.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__steps::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__steps {
    width: 100%;
    margin-top: 3.75rem;
    margin-bottom: 0;
    margin-right: 0;
    overflow: visible;
    scroll-snap-type: none;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__steps-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 3.125rem;
  width: 100%;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__steps-track {
    justify-content: space-between;
    gap: 0;
    column-gap: 2.5rem;
  }
}

.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__step-slot {
  flex: 0 0
    calc(
      (100% - (var(--text-banner-type3-mobile-cols, 1.5) - 1) * 3.125rem) /
        var(--text-banner-type3-mobile-cols, 1.5)
    );
  width: calc(
    (100% - (var(--text-banner-type3-mobile-cols, 1.5) - 1) * 3.125rem) /
      var(--text-banner-type3-mobile-cols, 1.5)
  );
  min-width: 0;
  scroll-snap-align: start;
}

@media (min-width: 1024px) {
  .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__step-slot {
    flex: 0 1 auto;
    width: auto;
    min-width: auto;
    scroll-snap-align: none;
  }
}

/* Unwrap IkasComponentRenderer + mount + scope wrappers */
.cc_dm8j7638_xkXiD3bT3d .text-banner-type3__step-slot > [id^="text-banner-type3-content-"], .cc_dm8j7638_xkXiD3bT3d .text-banner-type3__step-slot [id^="text-banner-type3-content-"] > * {
  display: contents;
}