/* Unified first-fold balance for the four category/portfolio entry pages.
   This is a spacing correction only: do not reduce body, navigation, or H1 type. */

/* Motorcycle: the hero copy sits 64–65px below its image/hero start. */
body > header#vobom-moto-buyer-nav + main .hero .hero-copy {
  top: 24px !important;
}

/* Furniture: keep the existing large title but remove excess top inset. */
body.vobom-furniture-sprint .home-photo-hero > .hero-copy {
  padding-top: 28px !important;
}

/* Cases: trim only the page's extra main top padding; keep the header and search. */
main.page.resource-case-layout-v2 {
  padding-top: 16px !important;
}

/* Packaging desktop: top-align copy with the image panel instead of centering it
   vertically inside the tall hero, which creates a large blank band above H1. */
@media (min-width: 1024px) {
  .sp-main > .sp-hero > div:first-child {
    align-self: start !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 420px) {
  body.vobom-furniture-sprint .home-photo-hero > .hero-copy {
    padding-top: 12px !important;
  }

  main.page.resource-case-layout-v2 {
    padding-top: 8px !important;
  }
}

/* Packaging: stabilize the wide-tablet navigation wrap breakpoint. At 1280px
   the two-row header pushes the hero down; lift only this copy block so the
   title position remains continuous across the 1280/1281px transition. */
@media (min-width: 1024px) and (max-width: 1280px) {
  body .sp-main > .sp-hero > div:first-child {
    margin-top: -20px !important;
  }
}