/* MV Agusta new-bikes range grid — /mv-agusta/new-bikes/.
   Shipped as a file (not inline) so WP Rocket's Remove-Unused-CSS can be told
   to keep it via the safelist; inline rules were being stripped. */

/* Strip Elementor's default 10px column padding around the full-bleed grid,
   scoped to the column that actually holds it (not site-wide). */
.elementor-element-populated:has(.mva-newbikes) {
	padding: 0 !important;
}

.mva-newbikes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;              /* every tile matches the tallest one */
	gap: 0;
	width: 100%;
}

.mva-nb-cat {
	position: relative;
	min-height: 440px;
	background: #111 center/cover no-repeat;
	display: flex;
}
.mva-nb-cat::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(rgba(0, 0, 0, .42), rgba(0, 0, 0, .68));
}

.mva-nb-inner {
	position: relative;
	z-index: 1;
	margin: auto;
	padding: 56px 28px;
	max-width: 540px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.mva-newbikes .mva-nb-title {
	color: #fff;
	font-size: 2.1rem;
	line-height: 1.05;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin: 0 0 12px;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.mva-newbikes .mva-nb-tagline {
	color: #f2f2f2;
	font-size: 1.1rem;
	line-height: 1.4;
	margin: 0 0 22px;
	text-shadow: 0 1px 10px rgba(0, 0, 0, .6);
}

.mva-newbikes .mva-nb-models {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* !important + extra specificity to beat the theme's dark link colour. */
.mva-newbikes .mva-nb-models a {
	color: #fff !important;
	font-weight: 700;
	font-size: 1.12rem;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 10px rgba(0, 0, 0, .65);
	transition: color .15s;
}
.mva-newbikes .mva-nb-models a:hover,
.mva-newbikes .mva-nb-models a:focus {
	color: #e2b04a !important;
}

@media (max-width: 700px) {
	.mva-newbikes { grid-template-columns: 1fr; }
	.mva-nb-cat { min-height: 360px; }
	.mva-nb-inner { padding: 44px 22px; }
}