/* ==========================================================
   M3 TECHNOLOGY — MOBILE V2.9
   Compactação da área superior do catálogo na HOME.
   Somente mobile. Desktop e páginas internas intactos.
   ========================================================== */

@media (max-width:760px){

  /* Reduz respiros verticais da abertura do catálogo */
  .catalog-section{
    padding-top:28px!important;
  }

  .catalog-section .section-kicker,
  .catalog-section .eyebrow{
    margin-bottom:5px!important;
  }

  .catalog-section .section-title,
  .catalog-section h2{
    margin-top:0!important;
    margin-bottom:14px!important;
    line-height:1.05!important;
    font-size:clamp(27px, 7.4vw, 34px)!important;
    letter-spacing:-0.035em!important;
  }

  /* Busca um pouco mais baixa, mantendo boa área de toque */
  .catalog-section .catalog-search,
  .catalog-section .search-form,
  .catalog-section form[role="search"]{
    margin-top:0!important;
    margin-bottom:12px!important;
  }

  .catalog-section .catalog-search input,
  .catalog-section .search-form input,
  .catalog-section form[role="search"] input{
    min-height:48px!important;
    height:48px!important;
  }

  .catalog-section .catalog-search button,
  .catalog-section .search-form button,
  .catalog-section form[role="search"] button{
    min-height:48px!important;
    height:48px!important;
  }

  /* Chips mais compactos sem perder legibilidade */
  .catalog-section .category-filters,
  .catalog-section .categories-filter,
  .catalog-section .filter-chips,
  .catalog-section .categories{
    margin-top:0!important;
    margin-bottom:18px!important;
    gap:8px!important;
  }

  .catalog-section .category-filters a,
  .catalog-section .category-filters button,
  .catalog-section .categories-filter a,
  .catalog-section .categories-filter button,
  .catalog-section .filter-chips a,
  .catalog-section .filter-chips button{
    min-height:42px!important;
    padding:8px 16px!important;
  }

  /* Aproxima o carrossel dos filtros */
  .catalog-section .product-grid{
    margin-top:0!important;
  }
}

@media (max-width:390px){
  .catalog-section{
    padding-top:24px!important;
  }

  .catalog-section .section-title,
  .catalog-section h2{
    font-size:27px!important;
    margin-bottom:12px!important;
  }

  .catalog-section .category-filters,
  .catalog-section .categories-filter,
  .catalog-section .filter-chips,
  .catalog-section .categories{
    margin-bottom:16px!important;
  }
}