/* MOBILE: zera folgas do banner e da seção seguinte */
@media (max-width: 768px) {
  /* wrappers comuns do fullbanner */
  .fullbanner, .full-banner, .banner, .banner-area,
  .component-fullbanner, .box-banner,
  .section-banner, .section--banner,
  .home .banner, .home .section-banner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* sliders que costumam injetar espaçamento */
  .slick-slider, .slick-list, .slick-track,
  .owl-carousel, .owl-stage-outer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* container genérico da home */
  .home .main-content, .home .content, .home main,
  .container, .container-fluid {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* primeiro bloco de produtos/listagens depois do banner */
  .home .listagem, .home .showcase, .home .vitrine,
  .home .product-grid, .home .product-list,
  .home .catalog, .home .shelf, .home .section {
    margin-top: 6px !important;   /* pode reduzir pra 0 se quiser colado */
    padding-top: 0 !important;
  }

  /* títulos/separadores que criam “respiro” */
  .titulo, .section-title, .heading {
    margin-top: 8px !important;
  }
}