/* Facigoo — single product styles (split from facigoo.css). */
/* ---------------------------------------------------------------------------
 * Product detail (productdetails frame)
 * ------------------------------------------------------------------------- */
.fg-pd {
	background: var(--white);
	color: var(--text-body);
}

/* --- 1. Overview --- */
.fg-pd-overview {
	background: var(--white);
	padding: 48px 0 56px;
}

.fg-pd-overview-inner,
.fg-pd-spec-inner,
.fg-pd-related-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

@media (min-width: 1201px) {
	.fg-pd-overview-inner,
	.fg-pd-spec-inner,
	.fg-pd-related-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

.fg-pd-row {
	display: flex;
	gap: 48px;
	align-items: flex-start;
}

.fg-pd-media {
	flex: 0 0 480px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.fg-pd-hero {
	height: 480px;
	background: var(--surface-mist);
	overflow: hidden;
}

.fg-pd-hero-img {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.fg-pd-thumbs {
	display: flex;
	gap: 12px;
}

.fg-pd-thumb {
	flex: 1;
	height: 111px;
	border: 1px solid var(--line);
	background: var(--white);
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	transition: border-color 0.2s ease;
}

.fg-pd-thumb-img {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.fg-pd-thumb:hover,
.fg-pd-thumb-active {
	border-color: var(--brand-green);
}

.fg-pd-thumb-empty {
	background: var(--surface-green-soft);
	border-color: var(--surface-green-soft);
	cursor: default;
}

.fg-pd-thumb-more {
	flex: 1;
	height: 111px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--surface-green-soft);
	color: var(--brand-green);
	font-size: 16px;
	font-weight: 800;
}

.fg-pd-specs {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.fg-pd-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.fg-pd-breadcrumb a {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.8px;
	color: var(--text-muted-4);
	text-decoration: none;
	transition: color 0.2s ease;
}

.fg-pd-breadcrumb a:hover {
	color: var(--brand-green);
}

.fg-pd-crumb-sep {
	font-size: 11px;
	font-weight: 600;
	color: var(--text-muted-5);
}

.fg-pd-crumb-current {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.8px;
	color: var(--ink-strong);
}

.fg-pd-title {
	font-size: 44px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -1px;
	color: var(--ink);
	margin: 0;
	text-transform: uppercase;
}

.fg-pd-desc {
	font-size: 15px;
	line-height: 1.6;
	color: var(--text-body);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.fg-pd-metrics {
	display: flex;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	padding: 16px 0;
}

.fg-pd-metric {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 0 16px;
	border-right: 1px solid var(--line);
}

.fg-pd-metric:first-child {
	padding-left: 0;
}

.fg-pd-metric:last-child {
	padding-right: 0;
	border-right: 0;
}

.fg-pd-metric-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.2px;
	color: var(--text-muted-4);
}

.fg-pd-metric-value {
	font-size: 18px;
	font-weight: 800;
	color: var(--ink);
}

.fg-pd-config-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.4px;
	color: var(--ink-strong);
	margin: 0;
}

.fg-pd-options {
	display: flex;
	gap: 12px;
}

.fg-pd-option {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px;
	border: 1px solid var(--line);
	background: var(--white);
	text-align: left;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
}

.fg-pd-option:hover,
.fg-pd-option-active {
	background: var(--surface-mist);
	border-color: var(--brand-green);
}

.fg-pd-option-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.4px;
	color: var(--text-muted-4);
}

.fg-pd-option-active .fg-pd-option-label {
	color: var(--brand-green);
}

.fg-pd-option-value {
	font-size: 15px;
	font-weight: 700;
	color: var(--ink-strong);
}

.fg-pd-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* Square swatches: pure color tile (design v2 overview), color name shown
 * as native tooltip (title/aria-label). */
.fg-pd-swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid var(--line);
	background: var(--white);
	cursor: pointer;
	font-family: inherit;
	transition: border-color 0.2s ease, background 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.fg-pd-swatch-tile {
	display: block;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

/* Interactions — same language as the drivetrain options: light green tint
 * + green border. Overrides GeneratePress's global gray button hover. */
.fg-pd-swatch:hover,
.fg-pd-swatch:focus,
.fg-pd-swatch:focus-visible,
.fg-pd-swatch:active {
	background: var(--surface-mist);
	border-color: var(--brand-green);
	color: var(--text-body);
	box-shadow: none;
	outline: none;
}

.fg-pd-swatch-active,
.fg-pd-swatch-active:hover,
.fg-pd-swatch-active:focus,
.fg-pd-swatch-active:focus-visible,
.fg-pd-swatch-active:active {
	background: var(--surface-mist);
	border-color: var(--brand-green);
	box-shadow: none;
	outline: none;
}

.fg-pd-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 8px;
}

.fg-pd-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

.fg-pd-cta-outline {
	border: 1px solid var(--brand-green);
	color: var(--brand-green);
	padding: 10px 28px;
	background: var(--white);
}

.fg-pd-cta-outline:hover,
.fg-pd-cta-outline:focus,
.fg-pd-cta-outline:active {
	background: var(--brand-green);
	color: var(--white);
	border-color: var(--brand-green);
}

.fg-pd-cta-primary {
	border: 1px solid var(--brand-green);
	background: var(--brand-green);
	color: var(--white);
	padding: 11px 28px;
}

.fg-pd-cta-primary:hover,
.fg-pd-cta-primary:focus,
.fg-pd-cta-primary:active {
	background: var(--brand-accent);
	border-color: var(--brand-accent);
	color: var(--white);
}

.fg-pd-price-block {
	display: flex;
	align-items: baseline;
	gap: 16px;
	padding-top: 8px;
}

.fg-pd-price-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.4px;
	color: var(--text-muted-4);
}

.fg-pd-price {
	font-size: 26px;
	font-weight: 800;
	color: var(--brand-green);
}

.fg-pd-price .woocommerce-Price-amount {
	color: var(--brand-green);
}

/* --- 2. Tabs --- */
.fg-pd-spec-section {
	background: var(--white);
	padding: 0 0 48px;
}

.fg-pd-tabs {
	display: flex;
	gap: 32px;
	border-bottom: 1px solid var(--line);
}

.fg-pd-tab {
	padding: 14px 2px;
	background: none !important;
	border: 0;
	border-bottom: 1px solid var(--line);
	margin-bottom: -1px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.7px;
	color: var(--text-body);
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
	font-family: inherit;
}

.fg-pd-tab:hover,
.fg-pd-tab:focus,
.fg-pd-tab:active,
.fg-pd-tab:focus-visible {
	color: var(--brand-green);
	background: none !important;
}

.fg-pd-tab-active,
.fg-pd-tab-active:hover,
.fg-pd-tab-active:focus,
.fg-pd-tab-active:active,
.fg-pd-tab-active:focus-visible {
	color: var(--brand-orange);
	background: none !important;
	border-bottom-color: var(--brand-orange);
}

.fg-pd-tab-content {
	padding-top: 8px;
}

.fg-pd-panel {
	display: none;
}

.fg-pd-panel-active {
	display: block;
}

.fg-pd-desc-block {
	padding-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.fg-pd-desc-paragraph {
	font-size: 14px;
	line-height: 1.75;
	color: var(--text-body);
	margin: 0;
}

.fg-pd-desc-block h2 {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink);
	margin: 4px 0 12px;
}

.fg-pd-desc-block h3 {
	font-size: 16px;
	font-weight: 700;
	color: var(--ink-strong);
	margin: 12px 0 8px;
}

.fg-pd-desc-block p {
	margin: 8px 0;
}

.fg-pd-desc-block table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin: 12px 0;
}

