/* Product detail — commercial investigation layout */

.pd-page {
	--pd-navy: #1a2744;
	--pd-blue: #2c4387;
	--pd-amber: #c45c26;
	--pd-amber-hover: #a84c1e;
	--pd-bg: #f3f5f8;
	--pd-surface: #ffffff;
	--pd-line: #d7dde8;
	--pd-line-strong: #9aa8bc;
	--pd-text: #243047;
	--pd-muted: #66758d;
	--pd-soft: #f7f9fc;
	--pd-radius: 6px;
	--pd-max: 1180px;
	--pd-section-y: 40px;   /* inner top/bottom padding for content sections */
	--pd-section-x: 24px;   /* inner left/right padding */
	--pd-section-gap: 24px; /* space between sections */
	--pd-gap: 16px;
	--pd-header-offset: 56px; /* sticky site header (compact) */
	--pd-tabs-h: 40px;
	--pd-font: "open_sansregular", "Segoe UI", sans-serif;
	--pd-font-semi: "open_sanssemibold", "Segoe UI", sans-serif;
	--pd-fs-eyebrow: 12px;
	--pd-fs-h1: clamp(24px, 3vw, 32px);
	--pd-fs-h2: 22px;
	--pd-fs-h3: 18px;
	--pd-fs-h4: 16px;
	--pd-fs-body: 15px;
	--pd-fs-sm: 14px;
	--pd-fs-xs: 13px;
	--pd-fs-tiny: 12px;
	--pd-lh: 1.7;
	--pd-lh-tight: 1.35;
	background: var(--pd-bg);
	color: var(--pd-text);
	font-family: var(--pd-font);
	font-size: var(--pd-fs-body);
	line-height: var(--pd-lh);
	padding-bottom: 32px;
	overflow-x: clip;
}

.pd-page a { color: inherit; text-decoration: none; }
.pd-page img { max-width: 100%; height: auto; display: block; }
.pd-page h1,
.pd-page h2,
.pd-page h3,
.pd-page h4 {
	font-family: var(--pd-font-semi);
	color: var(--pd-navy);
	padding-left: 0 !important;
	background: none;
	line-height: var(--pd-lh-tight);
}

.pd-shell {
	max-width: var(--pd-max);
	margin: 0 auto;
	padding: 18px 20px 40px;
	box-sizing: border-box;
}

.pd-empty {
	padding: var(--pd-section-y) var(--pd-section-x);
	background: var(--pd-surface);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	text-align: center;
}
.pd-empty a { color: var(--pd-blue); text-decoration: underline; }

.pd-eyebrow {
	margin: 0 0 8px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-eyebrow);
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--pd-amber);
}

.pd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 16px;
	border-radius: var(--pd-radius);
	border: 1px solid transparent;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-sm);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.pd-btn-block { width: 100%; box-sizing: border-box; }
