/* ═══════════════════════════════════════════════
   REALTRAC PUBLIC — catalog.section / rt-items
   Версия: 1.1.0
   1.1.0: группы карточек оборудования по типу (rt-items-group), метки продуктов (rt-card-tags); картинка
   карточки — contain с селектором .page-content (перебивает .page-content .card-media img { cover }).
   Карточки используют .card из components.css и классы rt-card из news.list/rt-cards
   (стили продублированы здесь, чтобы не зависеть от подключения другого шаблона).
═══════════════════════════════════════════════ */

/* Список документов (законодательство) */
.page-content .rt-docs { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--color-divider); }
.page-content .rt-docs-item { margin: 0; padding: var(--space-3) 0; border-bottom: 1px solid var(--color-divider); }
.rt-docs-link { display: flex; align-items: flex-start; gap: var(--space-3); color: var(--color-text); font-weight: 500; }
.rt-docs-link svg, .rt-docs-link i { width: 18px; height: 18px; color: var(--color-primary); flex-shrink: 0; margin-top: 3px; }
.rt-docs-link:hover { color: var(--color-primary); }
.rt-docs-text { font-size: var(--text-sm); color: var(--color-text-muted); margin: var(--space-1) 0 0 calc(18px + var(--space-3)); }
.rt-docs-text p { margin: 0; }

/* Карточки (оборудование) */
.rt-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-6); }
.rt-card { color: inherit; }
a.rt-card:hover { color: inherit; }
/* Два класса в селекторе: перебивают .card-media img { object-fit: cover } из components.css */
.page-content .rt-items .rt-item-card-media { aspect-ratio: 4 / 3; background: var(--color-surface); padding: var(--space-4); }
.page-content .rt-items .rt-item-card-media img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.rt-card-body { display: flex; flex-direction: column; gap: var(--space-2); }
.rt-card-title { font-family: var(--font-display); font-size: var(--text-lg); letter-spacing: .02em; line-height: 1.15; color: var(--color-text); margin: 0; }
a.rt-card:hover .rt-card-title { color: var(--color-primary); }
.rt-card-meta { font-size: var(--text-xs); color: var(--color-text-muted); }
.rt-card-meta-label { color: var(--color-text-faint); }
.rt-card-text { font-size: var(--text-sm); color: var(--color-text-muted); }
.rt-card-text p { margin: 0; }
.rt-card-more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: var(--space-2); font-size: var(--text-sm); font-weight: 600; color: var(--color-primary); }
.rt-card-more svg, .rt-card-more i { width: 14px; height: 14px; transition: transform var(--transition); }
a.rt-card:hover .rt-card-more svg { transform: translateX(3px); }

/* Группы оборудования по типу (1.1.0) */
.rt-items-group + .rt-items-group { margin-top: var(--space-10); }
.rt-items-group-head {
  display: flex; align-items: center; gap: var(--space-3);
  margin-bottom: var(--space-5); padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-divider);
}
.page-content .rt-items-group-title { display: flex; align-items: center; gap: var(--space-3); margin: 0; font-size: var(--text-xl); }
.rt-items-group-title svg, .rt-items-group-title i { width: 26px; height: 26px; color: var(--color-primary); flex-shrink: 0; }
.rt-items-group-count {
  margin-left: auto; min-width: 28px; padding: 2px var(--space-2);
  font-family: var(--font-body); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0; text-align: center;
  color: var(--color-text-muted); background: var(--color-surface-offset);
}
#discontinued .rt-item-card { opacity: .8; }

/* Метки продуктов на карточке (1.1.0) */
.rt-card-tags { display: flex; flex-wrap: wrap; gap: var(--space-1); }
.rt-card-tag {
  display: inline-block; padding: 2px var(--space-2);
  font-size: var(--text-xs); font-weight: 600; line-height: 1.4;
  color: var(--color-primary); background: var(--color-primary-highlight);
}
.rt-card-tag--muted { color: var(--color-text-muted); background: var(--color-surface-offset); }

/* Постраничная навигация — общий шаблон system.pagenavigation/.default (rt-pager) */
.rt-cards-nav--top .rt-pager-wrap { margin: 0 0 var(--space-6); }

@media (max-width: 900px) {
  .rt-cards-grid { gap: var(--space-4); }
}