@media(max-width:700px){
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
#app,main,.wrap,.hero,.horizon,.demo-shell,.installation-visual{min-width:0;max-width:100%;box-sizing:border-box}
.hero .lf-reflect-halo{left:50%;top:100%;width:100%;max-width:100%;height:clamp(340px,138vw,540px);transform:translate(-50%,-50%);object-fit:cover;object-position:center}
.how-section,.product-layout,.products-grid,.two-col,.account-layout{min-width:0}
.how-section>*,.product-layout>*,.demo-body>*,.header-inner>*{min-width:0}
.demo-settings,.hero-actions,.live-hint{flex-wrap:wrap}
.product-filters,.product-anchor-nav{min-width:0;max-width:100%;overflow-x:auto}
.breadcrumb,.demo-bottom,.prose,.panel{overflow-wrap:anywhere}
.horizon-ring{box-sizing:border-box;max-width:100%}
}