.fg-pd-desc-block table td {
	padding: 9px 12px;
	border-bottom: 1px solid var(--line);
	vertical-align: top;
}

.fg-pd-desc-block table td:first-child {
	font-weight: 700;
	color: var(--ink-strong);
	width: 42%;
}

.fg-pd-highlights {
	display: flex;
	gap: 48px;
}

.fg-pd-highlight-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.fg-pd-highlight {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-strong);
}

.fg-pd-highlight svg {
	color: var(--brand-green);
	flex-shrink: 0;
}

.fg-pd-spec-tables {
	padding-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.fg-pd-spec-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.fg-pd-spec-heading {
	font-size: 18px;
	font-weight: 700;
	color: var(--ink);
	margin: 0;
}

.fg-pd-spec-table {
	display: flex;
	flex-direction: column;
	padding-top: 8px;
}

.fg-pd-spec-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 12px 0;
	border-bottom: 1px solid var(--line);
}

.fg-pd-spec-row-label {
	font-size: 13px;
	font-weight: 400;
	color: var(--text-body);
}

.fg-pd-spec-row-value {
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-strong);
	text-align: right;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Valeur longue (> 40 caractères) : le paramètre passe en vertical —
 * libellé sur une ligne, valeur sur la ligne suivante pleine largeur.
 * Pas de débordement, pas d'effet d'entassement. */
