:root {
	--garage-bg-start: #000000;
	--garage-bg-end: #050505;
	--garage-page-glow: rgba(193, 18, 31, 0.2);
	--garage-page-glow-2: rgba(245, 245, 245, 0.08);
	--garage-shell-radius: clamp(1.25rem, 2vw, 1.9rem);
	--garage-section-gap: clamp(1.25rem, 2vw, 2rem);
	--garage-hero-header-gap: clamp(1.35rem, 3.2vh, 2.35rem);
	--garage-hero-top-pad: calc(var(--header-height, 5.25rem) + var(--garage-hero-header-gap));
}

:root[data-theme="light"] {
	color-scheme: dark;
}

html {
	background: var(--garage-bg-end);
}

body {
	background:
		radial-gradient(circle at top left, var(--garage-page-glow), transparent 34%),
		radial-gradient(circle at right top, var(--garage-page-glow-2), transparent 28%),
		linear-gradient(180deg, var(--garage-bg-start) 0%, var(--garage-bg-end) 100%);
}

.u-section {
	padding-block: clamp(3rem, 7vw, 5.75rem);
}

.garage-page > .u-section:first-child {
	padding-top: clamp(2.5rem, 6vw, 5rem);
}

.u-glass,
.garage-panel,
.garage-card,
.garage-shell-panel {
	border-radius: var(--garage-shell-radius);
	border-color: rgba(245, 245, 245, 0.1);
	background:
		linear-gradient(180deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.04)),
		var(--surface-card);
	box-shadow: var(--shadow-elevation-2);
}

:root[data-theme="light"] .u-glass,
:root[data-theme="light"] .garage-panel,
:root[data-theme="light"] .garage-card,
:root[data-theme="light"] .garage-shell-panel {
	border-color: rgba(245, 245, 245, 0.1);
	background:
		linear-gradient(180deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.04)),
		var(--surface-card);
}

.garage-site-header {
	padding-block: 0.8rem;
}

.garage-site-header__inner {
	padding: 0.9rem 1.1rem;
	border-radius: calc(var(--garage-shell-radius) + 1rem);
	gap: 1rem;
}

.garage-brand {
	min-width: 0;
}

.garage-brand__media {
	display: inline-flex;
	align-items: center;
}

.garage-brand__image {
	display: block;
	width: auto;
	max-width: clamp(9rem, 17vw, 13rem);
	max-height: 3rem;
	object-fit: contain;
}

.garage-brand__text {
	gap: 0.15rem;
}

.garage-brand__kicker {
	color: var(--text-soft);
	font-size: 0.72rem;
	letter-spacing: 0.14em;
}

.garage-brand__name {
	font-size: clamp(1rem, 1.6vw, 1.1rem);
}

.garage-header-actions {
	gap: 0.7rem;
}

.garage-button--compact {
	padding: 0.75rem 1rem;
	font-size: var(--fs-300);
}

.garage-mobile-panel {
	padding-top: calc(var(--header-height) + 1.25rem);
}
/* Mobile header + menu */
@media (max-width: 1023px) {
	.garage-site-header__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.garage-header-actions {
		position: relative;
		z-index: calc(var(--layer-z-header) + 2);
		flex-shrink: 0;
	}

	.garage-header-actions [data-menu-toggle] {
		display: inline-flex !important;
	}

	.garage-header-cta {
		padding: 0.65rem 0.85rem;
		font-size: 0.78rem;
		white-space: nowrap;
	}
}

[data-menu-panel] {
	z-index: var(--layer-z-menu);
}

.garage-mobile-panel__meta {
	display: grid;
	gap: 0.75rem;
}

.garage-site-footer__inner {
	grid-template-columns: 1.2fr 0.9fr;
	align-items: start;
}

.garage-footer__meta {
	display: grid;
	gap: 0.65rem;
}

.garage-footer__meta a {
	color: var(--text-body);
}

.garage-footer__bottom {
	padding-bottom: var(--space-xl);
}

.garage-footer__newsletter {
	align-self: stretch;
}

.garage-button {
	font-weight: 700;
}

.garage-button--cta::after,
[data-logo-mark] {
	animation: none !important;
}

[data-scroll-animate] {
	transform: translate3d(0, 0.85rem, 0);
	transition: opacity 280ms ease, transform 280ms ease;
}

