/* Version 144: enlarge only the on-screen coupons while preserving their existing design. */
@media screen and (min-width: 761px) {
  body.coupons-page .mobil-page-content > .container {
    width: min(100%, 1536px) !important;
  }

  /* Keep the approved heading and instruction text at their original width. */
  body.coupons-page .mobil-coupons-format .section-head {
    width: min(calc(100% - 32px), 900px) !important;
  }
}

@media screen and (max-width: 760px) {
  body.coupons-page .mobil-page-content > .container {
    width: 100% !important;
  }

  /* Keep the approved instruction text at its original width. */
  body.coupons-page .mobil-coupons-format .section-head {
    width: calc(100% - 24px) !important;
  }
}
