/* Luxury car rental page (single-vehicle-luxury-car-rental.php), styled like the home page (2026-10-10).
   Type, colours, cards and buttons come from design-system.css; this file only adds the page's layout. */

/* Hero: left-aligned like the home hero, trust points under the intro */
.bcr-lux-hero .bcr-hero-content { max-width: 680px; }
.bcr-lux-points {
	display: flex; flex-wrap: wrap; gap: 10px 22px;
	margin: 22px 0 0; padding: 0; list-style: none;
	color: #fff; font-size: 15px; font-weight: 600;
}
.bcr-lux-points li { display: inline-flex; align-items: center; gap: 8px; }
.bcr-lux-points i { color: #fda702; }

/* Icon box, same as the home page cards */
.bcr-lux-icon {
	display: inline-grid; place-items: center; flex-shrink: 0;
	width: 50px; height: 50px; margin-bottom: 16px;
	border-radius: 14px; background: #fff6e0; color: #a65f00; font-size: 21px;
}
.bcr-lux-icon--navy {
	background: #0b2545; color: #fff;
	box-shadow: 0 8px 18px -8px rgba(11, 37, 69, .5);
}

/* Tiles under the hero, cards, steps */
.bcr-lux-tile,
.bcr-lux-card {
	padding: 26px;
	border: 1px solid var(--ds-line, #e6eaf0);
	border-radius: var(--ds-radius, 18px);
	background: #fff;
	box-shadow: var(--ds-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}
.bcr-lux-tile:hover,
.bcr-lux-card:hover { transform: translateY(-3px); box-shadow: var(--ds-shadow-hover); }
.bcr-lux-tile h3,
.bcr-lux-card h3,
.bcr-lux-step h3 {
	margin: 0 0 8px;
	font-size: 19px !important; font-weight: 700 !important; color: var(--ds-ink, #0f172a);
}
.bcr-lux-tile p,
.bcr-lux-card p,
.bcr-lux-step p {
	margin: 0; color: var(--ds-muted, #5b6676) !important; font-size: 15px; line-height: 1.7;
}
.bcr-lux-card--row { display: flex; gap: 16px; align-items: flex-start; }
.bcr-lux-card--row .bcr-lux-icon { margin-bottom: 0; }

.bcr-lux-step {
	position: relative; height: 100%;
	padding: 28px 26px;
	border-radius: var(--ds-radius, 18px);
	background: #fff;
	border: 1px solid var(--ds-line, #e6eaf0);
}
.bcr-lux-step-num {
	position: absolute; top: 22px; right: 24px;
	color: #d5dbe3; font-size: 30px; font-weight: 800; line-height: 1;
}

/* Section rhythm: plain / soft backgrounds alternate as on the home page */
.bcr-vehicle-luxury-page .bcr-section,
body .bcr-section { padding: 80px 0; }
.bcr-section-alt { background: var(--ds-soft, #f6f8fb) !important; }
.bcr-section-header { max-width: 780px; margin: 0 auto 8px; }
.bcr-section-header p { margin-top: 12px !important; }

/* Closing call-to-action: dark navy panel */
.bcr-lux-cta-section { padding-top: 40px !important; }
.bcr-lux-cta {
	max-width: 1100px;
	padding: 56px 32px;
	border-radius: 24px;
	background: linear-gradient(120deg, #fff6e0, #fffaf0 60%, #ffffff);
	border: 1px solid #fde3a7;
	box-shadow: 0 24px 48px -32px rgba(166, 95, 0, .45);
}
.bcr-lux-cta .lead { max-width: 760px; margin-left: auto; margin-right: auto; color: var(--ds-text, #334155) !important; font-size: 18px; }

@media (max-width: 767px) {
	body .bcr-section { padding: 56px 0; }
	.bcr-lux-cta { padding: 40px 22px; }
}

/* Card rows with an odd count: last row centred */
.bcr-section .row.g-4.mt-3 { justify-content: center; }