.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri {
  width: 100%;
}

/* Desktop: 2 bağımsız kolon — sol [1,3,5…], sağ [2,4,6…]. Kolonlar içeriğe
   göre büyür; tek sayıda görselde sağ kolon erken biter → boş hücre YOK. */
.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__cols {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__slide {
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
  width: 100%;
}

.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__dots {
  display: none;
}

/* Mobil: kolon sarmalayıcıları erit (display:contents), tüm slide'lar tek
   yatay scroll-snap satırının doğrudan çocuğu olur; `order` orijinal sırayı
   (1,2,3…) geri verir. Tek DOM, çift fetch yok. */
@media (max-width: 768px) {
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__cols {
    gap: 0;
    align-items: stretch;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__cols::-webkit-scrollbar {
    display: none;
  }
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__col {
    display: contents;
  }
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__slide {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }

  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 4px;
  }
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__dot {
    width: var(--dot-size, 8px);
    height: var(--dot-size, 8px);
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  .cc_1q3v696h_i51U359JTV .urun-gorsel-galeri__dot.is-active {
    transform: scale(1.25);
  }
}