/* Keep homepage sections visually connected without crowding their cards. */
.home-hero-new { padding-bottom: 12px; }
.home-categories,
.home-products,
.home-brands { padding-top: 26px; padding-bottom: 28px; }
.home-duo { padding-top: 30px; padding-bottom: 30px; }

@media (max-width: 700px) {
  .home-hero-new { padding-bottom: 10px; }
  .home-categories,
  .home-products,
  .home-brands { padding-top: 22px; padding-bottom: 25px; }
  .home-duo { padding-top: 22px; padding-bottom: 22px; }
}