/* Banner satırı — ölçüm (kaynak):
   tam genişlik: 1 sütun, gap 10, kenar 0, üst 50 (hero sonrası)
   3'lü satır:   3 sütun, gap 20, kenar 10, üst 20 — mobilde kaydırmalı
   4'lü satır:   4 sütun, gap 20, kenar 60, üst 20 — mobilde 2 sütun (gap 8, kenar 4) */

.cc_ilwthafn_LFdhlxcbQ3 .banner-row {
  width: 100%;
  padding: var(--br-top, 20px) var(--br-side, 0) var(--br-bottom, 0);
  box-sizing: border-box;
}

.cc_ilwthafn_LFdhlxcbQ3 .banner-row__grid {
  display: grid;
  grid-template-columns: repeat(var(--br-cols, 3), 1fr);
  gap: var(--br-gap, 20px);
}

/* IkasComponentRenderer display:contents sardığı için gerçek grid çocukları
   torun sarmalayıcı div'ler */
.cc_ilwthafn_LFdhlxcbQ3 .banner-row__grid > * > * > * {
  min-width: 0;
}

@media (max-width: 767px) {
  .cc_ilwthafn_LFdhlxcbQ3 .banner-row {
    padding: var(--br-m-top, 5px) var(--br-m-side, 0) var(--br-m-bottom, 0);
  }

  /* Alt alta */
  .cc_ilwthafn_LFdhlxcbQ3 .banner-row--m-stack .banner-row__grid {
    grid-template-columns: 1fr;
    gap: var(--br-m-gap, 5px);
  }

  /* Kaydırmalı — tam genişlik slide, scroll-snap */
  .cc_ilwthafn_LFdhlxcbQ3 .banner-row--m-carousel .banner-row__grid {
    display: flex;
    gap: var(--br-m-gap, 5px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .cc_ilwthafn_LFdhlxcbQ3 .banner-row--m-carousel .banner-row__grid::-webkit-scrollbar {
    display: none;
  }

  .cc_ilwthafn_LFdhlxcbQ3 .banner-row--m-carousel .banner-row__grid > * > * > * {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  /* İki sütun */
  .cc_ilwthafn_LFdhlxcbQ3 .banner-row--m-grid2 .banner-row__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--br-m-gap, 8px);
  }
}
