:root{
	--motorit-chrome-primary:#067b9d;
	--motorit-chrome-primary-dark:#056985;
	--motorit-chrome-accent:#38b6ff;
	--motorit-chrome-white:#ffffff;
	--motorit-chrome-text:#0f172a;
	--motorit-chrome-muted:#64748b;
	--motorit-chrome-border:#dbe7ef;
	--motorit-chrome-bg:#f8fbfc;

	--motorit-chrome-header-x:clamp(34px,4vw,64px);
	--motorit-chrome-header-top:20px;
	--motorit-chrome-header-bottom:10px;
	--motorit-chrome-row:68px;
	--motorit-chrome-side:350px;
	--motorit-chrome-logo-width:220px;
	--motorit-chrome-nav-gap:12px;
	--motorit-chrome-action-gap:12px;
}

.motorit-chrome-header,
.motorit-chrome-header *,
.motorit-chrome-footer,
.motorit-chrome-footer *{
	box-sizing:border-box;
}

.motorit-chrome-header{
	position:relative;
	z-index:100;
	width:100%;
	margin:0;
	padding:var(--motorit-chrome-header-top) var(--motorit-chrome-header-x) var(--motorit-chrome-header-bottom);
	background:transparent;
	font-family:Arial,Helvetica,sans-serif;
}

.motorit-chrome-header__inner{
	display:grid;
	grid-template-columns:var(--motorit-chrome-side) minmax(0,1fr) var(--motorit-chrome-side);
	align-items:center;
	column-gap:28px;
	width:100%;
	height:var(--motorit-chrome-row);
	min-height:var(--motorit-chrome-row);
}

.motorit-chrome-header__logo{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:var(--motorit-chrome-side);
	height:var(--motorit-chrome-row);
	line-height:0;
	text-decoration:none;
}

.motorit-chrome-header__logo img{
	display:block!important;
	width:var(--motorit-chrome-logo-width)!important;
	min-width:var(--motorit-chrome-logo-width)!important;
	max-width:none!important;
	height:auto!important;
	max-height:none!important;
	object-fit:contain!important;
	object-position:left center!important;
	transform:none!important;
}

.motorit-chrome-header__nav{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	justify-self:center;
	gap:var(--motorit-chrome-nav-gap);
	width:max-content;
	max-width:100%;
	height:46px;
}

.motorit-chrome-header__nav a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:46px;
	min-height:46px;
	padding:0 10px;
	border-radius:14px;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:900;
	line-height:1;
	white-space:nowrap;
}

.motorit-chrome-header__nav a:hover,
.motorit-chrome-header__nav a.is-active{
	background:rgba(255,255,255,.14);
	color:#fff;
}

.motorit-chrome-header__actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	justify-self:end;
	gap:var(--motorit-chrome-action-gap);
	width:var(--motorit-chrome-side);
	height:56px;
}

.motorit-chrome-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:56px;
	min-height:56px;
	padding:0 24px;
	border-radius:18px;
	text-decoration:none;
	font-size:16px;
	font-weight:900;
	line-height:1;
	white-space:nowrap;
}

.motorit-chrome-button.is-light{
	background:#fff;
	color:#073f41;
	border:1px solid #fff;
	box-shadow:0 12px 28px rgba(2,6,23,.13);
}

.motorit-chrome-button.is-dark{
	background:var(--motorit-chrome-primary-dark);
	color:#fff;
	border:1px solid rgba(255,255,255,.18);
}

.motorit-chrome-footer{
	width:100%;
	margin:0;
	padding:60px 0 24px;
	background:var(--motorit-chrome-primary-dark);
	color:#d8eeee;
	font-family:Arial,Helvetica,sans-serif;
}

.motorit-chrome-footer__inner{
	width:92%;
	max-width:1380px;
	margin:0 auto;
	padding:0 28px;
}

.motorit-chrome-footer__top{
	display:grid;
	grid-template-columns:1.4fr 1fr 1fr 1fr;
	gap:30px;
	padding-bottom:34px;
	border-bottom:1px solid rgba(255,255,255,.12);
}

.motorit-chrome-footer__brand img{
	display:block;
	height:54px;
	width:auto;
	max-width:280px;
	margin-bottom:16px;
}

.motorit-chrome-footer__brand p{
	max-width:440px;
	margin:0;
	font-size:15px;
	line-height:1.8;
}

.motorit-chrome-footer h4{
	margin:0 0 14px;
	color:#fff;
	font-size:15px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
}

.motorit-chrome-footer__links{
	display:grid;
	gap:10px;
}

.motorit-chrome-footer__links a{
	color:#d8eeee;
	text-decoration:none;
	font-size:15px;
}

.motorit-chrome-footer__links a:hover{
	color:#fff;
}

.motorit-chrome-footer__bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
	flex-wrap:wrap;
	padding-top:20px;
	color:#b8d5d6;
	font-size:14px;
}

@media(max-width:1100px){
	:root{
		--motorit-chrome-side:250px;
		--motorit-chrome-row:66px;
		--motorit-chrome-logo-width:150px;
	}

	.motorit-chrome-header__inner{
		grid-template-columns:var(--motorit-chrome-side) minmax(0,1fr);
		grid-template-rows:var(--motorit-chrome-row) auto;
		height:auto;
		row-gap:8px;
	}

	.motorit-chrome-header__actions{
		grid-column:2;
		grid-row:1;
		width:auto;
	}

	.motorit-chrome-header__nav{
		grid-column:1/-1;
		grid-row:2;
		flex-wrap:wrap;
	}
}

@media(max-width:700px){
	:root{
		--motorit-chrome-header-x:18px;
		--motorit-chrome-header-top:15px;
		--motorit-chrome-header-bottom:10px;
		--motorit-chrome-row:54px;
		--motorit-chrome-side:176px;
		--motorit-chrome-logo-width:145px;
	}

	.motorit-chrome-header__inner{
		grid-template-columns:1fr;
		grid-template-rows:auto;
		gap:9px;
	}

	.motorit-chrome-header__logo{
		grid-column:1;
		grid-row:1;
		width:100%;
	}

	.motorit-chrome-header__actions{
		grid-column:1;
		grid-row:2;
		justify-content:flex-start;
		width:100%;
	}

	.motorit-chrome-header__nav{
		grid-column:1;
		grid-row:3;
		justify-content:flex-start;
		justify-self:stretch;
		width:100%;
		gap:4px 6px;
	}

	.motorit-chrome-header__nav a{
		height:36px;
		min-height:36px;
		padding:0 9px;
		border-radius:11px;
		font-size:13px;
	}

	.motorit-chrome-button{
		height:43px;
		min-height:43px;
		padding:0 15px;
		border-radius:14px;
		font-size:13px;
	}

	.motorit-chrome-footer__inner{
		width:94%;
		padding:0 16px;
	}

	.motorit-chrome-footer__top{
		grid-template-columns:1fr;
	}
}


/* V1.2 final logo ownership lock */
html body .motorit-chrome-header .motorit-chrome-header__logo img{
	width:var(--motorit-chrome-logo-width)!important;
	min-width:var(--motorit-chrome-logo-width)!important;
	max-width:none!important;
	height:auto!important;
	max-height:none!important;
	transform:none!important;
}