.pd-btn-accent { background: var(--pd-amber); color: #fff !important; }
.pd-btn-accent:hover { background: var(--pd-amber-hover); color: #fff !important; }
.pd-btn-primary { background: var(--pd-blue); color: #fff !important; }
.pd-btn-primary:hover { background: #3a5aad; color: #fff !important; }
.pd-btn-outline {
	background: #fff;
	border-color: var(--pd-line);
	color: var(--pd-navy) !important;
}
.pd-btn-outline:hover { border-color: var(--pd-blue); color: var(--pd-blue) !important; }
.pd-btn-ghost {
	background: transparent;
	border-color: var(--pd-line);
	color: var(--pd-muted) !important;
}
.pd-btn-whatsapp {
	background: #128c7e;
	color: #fff !important;
}
.pd-btn-whatsapp:hover {
	background: #0e7a6e;
	color: #fff !important;
}
.pd-btn-light {
	background: #fff;
	color: var(--pd-navy) !important;
	border-color: transparent;
}
.pd-btn-light:hover {
	background: var(--pd-soft);
	color: var(--pd-navy) !important;
}
.pd-btn-submit {
	min-width: 220px;
}

.pd-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	margin-bottom: var(--pd-gap);
	font-size: var(--pd-fs-xs);
	color: var(--pd-muted);
}
.pd-breadcrumb a { color: var(--pd-blue); }
.pd-breadcrumb span:last-child { color: var(--pd-navy); }

/* Hero investigation */
.pd-hero {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 24px;
	background: var(--pd-surface);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: var(--pd-section-x);
	margin: 0 0 var(--pd-section-gap);
	box-sizing: border-box;
	scroll-margin-top: calc(var(--pd-header-offset) + 8px);
}

.pd-hero-media {
	background: var(--pd-soft);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: var(--pd-gap);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 320px;
	gap: 12px;
}

.pd-page .pd-hero-media img,
.pd-hero-media img {
	width: auto !important;
	max-width: 100% !important;
	max-height: 360px !important;
	object-fit: contain;
}

.pd-video-link {
	font-size: var(--pd-fs-xs);
	font-family: var(--pd-font-semi);
	color: var(--pd-blue) !important;
}

.pd-hero-info h1 {
	margin: 0 0 10px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h1);
	line-height: 1.2;
	color: var(--pd-navy);
}

.pd-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
}
.pd-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 4px;
	font-family: var(--pd-font-semi);
	font-size: 11px;
	letter-spacing: .03em;
	line-height: 1.3;
	background: #eef2fb;
	color: var(--pd-blue);
}
.pd-badge.is-manufacturer {
	background: #eef2fb;
	color: #2c4387;
}
.pd-badge.is-supplier {
	background: #f3f0ff;
	color: #5b4b8a;
}
.pd-badge.is-exporter {
	background: #eef8f4;
	color: #2f6b52;
}
.pd-badge.is-stock {
	background: #fff4e8;
	color: #a84c1e;
}
.pd-badges-related {
	margin: 6px 0 8px;
}
.pd-badges-related .pd-badge {
	font-size: 10px;
	padding: 3px 8px;
}

.pd-price {
	margin: 0 0 12px;
	font-family: var(--pd-font-semi);
	font-size: 22px;
	color: var(--pd-amber);
}
.pd-price span { color: #c0392b; font-size: var(--pd-fs-sm); }
.pd-price.is-muted {
	color: var(--pd-muted);
	font-size: var(--pd-fs-body);
}

.pd-lead {
	margin: 0 0 var(--pd-gap);
	font-size: var(--pd-fs-sm);
	line-height: 1.55;
	color: var(--pd-muted);
}

.pd-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}
.pd-action-note {
	margin: 0 0 var(--pd-gap);
	font-size: var(--pd-fs-tiny);
	color: var(--pd-muted);
}

.pd-quick {
	list-style: none;
	margin: 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--pd-line);
	display: grid;
	gap: 8px;
}
.pd-quick li {
	font-size: var(--pd-fs-xs);
	color: var(--pd-muted);
	line-height: 1.4;
}
.pd-quick strong {
	display: inline-block;
	min-width: 92px;
	color: var(--pd-navy);
	font-family: var(--pd-font-semi);
}

