/* ═══════════════════════════════════════════════════════════════════════════
   Главная: 5 карточек в ряд для филамента и аксессуаров.
   Подключается ПОСЛЕ printers-compact.css.
   Откат именно этого шага: убрать <link rel="stylesheet" href="cards-5col.css?v=N">
   из index.html. Остальные изменения карточек (4-в-ряд для принтеров/AMS) сохранятся.
   ═══════════════════════════════════════════════════════════════════════════ */

#filament .filament-grid,
#accessories .products-grid,
#accessories #accessoriesGrid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

/* Fallback'и: на узких viewport'ах возвращаемся к 4/3/2/1 */
@media (max-width: 1280px) {
  #filament .filament-grid,
  #accessories .products-grid,
  #accessories #accessoriesGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1080px) {
  #filament .filament-grid,
  #accessories .products-grid,
  #accessories #accessoriesGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  #filament .filament-grid,
  #accessories .products-grid,
  #accessories #accessoriesGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}
@media (max-width: 460px) {
  #filament .filament-grid,
  #accessories .products-grid,
  #accessories #accessoriesGrid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}