.mtb-model-page,
.mtb-model-page * { box-sizing: border-box; }

.mtb-model-page {
	--mtb-navy: #0b2740;
	--mtb-orange: #ff8a35;
	--mtb-sea: #3b5d73;
	--mtb-soft: #f4f6f7;
	--mtb-white: #fff;
	--mtb-line: rgba(11, 39, 64, .12);
	color: var(--mtb-navy);
	background: var(--mtb-white);
	font-family: "Manrope", Arial, sans-serif;
}

.mtb-model-page a { color: inherit; }
.mtb-model__shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.mtb-model__hero {
	position: relative;
	overflow: hidden;
	padding: clamp(64px, 8vw, 112px) 0 clamp(72px, 9vw, 124px);
	color: var(--mtb-white);
	background:
		radial-gradient(circle at 88% 15%, rgba(255, 138, 53, .17), transparent 28%),
		linear-gradient(145deg, #071c2e 0%, var(--mtb-navy) 64%, #123952 100%);
}

.mtb-model__hero::after {
	content: "";
	position: absolute;
	right: -8%;
	bottom: -140px;
	width: 58%;
	height: 250px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 50%;
	transform: rotate(-8deg);
	pointer-events: none;
}

.mtb-model__hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
	gap: clamp(44px, 7vw, 88px);
	align-items: center;
}

.mtb-model__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 34px;
	color: rgba(255,255,255,.64);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.mtb-model__breadcrumb a { color: rgba(255,255,255,.82); text-decoration: none; }
.mtb-model__breadcrumb a:hover { color: var(--mtb-orange); }

.mtb-model__eyebrow,
.mtb-model__section-kicker {
	margin: 0 0 16px;
	color: var(--mtb-orange);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.mtb-model__hero h1 {
	max-width: 720px;
	margin: 0;
	color: var(--mtb-white);
	font-size: clamp(44px, 6.1vw, 82px);
	font-weight: 800;
	letter-spacing: -.055em;
	line-height: .98;
}

.mtb-model__headline {
	margin: 28px 0 0;
	color: var(--mtb-white);
	font-size: clamp(21px, 2.2vw, 29px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.25;
}

.mtb-model__intro {
	max-width: 640px;
	margin: 20px 0 0;
	color: rgba(255,255,255,.75);
	font-size: 16px;
	line-height: 1.75;
}

.mtb-model__demo-note {
	margin: 22px 0 0;
	padding: 14px 16px;
	border-left: 3px solid var(--mtb-orange);
	background: rgba(255,255,255,.07);
	color: rgba(255,255,255,.82);
	font-size: 13px;
	line-height: 1.6;
}

.mtb-model__actions { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; margin-top: 34px; }
.mtb-model__button {
	display: inline-flex;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 14px 22px;
	border: 1px solid transparent;
	border-radius: 4px 18px 4px 18px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.mtb-model__button--primary { color: var(--mtb-navy) !important; background: var(--mtb-orange); }
.mtb-model__button--primary:hover { color: var(--mtb-navy) !important; background: #ff9c57; transform: translateY(-2px); }
.mtb-model__text-link { color: var(--mtb-white) !important; font-size: 13px; font-weight: 700; text-underline-offset: 5px; }
.mtb-model__button:focus-visible,
.mtb-model__text-link:focus-visible,
.mtb-model__breadcrumb a:focus-visible { outline: 3px solid var(--mtb-orange); outline-offset: 4px; }

.mtb-model__hero-media { position: relative; margin: 0; }
.mtb-model__hero-media::before {
	content: "";
	position: absolute;
	inset: -14px 18px 18px -14px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 8px 56px 8px 56px;
	pointer-events: none;
}
.mtb-model__hero-media img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px 56px 8px 56px;
	box-shadow: 0 30px 80px rgba(0,0,0,.28);
}
.mtb-model__hero-media figcaption { margin-top: 14px; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.5; }

.mtb-model__overview { padding: clamp(76px, 9vw, 124px) 0; background: var(--mtb-soft); }
.mtb-model__overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .88fr); gap: clamp(52px, 8vw, 100px); align-items: start; }
.mtb-model-page h2 { max-width: 760px; margin: 0; font-size: clamp(32px, 4vw, 52px); letter-spacing: -.045em; line-height: 1.08; }
.mtb-model__features { display: grid; gap: 0; margin: 36px 0 0; padding: 0; list-style: none; }
.mtb-model__features li { display: grid; grid-template-columns: 32px 1fr; gap: 16px; align-items: start; padding: 20px 0; border-top: 1px solid var(--mtb-line); }
.mtb-model__features li:last-child { border-bottom: 1px solid var(--mtb-line); }
.mtb-model__features span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: var(--mtb-navy); background: rgba(255,138,53,.2); font-weight: 800; }
.mtb-model__features p { margin: 3px 0 0; font-size: 15px; line-height: 1.65; }

