.katalog-series { margin: 8px 0 36px; }
.katalog-series .vh-series { padding: 0; }
.katalog-series .vh-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.katalog-series .vh-card {
  min-height: 300px;
  text-decoration: none;
}
.katalog-series .vh-card p { max-width: 100%; }

@media (max-width: 1100px) {
  .katalog-series .vh-grid,
  .katalog-series.vector-home .vh-series .vh-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .katalog-series .vh-card { min-height: 260px; }
}

@media (max-width: 600px) {
  .katalog-series .vh-grid,
  .katalog-series.vector-home .vh-series .vh-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .katalog-series .vh-card { min-height: 200px; }
}

/* Заголовки карточек серий — h2 (место в структуре страницы), вид как у прежних h3 из vector-home.css. */
.katalog-series.vector-home .vh-series .vh-card h2 {
  margin: 0;
  font-size: 25px;
  line-height: 1.02;
  letter-spacing: -.7px;
}
@media (max-width: 1050px) {
  .katalog-series.vector-home .vh-series .vh-card h2 { font-size: 23px; }
}
@media (max-width: 800px) {
  .katalog-series.vector-home .vh-series .vh-card h2 { font-size: 20px; overflow-wrap: anywhere; }
}
@media (max-width: 480px) {
  .katalog-series.vector-home .vh-series .vh-card h2 { font-size: 15px; line-height: 1.12; letter-spacing: -.3px; }
}
/* Карточка «Аксессуары…»: в слове «принадлеж­ности» мягкий перенос (catalog-hub.php).
   На телефонах (до 800 px) слово переносится по слогам с дефисом вместо разрыва посередине;
   на десктопе перенос отключён, вид прежний. */
.katalog-series.vector-home .vh-series a.vh-card[href$="/katalog/aksessuary/"] h2 { -webkit-hyphens: none; hyphens: none; }
@media (max-width: 800px) {
  .katalog-series.vector-home .vh-series a.vh-card[href$="/katalog/aksessuary/"] h2 { -webkit-hyphens: manual; hyphens: manual; }
}