/* ═══════════════════════════════════════════════
   REALTRAC PUBLIC — catalog.section.list / rt-sections
   Версия: 1.1.1
   1.1.1: рамка логотипа белая в обеих темах (скриншот владельца 2026-10-18).
   1.1.0: плитка линеек оборудования на всю ширину — 3 равные колонки (было auto-fill от 260px: три
   карточки занимали три из четырёх колонок и прижимались влево); логотип целиком (contain с селектором
   .page-content — иначе .page-content .card-media img { cover } из components.css обрезал квадратные
   логотипы); карточка — колонка с ссылкой «N моделей →» внизу. Замечание владельца 2026-10-18.
═══════════════════════════════════════════════ */

.rt-sections { margin-bottom: var(--space-8); }

/* Список с вложенностью (законодательство) */
.page-content .rt-sections-tree { list-style: none; margin: 0; padding: 0; }
.page-content .rt-sections-tree .rt-sections-tree { margin: var(--space-1) 0 var(--space-2) var(--space-6); border-left: 1px solid var(--color-divider); padding-left: var(--space-3); }
.page-content .rt-sections-item { margin: 0; }
.page-content .rt-sections-item + .rt-sections-item { margin-top: 0; }
.rt-sections-link {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  color: var(--color-text); font-weight: 500;
  border-left: 3px solid transparent;
}
.rt-sections-link svg, .rt-sections-link i { width: 18px; height: 18px; color: var(--color-primary); flex-shrink: 0; }
.rt-sections-link:hover { background: var(--color-primary-highlight); color: var(--color-primary); border-left-color: var(--color-primary); }
.rt-sections-count {
  margin-left: auto; min-width: 24px; padding: 0 var(--space-2);
  font-size: var(--text-xs); text-align: center;
  color: var(--color-text-faint); background: var(--color-surface-offset);
}
.rt-sections-desc { font-size: var(--text-sm); color: var(--color-text-muted); padding: 0 var(--space-3) var(--space-2) calc(var(--space-3) + 18px + var(--space-3)); }
.rt-sections-desc p { margin: 0; }

/* Плитка (оборудование) */
.rt-sections-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.rt-section-card { display: flex; flex-direction: column; color: inherit; transition: border-color var(--transition), box-shadow var(--transition); }
a.rt-section-card:hover { color: inherit; border-color: var(--color-primary); box-shadow: var(--shadow-md); }
.page-content .rt-sections .rt-section-card-media {
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 16 / 9; padding: var(--space-5);
  background: #fff; /* логотипы линеек на белом фоне в обеих темах: у файлов логотипов белый фон (владелец 2026-10-18) */
}
.page-content .rt-sections .rt-section-card-media img { width: auto; max-width: 100%; height: 100%; object-fit: contain; object-position: center; }
.rt-section-card-body { display: flex; flex-direction: column; gap: var(--space-2); flex: 1; }
.rt-section-card-title { font-family: var(--font-display); font-size: var(--text-xl); letter-spacing: .02em; margin: 0; color: var(--color-text); }
a.rt-section-card:hover .rt-section-card-title { color: var(--color-primary); }
.rt-section-card-desc { font-size: var(--text-sm); color: var(--color-text-muted); }
.rt-section-card-desc p { margin: 0; }
.rt-section-card-more {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: auto; padding-top: var(--space-3);
  font-size: var(--text-sm); font-weight: 600; color: var(--color-primary);
}
.rt-section-card-more svg, .rt-section-card-more i { width: 14px; height: 14px; transition: transform var(--transition); }
a.rt-section-card:hover .rt-section-card-more svg { transform: translateX(3px); }

@media (max-width: 1100px) {
  .rt-sections-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .rt-sections-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
}