.fg-pd-spec-row-long {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.fg-pd-spec-row-long .fg-pd-spec-row-value {
	text-align: left;
}

/* Documentation form */
.fg-pd-form {
	padding-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 1152px;
}

.fg-pd-form-intro {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 520px;
}

.fg-pd-form-title {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.5px;
	color: var(--ink);
	margin: 0;
}

.fg-pd-form-desc {
	font-size: 13px;
	line-height: 1.6;
	color: var(--text-body);
	margin: 0;
}

.fg-pd-form-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.fg-pd-field-row {
	display: flex;
	gap: 16px;
}

.fg-pd-field {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fg-pd-field-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: var(--text-muted-4);
}

.fg-pd .fg-pd-input {
	height: 42px;
	padding: 0 14px;
	border: 1px solid var(--line);
	background: var(--white);
	font-size: 13px;
	color: var(--ink-strong);
	box-sizing: border-box;
	font-family: inherit;
	box-shadow: none;
	border-radius: 0;
	outline: none;
}

.fg-pd .fg-pd-input::placeholder {
	color: var(--text-muted-5);
}

.fg-pd .fg-pd-input:focus,
.fg-pd .fg-pd-input:focus-visible,
.fg-pd .fg-pd-input:active {
	outline: none !important;
	outline-offset: 0 !important;
	border: 1px solid var(--brand-green) !important;
	background: var(--white) !important;
	box-shadow: none !important;
}

.fg-pd .fg-pd-input-area {
	height: 84px;
	padding: 14px;
	resize: vertical;
}

.fg-pd-submit {
	padding-top: 4px;
}

.fg-pd-submit-btn {
	border: 1px solid var(--brand-green);
	background: var(--brand-green);
	color: var(--white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.6px;
	padding: 11px 28px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
}

.fg-pd-submit-btn:hover,
.fg-pd-submit-btn:focus,
.fg-pd-submit-btn:active {
	background: var(--brand-accent);
	border-color: var(--brand-accent);
}

/* ---------------------------------------------------------------------------
 * Contact Form 7 — theme-styled documentation form (FORMULAIRE tab).
 * product.css is the stylesheet loaded on single-product pages, so the CF7
 * shortcode must be styled here (the shared CF7 block lives in content.css,
 * which is NOT enqueued on product pages). Mirrors the built-in .fg-pd-*
 * field design: 2-column grid, green labels/inputs/submit.
 * ------------------------------------------------------------------------- */
.fg-pd-form-fields .wpcf7-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.fg-pd-form-fields .wpcf7-form p {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fg-pd-form-fields .wpcf7-form label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: var(--text-muted-4);
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fg-pd-form-fields .wpcf7-form input[type="text"],
.fg-pd-form-fields .wpcf7-form input[type="email"],
.fg-pd-form-fields .wpcf7-form input[type="tel"],
.fg-pd-form-fields .wpcf7-form select,
.fg-pd-form-fields .wpcf7-form textarea {
	height: 42px;
	padding: 0 14px;
	border: 1px solid var(--line);
	background: var(--white);
	font-size: 13px;
	color: var(--ink-strong);
	box-sizing: border-box;
	font-family: inherit;
	box-shadow: none;
	border-radius: 0;
	outline: none;
	width: 100%;
	max-width: 100%;
}

.fg-pd-form-fields .wpcf7-form textarea {
	height: 84px;
	padding: 14px;
	resize: vertical;
}

.fg-pd-form-fields .wpcf7-form input::placeholder,
.fg-pd-form-fields .wpcf7-form textarea::placeholder {
	color: var(--text-muted-5);
}

.fg-pd-form-fields .wpcf7-form input:focus,
.fg-pd-form-fields .wpcf7-form select:focus,
.fg-pd-form-fields .wpcf7-form textarea:focus {
	outline: none !important;
	outline-offset: 0 !important;
	border: 1px solid var(--brand-green) !important;
	background: var(--white) !important;
	box-shadow: none !important;
}

/* Full-width rows: the textarea (VOTRE BESOIN) and the submit button. */
.fg-pd-form-fields .wpcf7-form p:has(textarea),
.fg-pd-form-fields .wpcf7-form p:has(.wpcf7-submit) {
	grid-column: 1 / -1;
}

.fg-pd-form-fields .wpcf7-form > .wpcf7-submit {
	grid-column: 1 / -1;
	justify-self: start;
}

.fg-pd-form-fields .wpcf7-form .wpcf7-submit {
	border: 1px solid var(--brand-green);
	background: var(--brand-green);
	color: var(--white);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.6px;
	padding: 11px 28px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: inherit;
	border-radius: 0;
	box-shadow: none;
	width: auto;
	align-self: flex-start;
}

.fg-pd-form-fields .wpcf7-form .wpcf7-submit:hover,
.fg-pd-form-fields .wpcf7-form .wpcf7-submit:focus,
.fg-pd-form-fields .wpcf7-form .wpcf7-submit:active {
	background: var(--brand-accent);
	border-color: var(--brand-accent);
}

.fg-pd-form-fields .wpcf7-form .wpcf7-not-valid {
	border-color: var(--brand-orange) !important;
}

.fg-pd-form-fields .wpcf7-form .wpcf7-not-valid-tip {
	color: var(--brand-orange);
	font-size: 12px;
}

.fg-pd-form-fields .wpcf7-response-output {
	grid-column: 1 / -1;
	margin: 0;
	padding: 12px 16px;
	border: 1px solid var(--line);
	font-size: 14px;
}

.fg-pd-form-fields .wpcf7-mail-sent-ok {
	background: var(--surface-green-soft);
	color: var(--brand-green-deep);
	border-color: var(--line-green);
}

.fg-pd-form-fields .wpcf7-validation-errors,
.fg-pd-form-fields .wpcf7-mail-sent-ng {
	background: #FDF0E7;
	color: var(--brand-orange);
	border-color: var(--brand-orange);
}

/* --- 3. Related --- */
.fg-pd-related {
	background: var(--surface-mist);
	padding: 48px 0 56px;
}

.fg-pd-related-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}

.fg-pd-related-headings {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fg-pd-related-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--brand-orange);
}

.fg-pd-related-title {
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.75px;
	color: var(--ink);
	margin: 0;
}

.fg-pd-arrows {
	display: flex;
	gap: 8px;
}

.fg-pd-arrow {
	width: 40px;
	height: 40px;
	background: var(--white);
	border: 0;
	color: var(--ink-strong);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	padding: 0;
}

.fg-pd-arrow:hover {
	background: var(--brand-green);
	color: var(--white);
}

.fg-pd-arrow svg {
	display: block;
}

.fg-pd-related-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding-top: 32px;
}

