/* 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; }