/*
 * Mobile fit for the remaining One.com builder sections.
 * The builder exported these blocks at a fixed desktop width (1200-1260px),
 * which cut them off on phones. Below 760px they are allowed to fill the
 * screen and their side-by-side columns stack.
 */
@media (max-width: 760px) {
  .Preview_column__1KeVx,
  .Preview_row__3Fkye,
  .Preview_componentWrapper__2i4QI {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    left: auto !important;
  }
  .Preview_componentWrapper__2i4QI {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  .Preview_componentWrapper__2i4QI .Preview_componentWrapper__2i4QI {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* builder "floating" images sit on top of text at desktop positions: put them in the flow */
  .Preview_float__1PmYU {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 12px auto !important;
    max-width: 100% !important;
  }
  .template img {
    max-width: 100% !important;
    height: auto !important;
  }
  .template .textheading1.mobile-oversized,
  .template .textheading2.mobile-oversized,
  .template h1.mobile-oversized,
  .template h2.mobile-oversized {
    font-size: clamp(2rem, 10vw, 2.75rem) !important;
    line-height: 1.15 !important;
  }
  .template p,
  .template li {
    overflow-wrap: anywhere;
  }
}