/* Reset and base styles */
/* Mobile Scrollable View for Gallery */
@media (max-width: 768px) {
	.gallery-scroll-view {
		/* Override grid layout */
		display: flex !important;
		grid-template-columns: none !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 1rem !important;
		padding-bottom: 1rem;
		/* Space for scrollbar */
		padding-left: 1rem;
		padding-right: 1rem;
		-webkit-overflow-scrolling: touch;
		/* Smooth scrolling on iOS */
		/* Hide scrollbar for cleaner look (optional, but requested "looking good") */
		scrollbar-width: none;
		/* Firefox */
		-ms-overflow-style: none;
		/* IE and Edge */
	}

	.gallery-scroll-view::-webkit-scrollbar {
		display: none;
		/* Chrome, Safari and Opera */
	}

	.gallery-scroll-view>div {
		/* Fix item width */
		flex: 0 0 80%;
		/* Show part of next image to encourage scroll */
		min-width: 260px;
		scroll-snap-align: center;
	}
}