/* Created by Content Blocks */

.offer-band {
  /* Establish a size container so the band can respond to its parent column's
     width, not the viewport — needed when placed inside a 2-col page layout
     where the viewport is wide but the container is narrow. */
  container-type: inline-size;
}

@container (max-width: 560px) {
  /* Force vertical stacking when the container is too narrow for the row layout,
     overriding the viewport-based md:flex-row utility. */
  .offer-band__inner {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .offer-band__aside {
    align-items: flex-start;
    padding-left: 0;
    padding-top: 1.25rem;
    border-left: 0;
    border-top: 1px solid currentColor;
    border-top-color: color-mix(in srgb, currentColor 30%, transparent);
    width: 100%;
  }
}