/* Scoped !important overrides legacy header-builder rules on BMW and Volkswagen only within brand landings. */
/* Audi is the approved reference. Brand logos and accent colours remain in their own modules. */
:root body.eph-brand-standard :is(.epbp-page,.epaudi-page,.epmercedes-page,.epporsche-page,.epskoda-page,.epvolkswagen-page,.ep-pseo) {font-family:inherit;background:#fff !important;}
:root body.eph-brand-standard :is(.epbp-hero,.epaudi-hero,.epmercedes-hero,.epporsche-hero,.epskoda-hero,.epvolkswagen-hero,.ep-pseo-hero) {
 background:linear-gradient(118deg, rgb(4 9 16 / 98%) 0%, rgb(10 23 39 / 96%) 54%, rgb(21 42 65 / 92%) 100%),radial-gradient(circle at 82% 20%,#355d88,transparent 46%) !important;
}
:root body.eph-brand-standard :is(.epbp-hero h1,.epaudi-hero h1,.epmercedes-hero h1,.epporsche-hero h1,.epskoda-hero h1,.epvolkswagen-hero h1,.ep-pseo-hero h1) {font-family:inherit;font-size:clamp(48px,5.3vw,78px) !important;font-weight:780 !important;letter-spacing:-.052em !important;line-height:.99 !important;}
:root body.eph-brand-standard :is(.epbp-hero__lead,.epaudi-hero__lead,.epmercedes-hero__lead,.epporsche-hero__lead,.epskoda-hero__lead,.epvolkswagen-hero__lead,.ep-pseo-hero__lead),:root body.eph-brand-standard .ep-pseo-hero__summary {font-family:inherit;font-size:20px !important;font-weight:400 !important;line-height:1.55 !important;}
:root body.eph-brand-standard :is(.epbp-hero__signature,.epaudi-hero__signature,.epmercedes-hero__signature,.epporsche-hero__signature,.epskoda-hero__signature,.epvolkswagen-hero__signature,.ep-pseo-hero__signature) {background:linear-gradient(145deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 3%)) !important;}
:root body.eph-brand-standard :is(.epbp-page,.epaudi-page,.epmercedes-page,.epporsche-page,.epskoda-page,.epvolkswagen-page,.ep-pseo) h2 {font-family:inherit;font-size:clamp(29px,3vw,42px) !important;font-weight:600 !important;letter-spacing:-.035em !important;line-height:1.12 !important;}
:root body.eph-brand-standard :is(.epbp-eyebrow,.epaudi-eyebrow,.epmercedes-eyebrow,.epporsche-eyebrow,.epskoda-eyebrow,.epvolkswagen-eyebrow,.ep-pseo-eyebrow) {font-family:inherit;font-size:14px !important;font-weight:800 !important;letter-spacing:.14em !important;}
:root body.eph-brand-standard :is(.epbp-copy__body,.epaudi-copy__body,.epmercedes-copy__body,.epporsche-copy__body,.epskoda-copy__body,.epvolkswagen-copy__body,.ep-pseo-copy__body) {font-family:inherit;font-size:18px !important;line-height:1.75 !important;}
:root body.eph-brand-standard :is(.epbp-faq__items summary,.epaudi-faq__items summary,.epmercedes-faq__items summary,.epporsche-faq__items summary,.epskoda-faq__items summary,.epvolkswagen-faq__items summary,.ep-pseo-faq__items summary) {font-family:inherit;font-size:19px !important;font-weight:800 !important;line-height:1.65 !important;}
@media(max-width:767px){
:root body.eph-brand-standard :is(.epbp-hero h1,.epaudi-hero h1,.epmercedes-hero h1,.epporsche-hero h1,.epskoda-hero h1,.epvolkswagen-hero h1,.ep-pseo-hero h1) {font-size:40px !important;line-height:1.03 !important;}
:root body.eph-brand-standard :is(.epbp-hero__lead,.epaudi-hero__lead,.epmercedes-hero__lead,.epporsche-hero__lead,.epskoda-hero__lead,.epvolkswagen-hero__lead,.ep-pseo-hero__lead),:root body.eph-brand-standard .ep-pseo-hero__summary {font-size:17px !important;}
:root body.eph-brand-standard :is(.epbp-page,.epaudi-page,.epmercedes-page,.epporsche-page,.epskoda-page,.epvolkswagen-page,.ep-pseo) h2 {font-size:28px !important;}
:root body.eph-brand-standard :is(.epbp-copy__body,.epaudi-copy__body,.epmercedes-copy__body,.epporsche-copy__body,.epskoda-copy__body,.epvolkswagen-copy__body,.ep-pseo-copy__body) {font-size:16px !important;line-height:1.65 !important;}
:root body.eph-brand-standard :is(.epbp-faq__items summary,.epaudi-faq__items summary,.epmercedes-faq__items summary,.epporsche-faq__items summary,.epskoda-faq__items summary,.epvolkswagen-faq__items summary,.ep-pseo-faq__items summary) {font-size:17px !important;line-height:1.4 !important;}
}

/* BMW hero follows the Audi layout, decoration and live catalog overview. */
:root body.eph-brand-standard .epbp-hero {
	background:
		linear-gradient(118deg, rgb(4 9 16 / 98%) 0%, rgb(10 23 39 / 96%) 54%, rgb(21 42 65 / 92%) 100%),
		radial-gradient(circle at 82% 20%, #355d88, transparent 46%) !important;
	color: #fff !important;
	overflow: hidden !important;
	position: relative !important;
}

:root body.eph-brand-standard .epbp-hero::before,
:root body.eph-brand-standard .epbp-hero::after {
	content: "" !important;
	pointer-events: none !important;
	position: absolute !important;
}

:root body.eph-brand-standard .epbp-hero::before {
	background: linear-gradient(90deg, transparent, rgb(255 255 255 / 8%), transparent) !important;
	height: 1px !important;
	right: -80px !important;
	top: 115px !important;
	transform: rotate(-22deg) !important;
	width: 58% !important;
}

:root body.eph-brand-standard .epbp-hero::after {
	border: 1px solid rgb(255 255 255 / 7%) !important;
	border-radius: 50% !important;
	height: 680px !important;
	right: -280px !important;
	top: -320px !important;
	width: 680px !important;
}

:root body.eph-brand-standard .epbp-hero__inner {
	display: grid !important;
	gap: 44px 86px !important;
	grid-template-areas:
		"breadcrumbs breadcrumbs"
		"copy brand" !important;
	grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr) !important;
	min-height: 590px !important;
	padding-bottom: 70px !important;
	padding-top: 44px !important;
	position: relative !important;
	z-index: 1 !important;
}

:root body.eph-brand-standard .epbp-breadcrumbs {
	align-items: center !important;
	color: #aeb9c8 !important;
	display: flex !important;
	font-size: 14px !important;
	gap: 10px !important;
	grid-area: breadcrumbs !important;
	margin: 0 !important;
}

:root body.eph-brand-standard .epbp-breadcrumbs a {
	color: inherit !important;
	text-decoration: none !important;
}

:root body.eph-brand-standard .epbp-breadcrumbs a:hover,
:root body.eph-brand-standard .epbp-breadcrumbs a:focus {
	color: #fff !important;
}

:root body.eph-brand-standard .epbp-hero__copy {
	align-self: center !important;
	grid-area: copy !important;
}

:root body.eph-brand-standard .epbp-eyebrow {
	color: #68a7ff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: .14em !important;
	margin: 0 0 13px !important;
	text-transform: uppercase !important;
}

:root body.eph-brand-standard .epbp-hero h1 {
	color: #fff !important;
	font-size: clamp(48px, 5.3vw, 78px) !important;
	font-weight: 780 !important;
	letter-spacing: -.052em !important;
	line-height: .99 !important;
	margin: 0 !important;
	max-width: 820px !important;
}

:root body.eph-brand-standard .epbp-hero h1::after {
	background: #2687d9 !important;
	content: "" !important;
	display: block !important;
	height: 4px !important;
	margin-top: 24px !important;
	width: 62px !important;
}

:root body.eph-brand-standard .epbp-hero__lead {
	color: #cdd6e2 !important;
	font-size: 20px !important;
	line-height: 1.55 !important;
	margin: 22px 0 0 !important;
	max-width: 700px !important;
}

:root body.eph-brand-standard .epbp-hero__actions {
	align-items: center !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

:root body.eph-brand-standard .epbp-hero__brand {
	align-self: center !important;
	background: linear-gradient(145deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 3%)) !important;
	border: 1px solid rgb(255 255 255 / 14%) !important;
	border-radius: 18px !important;
	box-shadow: 0 38px 100px rgb(0 0 0 / 28%) !important;
	grid-area: brand !important;
	min-height: 355px !important;
	overflow: hidden !important;
	padding: 44px 38px 30px !important;
	position: relative !important;
}

:root body.eph-brand-standard .epbp-hero__brand::after {
	background: #2687d9 !important;
	bottom: 0 !important;
	content: "" !important;
	height: 3px !important;
	left: 38px !important;
	position: absolute !important;
	right: 38px !important;
}

:root body.eph-brand-standard .epbp-hero__metric {
	align-items: baseline !important;
	display: flex !important;
	gap: 12px !important;
}

:root body.eph-brand-standard .epbp-hero__metric strong {
	color: #fff !important;
	font-size: 42px !important;
	letter-spacing: -.05em !important;
	line-height: 1 !important;
}

:root body.eph-brand-standard .epbp-hero__metric span {
	color: #c5d0de !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
}

:root body.eph-brand-standard .epbp-hero__indexes {
	border-top: 1px solid rgb(255 255 255 / 12%) !important;
	display: grid !important;
	gap: 20px !important;
	grid-template-columns: 1fr 1fr !important;
	margin-top: 22px !important;
	padding-top: 20px !important;
}

:root body.eph-brand-standard .epbp-hero__indexes span {
	color: #9eabba !important;
	display: flex !important;
	flex-direction: column !important;
	font-size: 12px !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
}

:root body.eph-brand-standard .epbp-hero__indexes b {
	color: #fff !important;
	font-size: 20px !important;
	letter-spacing: normal !important;
	margin-bottom: 2px !important;
}

/* Reset properties inherited from the former BMW layout. */
:root body.eph-brand-standard .epbp-hero__inner {align-items:normal;align-content:normal;grid-template-rows:none;}
:root body.eph-brand-standard .epbp-hero__copy {margin-top:0;}
:root body.eph-brand-standard .epbp-hero__actions {flex-direction:row;}
:root body.eph-brand-standard .epbp-hero__brand {display:block;text-align:left;margin:0;width:auto;}
:root body.eph-brand-standard .epbp-hero__brand::before {display:none;}
:root body.eph-brand-standard .epbp-hero__brand strong {font-weight:700;max-width:none;margin:0;}
:root body.eph-brand-standard .epbp-hero__logo {display:block;position:relative;width:190px;max-width:100%;height:190px;aspect-ratio:1;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0 auto 20px;}
:root body.eph-brand-standard .epbp-hero__logo img {display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto;height:100%;object-fit:contain;}
:root body.eph-brand-standard .epbp-container {max-width:1440px !important;padding-left:32px !important;padding-right:32px !important;}
:root body.eph-brand-standard .epbp-breadcrumbs {line-height:1.65 !important;}
:root body.eph-brand-standard .epbp-hero .epbp-eyebrow {line-height:1.65 !important;color:#68a7ff !important;letter-spacing:.14em !important;margin:0 0 13px !important;}
@media(max-width:1180px){
 :root body.eph-brand-standard .epbp-hero__inner {gap:38px 44px !important;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr) !important;}
}
@media(max-width:1024px){
 :root body.eph-brand-standard .epbp-hero__inner {grid-template-columns:minmax(0,1fr) 320px !important;}
 :root body.eph-brand-standard .epbp-hero__brand {min-height:310px !important;padding:38px 28px 26px !important;}
}
@media(max-width:767px){
 :root body.eph-brand-standard .epbp-container {padding-left:20px !important;padding-right:20px !important;}
 :root body.eph-brand-standard .epbp-hero__inner {display:flex !important;flex-direction:column;gap:0 !important;min-height:auto !important;padding-top:18px !important;padding-bottom:35px !important;}
 :root body.eph-brand-standard .epbp-breadcrumbs {font-size:13px !important;order:1;}
 :root body.eph-brand-standard .epbp-hero__brand {align-self:center;align-items:center;display:flex;justify-content:space-between;margin:22px 0 28px;min-height:0 !important;order:2;overflow:visible !important;padding:0 !important;width:100%;border:0 !important;box-shadow:none !important;flex-direction:row;}
 :root body.eph-brand-standard .epbp-hero__brand::after,:root body.eph-brand-standard .epbp-hero__indexes {display:none !important;}
 :root body.eph-brand-standard .epbp-hero__logo {width:135px;height:135px;aspect-ratio:1;margin:0;flex:0 0 135px;}
 :root body.eph-brand-standard .epbp-hero__logo img {width:135px;height:135px;}
 :root body.eph-brand-standard .epbp-hero__metric {align-items:flex-end !important;flex-direction:column;gap:2px !important;text-align:right;}
 :root body.eph-brand-standard .epbp-hero__metric strong {font-size:30px !important;}
 :root body.eph-brand-standard .epbp-hero__metric span {font-size:12px !important;max-width:105px;}
 :root body.eph-brand-standard .epbp-hero__copy {order:3;width:100%;}
 :root body.eph-brand-standard .epbp-hero h1 {font-size:40px !important;line-height:1.03 !important;}
 :root body.eph-brand-standard .epbp-hero h1::after {width:48px !important;height:3px !important;margin-top:18px !important;}
 :root body.eph-brand-standard .epbp-hero .epbp-hero__lead {font-size:17px !important;margin-top:17px !important;}
 :root body.eph-brand-standard .epbp-hero__actions {align-items:stretch !important;flex-direction:column;gap:10px !important;margin-top:24px !important;}
}

/* Hero brand labels follow their stripe colour; Porsche keeps its approved gold tone. */
:root body.eph-brand-standard .epaudi-hero .epaudi-eyebrow {color:var(--epaudi-red) !important;}
:root body.eph-brand-standard .epbp-hero .epbp-eyebrow {color:#2687d9 !important;}
:root body.eph-brand-standard .epmercedes-hero .epmercedes-eyebrow {color:var(--epmercedes-red) !important;}
:root body.eph-brand-standard .epskoda-hero .epskoda-eyebrow {color:var(--epskoda-accent) !important;}
:root body.eph-brand-standard .epvolkswagen-hero .epvolkswagen-eyebrow {color:var(--epvolkswagen-accent) !important;}