/* ==========================================================================
   RECENZIE – posuvný pás kariet (prefix rc-), základ posuvníka je v /css/komponenty/posuvnik.css
   ========================================================================== */
.rc-hlavicka { margin-bottom: clamp(20px, 2.6vw, 36px); }
.rc-rad { align-items: stretch; }
.rc-karta { width: clamp(272px, 27.5vw, 384px); display: flex; }
.rc-karta > * { flex: 1 1 auto; min-width: 0; }

/* citát v karte – kompaktnejší než v pôvodnej mriežke */
.rc-karta .citat { padding: clamp(22px, 2vw, 30px); gap: 18px; background: var(--paper-3, #fff); border: 1px solid var(--c-linka); }
.rc-karta:nth-child(3n) .citat { background: var(--paper-2); border-color: transparent; }
.rc-karta .citat::before { font-size: 4.5rem; top: 2px; right: 18px; }
.rc-karta .citat__text { font-size: clamp(1rem, .96rem + .2vw, 1.0938rem); line-height: 1.55; padding-right: 34px; }
.rc-karta .citat__avatar { width: 42px; height: 42px; font-size: 1rem; }
.rc-karta .citat__detail a { font-weight: 700; }

/* prvá karta: celkové hodnotenie */
.rc-hodnotenie {
  display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2vw, 30px);
  border-radius: var(--r-karta); background: var(--ink); color: var(--c-text);
}
.rc-hodnotenie__nadpis { font-size: .8125rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--c-muted); }
.rc-hodnotenie__riadok { display: flex; align-items: center; gap: 16px; }
.rc-hodnotenie__cislo { display: flex; align-items: baseline; gap: 6px; font-family: var(--font-display); font-weight: 800; font-size: 3.25rem; line-height: 1; letter-spacing: -.04em; color: var(--paper); }
.rc-hodnotenie__cislo small { font-size: 1rem; letter-spacing: 0; color: var(--c-muted); font-weight: 700; }
.rc-hodnotenie__hviezdy { display: flex; gap: 2px; color: var(--green); }
.rc-hodnotenie__hviezdy .ikona { width: 20px; height: 20px; fill: currentColor; }
.rc-hodnotenie__pocet { margin-top: 4px; font-size: var(--fs-small); font-weight: 700; color: var(--paper); }
.rc-rozl { display: grid; gap: 5px; margin: 2px 0 0; padding: 0; list-style: none; font-size: .875rem; font-weight: 700; }
.rc-rozl li { display: grid; grid-template-columns: 34px minmax(0, 1fr) 22px; align-items: center; gap: 10px; }
.rc-rozl__stupen { display: inline-flex; align-items: center; gap: 4px; color: var(--paper); }
.rc-rozl__stupen .ikona { width: 12px; height: 12px; fill: currentColor; color: var(--c-muted); }
.rc-rozl__pas { height: 5px; border-radius: 999px; background: rgba(255,255,255,.13); overflow: hidden; }
.rc-rozl__pas > span { display: block; height: 100%; width: var(--podiel, 0%); border-radius: inherit; background: var(--green); }
.rc-rozl li:nth-child(n+3) .rc-rozl__pas > span { background: #E8C547; }
.rc-rozl li:nth-child(n+4) .rc-rozl__pas > span { background: var(--heat-2, #E5532D); }
.rc-rozl__pocet { text-align: right; color: var(--paper); font-variant-numeric: tabular-nums; }
.rc-hodnotenie__btn { margin-top: auto; min-height: 48px; font-size: .9375rem; }

@media (max-width: 640px) {
  .rc-karta { width: min(82vw, 340px); }
}