/* Region Section Block Styles */

.region-section {
	position: relative;
	background-color: var(--color-base-100, #f9fafb);
}

.region-image-wrapper {
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid var(--color-base-300, #e5e7eb);
}

.region-image-wrapper:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.region-image {
	transition: transform 0.3s ease;
}

.region-image-wrapper:hover .region-image {
	transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.region-section .grid {
		gap: 1.5rem;
	}

	.region-image {
		height: 12rem;
	}
}