/* JR Memory Forms Container Mobile Width (Centered) v1.0.2
   Goal: same left/right gap on mobile (no left shift), make container reach towards right.
*/
@media (max-width: 900px){
  body.jr-memory-page #memory-forms-container{
    /* Fill viewport minus page padding (adjust if needed) */
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;

    /* Center within page */
    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  /* Remove any inherited max-width constraints from common wrappers */
  body.jr-memory-page #content-wrap,
  body.jr-memory-page .content-wrap,
  body.jr-memory-page #bp-memory-form-wrapper{
    max-width: 100% !important;
  }
}
