/* Neto /products/ composition, freshly captured 20 October 2026. */
.products-landing { display: grid; grid-template-columns: minmax(0,23%) minmax(0,1fr); gap: 2rem; padding-top: 1rem; padding-bottom: 2rem; }
.products-content { min-width: 0; }
.products-content h1 { font-size: 36px; font-weight: 400; margin: 1.5rem 0 .5rem; }
.products-content h2 { font-size: 24px; font-weight: 400; margin: 1rem 0 0; }
.products-sidebar .category-filter-panel summary { display: none; }
.products-content .products-home-brand-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0 2rem; }
.products-content .brand-directory-image { width: 100%; }
.products-content .products-category-heading { border-top: 1px solid #ddd; padding-top: 1rem; margin: 0 0 1.5rem; }
.products-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem 2rem; }
.products-category-tile { display: grid; position: relative; border: 1px solid #ddd; color: #101f50; text-align: center; text-decoration: none; min-width: 0; }
.products-category-tile img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 1.5rem; }
.products-category-tile span { position: absolute; inset: auto 0 10%; padding: 1rem .5rem; background: rgb(16 31 80 / 75%); color: white; font-size: 20px; line-height: 1.2; opacity: 0; }
.products-category-tile:hover span, .products-category-tile:focus-visible span { opacity: 1; }
.products-category-tile:focus-visible { outline: 2px solid #101f50; outline-offset: 3px; }
@media (max-width: 767.98px) {
  .products-landing { display: flex; flex-direction: column; padding-top: 2rem; }
  .products-sidebar { order: 1; }
  .products-sidebar .category-filter-panel summary { display: block; }
  .products-content .products-home-brand-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 1.5rem; }
  .products-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; }
  .products-category-tile img { padding: 1rem; }
  .products-category-tile span { opacity: 1; }
}