@media (prefers-reduced-motion: reduce) {
	[data-scroll-animate] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

.garage-hero-grid,
.garage-story-hero,
.garage-dual-grid--story,
.garage-pricing-hero,
.garage-contact-hero {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: center;
}

.garage-home-hero__title,
.garage-story-hero h1 {
	max-width: 12ch;
}

.garage-home-hero__subtitle {
	max-width: 42rem;
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
}

.garage-home-hero__visual,
.garage-story-hero__media {
	position: relative;
	overflow: hidden;
	min-height: 24rem;
}

.garage-home-hero__visual::before {
	content: none;
}

.garage-home-hero__visual > img,
.garage-story-hero__media > img,
.garage-rent-hero__video > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.garage-hero-card,
.garage-story-hero__badge {
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 1rem;
	display: grid;
	gap: 0.75rem;
	padding: 1rem 1.1rem;
	border-radius: calc(var(--garage-shell-radius) - 0.2rem);
}

.garage-hero-card p,
.garage-story-hero__badge span {
	margin: 0;
}

.garage-stat-grid--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.garage-service-grid,
.garage-proof-grid {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-service-card,
.garage-proof-card {
	display: grid;
	gap: 0.9rem;
	padding: clamp(1.2rem, 2vw, 1.6rem);
}

.garage-service-card--detailed {
	align-content: start;
}

.garage-step-grid {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-step-card {
	padding: clamp(1.25rem, 2vw, 1.6rem);
}

.garage-step-card::after {
	content: none;
}

.garage-brand-panel {
	gap: 1.2rem;
}

.garage-brand-panel__image {
	width: min(14rem, 52%);
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

.garage-cta-banner {
	display: grid;
	gap: 1rem;
	padding: clamp(1.3rem, 2vw, 1.8rem);
	align-items: center;
}

.garage-story-hero__copy,
.garage-home-hero__content,
.garage-service-summary {
	display: grid;
	gap: 1rem;
}

.garage-story-hero__media {
	min-height: 28rem;
}

.garage-history-timeline {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-history-card {
	position: relative;
	padding: clamp(1.3rem, 2vw, 1.7rem);
}

.garage-year-badge {
	margin-bottom: 0.75rem;
}

.garage-pricing-hero {
	align-items: start;
}

.garage-price-calculator,
.garage-tier-card,
.garage-contact-form,
.garage-contact-card {
	padding: clamp(1.2rem, 2vw, 1.65rem);
}

.garage-total-display {
	font-size: clamp(2rem, 4vw, 3rem);
}

.garage-addon-grid,
.garage-contact-card-grid {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-addon-card {
	cursor: pointer;
}

.garage-addon-card input {
	margin: 0;
}

.garage-faq-shell {
	padding: clamp(1.15rem, 2vw, 1.5rem);
	border-radius: var(--garage-shell-radius);
	border: 1px solid rgba(245, 245, 245, 0.1);
	background: rgba(0, 0, 0, 0.7);
}

:root[data-theme="light"] .garage-faq-shell {
	border-color: rgba(245, 245, 245, 0.1);
	background: rgba(0, 0, 0, 0.7);
}

.garage-accordion__item {
	background: rgba(193, 18, 31, 0.08);
}

.garage-rent-hero {
	min-height: 32rem;
	border-radius: var(--garage-shell-radius);
	padding-block: 0;
}

.garage-rent-hero__overlay {
	background: linear-gradient(180deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.86));
}

.garage-rent-hero__content {
	padding-block: clamp(3rem, 8vw, 5rem);
}

.garage-filter-bar {
	padding: 1rem;
}

.garage-vehicle-grid {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-vehicle-card {
	padding: 1rem;
}

.garage-vehicle-card__media {
	min-height: 11rem;
}

.garage-vehicle-card__visual {
	display: grid;
	align-content: end;
	gap: 0.6rem;
	min-height: 11rem;
	padding: 1rem;
	border-radius: calc(var(--garage-shell-radius) - 0.35rem);
	background:
		linear-gradient(135deg, rgba(245, 245, 245, 0.08), rgba(193, 18, 31, 0.08)),
		linear-gradient(160deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.9));
	color: var(--clr-accent-400);
}

:root[data-theme="light"] .garage-vehicle-card__visual {
	background:
		linear-gradient(135deg, rgba(245, 245, 245, 0.08), rgba(193, 18, 31, 0.08)),
		linear-gradient(160deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.9));
	color: var(--text-strong);
}

.garage-vehicle-card__quick {
	opacity: 1;
	transform: none;
}

.garage-contact-map-shell {
	min-height: 26rem;
}

[data-contact-map] {
	background:
		radial-gradient(circle at 20% 25%, var(--garage-page-glow), transparent 16%),
		linear-gradient(145deg, rgba(193, 18, 31, 0.12), rgba(0, 0, 0, 0.9));
}

.garage-location-cards {
	padding: 1rem;
	align-content: end;
	height: 100%;
}

.garage-floating-field label {
	background: transparent;
}

:root[data-theme="light"] .garage-floating-field label {
	background: #000;
}

.garage-contact-card:hover {
	transform: none;
}

.garage-proof-grid,
.garage-contact-card-grid,
.garage-history-timeline,
.garage-step-grid,
.garage-service-grid,
.garage-addon-grid,
.garage-pricing-tiers {
	grid-template-columns: 1fr;
}

.garage-process-flow--services {
	display: grid;
	gap: var(--garage-section-gap);
}

.garage-process-flow--services::before {
	content: none;
}

.garage-process-step {
	padding: 1rem 1.1rem;
	gap: 0.8rem;
}

.garage-process-step::before {
	display: none;
}

.garage-service-summary {
	padding: clamp(1.2rem, 2vw, 1.6rem);
}

.garage-table {
	width: 100%;
	border-collapse: collapse;
}

.garage-table th,
.garage-table td {
	padding: 0.85rem 1rem;
	border-bottom: 1px solid rgba(245, 245, 245, 0.08);
	text-align: left;
}

:root[data-theme="light"] .garage-table th,
:root[data-theme="light"] .garage-table td {
	border-bottom-color: rgba(245, 245, 245, 0.08);
}

@media (min-width: 768px) {
	.garage-hero-grid,
	.garage-story-hero,
	.garage-dual-grid--story,
	.garage-pricing-hero,
	.garage-contact-hero {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.garage-service-grid,
	.garage-proof-grid,
	.garage-contact-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.garage-step-grid,
	.garage-stat-grid--compact,
	.garage-addon-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.garage-history-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.garage-pricing-tiers {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.garage-cta-banner {
		grid-template-columns: 1.2fr auto;
	}

	.garage-vehicle-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.garage-site-footer__inner {
		grid-template-columns: 1.1fr 0.9fr;
	}

	.garage-header-contact {
		display: inline-flex;
	}

	.garage-service-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.garage-service-grid .garage-service-card--detailed {
		grid-column: span 2;
	}

	.garage-proof-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.garage-vehicle-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.garage-brand__text {
		display: none;
	}

	.garage-header-contact {
		display: none;
	}

	.garage-site-footer__inner {
		grid-template-columns: 1fr;
	}

	.garage-home-hero__visual,
	.garage-story-hero__media,
	.garage-rent-hero {
		min-height: 20rem;
	}

	.garage-hero-card,
	.garage-story-hero__badge {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin: 1rem;
	}
}

/* Live migration polish: muted red/black, readable mobile nav, reservation + CF7 forms */
.garage-live-page {
	--garage-live-red: #b80c24;
	--garage-live-red-soft: rgba(184, 12, 36, 0.14);
}

.garage-live-page .garage-hero-orb--primary {
	opacity: 0.09;
	background: var(--garage-live-red, var(--clr-primary-500));
}

.garage-live-page .garage-hero-orb--secondary {
	opacity: 0.06;
}

.garage-live-page .garage-hero-headline__line--accent {
	background: linear-gradient(135deg, #f5f5f5, var(--garage-live-red, var(--clr-primary-500)));
}

.garage-live-page .garage-stat-card__value {
	color: var(--garage-live-red, var(--clr-primary-500));
}

.u-container {
	width: min(100% - 2rem, var(--container-max, 72rem));
	margin-inline: auto;
	padding-inline: clamp(1rem, 3vw, 1.5rem);
}

.garage-mobile-panel.u-glass {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	background: rgba(8, 8, 8, 0.97);
	color: #fff;
}

.garage-mobile-panel .garage-nav__link,
.garage-mobile-panel strong,
.garage-mobile-panel .garage-inline-feedback {
	color: #fff;
}

.garage-mobile-panel .garage-nav__link {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
}



.garage-live-page .gapark-wrap,
.garage-live-page .gapark-form,
.garage-live-page .gapark-card {
	color: #f5f5f5;
}

.garage-live-page .gapark-wrap input,
.garage-live-page .gapark-wrap select,
.garage-live-page .gapark-wrap textarea {
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}

.garage-live-page .gapark-wrap button,
.garage-live-page .gapark-wrap .button,
.garage-live-page .gapark-wrap input[type="submit"] {
	border-radius: 999px;
	background: var(--garage-live-red, var(--clr-primary-500));
	border-color: transparent;
	color: #fff;
}

.garage-contact-cf7-shell .wpcf7-form {
	display: grid;
	gap: 0.85rem;
}

.garage-contact-cf7-shell .wpcf7-form-control:not(.wpcf7-submit) {
	width: 100%;
	padding: 0.85rem 1rem;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.05);
	color: inherit;
}

.garage-contact-cf7-shell .wpcf7-submit {
	border-radius: 999px;
	background: var(--garage-live-red, var(--clr-primary-500));
	border: 0;
	color: #fff;
	padding: 0.85rem 1.4rem;
	cursor: pointer;
}

.garage-brand__logo {
	display: block;
	width: auto;
	max-width: clamp(9rem, 18vw, 11.5rem);
	max-height: 2.75rem;
	object-fit: contain;
}

/* Header + homepage mockup alignment (v1.3) */
.garage-site-header {
	padding-block: calc(0.55rem - 2px);
}

.garage-site-header > .u-container {
	width: min(100% - 1.25rem, 92rem);
	max-width: 92rem;
}

.garage-site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: calc(0.72rem - 2px) clamp(1rem, 2vw, 1.35rem);
	min-height: 0;
}

.garage-brand {
	flex: 0 0 auto;
	min-width: 0;
}

.garage-brand__logo {
	display: block !important;
	width: auto;
	max-width: clamp(9.5rem, 16vw, 12.5rem);
	max-height: 2.45rem;
	height: auto;
	object-fit: contain;
}

@media (min-width: 1024px) {
	.garage-nav {
		display: flex;
		flex: 1 1 auto;
		justify-content: center;
		align-items: center;
		min-width: 0;
	}

	.garage-nav__list {
		justify-content: center;
		align-items: center;
		gap: 0.25rem 0.5rem;
		margin: 0 auto;
	}

	.garage-nav__link {
		padding: 0.42rem 0.72rem;
		font-size: 0.9rem;
		line-height: 1.15;
	}

	.garage-header-actions {
		flex: 0 0 auto;
	}
}



.garage-live-page .garage-hero-layout {
	grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: center;
}

@media (min-width: 1024px) {
	.garage-live-page .garage-hero-layout {
		display: grid;
	}
}

.garage-live-page .garage-hero-reservation-shell,
.garage-live-page .garage-live-hero-form-shell {
	max-width: 28rem;
	width: 100%;
	margin-inline: auto;
}

.garage-live-page .garage-hero-visual {
	align-self: center;
}

.garage-mobile-panel__logo {
	display: block;
	max-height: 2.25rem;
	width: auto;
	object-fit: contain;
}

/* v1.4 fixes */
.garage-site-header__inner{min-height:0!important;max-height:5.5rem}
.garage-site-header .garage-nav,.garage-site-header .garage-header-actions{flex:0 0 auto}
.garage-hero-section img,.garage-hero-reservation-shell img,.garage-live-hero-form-shell img,.garage-hero-visual img{display:none!important}
.garage-live-page .garage-hero-section .gapark-wrap img{display:none!important}
.garage-live-hero-form-shell,.garage-hero-reservation-shell{position:relative;z-index:2}
.garage-site-header{position:sticky;top:0;z-index:100;overflow:visible}
@media (min-width:1024px){.garage-live-page .garage-hero-layout{display:grid;grid-template-columns:1fr minmax(18rem,26rem);align-items:center}}
.garage-brand-panel--info-only .garage-brand-panel__image-wrapper{display:none}
.garage-live-panel,.garage-live-hero-media,.section.garage-live-hero{display:none!important}

/* Hero + stats v1.5 — header untouched */
.garage-live-page .garage-hero-section {\n\tmin-height: auto !important;\n\tpadding-bottom: clamp(2rem, 4vh, 3rem) !important;\n\talign-items: flex-start;\n}

.garage-live-page .garage-hero-container {
	width: min(100% - 1.5rem, 76rem);
	margin-inline: auto;
}

.garage-live-page .garage-hero-layout {
	gap: clamp(1.75rem, 3.5vw, 2.75rem) !important;
	align-items: start !important;
}

@media (min-width: 1024px) {
	.garage-live-page .garage-hero-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 24rem) !important;
	}
}

.garage-live-page .garage-hero-content {
	gap: clamp(0.65rem, 1.5vw, 1rem) !important;
}

.garage-live-page .garage-hero-badge {
	margin-top: 0;
}

.garage-live-page .garage-hero-headline {
	font-size: clamp(1.85rem, 4.2vw, 3rem) !important;
	line-height: 1.08 !important;
}

.garage-live-page .garage-hero-headline__line--accent {
	background: linear-gradient(135deg, #ffffff 10%, #b80c24 90%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.garage-live-page .garage-hero-description {
	font-size: clamp(0.95rem, 1.6vw, 1.05rem);
	max-width: 34rem;
	margin: 0;
}

.garage-live-page .garage-hero-scroll-indicator {
	display: none !important;
}

.garage-live-page .garage-hero-form {
	width: 100%;
	max-width: 24rem;
}

.garage-live-page .garage-hero-form .gapark-wrap,
.garage-live-page .garage-hero-form [data-gapark] {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.garage-live-page .garage-hero-form .gapark-card {
	background: rgba(12, 12, 12, 0.94) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 1rem !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
	padding: clamp(1rem, 2vw, 1.35rem) !important;
}

.garage-live-page .garage-hero-form .gapark-title {
	font-size: 0.8rem !important;
	letter-spacing: 0.12em !important;
	font-weight: 600 !important;
	color: #f3f3f3 !important;
}

.garage-live-hero-form-shell,
.garage-hero-reservation-shell,
.garage-live-form-shell {
	padding: clamp(1rem, 2vw, 1.5rem);
	border-radius: var(--garage-shell-radius, 1.5rem);
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(10, 10, 10, 0.88);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.garage-live-page .garage-hero-form .gapark-header {
	margin-bottom: 0.85rem !important;
}

.garage-live-page .garage-live-hero-form-shell,
.garage-live-page .garage-hero-reservation-shell,
.garage-live-page .garage-live-form-shell,
.garage-live-page .garage-hero-visual {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: none !important;
}

.garage-live-page .garage-home-stats {
	padding-block: clamp(2rem, 4vw, 2.75rem) !important;
}

.garage-live-page .garage-stat-grid--modern {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0.85rem !important;
}

@media (max-width: 900px) {
	.garage-live-page .garage-stat-grid--modern {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.garage-live-page .garage-stat-card {
	overflow: visible !important;
	padding: 1.15rem 0.75rem !important;
	min-height: 6.25rem;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.garage-live-page .garage-stat-card__value {
	font-size: clamp(1.65rem, 2.8vw, 2.35rem) !important;
	line-height: 1.15 !important;
	font-weight: 700 !important;
	color: #b80c24 !important;
	background: none !important;
	-webkit-text-fill-color: #b80c24 !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	overflow: visible !important;
	white-space: nowrap !important;
	width: 100%;
	display: inline-block;
}

.garage-live-page .garage-stat-card__label {
	margin-top: 0.45rem !important;
	font-size: 0.8rem !important;
	line-height: 1.35 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	white-space: normal;
	max-width: 11rem;
}


.garage-live-page .garage-hero-container {
	padding-top: 0 !important;
}
.garage-live-page .garage-hero-content {
	padding-top: 0 !important;
}





/* Home hero spacing — match About page hero, header untouched */
.garage-live-page.garage-page--home > .garage-hero-section {
	position: relative !important;
	min-height: auto !important;
	margin-top: 0 !important;
	overflow: hidden;
}

.garage-live-page.garage-page--home .garage-hero-container,
.garage-live-page.garage-page--home .garage-hero-content,
.garage-live-page.garage-page--home .garage-hero-badge {
	margin-top: 0;
	padding-top: 0;
}

/* Pricing page hero — same layout as home */
.garage-live-page.garage-page--pricing > .garage-hero-section {
	position: relative !important;
	display: flex !important;
	min-height: auto !important;
	margin-top: 0 !important;
	overflow: hidden;
}
.garage-live-page.garage-page--pricing .garage-hero-form .gapark-card {
	background: rgba(12, 12, 12, 0.94) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 1rem !important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}
.garage-pricing-table-section {
	padding-block: clamp(2rem, 5vw, 3.5rem) !important;
}
.garage-pricing-table-wrap {
	margin-top: 1.5rem;
}

/* Pricing hero buttons + layout polish */
.garage-live-page.garage-page--pricing .garage-hero-cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.25rem;
}
.garage-live-page.garage-page--pricing .garage-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.8rem 1.35rem;
	border-radius: 999px;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	white-space: nowrap;
}
.garage-live-page.garage-page--pricing .garage-btn--primary {
	background: #b80c24;
	color: #fff;
	border: 1px solid #b80c24;
	box-shadow: 0 8px 24px rgba(184, 12, 36, 0.35);
}
.garage-live-page.garage-page--pricing .garage-btn--primary:hover {
	transform: translateY(-1px);
	background: #9a0a1f;
	border-color: #9a0a1f;
}
.garage-live-page.garage-page--pricing .garage-btn--outline {
	background: transparent;
	color: #f5f5f5;
	border: 1px solid rgba(255, 255, 255, 0.28);
}
.garage-live-page.garage-page--pricing .garage-btn--outline:hover {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.45);
}
.garage-live-page.garage-page--pricing .garage-hero-content {
	gap: 0.85rem !important;
}

.garage-live-page.garage-page--pricing {
	padding-top: 0 !important;
}
.garage-live-page.garage-page--pricing > .garage-hero-section .garage-hero-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.garage-live-page.garage-page--pricing .garage-hero-badge {
	margin-top: 0 !important;
}
.garage-live-page.garage-page--pricing .garage-hero-container {
	padding-top: 0 !important;
}

.garage-live-page.garage-page--pricing > .garage-hero-section.garage-hero-section {
	min-height: auto !important;
	padding-bottom: clamp(2.25rem, 4.5vw, 3.5rem) !important;
}

/* Pricing hero — tighter stack on mobile */
.garage-live-page.garage-page--pricing .garage-hero-layout {
	gap: clamp(1rem, 2.5vw, 1.5rem) !important;
}
@media (max-width: 1023px) {
	.garage-live-page.garage-page--pricing > .garage-hero-section {
		padding-bottom: 1.25rem !important;
	}
	.garage-live-page.garage-page--pricing .garage-hero-form {
		margin-top: 0 !important;
	}
}
/* Rent a Car — hero matches Pricing / About (black + muted red orbs) */
.garage-live-page.garage-page--rent-a-car {
	padding-top: 0 !important;
}


.garage-live-page.garage-page--rent-a-car > .garage-hero-section.garage-hero-section {
	min-height: auto !important;
	padding-bottom: clamp(2.25rem, 4.5vw, 3.5rem) !important;
}
.garage-live-page.garage-page--rent-a-car .garage-hero-container {
	padding-top: 0 !important;
}
.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
	position: relative !important;
	min-height: auto !important;
	margin-top: 0 !important;
	overflow: hidden;
	background: transparent;
}

.garage-live-page.garage-page--rent-a-car > .garage-hero-section .garage-hero-container {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-badge {
	margin-top: 0 !important;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-content {
	display: flex;
	flex-direction: column;
	gap: clamp(0.85rem, 2vw, 1.15rem) !important;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-headline {
	display: flex;
	flex-direction: column;
	gap: 0.12em;
	margin: 0;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-description {
	margin: 0;
	max-width: 36rem;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-features {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1rem;
	margin: 0;
}

.garage-live-page.garage-page--rent-a-car .garage-hero-cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: clamp(0.35rem, 1.5vw, 0.75rem);
}

.garage-live-page.garage-page--rent-a-car .garage-hero-layout {
	gap: clamp(1.75rem, 3.5vw, 2.75rem) !important;
	align-items: center;
}

.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
	margin-top: 0;
}



@media (max-width: 1023px) {
	.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
		margin-top: clamp(0.5rem, 2vw, 1rem);
	}

	.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
		padding-bottom: 1.5rem !important;
	}
}
@media (min-width: 1024px) { .garage-live-page.garage-page--rent-a-car .garage-rent-vehicle-grid, .garage-live-page.garage-page--rent-a-car [data-vehicle-grid] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }


/* Hero v1.7.3 — mobile + form column alignment */
@media (max-width: 1023px) {
	.garage-live-page.garage-page--home > .garage-hero-section,
	.garage-live-page.garage-page--pricing > .garage-hero-section,
	.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
		padding-top: calc(var(--header-height, 4.35rem) + clamp(1rem, 2.5vh, 1.75rem)) !important;
		min-height: auto !important;
	}
	.garage-live-page .garage-hero-form,
	.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
		margin-top: clamp(0.35rem, 1.5vw, 0.85rem) !important;
	}
}
.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
	align-self: center !important;
	justify-self: stretch;
	width: 100%;
	max-width: 24rem;
	margin-inline: auto;
}
@media (min-width: 1024px) {
	.garage-live-page .garage-hero-form,
	.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
		justify-self: end !important;
		margin-inline: 0;
	}
}
.garage-live-page .garage-hero-form .gapark-card .form-control,
.garage-live-page .garage-hero-form .gapark-card input,
.garage-live-page .garage-hero-form .gapark-card select {
	min-height: 2.75rem;
}


/* Hero v1.7.3 desktop spacing */
.garage-live-page.garage-page--home > .garage-hero-section,
.garage-live-page.garage-page--pricing > .garage-hero-section,
.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
	padding-top: var(--garage-hero-top-pad, calc(var(--header-height, 5.25rem) + 1.75rem)) !important;
	padding-bottom: clamp(2.25rem, 4.5vw, 3.75rem) !important;
	display: flex !important;
}
.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
	align-items: center !important;
}
.garage-live-page.garage-page--home > .garage-hero-section {
	min-height: auto !important;
	padding-block: unset !important;
}
.garage-live-page.garage-page--pricing > .garage-hero-section.garage-hero-section,
.garage-live-page.garage-page--pricing > .garage-hero-section {
	padding-top: var(--garage-hero-top-pad, calc(var(--header-height, 5.25rem) + 1.75rem)) !important;
	align-items: flex-start !important;
}
.garage-live-page.garage-page--rent-a-car > .garage-hero-section {
	padding-top: var(--garage-hero-top-pad, calc(var(--header-height, 5.25rem) + 1.75rem)) !important;
	align-items: center !important;
}
.garage-live-page.garage-page--rent-a-car .garage-hero-layout,
.garage-live-page.garage-page--rent-a-car .garage-rent-hero-layout {
	align-items: center !important;
}


/* Hero v1.7.4 — home/pricing top-align (do not change rent-a-car) */
.garage-live-page.garage-page--home > .garage-hero-section,
.garage-live-page.garage-page--pricing > .garage-hero-section {
	min-height: auto !important;
	align-items: flex-start !important;
}
.garage-live-page.garage-page--home > .garage-hero-section {
	padding-top: calc(var(--garage-hero-top-pad, calc(var(--header-height, 5.25rem) + 1.75rem)) + clamp(0.75rem, 2vh, 1.5rem)) !important;
}
.garage-live-page.garage-page--home .garage-hero-layout,
.garage-live-page.garage-page--pricing .garage-hero-layout {
	align-items: start !important;
}
.garage-live-page.garage-page--home .garage-hero-content,
.garage-live-page.garage-page--pricing .garage-hero-content,
.garage-live-page.garage-page--home .garage-hero-form,
.garage-live-page.garage-page--pricing .garage-hero-form {
	align-self: start !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.garage-live-page .garage-hero-form {
	align-self: start !important;
}
.garage-live-page.garage-page--rent-a-car .garage-hero-layout,
.garage-live-page.garage-page--rent-a-car .garage-rent-hero-showcase {
	align-self: center;
}