.mtb-model__specs-wrap { padding: clamp(28px, 4vw, 44px); border-radius: 6px 38px 6px 38px; background: var(--mtb-white); box-shadow: 0 24px 70px rgba(11,39,64,.09); }
.mtb-model__specs-wrap h3 { margin: 0 0 22px; font-size: 20px; }
.mtb-model__specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--mtb-line); }
.mtb-model__spec { min-width: 0; padding: 18px 10px 18px 0; border-bottom: 1px solid var(--mtb-line); }
.mtb-model__spec:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--mtb-line); }
.mtb-model__spec dt { margin-bottom: 6px; color: var(--mtb-sea); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mtb-model__spec dd { margin: 0; font-size: 17px; font-weight: 750; line-height: 1.35; }
.mtb-model__specs-empty { grid-column: 1 / -1; margin: 0; padding: 22px 0; color: var(--mtb-sea); font-size: 14px; line-height: 1.65; }
.mtb-model__spec-note { margin: 20px 0 0; color: var(--mtb-sea); font-size: 11px; line-height: 1.6; }

.mtb-model__equipment { padding: clamp(74px, 9vw, 120px) 0; background: var(--mtb-white); }
.mtb-model__equipment .mtb-model__section-intro { margin-bottom: 34px; }
.mtb-model__equipment-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 34px;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--mtb-line);
	list-style: none;
}
.mtb-model__equipment-grid li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	min-width: 0;
	padding: 16px 0;
	border-bottom: 1px solid var(--mtb-line);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.5;
}
.mtb-model__equipment-grid li > span:first-child {
	display: grid;
	width: 26px;
	height: 26px;
	place-items: center;
	border-radius: 50%;
	color: var(--mtb-navy);
	background: rgba(255,138,53,.2);
	font-size: 12px;
	font-weight: 800;
}
.mtb-model__equipment-note { max-width: 760px; margin: 24px 0 0; color: var(--mtb-sea); font-size: 11px; line-height: 1.65; }

.mtb-model__gallery-section { padding: clamp(78px, 10vw, 136px) 0; background: var(--mtb-soft); }
.mtb-model__section-intro { max-width: 650px; margin: 20px 0 40px; color: var(--mtb-sea); font-size: 16px; line-height: 1.7; }
.mtb-model__gallery { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; align-items: start; }
.mtb-model__gallery-item { grid-column: span 6; margin: 0; overflow: hidden; border-radius: 4px 28px 4px 28px; background: var(--mtb-soft); }
.mtb-model__gallery-item:nth-child(3n + 1) { grid-column: span 7; }
.mtb-model__gallery-item:nth-child(3n + 2) { grid-column: span 5; }
.mtb-model__gallery-item img { display: block; width: 100%; height: auto; transition: transform .5s ease; }
.mtb-model__gallery-item:hover img { transform: scale(1.02); }
.mtb-model__gallery-item figcaption { padding: 15px 18px 17px; color: var(--mtb-sea); font-size: 12px; font-weight: 700; }

.mtb-model__details { padding: clamp(72px, 9vw, 118px) 0; color: var(--mtb-white); background: var(--mtb-navy); }
.mtb-model__details h2 { color: var(--mtb-white); }
.mtb-model__detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 46px; }
.mtb-model__detail-card { min-width: 0; padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 4px 28px 4px 28px; background: rgba(255,255,255,.045); }
.mtb-model__detail-number { color: var(--mtb-orange); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.mtb-model__detail-card h3 { margin: 26px 0 12px; color: var(--mtb-white); font-size: 20px; }
.mtb-model__detail-card p { margin: 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.7; }

.mtb-model__config { padding: clamp(70px, 9vw, 118px) 0; background: var(--mtb-soft); }
.mtb-model__config-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; padding: clamp(34px, 5vw, 66px); border-radius: 8px 46px 8px 46px; background: var(--mtb-white); box-shadow: 0 24px 80px rgba(11,39,64,.08); }
.mtb-model__config-panel p:not(.mtb-model__section-kicker) { max-width: 700px; margin: 20px 0 0; color: var(--mtb-sea); font-size: 15px; line-height: 1.7; }

@media (max-width: 920px) {
	.mtb-model__hero-grid,
	.mtb-model__overview-grid { grid-template-columns: 1fr; }
	.mtb-model__hero-media { max-width: 720px; }
	.mtb-model__detail-grid { grid-template-columns: 1fr; }
	.mtb-model__config-panel { grid-template-columns: 1fr; }
	.mtb-model__config-panel .mtb-model__button { width: fit-content; }
}

@media (max-width: 600px) {
	.mtb-model__shell { width: min(100% - 32px, 1180px); }
	.mtb-model__hero { padding: 40px 0 72px; }
	.mtb-model__hero-grid { gap: 44px; }
	.mtb-model__breadcrumb { margin-bottom: 24px; font-size: 10px; }
	.mtb-model__hero h1 { font-size: clamp(42px, 14vw, 60px); overflow-wrap: anywhere; }
	.mtb-model__headline { margin-top: 22px; }
	.mtb-model__actions { align-items: stretch; }
	.mtb-model__button { width: 100%; }
	.mtb-model__text-link { width: 100%; text-align: center; }
	.mtb-model__hero-media::before { inset: -8px 10px 10px -8px; }
	.mtb-model__overview-grid { gap: 40px; }
	.mtb-model__specs-wrap { padding: 26px 22px; }
	.mtb-model__specs { grid-template-columns: 1fr; }
	.mtb-model__spec:nth-child(even) { padding-left: 0; border-left: 0; }
	.mtb-model__equipment-grid { grid-template-columns: 1fr; }
	.mtb-model__gallery { grid-template-columns: 1fr; gap: 16px; }
	.mtb-model__gallery-item,
	.mtb-model__gallery-item:nth-child(3n + 1),
	.mtb-model__gallery-item:nth-child(3n + 2) { grid-column: auto; }

	.mtb-model__detail-card { padding: 26px 24px; }
	.mtb-model__config-panel { gap: 30px; padding: 30px 22px; }
	.mtb-model__config-panel .mtb-model__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.mtb-model-page *,
	.mtb-model-page *::before,
	.mtb-model-page *::after { scroll-behavior: auto !important; transition: none !important; }
}
