/**
 * ECOA-4263 — „Naposledy prohlížené" na PDP. Linkuje se jen z gated partialu
 * catalog/_partials/ag-recently-viewed.tpl (náhledová brána AG_UX_PREVIEW_RECENTLY_VIEWED).
 * Jeden řádek karet .pc, vodorovný scroll se snapem (mobil ~1,6 karty, tablet 3, desktop 4).
 */
.ag-rv {
  margin: 32px 0 8px;
}

.ag-rv .pdp-related__title {
  font-family: var(--ag-font-display, inherit);
  font-size: 22px;
  font-weight: 700;
  color: var(--ag-navy, #1F2A44);
  margin: 0 0 16px;
}

.ag-rv__track {
  --ag-rv-gap: 12px;
  --ag-rv-cols: 1.6;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--ag-rv-cols) - 1) * var(--ag-rv-gap)) / var(--ag-rv-cols));
  gap: var(--ag-rv-gap);
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  list-style: none;
  margin: 0;
  padding: 4px 2px 12px;
}

.ag-rv__item {
  scroll-snap-align: start;
  min-width: 0;
  display: flex;
}

.ag-rv__item > .pc {
  width: 100%;
}

@media (min-width: 576px) {
  .ag-rv__track { --ag-rv-cols: 2.4; }
}

@media (min-width: 768px) {
  .ag-rv__track { --ag-rv-cols: 3; --ag-rv-gap: 16px; }
}

@media (min-width: 992px) {
  .ag-rv__track { --ag-rv-cols: 4; --ag-rv-gap: 20px; }
}