.lsa-areas-list { margin: 16px 0; }
.lsa-areas-list li a {
	display: block;
	padding: 8px 12px;
	background: #f6f6f6;
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.15s ease;
}
.lsa-areas-list li a:hover {
	background: #e9e9e9;
}

.lsa-area-info-box {
	background: #f0f6ff;
	border-left: 4px solid #2271b1;
	padding: 12px 16px;
	margin: 20px 0;
	border-radius: 4px;
}

.lsa-cta {
	margin: 24px 0;
	text-align: center;
}
.lsa-cta-button {
	display: inline-block;
	padding: 14px 28px;
	background: #2271b1;
	color: #fff !important;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
	font-size: 18px;
}
.lsa-cta-button:hover {
	background: #135e96;
}
.lsa-cta-button + .lsa-cta-button {
	margin-left: 8px;
}
.lsa-cta-viber {
	background: #7360f2;
}
.lsa-cta-viber:hover {
	background: #5c48d8;
}
.lsa-cta-whatsapp {
	background: #25d366;
}
.lsa-cta-whatsapp:hover {
	background: #1ebd5a;
}

.lsa-other-areas {
	margin-top: 40px;
	border-top: 1px solid #e2e2e2;
	padding-top: 20px;
}

.lsa-area-card:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

@media (max-width: 782px) {
	.lsa-areas-list,
	.lsa-area-cards {
		grid-template-columns: 1fr !important;
	}
}