/* Final narrow-screen containment patch. Keeps horizontal scrolling inside intentional controls instead of expanding the page. */
html{max-width:100%;overflow-x:clip}
body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"]{max-width:100%;overflow-x:clip}
body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] :is(main,.section,.container,.shell,.wizard-layout,.wizard,.wizard-panel,.form-grid,.communication-consent,.form-acknowledgment-card,.sms-opt-in-path){min-width:0;max-width:100%}
body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] :is(p,a,span,strong,small,label,li,dd,dt){overflow-wrap:anywhere}
@media(max-width:640px){
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .wizard-progress{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:0;
    padding:0 0 8px;
    overflow:visible;
  }
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .progress-step{
    min-width:0;
    width:auto;
    min-height:44px;
    padding:7px 3px;
    gap:4px;
    justify-content:center;
    text-align:center;
    font-size:.69rem;
    line-height:1.12;
    white-space:normal;
  }
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .wizard{width:100%;max-width:100%;overflow:hidden}
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .wizard-panel{width:100%;max-width:100%;overflow:visible}
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .wizard-actions{width:auto;max-width:calc(100% + 36px)}
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .page-hero::after,
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] .legal-hero::after{width:280px;right:-40px}
  body[data-mobile-overflow="lowes-mobile-overflow-v1-2026-09-04"] :is(input,select,textarea,button,.btn){max-width:100%}
}