/* Basis-Grid – du kannst beliebige Varianten als Modifier-Klassen anlegen */
.sm-acf-imgs {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 900px){
  .sm-acf-imgs { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .sm-acf-imgs { grid-template-columns: 1fr; }
}

/* Varianten per Klasse, statt Shortcode-Parametern */
.sm-acf-imgs--3 { grid-template-columns: repeat(3, 1fr); }
.sm-acf-imgs--2 { grid-template-columns: repeat(2, 1fr); }
.sm-acf-imgs--gap-lg { gap: 1.2rem; }
.sm-acf-imgs--gap-sm { gap: 0.5rem; }

.sm-acf-imgs__item img { display:block; width:100%; height:auto; }
.sm-figure { margin: 0; }
.sm-figure__caption { font-size:.875rem; opacity:.9; margin-top:.35rem; }


.sm-imgcount{
  display:inline-block; font-size:.85rem; line-height:1;
  padding:.35rem .55rem; border-radius:999px;
  background:#111; color:#fff; box-shadow:0 1px 4px rgba(0,0,0,.12);
}
/* Overlay auf Karten optional */
.sm-card{ position:relative; }
.sm-card .sm-imgcount{ position:absolute; top:.5rem; right:.5rem; }