.sap-gallery {
	--sap-gap: 24px;
	--sap-cols-d: 2;
	--sap-cols-t: 2;
	--sap-cols-m: 1;
	--sap-radius: 0px;
	--sap-fit: cover;
	--sap-ratio: auto;
}

.sap-gallery__img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: var(--sap-radius);
}

.sap-gallery__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

/* GRID */
.sap-gallery[data-layout="grid"] {
	display: grid;
	gap: var(--sap-gap);
	grid-template-columns: repeat(var(--sap-cols-d), minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.sap-gallery[data-layout="grid"] {
		grid-template-columns: repeat(var(--sap-cols-t), minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.sap-gallery[data-layout="grid"] {
		grid-template-columns: repeat(var(--sap-cols-m), minmax(0, 1fr));
	}
}

/* MASONRY (CSS columns) */
.sap-gallery[data-layout="masonry"] {
	column-count: var(--sap-cols-d);
	column-gap: var(--sap-gap);
}

@media (max-width: 1024px) {
	.sap-gallery[data-layout="masonry"] { column-count: var(--sap-cols-t); }
}
@media (max-width: 640px) {
	.sap-gallery[data-layout="masonry"] { column-count: var(--sap-cols-m); }
}

.sap-gallery[data-layout="masonry"] .sap-gallery__item {
	break-inside: avoid;
	margin: 0 0 var(--sap-gap) 0;
}

/* Ratio mode */
.sap-gallery--has-ratio .sap-gallery__frame {
	aspect-ratio: var(--sap-ratio);
	overflow: hidden;
	border-radius: var(--sap-radius);
}

.sap-gallery--has-ratio .sap-gallery__img {
	width: 100%;
	height: 100%;
	object-fit: var(--sap-fit, cover);
	border-radius: 0;
}

/* Editor drobnosti */
.sap-gallery--editor {
	margin-top: 12px;
}