.cc_wgto8cwq_category_images .kombos-category-images {
  width: 100%;
}

/* Mobile-first: base = mobile (375px) */
.cc_wgto8cwq_category_images .kombos-category-images__container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.cc_wgto8cwq_category_images .kombos-category-images__title {
  margin: 0;
  color: var(--kombos-gray-900);
}

.cc_wgto8cwq_category_images .kombos-category-images__grid {
  display: grid;
  grid-template-columns: repeat(var(--mobile-cols, 1), 1fr);
  align-items: start;
  /* Editör grid'imize inline bir `row-gap` enjekte edip satır arasını şişiriyor
     (sütun arasına dokunmuyor). Bizim kuralımız normal öncelikteyken inline stil
     kazandığı için satır arası ayarı tutmuyordu. `!important` ile editörün inline
     row-gap'ini eziyoruz → satır arası = sütun arası = "Görsel Arası Boşluk". */
  row-gap: var(--img-gap-m, 0px) !important;
  column-gap: var(--img-gap-m, 0px) !important;
}

/* Grid'in doğrudan çocuğunu şeffaflaştır: runtime'da renderer zaten
   display:contents bir sarmalayıcı koyar (no-op), editör ise her item'ı kendi
   bloğuna (çoğu zaman inline `display`/`margin` ile) sarar. !important ile
   inline display'i de ezip sarmalayıcıyı düzleştiriyoruz. */
.cc_wgto8cwq_category_images .kombos-category-images__grid > * {
  display: contents !important;
}

/* Flatten sonrası gerçek grid hücreleri ile editörün ekleyebileceği ara
   sarmalayıcıların olası margin'ini sıfırla — gap dışında dikey/yatay boşluk
   sızmasın. (Asıl satır-arası düzeltmesi yukarıdaki gap !important'ı.) */
.cc_wgto8cwq_category_images .kombos-category-images__grid > * > *, .cc_wgto8cwq_category_images .kombos-category-images__grid > * > * > *, .cc_wgto8cwq_category_images .kombos-category-image-item {
  margin: 0 !important;
}

/* Desktop */
@media (min-width: 1024px) {
  .cc_wgto8cwq_category_images .kombos-category-images__container {
    gap: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .cc_wgto8cwq_category_images .kombos-category-images__grid {
    grid-template-columns: repeat(var(--desktop-cols, 4), 1fr);
    row-gap: var(--img-gap-d, 1.5rem) !important;
    column-gap: var(--img-gap-d, 1.5rem) !important;
  }
}