/* ============================================================
   Servize Hyundai Plovdiv — "Контакти" page
   ============================================================ */

.shp-service-hero {
	padding: var(--shp-space-8) 0 var(--shp-space-7);
	background:
		radial-gradient(ellipse 700px 380px at 80% -20%, rgba(0, 170, 210, 0.14), transparent 60%),
		var(--shp-bg);
	border-bottom: 1px solid var(--shp-line-soft);
}
.shp-service-hero h1 {
	font-size: var(--shp-text-4xl);
	margin: 0 0 var(--shp-space-4);
}
.shp-service-hero-sub {
	font-size: var(--shp-text-lg);
	color: var(--shp-ink-soft);
	max-width: 680px;
	margin: 0;
}
@media (max-width: 640px) {
	.shp-service-hero h1 { font-size: var(--shp-text-3xl); }
}

.shp-contact-body { padding: var(--shp-space-8) 0 0; }

.shp-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--shp-space-5);
	margin-bottom: var(--shp-space-7);
}
@media (max-width: 760px) { .shp-contact-grid { grid-template-columns: 1fr; } }

.shp-contact-card {
	background: var(--shp-surface);
	border: 1px solid var(--shp-line-soft);
	border-radius: var(--shp-radius-lg);
	padding: var(--shp-space-6);
}
.shp-contact-card h2 {
	font-size: var(--shp-text-sm);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--shp-ink-muted);
	margin: 0 0 var(--shp-space-4);
}
.shp-contact-card p { margin: 0 0 var(--shp-space-2); color: var(--shp-ink); line-height: 1.7; }
.shp-contact-big {
	font-family: var(--shp-font-heading);
	font-size: var(--shp-text-xl);
	font-weight: 800;
	color: var(--shp-ink);
	text-decoration: none;
}
a.shp-contact-big:hover { color: var(--shp-accent-bright); }
.shp-contact-note { font-size: var(--shp-text-sm); color: var(--shp-ink-muted) !important; }
.shp-contact-note a { color: var(--shp-accent-bright); text-decoration: none; font-weight: 600; }

.shp-contact-map {
	border-radius: var(--shp-radius-lg);
	overflow: hidden;
	border: 1px solid var(--shp-line);
}
.shp-contact-map iframe {
	display: block;
	width: 100%;
	height: 420px;
	border: 0;
	filter: grayscale(0.2) contrast(1.05);
}
.shp-contact-map--placeholder {
	background: var(--shp-surface);
	border-style: dashed;
	padding: var(--shp-space-9) var(--shp-space-6);
	text-align: center;
	color: var(--shp-ink-muted);
}
.shp-contact-map--placeholder p { margin: 0; }