/* Max Blank Pelletsystem – Bereich „Ein Ofen. Zwei Brennstoffe.“ (Variante F3) */
.mbps {
	background: #efebe8;
	color: #000;
	padding: 72px 0 80px;
	margin: 20px 0 30px;
	font-size: 19px;
	line-height: 1.5;
}
.mbps .container > * + * { margin-top: 40px; }

.mbps__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.mbps__intro { max-width: 800px; display: flex; flex-direction: column; gap: 16px; }
.mbps__eyebrow { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 500; line-height: 1.3; }
.mbps__icon { width: 46px; height: 46px; flex: 0 0 46px; }
.mbps__title { margin: 0; font-size: 66px; line-height: 1.04; font-weight: 600; letter-spacing: -0.01em; }
.mbps__lead { margin: 0; font-size: 22px; line-height: 1.5; font-weight: 300; }
.mbps__stone:empty { display: none; }

.mbps__toggle { display: flex; flex: 0 0 auto; border: 2px solid #000; background: #fff; }
.mbps__toggle button {
	font: inherit; font-size: 17px; line-height: 1; min-height: 48px; padding: 0 26px; margin: 0;
	border: 0; border-radius: 0; background: #fff; color: #000; cursor: pointer; transition: background .2s, color .2s;
}
.mbps__toggle button[aria-pressed="true"] { background: #000; color: #fff; }
.mbps__toggle button:focus-visible { outline: 3px solid #ab182e; outline-offset: 2px; }

.mbps__figure { position: relative; margin: 40px 0 0; background: #dcd6d0; }
.mbps__img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; }
.mbps__badge {
	position: absolute; left: 20px; top: 20px; background: #000; color: #fff;
	font-size: 15px; line-height: 1.3; padding: 6px 14px;
}

.mbps__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-bottom: 0; }
.mbps__facts[hidden] { display: none; }
.mbps__fact { border-top: 2px solid #000; padding-top: 16px; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 4px; }
.mbps__fact dd { margin: 0; font-size: 42px; font-weight: 500; line-height: 1.15; }
.mbps__fact dt { font-size: 17px; font-weight: 300; line-height: 1.4; }
.mbps .container > .mbps__note { margin-top: 14px; margin-bottom: 0; font-size: 13px; font-weight: 300; color: #555; }

.mbps__bottom {
	display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 48px; align-items: center;
	border-top: 1px solid #000; padding-top: 40px;
}
.mbps__video { grid-column: span 7; }
.mbps__video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #2b2926; }
.mbps__videometa { margin: 10px 0 0; font-size: 15px; font-weight: 300; }
.mbps__text { grid-column: span 5; display: flex; flex-direction: column; gap: 16px; }
.mbps__bottom--novideo .mbps__text { grid-column: 1 / -1; }
.mbps__text p { margin: 0; font-weight: 300; }
.mbps__subtitle { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 500; }
.mbps__fit { font-weight: 400 !important; }
.mbps__buttons { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
.mbps__bottom--novideo .mbps__buttons { flex-direction: row; flex-wrap: wrap; }
.mbps .mbps__btn {
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	margin: 0; text-decoration: none; font-size: 17px; line-height: 1.5;
}
.mbps__arrow { flex: 0 0 auto; margin-left: 10px; transition: transform .3s; }
.mbps .mbps__btn:hover .mbps__arrow { transform: translateX(4px); }

@media (max-width: 1080px) {
	.mbps__title { font-size: 54px; }
	.mbps__fact dd { font-size: 34px; }
	.mbps__bottom { column-gap: 32px; }
}

@media (max-width: 991px) {
	.mbps__head { flex-direction: column; align-items: stretch; gap: 24px; }
	.mbps__toggle { align-self: flex-start; }
	.mbps__video, .mbps__text { grid-column: 1 / -1; }
	.mbps__text { margin-top: 28px; }
}

@media (max-width: 767px) {
	.mbps { padding: 44px 0 48px; font-size: 17px; }
	.mbps .container > * + * { margin-top: 24px; }
	.mbps__eyebrow { font-size: 14px; gap: 10px; }
	.mbps__icon { width: 38px; height: 38px; flex-basis: 38px; }
	.mbps__title { font-size: 42px; }
	.mbps__lead { font-size: 18px; }
	.mbps__toggle { align-self: stretch; }
	.mbps__toggle button { flex: 1 1 0; padding: 0 12px; font-size: 16px; }
	.mbps__figure { margin-top: 24px; }
	.mbps__badge { left: 10px; top: 10px; font-size: 12px; padding: 4px 8px; }
	.mbps__facts { grid-template-columns: 1fr; gap: 18px; }
	.mbps__fact { padding-top: 12px; }
	.mbps__fact dd { font-size: 32px; }
	.mbps__fact dt { font-size: 15px; }
	.mbps__bottom { padding-top: 28px; }
	.mbps__subtitle { font-size: 24px; }
	.mbps__bottom--novideo .mbps__buttons { flex-direction: column; }
	.mbps .mbps__btn { font-size: 16px; padding: 10px 20px; }
}