/* retail-overlap-fix.css — stop heading/text overlap on serve-retail-experience (2026-10-25).
   The motion layer's 3D translate/rotateX can stack headings over each other while it runs;
   this forces normal document flow, kills those transforms on this page, and lets long
   headings wrap instead of overflowing. Content unchanged. Remove the <link> to revert. */
#main .qms-r, #main .qms-hero-media, #main .qms-hero-copy, #main .qms-stage-media, #main .qms-tilt, #main .qms-live{opacity:1!important;transform:none!important;translate:none!important;scale:none!important;filter:none!important;transition:none!important}
#main .ql-hero, #main .ql-layout, #main .ql-prose section, #main .qm-faq-section, #main .ql-related{position:static!important;overflow:visible!important}
#main .ql-hero{margin-bottom:48px!important}
#main .ql-prose section{margin-bottom:48px!important}
#main .ql-hero h1{position:static!important;line-height:1.2!important;overflow-wrap:break-word!important}
#main :is(.ql-prose h2,.qm-faq-q){white-space:normal!important;overflow-wrap:break-word!important;line-height:1.4!important}
#main .qm-faq-item{position:static!important}