/*
 * Vertical spacing for Bookshop content blocks is intentionally simple:
 * every top-level block applies the same `py-14 py-md-16` padding on its
 * outer `.container`. That produces a consistent gap between blocks no
 * matter what backgrounds editors pick or in what order blocks are stacked.
 *
 * Heroes (`simple-hero`, `hero_banner`) are always first. They keep the
 * standard padding but also carry the `.bookshop-hero` marker class so the
 * rule below can guarantee they clear the absolute-positioned navbar on
 * mobile, where the theme otherwise collapses large `pt-*` utilities.
 */
@media (max-width: 767px) {
  .container.bookshop-hero {
    padding-top: 6.5rem !important;
  }
}