/* MakroMaster V2 / FAZ 10: shared page canvas and responsive refinements.
   Load after mmv-lower.css; no database, controller or route changes. */
:root{--mmv-canvas:transparent;--mmv-edge:rgba(42,122,188,.26)}
/* Reviews and FAQ must share the SAME canvas as the rest of the page. */
html body .mmv-reviews,html body .mmv-faq{background:transparent!important;background-color:transparent!important;background-image:none!important;color:inherit}
html body .mmv-reviews::before,html body .mmv-faq::before,html body .mmv-reviews::after,html body .mmv-faq::after{content:none!important;background:none!important}
html body .mmv-reviews{border-bottom:1px solid var(--mmv-edge)}
html body .mmv-faq{border-bottom:1px solid var(--mmv-edge)}
/* Keep the individual cards visually distinct, without a different section backdrop. */
.mmv-review-card,.mmv-faq-item{box-shadow:none}
.mmv-reviews-title,.mmv-faq-intro{position:relative}
/* Prevent flex/grid children and long strings from overflowing the viewport. */
.mm-hero-layout,.mm-categories-grid,.mm-products__inner,.mm-all__inner,.mm-feature-promos__inner,.mm-benefits__inner,.mmv-wrap{max-width:100%;box-sizing:border-box}
.mm-hero-layout>*,.mm-categories-grid>*,.mm-all__grid>*,.mm-benefits__grid>*,.mmv-footer-grid>*,.mmv-faq-layout>*,.mmv-review-viewport{min-width:0}
.mm-product-card,.mm-all__card,.mm-category-tile,.mm-feature-promo{box-sizing:border-box}
.mmv-review-card blockquote,.mmv-faq-answer,.mmv-footer-about p,.mmv-footer-col>a,.mmv-contact>a{overflow-wrap:anywhere}
.mmv-footer-bottom-inner{flex-wrap:wrap}
/* Light mode also inherits the site's own light canvas. */
html[data-mm-theme="light"] body .mmv-reviews,html[data-mm-theme="light"] body .mmv-faq{background:transparent!important;background-image:none!important;color:inherit}
html[data-mm-theme="light"] body .mmv-reviews::before,html[data-mm-theme="light"] body .mmv-faq::before{content:none!important}
/* Medium screens: cards and promotional blocks remain readable. */
@media(max-width:1024px){
 .mmv-wrap{width:calc(100% - 40px)}
 .mmv-footer-grid{gap:25px 20px}
 .mmv-review-card{padding:16px}
 .mmv-review-card blockquote{margin-left:0}
 .mmv-payments{gap:12px;flex-wrap:wrap}
}
@media(max-width:767px){
 .mmv-wrap{width:calc(100% - 32px)}
 .mmv-reviews{padding-block:30px 24px}
 .mmv-reviews-title h2{font-size:clamp(22px,6vw,30px);line-height:1.2}
 .mmv-slider{gap:8px}
 .mmv-review-card{flex-basis:100%;min-height:0;padding:16px}
 .mmv-review-card blockquote{font-size:13px;line-height:1.6}
 .mmv-faq{padding-block:28px}
 .mmv-faq-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .mmv-faq-intro{padding-right:0}
 .mmv-faq-intro h2{line-height:1.25}
 .mmv-faq-list{min-width:0}
 .mmv-faq-item summary{gap:12px;line-height:1.45}
 .mmv-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px;padding-block:32px}
 .mmv-footer-about{grid-column:1/-1}
 .mmv-footer-col h3{margin-bottom:12px}
 .mmv-footer-bottom-inner{flex-direction:column;align-items:center;text-align:center;padding-block:18px}
 .mmv-payments{justify-content:center;gap:10px 16px}
 .mmv-backtop{right:14px;bottom:120px}
 .mm-products__track,.mmv-review-track{-webkit-overflow-scrolling:touch}
}
@media(max-width:480px){
 .mmv-wrap{width:calc(100% - 24px)}
 .mmv-review-card{padding:14px}
 .mmv-arrow{width:30px;height:30px;flex-basis:30px}
 .mmv-faq-intro{gap:10px}
 .mmv-faq-icon{font-size:28px}
 .mmv-faq-item summary{padding:12px;font-size:13px}
 .mmv-footer-grid{gap:22px 12px}
 .mmv-footer-col>a,.mmv-contact>div,.mmv-contact>a{font-size:12px}
 .mmv-footer-logo{font-size:21px}
 .mmv-payments>span:first-child{width:100%;justify-content:center}
 .mmv-backtop{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){.mmv-review-track{transition:none!important}.mmv-backtop{scroll-behavior:auto}}
