/*
====================================================================
  Z3M - REMOVE TODOS OS BANNERS NO MOBILE
====================================================================
  Remove: Carousel + 2 Banners Laterais
  Apenas no mobile (menos de 992px)
====================================================================
*/

/* 
====================================================================
  MOBILE - OCULTA TODA A SEÇÃO DE BANNERS
====================================================================
*/

@media screen and (max-width: 991px) {
  
  /* Oculta TODO o container dos banners (carousel + laterais) */
  body .container-fluid.mb-3:has(#header-carousel) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }
  
  /* Fallback: Oculta diretamente pelo ID do carousel */
  body #header-carousel {
    display: none !important;
  }
  
  /* Fallback: Oculta os banners laterais também */
  body .product-offer {
    display: none !important;
  }
  
  /* Remove o espaçamento da seção de categorias */
  body .container-fluid.mb-3:has(#header-carousel) + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
}

/* 
====================================================================
  DESKTOP - MANTÉM TODOS OS BANNERS VISÍVEIS
====================================================================
*/

@media screen and (min-width: 992px) {
  
  body .container-fluid.mb-3:has(#header-carousel) {
    display: block !important;
  }
  
  body #header-carousel {
    display: block !important;
  }
  
  body .product-offer {
    display: block !important;
  }
  
}

/* 
====================================================================
  FIM DO ARQUIVO
====================================================================
*/