/* Jump tabs — compact full-bleed bar; keep button x-position stable when pinned */
.pd-tabs-sentinel {
	height: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
}
.pd-tabs-placeholder {
	display: none;
	height: 0;
}
.pd-tabs-placeholder.is-on {
	display: block;
}
.pd-tabs {
	--pd-tabs-top: var(--pd-header-offset);
	--pd-tabs-pad: 20px;
	position: relative;
	z-index: 40;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 var(--pd-section-gap);
	padding: 8px 0;
	background: transparent;
	border: 0;
	box-sizing: border-box;
}
/* Full-width white bar behind in-flow tabs (does not move the buttons) */
.pd-tabs::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: #fff;
	border-bottom: 1px solid var(--pd-line);
	z-index: -1;
	pointer-events: none;
}
.pd-tabs.is-fixed {
	position: fixed;
	left: 0;
	right: 0;
	top: var(--pd-tabs-top);
	width: auto;
	margin: 0;
	/* Match .pd-shell horizontal inset — use 100%, not 100vw, so no scrollbar shift */
	padding: 8px max(var(--pd-tabs-pad), calc((100% - var(--pd-max)) / 2 + var(--pd-tabs-pad)));
	background: #fff;
	border-bottom: 1px solid var(--pd-line);
	box-shadow: 0 4px 14px rgba(18, 28, 48, 0.1);
}
.pd-tabs.is-fixed::before {
	content: none;
}
.pd-tabs-label {
	display: none;
}
.pd-tabs-track {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow-x: auto;
	min-width: 0;
	width: 100%;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.pd-tabs-track::-webkit-scrollbar {
	display: none;
}
.pd-tabs a {
	flex: 0 0 auto;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #c8d0de;
	background: #fff;
	font-family: var(--pd-font-semi);
	font-size: 12px;
	line-height: 1.2;
	color: var(--pd-navy);
	white-space: nowrap;
	transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.pd-tabs a:hover {
	border-color: var(--pd-blue);
	color: var(--pd-blue);
}
.pd-tabs a.is-active,
.pd-tabs a[aria-current="true"] {
	background: var(--pd-navy);
	border-color: var(--pd-navy);
	color: #fff;
}
.pd-tabs a:focus-visible {
	outline: 2px solid var(--pd-blue);
	outline-offset: 1px;
}

.pd-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 20px;
	align-items: start;
	margin: 0 0 var(--pd-section-gap);
}
.pd-layout .pd-content > .pd-panel {
	margin-top: 0;
	margin-bottom: 0;
}
.pd-layout .pd-content > .pd-panel + .pd-panel {
	margin-top: var(--pd-section-gap);
}

/* Sections after Application — full shell width (same as hero / tabs) */
.pd-full {
	width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--pd-section-gap);
}
.pd-full > .pd-panel,
.pd-full > .pd-cta {
	margin: 0;
}

.pd-panel {
	background: var(--pd-surface);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: var(--pd-section-y) var(--pd-section-x);
	margin: 0 0 var(--pd-section-gap);
	scroll-margin-top: calc(var(--pd-header-offset) + var(--pd-tabs-h) + 12px);
	box-sizing: border-box;
}

.pd-panel-head { margin-bottom: 20px; }
.pd-panel-head h2 {
	margin: 0 0 8px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h2);
	color: var(--pd-navy);
	background: none;
	padding: 0;
}
.pd-panel-lead {
	margin: 0;
	font-size: var(--pd-fs-sm);
	line-height: 1.55;
	color: var(--pd-muted);
}

.pd-panel-body {
	font-size: var(--pd-fs-body);
	line-height: var(--pd-lh);
	color: var(--pd-muted);
}
.pd-panel-body p { margin: 0 0 14px; }
.pd-panel-body a { color: var(--pd-blue); text-decoration: underline; }
.pd-panel-body ul,
.pd-panel-body ol {
	padding-left: 1.25em;
	margin: 0 0 var(--pd-gap);
}
.pd-panel-body li {
	margin-bottom: 8px;
	line-height: 1.55;
	color: #707070;
}

/* Formatted CMS content (details / application / specs) */
.pd-prose h3,
.pd-prose h4 {
	margin: 28px 0 12px;
	font-family: var(--pd-font-semi);
	color: var(--pd-navy);
	line-height: var(--pd-lh-tight);
	background: none;
	padding: 0;
	padding-left: 0 !important;
	font-weight: 600;
}
.pd-prose h3 {
	font-size: var(--pd-fs-h3);
	padding-bottom: 8px;
	border-bottom: 1px solid var(--pd-line);
}
.pd-prose h4 {
	font-size: var(--pd-fs-h4);
}
.pd-prose h3:first-child,
.pd-prose h4:first-child {
	margin-top: 0;
}
.pd-prose h3 + p,
.pd-prose h3 + ul,
.pd-prose h3 + ol,
.pd-prose h3 + table,
.pd-prose h4 + p,
.pd-prose h4 + ul,
.pd-prose h4 + ol,
.pd-prose h4 + table {
	margin-top: 0;
}
.pd-prose p {
	margin: 0 0 14px;
	font-size: var(--pd-fs-body);
	line-height: var(--pd-lh);
	color: #707070;
}
.pd-prose strong,
.pd-prose b {
	color: var(--pd-navy);
	font-family: var(--pd-font-semi);
	font-weight: 600;
}
.pd-prose ul,
.pd-prose ol {
	background: var(--pd-soft);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: 12px 12px 12px 2em;
	margin: 0 0 18px;
}

