/* ==========================================================
   Tony ScriptOps v2.1.5.3 — Catálogo com ritmo visual do Blog
   Ajuste incremental sobre v2.1.5.2
   ========================================================== */

/* reduz bastante o espaço acima do catálogo */
.products-hero.catalog-v215 {
  padding: 12px 0 6px !important;
  max-width: 900px !important;
}

.products-hero.catalog-v215 h1 {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  font-size: clamp(2rem, 3.3vw, 2.6rem) !important;
  line-height: 1.05 !important;
}

.products-hero.catalog-v215 .hero-description {
  margin: 0 auto 8px !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
}

.products-hero.catalog-v215 .hero-stats-mini {
  margin-top: 6px !important;
  gap: 28px !important;
}

.products-hero.catalog-v215 .stat-value {
  font-size: 1.42rem !important;
}

.products-hero.catalog-v215 .stat-label {
  font-size: .64rem !important;
}

/* benefícios ficam discretos e próximos */
.catalog-benefits-v215 {
  max-width: 980px !important;
  margin: 8px auto 12px !important;
  padding: 8px 14px !important;
  min-height: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.catalog-benefits-v215 span {
  font-size: 10.5px !important;
}

/* toolbar deixa de parecer um painel gigante */
.products-toolbar.catalog-toolbar-v215 {
  padding: 0 !important;
  margin: 0 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  display: grid !important;
  grid-template-columns: minmax(280px, 480px) minmax(0,1fr) auto !important;
  grid-template-areas:
    "search filters sort"
    "count  count   count";
  gap: 8px 14px !important;
  align-items: center !important;
}

/* busca compacta como no blog */
.catalog-search-v215 {
  grid-area: search !important;
  width: 100% !important;
  max-width: 480px !important;
}

.catalog-search-v215 input {
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 38px 7px 36px !important;
  border-radius: 999px !important;
  font-size: .75rem !important;
  background: #fff !important;
}

.catalog-search-v215 i {
  left: 13px !important;
  font-size: 11px !important;
}

.catalog-search-clear-v215 {
  width: 26px !important;
  height: 26px !important;
  right: 7px !important;
  font-size: 10px !important;
}

/* filtros no mesmo nível da busca */
.products-toolbar.catalog-toolbar-v215 .products-filters {
  grid-area: filters !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-start !important;
}

.products-toolbar.catalog-toolbar-v215 .filter-chip {
  min-height: 34px !important;
  padding: 6px 12px !important;
  font-size: .72rem !important;
}

/* ordenação compacta à direita */
.products-toolbar.catalog-toolbar-v215 .products-sort {
  grid-area: sort !important;
  justify-self: end !important;
  margin: 0 !important;
}

.products-toolbar.catalog-toolbar-v215 .sort-select {
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 34px 6px 12px !important;
  font-size: .72rem !important;
  border-radius: 10px !important;
}

/* contador imediatamente antes dos cards */
.catalog-result-count-v215 {
  grid-area: count !important;
  margin: 0 !important;
  padding: 0 1px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

/* grade começa mais cedo e fica mais próxima */
.products-grid-enhanced.catalog-grid-v215 {
  margin-top: 6px !important;
  gap: 20px !important;
}

/* cards ligeiramente menores, ainda premium */
.catalog-grid-v215 .product-card-premium {
  min-height: 495px !important;
}

.catalog-grid-v215 .product-image-container {
  height: 185px !important;
  min-height: 185px !important;
}

.catalog-grid-v215 .product-info {
  padding: 16px 17px 16px !important;
}

.catalog-grid-v215 .product-title {
  font-size: 1.06rem !important;
  margin-bottom: 8px !important;
}

.catalog-grid-v215 .product-description {
  font-size: .76rem !important;
  line-height: 1.48 !important;
  min-height: 3.9em !important;
  -webkit-line-clamp: 3 !important;
}

/* aproxima o catálogo do mesmo respiro do Blog */
.products-container {
  padding-top: 0 !important;
}

/* notebooks */
@media (max-width: 1180px) {
  .products-toolbar.catalog-toolbar-v215 {
    grid-template-columns: minmax(250px, 390px) minmax(0,1fr) auto !important;
  }
  .catalog-search-v215 {
    max-width: 390px !important;
  }
}

/* tablet */
@media (max-width: 900px) {
  .products-toolbar.catalog-toolbar-v215 {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "search search"
      "filters sort"
      "count count" !important;
    gap: 8px 10px !important;
  }

  .catalog-search-v215 {
    max-width: none !important;
  }

  .products-toolbar.catalog-toolbar-v215 .products-sort {
    justify-self: end !important;
  }
}

/* mobile */
@media (max-width: 620px) {
  .products-hero.catalog-v215 {
    padding-top: 8px !important;
  }

  .products-hero.catalog-v215 h1 {
    font-size: 1.7rem !important;
  }

  .catalog-benefits-v215 {
    margin: 7px 0 10px !important;
    gap: 7px 12px !important;
  }

  .products-toolbar.catalog-toolbar-v215 {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "search"
      "filters"
      "sort"
      "count" !important;
  }

  .products-toolbar.catalog-toolbar-v215 .products-sort {
    justify-self: start !important;
  }

  .products-grid-enhanced.catalog-grid-v215 {
    margin-top: 4px !important;
  }

  .catalog-grid-v215 .product-image-container {
    height: 175px !important;
    min-height: 175px !important;
  }
}