.locations {
			padding: 4em 1em 6em;
			background-color: #f4f2f8;
		}

		.locations .container {
			max-width: 1200px;
		}

		.locations hgroup {
			text-align: center;
			margin-bottom: 2em;
		}

		.locations h2 {
			font-size: 2.4em;
			font-weight: 700;
			color: var(--color-primary);
		}

		.locations h3 {
			font-size: 1.25em;
			font-weight: 400;
			color: #5f6280;
		}

		.locations-layout {
			display: grid;
			grid-template-columns: 2fr 1fr;
			gap: 1.5em;
		}

		.location-cards {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 1em;
		}

		.location-card {
			background: #fff;
			border-radius: 12px;
			padding: 1.1em 1.2em;
			border-left: 5px solid var(--color-primary);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
		}

		.location-card h4 {
			margin: 0 0 0.4em;
			color: var(--color-primary);
			font-size: 1.2em;
		}

		.location-card p {
			margin: 0.25em 0;
			line-height: 1.55;
		}

		.location-card .license {
			font-weight: 700;
			font-size: 0.95em;
		}

		.locations-map {
			background: #fff;
			border-radius: 12px;
			padding: 1em;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
			display: flex;
			flex-direction: column;
			gap: 0.8em;
		}

		.locations-map img {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 8px;
		}

		.locations-map p {
			margin: 0;
			text-align: center;
			font-weight: 600;
			color: var(--color-secondary);
		}

		@media (max-width: 1024px) {
			.locations-layout {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 720px) {
			.location-cards {
				grid-template-columns: 1fr;
			}
		}