/* Product CMS tables — full width + visible grid borders */
.pd-page table {
	width: 100% !important;
	max-width: 100% !important;
	display: table !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin: 0 0 22px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: #fff !important;
	border: 1px solid var(--pd-line-strong) !important;
	border-radius: 0 !important;
	table-layout: fixed;
	box-sizing: border-box !important;
}
.pd-page table td,
.pd-page table th {
	border: 1px solid var(--pd-line-strong) !important;
	padding: 12px 14px !important;
	font-size: var(--pd-fs-sm);
	font-family: var(--pd-font);
	color: var(--pd-text);
	vertical-align: top;
	line-height: 1.5;
	transition: background-color .15s ease;
	box-sizing: border-box;
}
.pd-page table tr td:first-child,
.pd-page table tr th:first-child {
	width: 38%;
	background: #f3f6fb !important;
	font-family: var(--pd-font-semi);
	color: var(--pd-navy);
}
.pd-page table tbody tr:hover td {
	background: #eef3fb !important;
}
.pd-page table tbody tr:hover td:first-child {
	background: #e4ebf7 !important;
}
.pd-page table p {
	margin: 0;
}

/* Full-bleed / major content sections */
.pd-details-band {
	background: var(--pd-surface);
	border: none;
	border-radius: 0;
	padding: var(--pd-section-y) 0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
	box-sizing: border-box;
	scroll-margin-top: calc(var(--pd-header-offset) + var(--pd-tabs-h) + 12px);
}
.pd-details-inner {
	max-width: var(--pd-max);
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.pd-details-band .pd-prose {
	text-align: justify;
	hyphens: auto;
}
.pd-details-band .pd-prose h2,
.pd-details-band .pd-prose h3,
.pd-details-band .pd-prose h4 {
	text-align: left;
}

/* Soft body copy — matches FAQ answer tone */
.pd-details-band .pd-prose,
.pd-details-band .pd-prose p,
.pd-details-band .pd-prose li,
.pd-details-band .pd-panel-body {
	color: #707070;
}
.pd-details-band .pd-prose strong,
.pd-details-band .pd-prose b {
	color: #5f6d75;
}

.pd-application .pd-app-intro,
.pd-application .pd-app-intro p,
.pd-application .pd-app-card-body,
.pd-application .pd-app-card-body p,
.pd-application .pd-panel-body,
.pd-application .pd-prose,
.pd-application .pd-prose p,
.pd-application .pd-prose li {
	color: #707070;
}
.pd-application .pd-prose strong,
.pd-application .pd-prose b,
.pd-application .pd-app-intro strong,
.pd-application .pd-app-intro b {
	color: #5f6d75;
}

/* Application — colorful highlight cards */
.pd-application {
	background: linear-gradient(180deg, #fff8f1 0%, #ffffff 40%);
	border-color: #f0d2b4;
	box-shadow: 0 8px 24px rgba(196, 92, 38, 0.06);
}

.pd-application .pd-panel-head h2 {
	color: #9a3f12;
}

.pd-app-intro {
	margin-bottom: 20px;
	padding: var(--pd-gap) 18px;
	background: #fff;
	border: 1px solid #f0d2b4;
	border-left: 4px solid var(--pd-amber);
	border-radius: var(--pd-radius);
	font-size: var(--pd-fs-body);
	line-height: var(--pd-lh);
	color: #707070;
}
.pd-app-intro h3 {
	margin: 0 0 8px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h3);
	color: var(--pd-navy);
	background: none;
	padding: 0;
	border: 0;
}
.pd-app-intro p { margin: 0 0 10px; }
.pd-app-intro p:last-child { margin-bottom: 0; }

.pd-app-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pd-gap);
}

.pd-app-card {
	position: relative;
	background: #fff;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: 18px var(--pd-gap);
	border-left-width: 5px;
	box-shadow: 0 4px 14px rgba(26, 39, 68, 0.04);
	transition: transform .2s ease, box-shadow .2s ease;
}
.pd-app-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(26, 39, 68, 0.1);
}

.pd-app-card-index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 24px;
	padding: 0 8px;
	margin-bottom: 8px;
	border-radius: var(--pd-radius);
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-tiny);
	letter-spacing: .04em;
	color: #fff;
}

