/* MotorTrend 1.5.3: direct headlines and readable surfaces in both color schemes. */
.ar-home-heading--direct {
	padding-block: 28px 0;
}

.ar-home-heading--direct h1 {
	margin: 0;
	font: 800 clamp(30px, 4vw, 44px)/1.12 var(--eh-sans);
	letter-spacing: -.045em;
}

.ar-hero {
	margin-top: 14px;
}

.eh-ticker {
	background: var(--eh-night-2);
	color: var(--eh-night-ink);
}

.eh-ticker__label {
	color: var(--eh-night-brand);
}

.eh-ticker__track a {
	color: var(--eh-night-ink);
}

.eh-ticker__track time {
	color: var(--eh-night-muted);
}

.eh-ticker__track a:hover {
	color: var(--eh-night-brand);
}

.ar-price-table {
	color: var(--eh-ink);
	background: var(--eh-surface);
}

.ar-price-table thead th {
	background: var(--eh-night);
	color: var(--eh-night-ink);
}

.ar-price-table tbody th {
	background: var(--eh-surface-2);
	color: var(--eh-ink);
}

.ar-price-table tbody td {
	background: var(--eh-surface);
	color: var(--eh-ink-2);
}

.ar-price-table tbody tr:nth-child(even) th {
	background: var(--eh-surface-3);
}

.ar-price-table tbody tr:nth-child(even) td {
	background: var(--eh-surface-2);
}

.ar-price-table .ar-price-number {
	color: var(--eh-brand-ink);
}

.ar-price-table .ar-price-campaign {
	color: #176642;
}

html[data-tema="koyu"] .ar-price-table .ar-price-campaign {
	color: #82dfad;
}

@media (prefers-color-scheme: dark) {
	html:not([data-tema="acik"]) .ar-price-table .ar-price-campaign {
		color: #82dfad;
	}
}

@media (max-width: 760px) {
	.ar-home-heading--direct {
		padding-top: 20px;
	}

	.ar-hero {
		margin-top: 10px;
	}
}