.recommendations-section { scroll-margin-top: 100px; }
.recommendations-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.recommendations-head h2 { margin: 0; }
.recommendations-controls button:disabled { opacity: .3; cursor: default; }
.recommendations-controls[hidden] { display: none; }
.recommendations-section :focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.recommendations-track.model-row {
  gap: 16px;
  overflow-x: auto;
  padding: 4px 4px 18px;
  margin: -4px;
  scroll-padding-inline: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--ink) transparent;
  align-items: flex-start;
}
.recommendations-track::-webkit-scrollbar { height: 3px; }
.recommendations-track::-webkit-scrollbar-track { background: transparent; }
.recommendations-track::-webkit-scrollbar-thumb { background: var(--ink); }
.recommendations-track .model-card { flex: 0 0 calc((100% - 48px) / 4); min-width: 0; border: 0; }
#models .recommendations-track .model-card { flex-basis: calc((100% - 32px) / 3); }
.recommendations-track .model-copy { padding: 14px 0 0; }
.recommendations-track .model-copy h3 { font-size: 13px; line-height: 1.4; }
.recommendations-track .model-copy p { margin-bottom: 0; }
.recommendations-track .model-visual img { object-position: center; }
.recommendations-track .card-variants { display: flex; flex-wrap: wrap; gap: 6px; min-height: 44px; margin: -4px 0 6px; }
.recommendations-track .card-variants button { min-height: 44px; padding: 8px; border: 1px solid var(--line); background: transparent; color: var(--ink); font: inherit; font-size: 11px; cursor: pointer; }
.recommendations-track .card-variants button[aria-pressed="true"] { border-color: var(--ink); background: var(--warm); }
@media (max-width: 1100px) {
  .recommendations-track .model-card { flex-basis: calc((100% - 32px) / 3); }
}
@media (max-width: 700px) {
  .recommendations-track.model-row { gap: 12px; }
  .recommendations-track .model-card, #models .recommendations-track .model-card { flex-basis: 76%; }
}