.fg-pd-related-card {
	background: var(--white);
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.fg-pd-related-card:hover {
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
	transform: translateY(-3px);
}

.fg-pd-related-img {
	display: block;
	height: auto;
	aspect-ratio: 1 / 1;
	background: var(--surface-mist);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.fg-pd-related-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px;
}

.fg-pd-related-name {
	font-size: 18px;
	font-weight: 700;
	color: var(--ink-strong);
}

.fg-pd-related-desc {
	font-size: 13px;
	line-height: 1.5;
	color: var(--text-body);
}

.fg-pd-related-price-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 12px;
}

.fg-pd-related-price {
	font-size: 18px;
	font-weight: 800;
	color: var(--brand-green);
}

.fg-pd-related-price .woocommerce-Price-amount {
	color: var(--brand-green);
}

.fg-pd-related-link {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--brand-green);
}

/* --- 4. Dealer CTA --- */
.fg-pd-dealer {
	background: var(--surface-mist);
	padding: 64px 0 72px;
}

.fg-pd-dealer-card {
	max-width: 800px;
	margin: 0 auto;
	background: var(--white);
	padding: 48px 48px 56px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	box-sizing: border-box;
}

.fg-pd-dealer-eyebrow {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--brand-orange);
}

.fg-pd-dealer-title {
	font-size: 36px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -1px;
	color: var(--ink);
	margin: 0;
}

.fg-pd-dealer-body {
	font-size: 15px;
	line-height: 1.6;
	color: var(--text-body);
	margin: 0;
	max-width: 640px;
}

.fg-pd-dealer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding-top: 12px;
}

/* --- Responsive --- */
@media (max-width: 1023px) {
	.fg-pd-row {
		flex-direction: column;
	}
	.fg-pd-media {
		flex: none;
		width: 100%;
	}
	.fg-pd-hero {
		height: 380px;
	}
	.fg-pd-specs {
		width: 100%;
	}
	.fg-pd-related-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 639px) {
	.fg-pd-title {
		font-size: 32px;
	}
	.fg-pd-hero {
		height: 260px;
	}
	.fg-pd-thumb {
		height: 80px;
	}
	.fg-pd-thumb-more {
		height: 80px;
	}
	.fg-pd-metrics {
		flex-wrap: wrap;
	}
	.fg-pd-metric {
		flex: 1 1 40%;
		border-bottom: 1px solid var(--line);
	}
	.fg-pd-highlights {
		flex-direction: column;
		gap: 12px;
	}
	.fg-pd-field-row {
		flex-direction: column;
	}
	.fg-pd-form-fields .wpcf7-form {
		grid-template-columns: 1fr;
	}
	.fg-pd-form-fields .wpcf7-form p:has(textarea),
	.fg-pd-form-fields .wpcf7-form p:has(.wpcf7-submit),
	.fg-pd-form-fields .wpcf7-form > .wpcf7-submit,
	.fg-pd-form-fields .wpcf7-response-output {
		grid-column: 1;
	}
	.fg-pd-related-cards {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 16px;
		padding-bottom: 8px;
	}
	.fg-pd-related-card {
		flex: 0 0 82%;
		scroll-snap-align: start;
	}
	.fg-pd-dealer-card {
		padding: 32px 24px 40px;
	}
	.fg-pd-dealer-title {
		font-size: 28px;
	}
	.fg-pd-tabs {
		overflow-x: auto;
		gap: 20px;
	}
	.fg-pd-tab {
		white-space: nowrap;
	}
}