/**
 * DriveLink editorial layer — "Editorial Grid / Magazine" revamp.
 *
 * Loaded only on the front page (see drivelink-design-revamp.php) and scoped
 * to body.dl-editorial, so every other page keeps the current design. To roll
 * the editorial look out to another page later, add the `dl-editorial` body
 * class for it in drivelink_revamp_body_classes().
 *
 * Brand palette is unchanged — only the visual language moves to print:
 * serif display type (Libre Bodoni), hairline + Oxford rules, ruled 1px
 * grids, numbered departments, drop caps, flat "paper" surfaces.
 */

body.dl-editorial {
	--dle-serif: "Libre Bodoni", "Playfair Display", Georgia, "Times New Roman", serif;
	--dle-ink: var(--dl-navy-deep, #08212b);
	--dle-paper: var(--dl-cream, #fff8f1);
	--dle-hairline: rgba(8, 33, 43, 0.18);
	--dle-rule: rgba(8, 33, 43, 0.55);
	--dle-offset: 9px 9px 0 rgba(8, 33, 43, 0.07);
	--dle-ease: cubic-bezier(0.16, 1, 0.3, 1);
	background: var(--dle-paper);
}

body.dl-editorial ::selection {
	background: var(--dle-ink);
	color: var(--dle-paper);
}

body.dl-editorial :focus-visible {
	outline: 2px solid var(--dl-orange, #f58220);
	outline-offset: 2px;
}

/* Square print corners on every interactive surface of the page. */
body.dl-editorial .dlt-btn,
body.dl-editorial .dl-button,
body.dl-editorial .hrw-btn,
body.dl-editorial .hrw-chip,
body.dl-editorial .stm_dynamic_listing_filter .search-submit {
	border-radius: 0 !important;
}

body.dl-editorial .dlt-btn--primary {
	box-shadow: none;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 12px;
}

body.dl-editorial .dlt-btn--primary:hover {
	transform: none;
	box-shadow: 4px 4px 0 rgba(8, 33, 43, 0.22);
}

/* "Light" buttons become underlined editorial links (hero + CTA, on navy). */
body.dl-editorial .dlt-btn--light {
	min-height: 52px;
	padding: 0 2px;
	border: 0;
	background: transparent;
	box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.55);
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 12px;
}

body.dl-editorial .dlt-btn--light::after {
	content: "\2192";
	margin-left: 10px;
	transition: transform 200ms var(--dle-ease);
}

body.dl-editorial .dlt-btn--light:hover {
	background: transparent;
	border: 0;
	box-shadow: inset 0 -2px 0 var(--dl-orange, #f58220);
	color: var(--dl-orange, #f58220);
	transform: none;
}

body.dl-editorial .dlt-btn--light:hover::after {
	transform: translateX(5px);
}

/* ------------------------------------------------------------------ kickers
 * Eyebrows become folio kickers. Numbered ones read "03 — FOR RENT";
 * un-numbered ones (hero, CTA) get a short orange rule instead.
 */
body.dl-editorial .dlt-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
}

body.dl-editorial .dlt-eyebrow[data-dle-num]::before {
	content: attr(data-dle-num) "\2002\2014\2002";
	color: var(--dle-ink);
}

body.dl-editorial .dlt-eyebrow:not([data-dle-num])::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 2px;
	margin-right: 14px;
	background: var(--dl-orange, #f58220);
	vertical-align: 0.18em;
}

/* Numbered Motors department headlines get a kicker line above the serif. */
body.dl-editorial h3[data-dle-num]::before {
	content: attr(data-dle-num) "\2002\2014\2002" attr(data-dle-label);
	display: block;
	margin: 0 0 14px;
	color: var(--dl-orange-dark, #d96608);
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	line-height: 1;
	text-transform: uppercase;
}

/* ------------------------------------------------------------------ hero
 * Magazine cover: deep duotone photo, oversized Bodoni headline,
 * standfirst with a rule, editorial link + flat CTA.
 */
body.dl-editorial .dlt-hero--photo {
	background:
		linear-gradient(100deg, rgba(8, 33, 43, 0.94) 0%, rgba(8, 33, 43, 0.66) 52%, rgba(8, 33, 43, 0.3) 100%),
		url("/wp-content/uploads/2024/10/cars-kigali.webp") center / cover no-repeat,
		var(--dl-navy-deep, #08212b);
	border-bottom: 4px solid var(--dl-orange, #f58220);
}

body.dl-editorial .dlt-hero--photo .dlt-hero__inner {
	min-height: clamp(480px, 62vh, 660px);
	padding-block: clamp(72px, 10vw, 132px);
}

body.dl-editorial .dlt-hero--photo .dlt-eyebrow {
	color: var(--dl-orange, #f58220);
}

body.dl-editorial .dlt-hero--photo .dlt-hero__title {
	max-width: 14ch;
	font-family: var(--dle-serif);
	font-size: clamp(40px, 6.2vw, 92px);
	font-weight: 600;
	line-height: 1.02;
	letter-spacing: 0;
}

body.dl-editorial .dlt-hero--photo .dlt-hero__lead {
	max-width: 52ch;
	margin-top: 26px;
	padding-left: 20px;
	border-left: 2px solid var(--dl-orange, #f58220);
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(16px, 1.3vw, 18px);
	line-height: 1.75;
}

body.dl-editorial .dlt-hero__actions {
	gap: 26px;
	align-items: center;
	margin-top: 38px;
}

/* ------------------------------------------------------- the index (search)
 * The Motors search panel becomes a flat paper index card with text tabs.
 */
body.dl-editorial .stm_dynamic_listing_filter {
	border: 1px solid var(--dle-hairline) !important;
	border-radius: 0 !important;
	background: #fff;
	box-shadow: var(--dle-offset) !important;
}

body.dl-editorial .stm_dynamic_listing_filter_nav {
	background: #fff;
	border-bottom: 1px solid var(--dl-line, #dfe7ea);
}

body.dl-editorial .stm_dynamic_listing_filter_nav li {
	flex: 0 0 auto;
}

body.dl-editorial .stm_dynamic_listing_filter_nav li a {
	padding: 19px 26px !important;
	color: var(--dl-slate, #566872) !important;
	background: transparent !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em;
}

body.dl-editorial .stm_dynamic_listing_filter_nav li.active a,
body.dl-editorial .stm_dynamic_listing_filter_nav li a:hover {
	color: var(--dl-navy-deep, #08212b) !important;
	background: transparent !important;
	box-shadow: inset 0 -3px 0 var(--dl-orange, #f58220);
}

body.dl-editorial .stm_dynamic_listing_filter .tab-content {
	padding: 24px 26px !important;
}

body.dl-editorial .stm_dynamic_listing_filter .select2-selection--single {
	border: 1px solid var(--dl-line, #dfe7ea) !important;
	border-radius: 0 !important;
	background: #fff !important;
}

body.dl-editorial .stm_dynamic_listing_filter .search-submit {
	border-radius: 0 !important;
	box-shadow: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .stm_dynamic_listing_filter .search-submit:hover {
	transform: none;
	box-shadow: 4px 4px 0 rgba(8, 33, 43, 0.22);
}

/* ------------------------------------------------------------ departments
 * Every section header carries an Oxford rule (3px + 1px hairline) and a
 * serif headline — the page reads as numbered magazine departments.
 */
body.dl-editorial .stm_icon_filter_unit > .clearfix,
body.dl-editorial .stm_elementor_listings_grid_tabs_wrap > .clearfix,
body.dl-editorial .dlt-head {
	padding-top: 26px;
	border-top: 3px solid var(--dle-ink);
	background-image: linear-gradient(var(--dle-rule), var(--dle-rule));
	background-position: 0 5px;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}

body.dl-editorial .stm_icon_filter_title > h3,
body.dl-editorial .stm_elementor_listings_grid_tabs_wrap h3 {
	font-family: var(--dle-serif) !important;
	font-size: clamp(30px, 3vw, 40px) !important;
	font-weight: 600 !important;
	letter-spacing: 0;
	line-height: 1.1;
}

body.dl-editorial .stm-secondary-color {
	color: var(--dl-orange-dark, #d96608) !important;
	font-style: italic;
}

body.dl-editorial .dlt-head__title {
	font-family: var(--dle-serif);
	font-size: clamp(32px, 3.6vw, 48px);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: 0;
}

/* Standfirst: section intros read as a lede with a hairline rule. */
body.dl-editorial .dlt-head__intro {
	max-width: 56ch;
	margin-top: 18px;
	padding-left: 20px;
	border-left: 2px solid var(--dl-orange, #f58220);
	font-size: 17px;
	line-height: 1.8;
}

/* The rentals head drops its centering — asymmetric editorial grid. */
body.dl-editorial .dlt-head--center {
	max-width: 720px;
	margin-inline: 0;
	text-align: left;
}

/* --------------------------------------------------------- marques table
 * Make logos become a ruled print table: 1px gaps over the line colour.
 */
body.dl-editorial .stm_listing_icon_filter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 0;
	padding: 0;
	border-top: 1px solid var(--dle-hairline);
	border-left: 1px solid var(--dle-hairline);
	border-bottom: 0;
	background: transparent;
}

body.dl-editorial .stm_listing_icon_filter .stm_listing_icon_filter_single {
	min-width: 0;
	border-right: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
	background: var(--dle-paper);
	transition: background 200ms var(--dle-ease);
}

body.dl-editorial .stm_listing_icon_filter_single .inner {
	height: 100%;
	padding: 26px 16px 20px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.dl-editorial .stm_listing_icon_filter_single:hover {
	background: #fff;
}

body.dl-editorial .stm_listing_icon_filter_single:hover .inner {
	border-color: transparent;
	box-shadow: none;
	transform: none;
}

body.dl-editorial .stm_listing_icon_filter_single .image img {
	filter: grayscale(1) contrast(1.05);
	opacity: 0.82;
	transition: filter 240ms var(--dle-ease), opacity 240ms var(--dle-ease);
}

body.dl-editorial .stm_listing_icon_filter_single:hover .image img {
	filter: none;
	opacity: 1;
}

body.dl-editorial .stm_listing_icon_filter_single .name {
	margin-top: 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
}

/* --------------------------------------------------------- listings dept
 * Inventory cards become flat classified entries: hairline frame, serif
 * title and price, small-caps meta separated by middots.
 */
body.dl-editorial .stm_listing_nav_list li a,
body.dl-editorial .motors_listings_tabs .stm_listing_nav_list li a {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.dl-editorial .stm_listing_nav_list li a span {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body.dl-editorial .stm_listing_nav_list li.active a span {
	color: var(--dl-navy-deep, #08212b);
	box-shadow: inset 0 -2px 0 var(--dl-orange, #f58220);
	padding-bottom: 6px;
}

body.dl-editorial .stm-directory-grid-loop > a {
	border: 1px solid var(--dle-hairline);
	border-radius: 0 !important;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
	transition: border-color 200ms var(--dle-ease), box-shadow 200ms var(--dle-ease);
}

body.dl-editorial .stm-directory-grid-loop > a:hover {
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
	transform: none;
}

body.dl-editorial .stm-directory-grid-loop .image {
	border-bottom: 1px solid var(--dle-hairline);
}

/* Motors' hoverable gallery paints the visible photo at z-index:-2, which
 * only works while every ancestor is background-free. Our white card frame
 * would cover it, so contain the stack and lift the thumbs above zero
 * (count chip z:10, indicators z:25 and "+N" overlay z:55 stay on top).
 * Note: .stm-hoverable-interactive-galleries sits on <body> itself, hence
 * the compound selector. */
body.dl-editorial.stm-hoverable-interactive-galleries .interactive-hoverable {
	z-index: 0;
}

body.dl-editorial.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit .thumb {
	z-index: 0;
	/* The thumbs now sit above the invisible per-photo hover strips, so let
	 * the mouse fall through to them or the slide-on-hover gallery dies. */
	pointer-events: none;
}

body.dl-editorial.stm-hoverable-interactive-galleries .interactive-hoverable .hoverable-wrap .hoverable-unit.active .thumb {
	z-index: 1;
}

body.dl-editorial .stm-directory-grid-loop .listing-car-item-meta {
	padding: 18px 20px 16px !important;
	border-radius: 0;
}

body.dl-editorial .car-meta-top {
	display: flex;
	flex-direction: column;
}

body.dl-editorial .car-meta-top .car-title {
	order: -1;
	margin-bottom: 10px;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
}

body.dl-editorial .car-meta-top .price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
}

body.dl-editorial .car-meta-top .price .normal-price,
body.dl-editorial .car-meta-top .price .sale-price {
	color: var(--dle-ink);
	font-size: 21px;
	font-weight: 700;
}

body.dl-editorial .car-meta-top .price .regular-price {
	color: var(--dl-slate, #566872);
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
}

/* The Motors widget skins paint the price as a skewed orange bar — flatten it
 * to a serif figure. :is() keeps the chain at the skins' own specificity and
 * covers both the Elementor grid-tabs widget and the shortcode variant. */
body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top {
	padding-bottom: 0;
	border-bottom: 0;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price {
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
	background-color: transparent;
	text-align: left;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price::before,
body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price:before {
	display: none;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price .normal-price,
body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price .sale-price {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .price .regular-price {
	color: var(--dl-slate, #566872);
	font-size: 14px;
	font-weight: 400;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .car-title {
	font-family: var(--dle-serif);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: none;
	color: var(--dle-ink);
	max-height: none;
}

body.dl-editorial :is(.stm_elementor_listings_grid_tabs_wrap, .motors_listings_tabs) .tab-pane .row .stm-directory-grid-loop .listing-car-item-meta .car-meta-top .car-title .colored {
	color: var(--dl-orange-dark, #d96608);
	font-style: italic;
}

/* Active-tab caret from the grid-tabs skin — off in the editorial layer. */
body.dl-editorial .stm_elementor_listings_grid_tabs_wrap .stm_listing_nav_list li.active a::after,
body.dl-editorial .stm_elementor_listings_grid_tabs_wrap .stm_listing_nav_list li a::after {
	display: none !important;
}

body.dl-editorial .car-meta-bottom {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--dl-line, #dfe7ea);
}

body.dl-editorial .car-meta-bottom ul {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
}

body.dl-editorial .car-meta-bottom li {
	display: inline-flex;
	align-items: center;
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
}

body.dl-editorial .car-meta-bottom li i {
	margin-right: 7px;
	color: var(--dl-slate, #566872);
	font-size: 14px;
	line-height: 1;
}

body.dl-editorial .car-meta-bottom li span {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.dl-editorial .stm-listing-photos-unit {
	border-radius: 0;
	background: rgba(8, 33, 43, 0.85);
}

/* --------------------------------------------------------- rentals dept */
body.dl-editorial .hrw-search {
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: var(--dle-offset);
}

body.dl-editorial .hrw-search input,
body.dl-editorial .hrw-search select {
	border-radius: 0;
}

body.dl-editorial .hrw-results-summary {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body.dl-editorial .hrw-card {
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	transition: border-color 200ms var(--dle-ease), box-shadow 200ms var(--dle-ease);
}

body.dl-editorial .hrw-card:hover {
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
	transform: none !important;
}

body.dl-editorial .hrw-card__media,
body.dl-editorial .hrw-card__media img {
	border-radius: 0;
}

body.dl-editorial .hrw-card__media {
	border-bottom: 1px solid var(--dle-hairline);
}

body.dl-editorial .hrw-card__title {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .hrw-card__specs li span {
	font-size: 12px;
	letter-spacing: 0.04em;
}

body.dl-editorial .hrw-card__foot {
	border-top: 1px solid var(--dl-line, #dfe7ea);
}

body.dl-editorial .hrw-card__price strong {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 20px;
	font-weight: 700;
}

body.dl-editorial .hrw-card__price span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* ------------------------------------------------------ feature spread
 * "Why DriveLink": boxed cards become ruled article columns with big
 * serif numerals; the intro gets a magazine drop cap.
 */
body.dl-editorial .dlt-section:not(.dlt-section--navy) {
	background: transparent;
}

/* One signature drop cap per issue — the feature spread's lede only. */
body.dl-editorial .dlt-section:not(.dlt-team-suite) .dlt-head__intro::first-letter {
	float: left;
	margin: 6px 12px 0 0;
	color: var(--dl-orange-dark, #d96608);
	font-family: var(--dle-serif);
	font-size: 54px;
	font-weight: 700;
	line-height: 0.82;
}

body.dl-editorial .dlt-grid--3 {
	gap: 0;
	counter-reset: dle-col;
}

body.dl-editorial .dlt-grid--3 .dlt-card {
	counter-increment: dle-col;
	padding: 10px 32px 6px;
	border: 0;
	border-left: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.dl-editorial .dlt-grid--3 .dlt-card:first-child {
	padding-left: 0;
	border-left: 0;
}

body.dl-editorial .dlt-grid--3 .dlt-card:hover {
	border-color: var(--dle-hairline);
	transform: none;
	box-shadow: none;
}

body.dl-editorial .dlt-grid--3 .dlt-card::before {
	content: counter(dle-col, decimal-leading-zero);
	display: block;
	margin-bottom: 18px;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 52px;
	font-weight: 600;
	line-height: 1;
}

body.dl-editorial .dlt-grid--3 .dlt-card::after {
	content: "";
	order: -1;
	width: 30px;
	height: 3px;
	margin-bottom: 22px;
	background: var(--dl-orange, #f58220);
}

body.dl-editorial .dlt-grid--3 .dlt-card .dlt-card__icon {
	display: none;
}

body.dl-editorial .dlt-grid--3 .dlt-card h3 {
	font-family: var(--dle-serif);
	font-size: 23px;
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .dlt-grid--3 .dlt-card p {
	font-size: 15px;
	line-height: 1.8;
}

/* The numeral comes first, then the orange dash, then text. */
body.dl-editorial .dlt-grid--3 .dlt-card::before {
	order: -2;
}

/* ------------------------------------------------------------- back cover
 * The CTA becomes a full-bleed navy statement styled as a pull quote.
 */
body.dl-editorial .dlt-cta {
	padding: 0;
	background: var(--dl-navy-deep, #08212b);
	border-top: 4px solid var(--dl-orange, #f58220);
	/* The base layer defers this section with content-visibility:auto; with
	 * the reveal animations that combination can rasterize stale tiles. */
	content-visibility: visible;
	contain-intrinsic-size: none;
}

body.dl-editorial .dlt-cta__inner {
	width: min(880px, 100%);
	padding: clamp(72px, 10vw, 128px) clamp(24px, 5vw, 40px);
	border-radius: 0;
	background: none;
	box-shadow: none;
}

body.dl-editorial .dlt-cta__inner .dlt-eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	color: var(--dl-orange, #f58220);
}

body.dl-editorial .dlt-cta__inner .dlt-eyebrow::before,
body.dl-editorial .dlt-cta__inner .dlt-eyebrow::after {
	content: "";
	flex: 0 0 44px;
	width: 44px;
	height: 1px;
	margin: 0;
	background: rgba(255, 248, 241, 0.35);
	vertical-align: initial;
}

body.dl-editorial .dlt-cta__inner h2 {
	position: relative;
	max-width: 16ch;
	padding-top: 54px;
	font-family: var(--dle-serif);
	font-size: clamp(36px, 5.2vw, 68px);
	font-weight: 600;
	font-style: italic;
	line-height: 1.1;
	letter-spacing: 0;
}

body.dl-editorial .dlt-cta__inner h2::before {
	content: "\201C";
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--dl-orange, #f58220);
	font-size: 110px;
	font-style: normal;
	line-height: 1;
}

body.dl-editorial .dlt-cta__inner p {
	color: rgba(255, 248, 241, 0.82);
	font-size: 17px;
}

body.dl-editorial .dlt-cta__actions {
	gap: 26px;
	align-items: center;
	margin-top: 36px;
}

/* ----------------------------------------------------------- visit (map)
 * The satellite-view embed, framed like a printed plate.
 */
body.dl-editorial .dle-map {
	border: 1px solid var(--dle-hairline);
	background: #fff;
	padding: 10px;
	box-shadow: var(--dle-offset);
}

body.dl-editorial .dle-map iframe {
	display: block;
	width: 100%;
	height: clamp(340px, 40vw, 500px);
	border: 0;
}

body.dl-editorial .dle-map__caption {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 26px;
	margin: 12px 4px 2px;
}

body.dl-editorial .dle-map__caption span,
body.dl-editorial .dle-map__caption a {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
}

body.dl-editorial .dle-map__caption a {
	color: var(--dl-orange-dark, #d96608);
}

body.dl-editorial .dle-map__caption a:hover {
	color: var(--dle-ink);
}

/* ------------------------------------------------------ instagram strip
 * Editorial plates for the cached-feed fallback ([drivelink_instagram]).
 */
.dle-insta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 1.6vw, 20px);
}

.dle-insta__item {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid var(--dle-hairline);
	background: #fff;
	padding: 8px;
	text-decoration: none;
	transition: border-color 200ms var(--dle-ease), box-shadow 200ms var(--dle-ease);
}

.dle-insta__item img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.dle-insta__item:hover {
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
}

.dle-insta__more {
	display: block;
	padding: 12px 4px 4px;
	color: var(--dl-orange-dark, #d96608);
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.dle-insta__item:hover .dle-insta__more {
	color: var(--dle-ink);
}

@media (max-width: 700px) {
	.dle-insta {
		grid-template-columns: 1fr;
	}
}

/* Smash Balloon grid (live feed), reduced to framed editorial plates. */
body.dl-editorial #sb_instagram .sbi_item {
	border: 1px solid var(--dle-hairline);
	background: #fff;
	transition: border-color 200ms var(--dle-ease), box-shadow 200ms var(--dle-ease);
}

body.dl-editorial #sb_instagram .sbi_item:hover {
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
}

body.dl-editorial #sb_instagram .sbi_photo {
	display: block;
}

body.dl-editorial #sb_instagram #sbi_load,
body.dl-editorial #sb_instagram .sbi_follow_btn a {
	border-radius: 0;
}

body.dl-editorial #sb_instagram .sbi_follow_btn a {
	background: var(--dl-orange, #f58220);
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 11px;
}

/* ------------------------------------------------------------------ footer
 * Light masthead touches, home only (the template itself is shared).
 */
body.dl-editorial .dl-site-footer .dl-footer-cta h2 {
	font-family: var(--dle-serif);
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .dl-site-footer nav h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 248, 241, 0.16);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

/* =====================================================================
 * Interior pages (Our Cars / Rental / Services / Blog / About / Contact
 * + the for-sale listing detail). Same editorial language, component by
 * component; everything stays scoped to body.dl-editorial.
 * ===================================================================== */

/* Legacy dl-eyebrow kickers behave like dlt ones. */
body.dl-editorial .dl-eyebrow {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
}

/* Paper, not bands: alternating section tints flatten onto the page. */
body.dl-editorial .dlt-section--surface,
body.dl-editorial .dlt-section--cream {
	background: transparent;
}

/* --- about team directory ----------------------------------------------
 * The team block should read like the rest of the editorial interior pages:
 * flat paper, ruled groups, square portrait plates, no soft app-card chrome.
 */
body.dl-editorial .dlt-team-suite {
	background: transparent;
	border-top: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
}

body.dl-editorial .dlt-team-suite .dlt-head {
	max-width: 760px;
	margin-bottom: 0;
}

body.dl-editorial .dlt-team-suite .dlt-head__title {
	font-family: var(--dle-serif);
	font-size: clamp(38px, 5vw, 68px);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.05;
}

body.dl-editorial .dlt-team-suite .dlt-head__intro {
	max-width: 58ch;
	padding-left: 20px;
	border-left: 2px solid var(--dl-orange, #f58220);
	font-size: 16px;
	line-height: 1.85;
}

body.dl-editorial .dlt-team-hero {
	align-items: stretch;
	margin-bottom: clamp(38px, 5vw, 64px);
	padding-bottom: clamp(30px, 4vw, 46px);
	border-bottom: 1px solid var(--dle-hairline);
}

body.dl-editorial .dlt-team-mission {
	gap: 0;
	padding: 0;
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: var(--dle-offset);
}

body.dl-editorial .dlt-team-mission article {
	padding: clamp(22px, 2.4vw, 30px);
	border-left: 0;
	border-top: 1px solid var(--dle-hairline);
}

body.dl-editorial .dlt-team-mission article:first-child {
	border-top: 0;
}

body.dl-editorial .dlt-team-mission strong {
	margin-bottom: 10px;
	color: var(--dle-ink);
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.22em;
}

body.dl-editorial .dlt-team-mission strong::before {
	content: "";
	display: inline-block;
	width: 26px;
	height: 2px;
	margin-right: 12px;
	background: var(--dl-orange, #f58220);
	vertical-align: 0.2em;
}

body.dl-editorial .dlt-team-group {
	margin-top: clamp(34px, 5vw, 58px);
}

body.dl-editorial .dlt-team-group__head {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.8fr);
	gap: 24px;
	align-items: end;
	margin-bottom: 0;
	padding: 0 0 16px;
	border-bottom: 2px solid var(--dle-ink);
}

body.dl-editorial .dlt-team-group__head span {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: clamp(30px, 3.5vw, 46px);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.05;
}

body.dl-editorial .dlt-team-group__head p {
	max-width: none;
	color: var(--dl-slate, #566872);
	font-size: 13px;
	line-height: 1.75;
	text-align: right;
}

body.dl-editorial .dlt-team-grid {
	gap: 0;
	border-left: 1px solid var(--dle-hairline);
}

body.dl-editorial .dlt-team-card {
	overflow: hidden;
	min-width: 0;
	grid-template-columns: minmax(0, 1fr);
	border: 0;
	border-right: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	transition: border-color 200ms var(--dle-ease), box-shadow 200ms var(--dle-ease);
}

body.dl-editorial .dlt-team-card:hover {
	border-color: var(--dle-ink);
	transform: none;
	box-shadow: none;
	z-index: auto;
}

body.dl-editorial .dlt-team-photo,
body.dl-editorial .dlt-team-grid--2 .dlt-team-photo {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 0;
	height: clamp(260px, 28vw, 340px);
	padding: 24px 24px 0;
	border-bottom: 1px solid var(--dle-hairline);
	background:
		linear-gradient(180deg, #fff 0%, var(--dl-cream, #fff8f1) 100%);
}

body.dl-editorial .dlt-team-grid--2 .dlt-team-photo {
	height: clamp(300px, 30vw, 390px);
	padding-top: 28px;
}

body.dl-editorial .dlt-team-photo img {
	width: min(76%, 260px);
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	filter: saturate(0.94) contrast(1.02);
}

body.dl-editorial .dlt-team-grid--2 .dlt-team-photo img {
	width: min(62%, 360px);
}

body.dl-editorial .dlt-team-photo--initials {
	display: grid;
	place-items: center;
	padding: 0;
}

body.dl-editorial .dlt-team-photo--initials span {
	width: min(72%, 210px);
	max-width: calc(100% - 48px);
	height: auto;
	aspect-ratio: 3 / 4;
	border: 1px solid var(--dle-ink);
	border-radius: 0;
	background:
		linear-gradient(180deg, #fff 0%, rgba(245, 130, 32, 0.08) 100%);
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: clamp(46px, 5vw, 68px);
	font-weight: 600;
	box-shadow: none;
}

body.dl-editorial .dlt-team-body {
	min-width: 0;
	padding: clamp(20px, 2.4vw, 28px);
}

body.dl-editorial .dlt-team-role {
	margin-bottom: 12px;
	color: var(--dl-orange-dark, #d96608);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.2em;
}

body.dl-editorial .dlt-team-card h3 {
	margin-bottom: 12px;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.08;
}

body.dl-editorial .dlt-team-suite .dlt-team-group:last-child .dlt-team-card h3 {
	font-size: clamp(16px, 1.2vw, 18px);
	letter-spacing: -0.01em;
	line-height: 1.14;
}

body.dl-editorial .dlt-team-suite .dlt-team-group:last-child .dlt-team-card:last-child h3 {
	font-size: clamp(14px, 1.02vw, 16px);
	white-space: nowrap;
}

body.dl-editorial .dlt-team-card p:not(.dlt-team-role) {
	color: var(--dl-slate, #566872);
	font-size: 14px;
	line-height: 1.75;
}

body.dl-editorial .dlt-team-contact {
	width: auto;
	height: auto;
	margin-top: auto;
	padding-top: 22px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--dle-ink);
	font-size: 18px;
	text-decoration: none;
}

body.dl-editorial .dlt-team-contact::after {
	content: "Contact";
	margin-left: 10px;
	color: var(--dl-orange-dark, #d96608);
	font-family: "Poppins", sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	vertical-align: 0.18em;
}

body.dl-editorial .dlt-team-contact:hover {
	background: transparent;
	color: var(--dl-orange-dark, #d96608);
	transform: none;
}

body.dl-editorial .dlt-team-contact svg {
	width: 19px;
	height: 19px;
}

@media (max-width: 1024px) {
	body.dl-editorial .dlt-team-group__head {
		grid-template-columns: 1fr;
	}

	body.dl-editorial .dlt-team-group__head p {
		text-align: left;
	}
}

@media (max-width: 600px) {
	body.dl-editorial .dlt-team-suite .dlt-head__title {
		font-size: clamp(34px, 11vw, 48px);
	}

	body.dl-editorial .dlt-team-hero {
		gap: 28px;
	}

	body.dl-editorial .dlt-team-mission {
		box-shadow: none;
	}

	body.dl-editorial .dlt-team-grid {
		border-left: 0;
	}

	body.dl-editorial .dlt-team-card {
		border-left: 1px solid var(--dle-hairline);
	}

	body.dl-editorial .dlt-team-photo,
	body.dl-editorial .dlt-team-grid--2 .dlt-team-photo {
		height: 280px;
		min-height: 0;
		padding-inline: 18px;
	}
}

/* --- inventory / archive card grids (modern-grid + archive skins) ----- */
body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price {
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
	background-color: transparent;
	text-align: left;
}

body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price::before,
body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price:before {
	display: none;
}

body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price .normal-price,
body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price .sale-price {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
}

body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .price .regular-price {
	color: var(--dl-slate, #566872);
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
}

body.dl-editorial :is(.archive-listing-page, .car-listing-modern-grid) .stm-isotope-listing-item .listing-car-item-meta .car-meta-top .car-title {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.25;
	text-transform: none;
}

/* --- for-sale listing detail page ------------------------------------ */
body.dl-editorial .single-listing-title {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 600;
	line-height: 1.06;
	letter-spacing: 0;
}

body.dl-editorial .single-listing-price-value {
	color: var(--dle-ink) !important;
	font-family: var(--dle-serif);
	font-weight: 700;
}

body.dl-editorial .single-listing-price-item:last-child .single-listing-price-value {
	font-size: 26px;
}

body.dl-editorial .similar-listings-card-price,
body.dl-editorial .similar-listings-card-request-price {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
}

body.dl-editorial .similar-listings-card-meta {
	border-radius: 0;
	border-color: var(--dle-hairline);
}

body.dl-editorial .single-listing-price-label {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .single-listing-chapter-title {
	padding-top: 24px;
	border-top: 3px solid var(--dle-ink);
	background-image: linear-gradient(var(--dle-rule), var(--dle-rule));
	background-position: 0 5px;
	background-size: 100% 1px;
	background-repeat: no-repeat;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .single-listing-data-item-label {
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

body.dl-editorial .single-listing-data-item-value {
	color: var(--dle-ink);
	font-weight: 600;
}

/* Car Features → ruled specification sheet: each feature is a cell in a
 * hairline print table (per-cell borders so partial rows stay clean). */
body.dl-editorial .single-listing-features-container {
	display: block;
	min-width: 0;
	margin: 0;
}

body.dl-editorial .single-listing-features {
	width: 100%;
	max-width: none;
	margin-top: 6px;
	padding: 0;
}

body.dl-editorial .single-listing-features-title {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 20px 0 14px;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 19px;
	font-weight: 600;
}

body.dl-editorial .single-listing-features-title::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--dle-hairline);
}

body.dl-editorial .single-listing-features-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--dle-hairline);
	border-left: 1px solid var(--dle-hairline);
}

body.dl-editorial .single-listing-features-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 13px 14px;
	border-right: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
	background: #fff;
	transition: background 180ms var(--dle-ease);
}

body.dl-editorial .single-listing-features-item:hover {
	background: var(--dle-paper);
}

body.dl-editorial .single-listing-features-item i {
	flex: none;
	color: var(--dl-orange-dark, #d96608);
	font-size: 12px;
}

body.dl-editorial .single-listing-features-item-value {
	color: var(--dle-ink);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

@media (max-width: 600px) {
	body.dl-editorial .single-listing-features-list {
		grid-template-columns: 1fr 1fr;
	}
}

body.dl-editorial .single-listing-mosaic-gallery-image {
	border-radius: 0;
}

body.dl-editorial .single-listing-sidebar > *,
body.dl-editorial .single-listing-contact-form,
body.dl-editorial .single-listing-author-card,
body.dl-editorial .stm_auto_loan_calculator {
	border-radius: 0 !important;
	border: 1px solid var(--dle-hairline);
	background: #fff;
	box-shadow: none;
}

/* --- seller's notes: editorial article typography ------------------- */
body.dl-editorial .single-listing-seller-notes p,
body.dl-editorial .single-listing-seller-notes li {
	color: #3c4c53;
	font-size: 16px;
	line-height: 1.85;
}

body.dl-editorial .single-listing-seller-notes h1,
body.dl-editorial .single-listing-seller-notes h2,
body.dl-editorial .single-listing-seller-notes h3,
body.dl-editorial .single-listing-seller-notes h4 {
	margin: 1.3em 0 0.5em;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0;
}

body.dl-editorial .single-listing-seller-notes h2 { font-size: clamp(24px, 2.6vw, 32px); }
body.dl-editorial .single-listing-seller-notes h3 { font-size: clamp(20px, 2.2vw, 26px); }

body.dl-editorial .single-listing-seller-notes strong {
	color: var(--dle-ink);
}

body.dl-editorial .single-listing-seller-notes ul {
	margin: 14px 0;
	padding-left: 22px;
	list-style: square;
}

body.dl-editorial .single-listing-seller-notes li {
	margin-bottom: 10px;
}

body.dl-editorial .single-listing-seller-notes li::marker {
	color: var(--dl-orange, #f58220);
}

body.dl-editorial .single-listing-seller-notes a {
	color: var(--dl-orange-dark, #d96608);
}

/* --- message-to-dealer band ------------------------------------------ */
body.dl-editorial .single-listing-contact-actions {
	background: transparent;
}

/* The dealer/author card is empty on this site — hide it and let the
 * form span the full width instead of sharing a ghost column. */
body.dl-editorial .single-listing-author-card:not(:has(*)) {
	display: none;
}

body.dl-editorial .single-listing-contact-actions .single-listing-sidebar:not(:has(*:not(.single-listing-author-card:not(:has(*))))) {
	display: none;
}

body.dl-editorial .single-listing-contact-actions .single-listing-container:has(> .single-listing-sidebar:not(:has(*:not(.single-listing-author-card:not(:has(*)))))) {
	display: block;
}

body.dl-editorial .single-listing-contact-actions .single-listing-main {
	width: 100%;
	max-width: 1100px;
	margin-inline: auto;
}

/* One fused composition: navy headline panel + white letter form, the
 * same panel language as the Contact page — no dead space around it. */
@media (min-width: 900px) {
	body.dl-editorial .single-listing-contact-actions .single-listing-main {
		display: grid;
		grid-template-columns: minmax(280px, 0.52fr) minmax(0, 1.48fr);
		gap: 0;
		align-items: stretch;
		max-width: 1060px;
	}
}

body.dl-editorial .single-listing-contact-form-title {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin: 0;
	padding: clamp(30px, 4vw, 52px);
	background:
		radial-gradient(circle at 18% 12%, rgba(245, 130, 32, 0.16), transparent 36%),
		linear-gradient(135deg, var(--dl-navy-soft, #1c424c), var(--dl-navy-deep, #08212b));
	color: #fff;
	font-family: var(--dle-serif);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: 0;
	text-transform: none;
}

body.dl-editorial .single-listing-contact-form-title::before {
	content: "\201C";
	display: block;
	margin-bottom: 16px;
	color: var(--dl-orange, #f58220);
	font-family: var(--dle-serif);
	font-size: 84px;
	line-height: 0.55;
}

body.dl-editorial .single-listing-contact-form-title::after {
	content: "";
	display: block;
	width: 44px;
	height: 3px;
	margin-top: 24px;
	background: var(--dl-orange, #f58220);
}

/* The letter: message first on ruled writing paper, then the sender row. */
body.dl-editorial .single-listing-contact-form {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-areas:
		"message message message"
		"fields fields fields"
		"policy policy button";
	gap: 18px 16px;
	align-items: center;
	margin: 0;
	padding: clamp(22px, 2.8vw, 34px);
}

@media (min-width: 900px) {
	body.dl-editorial .single-listing-contact-form {
		border-left: 0;
	}
}

@media (max-width: 899px) {
	body.dl-editorial .single-listing-contact-form {
		border-top: 0;
	}
}

body.dl-editorial .single-listing-contact-form > textarea {
	grid-area: message;
	min-height: 224px;
	margin: 0;
	padding: 5px 14px 14px;
	line-height: 32px;
	background-image: repeating-linear-gradient(
		transparent,
		transparent 31px,
		#eef2f4 31px,
		#eef2f4 32px
	);
	background-attachment: local;
}

body.dl-editorial .single-listing-contact-form-content {
	grid-area: fields;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	min-width: 0;
	margin: 0;
}

body.dl-editorial .single-listing-contact-form-label {
	min-width: 0;
	padding: 0;
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.dl-editorial .single-listing-contact-form-label input {
	width: 100%;
	margin-top: 7px;
}

body.dl-editorial .single-listing-contact-policy-label {
	grid-area: policy;
	align-self: center;
	margin: 0;
	color: var(--dl-slate, #566872);
	font-size: 13px;
}

body.dl-editorial .single-listing-contact-form .single-listing-contact-form-button {
	grid-area: button;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	min-height: 52px;
	margin: 0;
	padding: 0 30px;
	font-size: 12px;
	line-height: 1;
}

body.dl-editorial .single-listing-contact-form input[type="text"],
body.dl-editorial .single-listing-contact-form input[type="email"],
body.dl-editorial .single-listing-contact-form input[type="tel"],
body.dl-editorial .single-listing-contact-form textarea {
	border: 1px solid var(--dl-line, #dfe7ea);
	border-radius: 0;
	background: #fff;
	color: var(--dle-ink);
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
}

/* A calm editorial focus instead of the heavy global outline. */
body.dl-editorial .single-listing-contact-form input:focus-visible,
body.dl-editorial .single-listing-contact-form textarea:focus-visible {
	outline: none;
	border-color: var(--dle-ink);
	box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.18);
}

body.dl-editorial .single-listing-contact-form-unchecked,
body.dl-editorial .single-listing-contact-form-checked {
	border-radius: 0;
}

@media (max-width: 860px) {
	body.dl-editorial .single-listing-contact-form {
		grid-template-columns: 1fr;
		grid-template-areas:
			"message"
			"fields"
			"policy"
			"button";
	}

	body.dl-editorial .single-listing-contact-form-content {
		grid-template-columns: 1fr;
	}

	body.dl-editorial .single-listing-contact-form > textarea {
		min-height: 170px;
	}

	body.dl-editorial .single-listing-contact-form .single-listing-contact-form-button {
		justify-self: start;
	}

	body.dl-editorial .single-listing-contact-form-title {
		padding: 26px;
		font-size: 28px;
	}

	body.dl-editorial .single-listing-contact-form-title::before {
		margin-bottom: 10px;
		font-size: 60px;
	}

	body.dl-editorial .single-listing-contact-form-title::after {
		margin-top: 16px;
	}
}

/* Similar-listings sidebar cards: same flat serif price as everywhere. */
body.dl-editorial .single-listing-sidebar .price {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	text-align: left !important;
}

body.dl-editorial .single-listing-sidebar .price::before,
body.dl-editorial .single-listing-sidebar .price:before {
	display: none !important;
}

body.dl-editorial .single-listing-sidebar .price :is(.normal-price, .sale-price) {
	color: var(--dle-ink) !important;
	font-family: var(--dle-serif);
	font-weight: 700;
}

body.dl-editorial .single-listing-sidebar .price .regular-price {
	color: var(--dl-slate, #566872) !important;
}

body.dl-editorial .single-listing-contact-form-title,
body.dl-editorial .single-listing-contact-form-title.h2 {
	color: #fff;
	font-family: var(--dle-serif);
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .single-listing-main input,
body.dl-editorial .single-listing-main select,
body.dl-editorial .single-listing-main textarea,
body.dl-editorial .single-listing-sidebar input,
body.dl-editorial .single-listing-sidebar select,
body.dl-editorial .single-listing-sidebar textarea {
	border-radius: 0 !important;
}

body.dl-editorial .single-listing-main .stm-button,
body.dl-editorial .single-listing-sidebar .stm-button,
body.dl-editorial .single-listing-contact-form-button,
body.dl-editorial .stm-request-test-drive {
	border-radius: 0 !important;
	box-shadow: none !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* --- dlt components used by Services / About / Contact / Blog --------- */

/* Steps: the navy number badge becomes a big serif numeral over a rule. */
body.dl-editorial .dlt-step {
	padding-top: clamp(22px, 2.4vw, 30px);
	border: 0;
	border-top: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.dl-editorial .dlt-step::before {
	position: static;
	display: block;
	width: auto;
	height: auto;
	margin-bottom: 14px;
	border-radius: 0;
	background: transparent;
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 44px;
	font-weight: 600;
	line-height: 1;
	place-items: initial;
}

body.dl-editorial .dlt-step h3 {
	font-family: var(--dle-serif);
	font-size: 21px;
	letter-spacing: 0;
}

/* Stats: flat hairline tiles with serif figures. */
body.dl-editorial .dlt-stat {
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

body.dl-editorial .dlt-stat strong {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	letter-spacing: 0;
}

/* Cards (icon trios on Services/About): keep the boxes off-home pages
 * lighter — hairline, square, paper. */
body.dl-editorial .dlt-grid:not(.dlt-grid--3) .dlt-card,
body.dl-editorial .dlt-section .dlt-grid--3 .dlt-card {
	border-radius: 0;
}

body.dl-editorial .dlt-card {
	border-radius: 0;
	box-shadow: none;
	border-color: var(--dle-hairline);
}

body.dl-editorial .dlt-card:hover {
	transform: none;
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
}

body.dl-editorial .dlt-card h3 {
	font-family: var(--dle-serif);
	font-size: 21px;
	letter-spacing: 0;
}

/* FAQ: square hairline items, serif questions. */
body.dl-editorial .dlt-faq__item {
	border-radius: 0;
	border-color: var(--dle-hairline);
}

body.dl-editorial .dlt-faq__item summary {
	font-family: var(--dle-serif);
	font-size: 18px;
	letter-spacing: 0;
}

/* Split feature media becomes a framed plate. */
body.dl-editorial .dlt-split__media {
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	box-shadow: var(--dle-offset);
}

/* Quote: serif italic with the hanging orange mark. */
body.dl-editorial .dlt-quote p {
	font-family: var(--dle-serif);
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0;
}

/* Blog cards: flat editorial plates. */
body.dl-editorial .dlt-post {
	border-radius: 0;
	border-color: var(--dle-hairline);
	box-shadow: none;
}

body.dl-editorial .dlt-post:hover {
	transform: none;
	border-color: var(--dle-ink);
	box-shadow: var(--dle-offset);
}

body.dl-editorial .dlt-post__media {
	border-bottom: 1px solid var(--dle-hairline);
}

body.dl-editorial .dlt-post__body h3 {
	font-family: var(--dle-serif);
	font-size: 21px;
	letter-spacing: 0;
}

body.dl-editorial .dlt-post__more {
	color: var(--dl-orange-dark, #d96608);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* Contact: square panel/form/fields. */
body.dl-editorial .dlt-contact__panel,
body.dl-editorial .dlt-contact__form {
	border-radius: 0;
	box-shadow: none;
}

body.dl-editorial .dlt-contact__form {
	border-color: var(--dle-hairline);
}

body.dl-editorial .dlt-field input,
body.dl-editorial .dlt-field textarea {
	border-radius: 0;
}

/* --- rental page legacy blocks ---------------------------------------- */
body.dl-editorial .dl-rental-intro article {
	border-radius: 0;
	box-shadow: none;
}

body.dl-editorial .dl-rental-intro article h2,
body.dl-editorial .dl-rental-listing-zone__head h2 {
	font-family: var(--dle-serif);
	letter-spacing: 0;
}

body.dl-editorial .dl-rental-intro article span {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 38px;
	font-weight: 600;
}

/* --------------------------------------------------------------- reveals
 * Reveal-on-scroll (tagged by drivelink-editorial-home.js). The hero
 * animates on load. Everything collapses to static for reduced motion.
 */
@media (prefers-reduced-motion: no-preference) {
	body.dl-editorial .dle-reveal {
		opacity: 0;
		transform: translateY(18px);
	}

	body.dl-editorial .dle-reveal.dle-in {
		opacity: 1;
		transform: none;
		transition:
			opacity 620ms var(--dle-ease) calc(var(--dle-i, 0) * 70ms),
			transform 620ms var(--dle-ease) calc(var(--dle-i, 0) * 70ms);
	}

	body.dl-editorial .dlt-hero__content > * {
		animation: dle-cover-rise 760ms var(--dle-ease) both;
	}

	body.dl-editorial .dlt-hero__content > :nth-child(2) { animation-delay: 110ms; }
	body.dl-editorial .dlt-hero__content > :nth-child(3) { animation-delay: 220ms; }
	body.dl-editorial .dlt-hero__content > :nth-child(4) { animation-delay: 330ms; }
}

@keyframes dle-cover-rise {
	from {
		opacity: 0;
		transform: translateY(26px);
	}
}

/* ------------------------------------------------------------- responsive */
@media (max-width: 900px) {
	body.dl-editorial .dlt-grid--3 {
		grid-template-columns: 1fr;
	}

	body.dl-editorial .dlt-grid--3 .dlt-card {
		padding: 26px 0;
		border-left: 0;
		border-top: 1px solid var(--dle-hairline);
	}

	body.dl-editorial .dlt-grid--3 .dlt-card:first-child {
		border-top: 0;
		padding-top: 4px;
	}

	body.dl-editorial .dlt-grid--3 .dlt-card::before {
		font-size: 42px;
	}
}

@media (max-width: 600px) {
	body.dl-editorial .dlt-hero--photo .dlt-hero__title {
		font-size: clamp(36px, 11vw, 44px);
	}

	body.dl-editorial .stm_listing_icon_filter {
		grid-template-columns: repeat(2, 1fr);
	}

	body.dl-editorial .dlt-section:not(.dlt-team-suite) .dlt-head__intro::first-letter {
		font-size: 44px;
	}

	body.dl-editorial .dlt-cta__inner h2::before {
		font-size: 84px;
	}

	body.dl-editorial .dlt-hero__actions .dlt-btn--light,
	body.dl-editorial .dlt-cta__actions .dlt-btn--light {
		width: auto;
	}
}

/* =====================================================================
 * Helix rental UI retune — the plugin derives every corner, pill and
 * shadow from its tokens; one override flattens the whole rental UI
 * (search, cards, detail page, booking engine) to editorial print.
 * ===================================================================== */
body.dl-editorial .hrw-search,
body.dl-editorial .hrw-detail {
	--hrw-radius-sm: 0px;
	--hrw-radius: 0px;
	--hrw-radius-lg: 0px;
	--hrw-pill: 0px;
	--hrw-shadow: none;
	--hrw-shadow-hover: 9px 9px 0 rgba(8, 33, 43, 0.07);
	--hrw-bg: var(--dl-cream, #fff8f1);
}

/* =====================================================================
 * Rental detail — "the dossier". Photo plate fused to a navy spec panel,
 * a ruled technical-data band, a drop-cap overview article and a sticky
 * ledger booking card. Pure CSS over the plugin markup.
 * ===================================================================== */

body.dl-editorial .hrw-detail .hrw-eyebrow {
	letter-spacing: 0.24em;
}

/* Folio breadcrumb: small caps with an orange leader rule, underline on
 * hover — reads as part of the editorial chrome, not a stray text link. */
body.dl-editorial .hrw-detail__back {
	gap: 9px;
	margin-bottom: 26px;
	padding-bottom: 6px;
	color: var(--dl-slate, #566872);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	box-shadow: inset 0 -1px 0 var(--dle-hairline);
}

body.dl-editorial .hrw-detail__back::before {
	content: "";
	width: 22px;
	height: 2px;
	background: var(--dl-orange, #f58220);
}

body.dl-editorial .hrw-detail__back svg {
	display: none;
}

body.dl-editorial .hrw-detail__back:hover {
	color: var(--dle-ink);
	box-shadow: inset 0 -2px 0 var(--dl-orange, #f58220);
}

/* --- cover: photo plate + navy dossier panel, one fused composition --- */
body.dl-editorial .hrw-detail__hero {
	display: grid;
	gap: 0;
	border: 1px solid var(--dle-hairline);
	background: #fff;
}

@media (min-width: 1000px) {
	body.dl-editorial .hrw-detail__hero {
		grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
		align-items: stretch;
	}
}

body.dl-editorial .hrw-detail__gallery {
	margin: 0;
	padding: 10px;
	background: #fff;
}

body.dl-editorial .hrw-detail__gallery img,
body.dl-editorial .hrw-detail__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
}

body.dl-editorial .hrw-detail__intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: clamp(26px, 3.2vw, 48px);
	background:
		radial-gradient(circle at 18% 12%, rgba(245, 130, 32, 0.16), transparent 36%),
		linear-gradient(135deg, var(--dl-navy-soft, #1c424c), var(--dl-navy-deep, #08212b));
}

body.dl-editorial .hrw-detail__intro .hrw-eyebrow {
	color: var(--dl-orange, #f58220);
}

body.dl-editorial .hrw-detail__intro h1 {
	margin: 0;
	color: #fff;
	font-family: var(--dle-serif);
	font-size: clamp(30px, 3.4vw, 46px);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.08;
}

body.dl-editorial .hrw-detail__lead {
	color: rgba(255, 248, 241, 0.8);
	font-size: 15px;
	line-height: 1.7;
}

body.dl-editorial .hrw-detail__pricing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 22px;
	margin-top: 22px;
}

body.dl-editorial .hrw-detail__pricing .hrw-price {
	order: -1;
}

body.dl-editorial .hrw-price strong {
	color: #fff;
	font-family: var(--dle-serif);
	font-size: clamp(30px, 2.8vw, 40px);
	font-weight: 700;
	letter-spacing: 0;
}

body.dl-editorial .hrw-price span {
	color: var(--dl-orange, #f58220);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .hrw-detail__assurances {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 248, 241, 0.18);
	display: grid;
	gap: 10px;
}

body.dl-editorial .hrw-detail__assurances li {
	color: rgba(255, 248, 241, 0.85);
	font-size: 13px;
}

body.dl-editorial .hrw-detail__assurances svg {
	color: var(--dl-orange, #f58220);
}

/* --- technical data: ruled ledger band fused under the cover --------- */
body.dl-editorial .hrw-detail__specs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 0;
	margin-top: -1px;
	border-top: 1px solid var(--dle-hairline);
	border-left: 1px solid var(--dle-hairline);
}

body.dl-editorial .hrw-spec {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 16px;
	border: 0;
	border-right: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

body.dl-editorial .hrw-spec__icon {
	width: auto;
	height: auto;
	background: transparent;
	color: var(--dl-orange-dark, #d96608);
	font-size: 18px;
}

body.dl-editorial .hrw-spec__text strong {
	display: block;
	color: var(--dl-slate, #566872);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .hrw-spec__text em {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 17px;
	font-weight: 600;
	font-style: normal;
}

/* --- overview: article column with a drop cap ------------------------ */
body.dl-editorial .hrw-detail__overview {
	padding-top: 26px;
	border-top: 3px solid var(--dle-ink);
	background-image: linear-gradient(var(--dle-rule), var(--dle-rule));
	background-position: 0 5px;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}

body.dl-editorial .hrw-detail__overview p:not(.hrw-eyebrow) {
	max-width: 62ch;
	color: #3c4c53;
	font-size: 16px;
	line-height: 1.85;
}

body.dl-editorial .hrw-detail__overview .hrw-eyebrow + p::first-letter {
	float: left;
	margin: 6px 12px 0 0;
	color: var(--dl-orange-dark, #d96608);
	font-family: var(--dle-serif);
	font-size: 52px;
	font-weight: 700;
	line-height: 0.82;
}

/* --- booking: sticky ledger card -------------------------------------- */
body.dl-editorial .hrw-booking {
	border: 1px solid var(--dle-hairline);
	background: #fff;
	box-shadow: var(--dle-offset);
	border-radius: 0;
}

@media (min-width: 1000px) {
	body.dl-editorial .hrw-booking {
		position: sticky;
		top: 96px;
	}
}

body.dl-editorial .hrw-booking__head {
	padding-top: 22px;
	border-top: 3px solid var(--dle-ink);
	background-image: linear-gradient(var(--dle-rule), var(--dle-rule));
	background-position: 0 5px;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}

body.dl-editorial .hrw-booking__head h2,
body.dl-editorial .hrw-booking__head h3,
body.dl-editorial .hrw-booking__head strong {
	font-family: var(--dle-serif);
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial .hrw-booking__form > label > span {
	color: var(--dl-slate, #566872);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .hrw-booking__check {
	border: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: var(--dle-paper);
}

body.dl-editorial .hrw-quote {
	padding: 14px 2px;
	border: 0;
	border-top: 1px solid var(--dle-hairline);
	border-bottom: 1px solid var(--dle-hairline);
	border-radius: 0;
	background: transparent;
}

body.dl-editorial .hrw-quote__head span {
	color: var(--dl-slate, #566872);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

body.dl-editorial .hrw-quote__total strong {
	color: var(--dle-ink);
	font-family: var(--dle-serif);
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0;
}

body.dl-editorial .hrw-quote__total em {
	color: var(--dl-orange-dark, #d96608);
	font-family: var(--dle-serif);
	font-style: italic;
}

body.dl-editorial .hrw-quote__meta {
	color: var(--dl-slate, #566872);
	font-size: 12px;
}

/* The booking submit is a bare <button type="submit"> — no .hrw-btn
 * classes — so style it directly: a full-width flat orange bar. */
body.dl-editorial .hrw-booking__actions {
	grid-column: 1 / -1;
	display: grid;
	gap: 10px;
}

body.dl-editorial .hrw-booking__actions button[type="submit"],
body.dl-editorial .hrw-booking__form .hrw-btn--primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	/* The Motors theme clamps every submit button to max-width:190px. */
	max-width: none;
	min-height: 54px;
	padding: 0 24px;
	border: 1px solid var(--dl-orange, #f58220);
	border-radius: 0;
	background: var(--dl-orange, #f58220);
	box-shadow: none;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: background 160ms var(--dle-ease), box-shadow 160ms var(--dle-ease);
}

body.dl-editorial .hrw-booking__actions button[type="submit"]:hover,
body.dl-editorial .hrw-booking__form .hrw-btn--primary:hover {
	background: var(--dl-orange-dark, #d96608);
	border-color: var(--dl-orange-dark, #d96608);
	box-shadow: 4px 4px 0 rgba(8, 33, 43, 0.22);
	transform: none;
}

body.dl-editorial .hrw-booking__wa {
	width: 100%;
	justify-content: center;
	min-height: 50px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* ------------------------------------------------ touch & iOS form fixes
 * iPhone Safari: fields under 16px trigger auto-zoom, and native styling
 * adds rounded corners and inner shadows. Normalise every form control
 * in the editorial layer; native date/time pickers keep their UI but get
 * a stable height and left-aligned value.
 */
body.dl-editorial .hrw-search input,
body.dl-editorial .hrw-search select,
body.dl-editorial .hrw-booking input:not([type="checkbox"]):not([type="radio"]),
body.dl-editorial .hrw-booking select,
body.dl-editorial .hrw-booking textarea,
body.dl-editorial .single-listing-contact-form input,
body.dl-editorial .single-listing-contact-form textarea,
body.dl-editorial .dlt-field input,
body.dl-editorial .dlt-field textarea {
	font-size: 16px;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 0;
}

body.dl-editorial .hrw-booking input[type="text"],
body.dl-editorial .hrw-booking input[type="email"],
body.dl-editorial .hrw-booking input[type="tel"],
body.dl-editorial .hrw-booking textarea,
body.dl-editorial .single-listing-contact-form input[type="text"],
body.dl-editorial .single-listing-contact-form input[type="email"],
body.dl-editorial .single-listing-contact-form input[type="tel"],
body.dl-editorial .single-listing-contact-form textarea,
body.dl-editorial .dlt-field input,
body.dl-editorial .dlt-field textarea {
	-webkit-appearance: none;
	appearance: none;
}

body.dl-editorial .hrw-booking input[type="date"],
body.dl-editorial .hrw-booking input[type="time"],
body.dl-editorial .hrw-booking input[type="datetime-local"] {
	min-height: 48px;
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
}

body.dl-editorial input::-webkit-date-and-time-value {
	text-align: left;
}

@media (max-width: 700px) {
	body.dl-editorial .hrw-booking input:not([type="checkbox"]):not([type="radio"]),
	body.dl-editorial .hrw-booking select {
		min-height: 50px;
	}

	body.dl-editorial .single-listing-contact-form input {
		min-height: 48px;
	}
}

/* ------------------------------------------------- native Elementor content
 * Pages keep growing in the editor with stock widgets (About team and
 * mission sections, etc.) — give native headings, buttons and images the
 * editorial voice automatically. Scoped to page content only, never the
 * header/footer templates.
 */
body.dl-editorial [data-elementor-type="wp-page"] .elementor-widget-heading .elementor-heading-title {
	font-family: var(--dle-serif);
	font-weight: 600;
	letter-spacing: 0;
}

body.dl-editorial [data-elementor-type="wp-page"] .elementor-button {
	border-radius: 0;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.dl-editorial [data-elementor-type="wp-page"] .elementor-widget-image img {
	border-radius: 0;
}

/* About: the Mission/Vision column is navy — its headings must be white
 * (they inherit the kit navy and vanish). */
body.dl-editorial .elementor-element-6392523 .elementor-heading-title {
	color: #fff;
}

body.dl-editorial .elementor-element-6392523 .elementor-widget-text-editor {
	color: rgba(255, 248, 241, 0.85);
}