/* Service detail — page frame, textures, and breadcrumb.
   Shared across Maps SEO, Google Ads, AI Search/GEO. */

/* ---------- PAGE FRAME ---------- */

.svc-page {
	background: var(--ms-bg);
}

.svc-page section,
.svc-page .svc-section {
	position: relative;
	padding: 100px var(--ms-pad-x);
	border-bottom: 1px solid var(--ms-line);
	overflow: hidden;
}

.svc-page .svc-section--surface { background: var(--ms-surface); }
.svc-page .svc-section--bg      { background: var(--ms-bg); }

.svc-eyebrow {
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--ms-muted);
	font-weight: 700;
	margin-bottom: 12px;
}

.svc-h2 {
	font-size: 52px;
	line-height: 1.05;
	letter-spacing: -2px;
	font-weight: 800;
	max-width: 900px;
	margin: 0;
}

.svc-h2 .svc-accent,
.svc-accent { color: var(--ms-accent); }

.svc-content { position: relative; z-index: 1; }

/* ---------- TEXTURE LAYERS ---------- */

.svc-tex {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.svc-tex--dots {
	background-image: radial-gradient(circle, rgba(176, 84, 42, 0.16) 1px, transparent 1.2px);
	background-size: 22px 22px;
}

.svc-tex--grid {
	background-image:
		linear-gradient(rgba(176, 84, 42, 0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(176, 84, 42, 0.07) 1px, transparent 1px);
	background-size: 64px 64px;
}

.svc-tex--diag {
	background-image: repeating-linear-gradient(135deg, rgba(176, 84, 42, 0.06) 0 1px, transparent 1px 14px);
}

.svc-tex--radial-tr {
	background: radial-gradient(ellipse 60% 70% at 90% -10%, rgba(228, 122, 74, 0.18), transparent 70%);
}

.svc-tex--radial-bl {
	background: radial-gradient(ellipse 50% 60% at 0% 110%, rgba(176, 84, 42, 0.12), transparent 70%);
}

.svc-tex--radial-tl {
	background: radial-gradient(ellipse 55% 65% at -5% 0%, rgba(228, 122, 74, 0.16), transparent 70%);
}

.svc-tex-svg {
	position: absolute;
	pointer-events: none;
}

.svc-tex-svg--rings-tr { right: -220px; top: -120px; opacity: 0.16; }
.svc-tex-svg--rings-bl { left: -220px; bottom: -220px; opacity: 0.14; }
.svc-tex-svg--rings-ur { right: -260px; top: -200px; opacity: 0.14; }
.svc-tex-svg--pin-bl   { left: -120px; bottom: -160px; opacity: 0.05; }
.svc-tex-svg--pin-r    { right: -100px; top: 50%; transform: translateY(-50%); opacity: 0.06; }
.svc-tex-svg--pin-tr   { right: -30px; top: -40px; opacity: 0.05; }

/* ---------- CRUMB ---------- */

.svc-crumb {
	font-family: var(--ms-font-mono);
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--ms-muted);
}

.svc-crumb a {
	color: var(--ms-muted);
	text-decoration: none;
}

.svc-crumb .svc-crumb-sep {
	margin: 0 8px;
	color: #C9C2B6;
}