.pd-app-card h3 {
	margin: 0 0 10px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h4);
	line-height: var(--pd-lh-tight);
	color: var(--pd-navy);
	background: none;
	padding: 0;
	border: 0;
}

.pd-app-card-body {
	font-size: var(--pd-fs-sm);
	line-height: 1.65;
	color: #707070;
}
.pd-app-card-body p { margin: 0 0 10px; }
.pd-app-card-body p:last-child { margin-bottom: 0; }

.pd-app-best {
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: var(--pd-radius);
	background: rgba(255, 255, 255, 0.85);
	border: 1px dashed currentColor;
}
.pd-app-best-label {
	display: inline-block;
	margin-bottom: 8px;
	font-family: var(--pd-font-semi);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .08em;
}
.pd-app-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.pd-app-chip {
	display: inline-block;
	padding: 5px 10px;
	border-radius: var(--pd-radius);
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	font-size: var(--pd-fs-tiny);
	line-height: 1.3;
	color: var(--pd-navy);
	font-family: var(--pd-font-semi);
}

/* Color variants */
.pd-app-teal { border-left-color: #0d9488; }
.pd-app-teal .pd-app-card-index { background: #0d9488; }
.pd-app-teal .pd-app-best { color: #0f766e; background: #f0fdfa; }

.pd-app-blue { border-left-color: #2563eb; }
.pd-app-blue .pd-app-card-index { background: #2563eb; }
.pd-app-blue .pd-app-best { color: #1d4ed8; background: #eff6ff; }

.pd-app-amber { border-left-color: #d97706; }
.pd-app-amber .pd-app-card-index { background: #d97706; }
.pd-app-amber .pd-app-best { color: #b45309; background: #fffbeb; }

.pd-app-violet { border-left-color: #7c3aed; }
.pd-app-violet .pd-app-card-index { background: #7c3aed; }
.pd-app-violet .pd-app-best { color: #6d28d9; background: #f5f3ff; }

.pd-app-green { border-left-color: #16a34a; }
.pd-app-green .pd-app-card-index { background: #16a34a; }
.pd-app-green .pd-app-best { color: #15803d; background: #f0fdf4; }

.pd-app-coral { border-left-color: #e11d48; }
.pd-app-coral .pd-app-card-index { background: #e11d48; }
.pd-app-coral .pd-app-best { color: #be123c; background: #fff1f2; }

.pd-app-slate { border-left-color: #475569; }
.pd-app-slate .pd-app-card-index { background: #475569; }
.pd-app-slate .pd-app-best { color: #334155; background: #f8fafc; }

.pd-app-indigo { border-left-color: #4f46e5; }
.pd-app-indigo .pd-app-card-index { background: #4f46e5; }
.pd-app-indigo .pd-app-best { color: #4338ca; background: #eef2ff; }

@media only screen and (max-width: 900px) {
	.pd-app-grid {
		grid-template-columns: 1fr;
	}
}

.pd-video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: #111;
	border-radius: var(--pd-radius);
	overflow: hidden;
}
.pd-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.pd-alert {
	padding: 12px 14px;
	border-radius: var(--pd-radius);
	margin-bottom: 14px;
	font-size: var(--pd-fs-sm);
	font-family: var(--pd-font);
}
.pd-form > .pd-alert {
	grid-column: 1 / -1;
}
.pd-alert[hidden] { display: none !important; }
.pd-alert-ok { background: #e8f7ef; color: #1e7a46; }
.pd-alert-err { background: #fdecea; color: #b23b2f; }

.pd-inquiry-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.95fr);
	gap: 20px;
	align-items: stretch;
}

.pd-inquiry-main {
	min-width: 0;
}

.pd-inquiry-head {
	margin-bottom: 20px;
}
.pd-inquiry-head h2 {
	margin: 0 0 8px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h2);
	color: var(--pd-navy);
	background: none;
	padding: 0;
	line-height: var(--pd-lh-tight);
}
.pd-inquiry-sla {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 12px 0 0;
	font-size: var(--pd-fs-sm);
	font-family: var(--pd-font-semi);
	font-weight: 600;
	color: var(--pd-navy);
}
.pd-inquiry-sla .fa {
	color: var(--pd-amber);
	font-size: 15px;
}

.pd-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.pd-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: var(--pd-fs-tiny);
	font-family: var(--pd-font-semi);
	color: var(--pd-muted);
	text-transform: uppercase;
	letter-spacing: .04em;
}
.pd-form .pd-req {
	color: var(--pd-amber);
	font-style: normal;
	font-family: var(--pd-font-semi);
}
.pd-form-full { grid-column: 1 / -1; }
.pd-form input,
.pd-form textarea {
	min-height: 46px;
	padding: 11px 14px;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	font-size: var(--pd-fs-body);
	font-family: var(--pd-font);
	color: var(--pd-text);
	background: #fff;
	text-transform: none;
	letter-spacing: normal;
	width: 100%;
	box-sizing: border-box;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.pd-form input:focus,
.pd-form textarea:focus {
	outline: none;
	border-color: #9eb0d4;
	box-shadow: 0 0 0 3px rgba(44, 67, 135, 0.08);
}
.pd-form textarea { min-height: 120px; resize: vertical; }
.pd-form button {
	grid-column: 1 / -1;
	justify-self: start;
	min-height: 48px;
	padding: 0 22px;
	font-size: 15px;
}
.pd-form-note {
	grid-column: 1 / -1;
	margin: 0;
	font-size: var(--pd-fs-tiny);
	color: var(--pd-muted);
	text-transform: none;
	letter-spacing: normal;
	font-family: var(--pd-font);
}
.pd-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.pd-inquiry-btn-loading[hidden],
.pd-inquiry-btn-label[hidden] {
	display: none !important;
}

.pd-inquiry-panel {
	border-color: var(--pd-line);
	box-shadow: none;
	overflow: hidden;
}

.pd-deal-cta {
	display: grid;
	gap: 10px;
	margin-bottom: 18px;
}
.pd-deal-cta .pd-btn {
	min-height: 46px;
	justify-content: center;
}

.pd-deal {
	background: #f9f6f0;
	border: 1px solid #ece4d8;
	border-radius: var(--pd-radius);
	padding: 22px 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}
.pd-deal h3 {
	margin: 0 0 14px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h4);
	color: var(--pd-navy);
	line-height: var(--pd-lh-tight);
}
.pd-deal-block {
	margin: 0 0 16px;
	padding-top: 16px;
	border-top: 1px solid #e6ddd0;
}
.pd-deal-block strong {
	display: block;
	margin-bottom: 10px;
	font-size: var(--pd-fs-tiny);
	font-family: var(--pd-font-semi);
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--pd-muted);
}
.pd-deal-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.pd-deal-pill {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid #e0d7cb;
	background: #fff;
	font-size: var(--pd-fs-xs);
	font-family: var(--pd-font-semi);
	color: var(--pd-navy);
	line-height: 1.3;
}
.pd-deal-contacts {
	display: grid;
	gap: 14px;
	margin: 0 0 16px;
	padding-top: 16px;
	border-top: 1px solid #e6ddd0;
}
.pd-deal-contact {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 10px;
	align-items: start;
}
.pd-deal-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: var(--pd-amber);
	font-size: 15px;
}
.pd-deal-contact strong {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	font-family: var(--pd-font-semi);
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--pd-muted);
}
.pd-deal-contact a,
.pd-deal-contact p {
	margin: 0;
	font-size: var(--pd-fs-sm);
	font-family: var(--pd-font-semi);
	color: var(--pd-navy);
	line-height: 1.45;
	word-break: break-word;
}
.pd-deal-contact a:hover { color: var(--pd-blue); }
.pd-deal-foot {
	margin: auto 0 0;
	padding-top: 14px;
	border-top: 1px solid #e6ddd0;
	font-size: var(--pd-fs-tiny);
	line-height: 1.5;
	color: var(--pd-muted);
	font-family: var(--pd-font);
}

/* Mid / end CTA bands */
.pd-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
	padding: 28px var(--pd-section-x);
	margin: 0;
	border-radius: var(--pd-radius);
	scroll-margin-top: calc(var(--pd-header-offset) + var(--pd-tabs-h) + 12px);
	box-sizing: border-box;
}
.pd-cta-copy {
	flex: 1 1 280px;
	max-width: 640px;
}
.pd-cta-kicker {
	margin: 0 0 6px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-eyebrow);
	text-transform: uppercase;
	letter-spacing: .1em;
	opacity: .85;
}
.pd-cta h2 {
	margin: 0 0 8px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h2);
	line-height: var(--pd-lh-tight);
	background: none;
	padding: 0;
}
.pd-cta p {
	margin: 0;
	font-size: var(--pd-fs-sm);
	line-height: 1.55;
	font-family: var(--pd-font);
	opacity: .92;
}
.pd-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pd-cta-navy {
	background: linear-gradient(135deg, #152038 0%, var(--pd-navy) 55%, #2c4387 100%);
	color: #fff;
}
.pd-cta-navy .pd-cta-kicker { color: #f0b27a; }
.pd-cta-navy h2,
.pd-cta-navy p { color: #fff; }

.pd-cta-amber {
	background: linear-gradient(135deg, #c45c26 0%, #d9782f 100%);
	color: #fff;
}
.pd-cta-amber .pd-cta-kicker { color: #ffe8d4; }
.pd-cta-amber h2,
.pd-cta-amber p { color: #fff; }
.pd-cta-amber .pd-btn-accent {
	background: #1a2744;
}
.pd-cta-amber .pd-btn-accent:hover {
	background: #0f1729;
}

.pd-cta-soft {
	background: #fff;
	border: 1px solid var(--pd-line);
	color: var(--pd-text);
}
.pd-cta-soft .pd-cta-kicker { color: var(--pd-amber); }
.pd-cta-soft h2 { color: var(--pd-navy); }
.pd-cta-soft p { color: var(--pd-muted); opacity: 1; }

/* Soft CTA after Related — tight, consistent spacing */
.pd-after-related {
	padding-top: var(--pd-section-gap);
	padding-bottom: 0;
}
.pd-after-related .pd-cta {
	margin: 0;
}

.pd-related-band {
	background: var(--pd-surface);
	border: none;
	border-radius: 0;
	padding: var(--pd-section-y) 0;
	margin: 0;
	scroll-margin-top: calc(var(--pd-header-offset) + var(--pd-tabs-h) + 12px);
	box-sizing: border-box;
}
.pd-related-inner {
	max-width: var(--pd-max);
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.pd-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--pd-gap);
}
.pd-related-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	overflow: hidden;
	min-height: 100%;
	padding: 0;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.pd-related-card:hover {
	border-color: #9eb0d4;
	box-shadow: 0 8px 18px rgba(26,39,68,.08);
	transform: translateY(-2px);
}
.pd-related-media {
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--pd-soft);
	border-bottom: 1px solid var(--pd-line);
	padding: 10px;
	box-sizing: border-box;
}
.pd-page .pd-related-media img {
	max-height: 100% !important;
	max-width: 100% !important;
	width: auto !important;
	object-fit: contain;
}
.pd-related-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 14px;
	flex: 1;
}
.pd-related-tag {
	align-self: flex-start;
	padding: 4px 8px;
	border-radius: var(--pd-radius);
	background: #eef2fb;
	color: var(--pd-blue);
	font-size: 11px;
	font-family: var(--pd-font-semi);
}
.pd-related-name {
	margin: 0;
	padding: 0;
	padding-left: 0;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-sm);
	color: var(--pd-navy);
	line-height: var(--pd-lh-tight);
	background: none;
	font-weight: 600;
}
.pd-related-name a { color: inherit; }
.pd-related-name a:hover { color: var(--pd-blue); }
.pd-related-price {
	margin: 0;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-sm);
	color: var(--pd-amber);
}
.pd-related-price.is-muted {
	color: var(--pd-muted);
	font-size: var(--pd-fs-xs);
}
.pd-related-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-top: auto;
}
.pd-related-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 8px;
	border-radius: var(--pd-radius);
	border: 1px solid var(--pd-line);
	background: #fff;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-tiny);
	color: var(--pd-navy) !important;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}
.pd-related-btn:hover {
	border-color: var(--pd-blue);
	color: var(--pd-blue) !important;
}
.pd-related-btn.is-accent {
	background: var(--pd-amber);
	border-color: var(--pd-amber);
	color: #fff !important;
}
.pd-related-btn.is-accent:hover {
	background: var(--pd-amber-hover);
	border-color: var(--pd-amber-hover);
	color: #fff !important;
}
.pd-related-local {
	margin: 0;
	font-size: 11px;
	color: #7a879c;
}
.pd-related-go { display: none; }

/* Right rail */
.pd-rail {
	display: grid;
	gap: 12px;
}
.pd-rail-card {
	background: var(--pd-surface);
	border: 1px solid var(--pd-line);
	border-radius: var(--pd-radius);
	padding: var(--pd-gap);
}
.pd-rail-sticky {
	position: sticky;
	top: 58px;
	display: grid;
	gap: 10px;
}
.pd-rail-cta {
	border-color: #f0d2b4;
	background: linear-gradient(180deg, #fffaf5 0%, #ffffff 55%);
}
.pd-rail-card h3 {
	margin: 0;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-h4);
	color: var(--pd-navy);
	line-height: var(--pd-lh-tight);
}
.pd-rail-price {
	margin: 0;
	font-family: var(--pd-font-semi);
	font-size: 18px;
	color: var(--pd-amber);
}
.pd-rail-price.is-muted {
	color: var(--pd-muted);
	font-size: var(--pd-fs-sm);
}
.pd-rail-trust {
	list-style: none;
	margin: 4px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid var(--pd-line);
	display: grid;
	gap: 6px;
}
.pd-rail-trust li {
	font-size: var(--pd-fs-tiny);
	font-family: var(--pd-font);
	color: var(--pd-muted);
	padding-left: 16px;
	position: relative;
}
.pd-rail-trust li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: #16a34a;
	font-weight: 700;
}
.pd-local p {
	margin: 0 0 8px;
	font-size: var(--pd-fs-xs);
	line-height: 1.5;
	color: var(--pd-muted);
	font-family: var(--pd-font);
}
.pd-local-address {
	font-size: var(--pd-fs-tiny) !important;
	color: var(--pd-muted);
}
.pd-local-call {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
	font-family: var(--pd-font-semi);
	font-size: var(--pd-fs-sm);
	color: var(--pd-blue) !important;
}

.pd-mobile-bar {
	display: none;
}

@media only screen and (max-width: 980px) {
	.pd-page { --pd-header-offset: 50px; }
	.pd-hero { grid-template-columns: 1fr; }
	.pd-layout { grid-template-columns: 1fr; }
	.pd-rail-sticky { position: static; }
	.pd-inquiry-grid { grid-template-columns: 1fr; }
	.pd-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media only screen and (max-width: 600px) {
	.pd-page {
		--pd-section-y: 28px;
		--pd-section-x: 16px;
		--pd-section-gap: 16px;
		padding-bottom: 72px; /* clear fixed mobile action bar */
	}
	.pd-shell { padding: 14px 14px 28px; }
	.pd-after-related {
		padding-top: var(--pd-section-gap);
		padding-bottom: 0;
	}
	.pd-tabs { --pd-tabs-pad: 14px; }
	.pd-related-inner,
	.pd-details-inner { padding: 0 14px; }
	.pd-form { grid-template-columns: 1fr; }
	.pd-related-grid { grid-template-columns: 1fr; }
	.pd-mobile-bar {
		display: grid;
		grid-template-columns: 1fr 1fr 1.2fr;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 80;
		background: #fff;
		border-top: 1px solid var(--pd-line);
		box-shadow: 0 -6px 18px rgba(0,0,0,.08);
	}
	.pd-mobile-bar a,
	.pd-mobile-bar button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		min-height: 52px;
		width: 100%;
		border: 0;
		background: transparent;
		font-family: var(--pd-font-semi);
		font-size: var(--pd-fs-xs);
		color: var(--pd-navy);
		border-right: 1px solid var(--pd-line);
		cursor: pointer;
	}
	.pd-mobile-bar a:last-child,
	.pd-mobile-bar button:last-child { border-right: 0; }
	.pd-mobile-bar a.is-wa {
		color: #128c7e;
	}
	.pd-mobile-bar a.is-accent,
	.pd-mobile-bar button.is-accent {
		background: var(--pd-amber);
		color: #fff !important;
	}
}

@media only screen and (max-width: 700px) {
	.pd-cta-actions {
		width: 100%;
	}
	.pd-cta-actions .pd-btn {
		flex: 1 1 auto;
	}
}