/* MakroMaster V2 FAZ 11 — desktop alignment regression fix.
 * Scoped to homepage sections only. Loaded after FAZ 10 from the footer.
 * Use the same 1440px centered canvas as .mm-showcase / header.
 */
:root{--mm-home-width:1440px;--mm-home-gutter:24px}
html,body{max-width:100%;overflow-x:clip}
/* Reset each independently-developed phase to a single common centered grid. */
body .mm-showcase,
body .mm-products,
body .mm-all,
body .mm-feature-promos,
body .mm-benefits,
body .mmv-reviews,
body .mmv-faq,
body .mmv-footer{box-sizing:border-box;width:100%;max-width:100%;margin-left:auto;margin-right:auto}
/* Section outer backgrounds can remain full width; CONTENT is constrained. */
body .mm-products__inner,
body .mm-all__inner,
body .mm-feature-promos__inner,
body .mm-benefits__inner,
body .mmv-wrap{box-sizing:border-box;width:min(var(--mm-home-width),calc(100% - 2*var(--mm-home-gutter)));max-width:var(--mm-home-width);margin-left:auto;margin-right:auto}
/* The hero has its own padding; make its inner content align to other sections. */
body .mm-showcase{max-width:calc(var(--mm-home-width) + 2*var(--mm-home-gutter));padding-left:var(--mm-home-gutter);padding-right:var(--mm-home-gutter)}
/* Phase 3 applied inner padding ON TOP of max-width; normalize it. */
body .mm-products__inner{padding-left:0;padding-right:0}
/* Phase 4 and Phase 5 outer padding had their own widths: avoid double gutters. */
body .mm-all,body .mm-feature-promos,body .mm-benefits{padding-left:0;padding-right:0}
/* Avoid large viewport-spanning slider controls / overflow. */
body .mm-products__panel,body .mm-products__track,body .mm-all__grid,
body .mm-feature-promos__inner,body .mm-benefits__grid,
body .mmv-review-viewport,body .mmv-faq-layout{min-width:0;max-width:100%}
body .mm-products__arrow:first-child{left:0}
body .mm-products__arrow:last-child{right:0}
/* FAQ and review backgrounds must match the site canvas, not become blue stripes. */
html body .mmv-reviews,html body .mmv-faq{background:transparent!important;background-image:none!important}
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}
/* Keep existing card styling and section separators. */
body .mmv-reviews,body .mmv-faq{border-color:rgba(42,122,188,.26)}
/* Ensure nested grid items cannot force horizontal scrolling. */
body .mm-products__heading,body .mm-all__header,body .mmv-footer-bottom-inner{min-width:0}
body .mm-all__card,body .mm-product-card,body .mm-benefit,body .mmv-review-card{min-width:0}
@media(max-width:1024px){:root{--mm-home-gutter:20px}
 body .mm-products__track{grid-auto-columns:calc((100% - 3*14px)/4)}
 body .mm-all__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body .mm-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){:root{--mm-home-gutter:16px}
 body .mm-products__heading,body .mm-all__header{flex-wrap:wrap;align-items:flex-start}
 body .mm-products__tabs{max-width:100%}
 body .mm-products__track{grid-auto-columns:calc((100% - 14px)/2)}
 body .mm-all__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body .mm-feature-promos__inner{grid-template-columns:minmax(0,1fr)}
 body .mmv-review-card{flex-basis:100%}
 body .mmv-faq-layout{grid-template-columns:minmax(0,1fr)}
 body .mmv-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){:root{--mm-home-gutter:12px}
 body .mm-products__track{grid-auto-columns:78%}
 body .mm-all__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .mm-all__bottom{flex-wrap:wrap}
 body .mm-all__bottom strong{white-space:normal}
 body .mm-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .mm-benefit{padding:18px 10px}
 body .mmv-footer-grid{gap:20px 12px}
}
@media(max-width:350px){body .mm-all__grid{grid-template-columns:minmax(0,1fr)}}