/* MH Blog: Instagram Feed und Rückfallebene */
.mhb-insta-feed { width: 100%; }
.mhb-insta-row {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 3 * 14px) / 4);
	gap: 14px;
	margin: 0;
	padding: 0 0 6px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}
.mhb-insta-row li { margin: 0; padding: 0; scroll-snap-align: start; }
.mhb-insta-row a { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #e9ecef; }
.mhb-insta-row img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mhb-insta-row a:hover img { transform: scale(1.04); }
.mhb-insta-row a::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .25) 100%);
	opacity: 0; transition: opacity .2s;
}
.mhb-insta-row a:hover::after,
.mhb-insta-row a:focus-visible::after { opacity: 1; }
.mhb-insta-row a:focus-visible { outline: 2px solid var(--e-global-color-uicore_primary, #BE0C1C); outline-offset: 2px; }
@media (max-width: 1024px) { .mhb-insta-row { grid-auto-columns: calc((100% - 2 * 12px) / 3); gap: 12px; } }
@media (max-width: 767px) { .mhb-insta-row { grid-auto-columns: calc((100% - 10px) / 2); gap: 10px; } }
@media (prefers-reduced-motion: reduce) { .mhb-insta-row img { transition: none; } }
.mhb-insta-feed--live #sb_instagram { padding-bottom: 0 !important; }