/* Přepínač vzácnosti a vzhledu sběratelských kartiček Chlupaté legendy (/karta/legenda-*). */
.vzhledy { margin: 0 0 var(--m-5); padding: var(--m-3) var(--m-4); border: 1px solid var(--linka); border-radius: var(--r-l); background: var(--papir); }
.vzhledy__nadpis { margin: 0 0 2px; font-size: var(--t-xl); }
.vzhledy__uvod { margin: 0 0 var(--m-2); color: var(--inkoust-2); font-size: var(--t-s); }
.vzhledy__skupina { margin: var(--m-3) 0 var(--m-1); color: var(--inkoust-2); font-size: var(--t-xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.vzhledy__seznam { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vzhledy__volba { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 10px 4px 4px; border: 2px solid var(--linka); border-radius: var(--r-m); background: var(--bila); color: var(--inkoust); font-size: var(--t-s); font-weight: 700; text-decoration: none; }
.vzhledy__volba img { width: 28px; height: auto; border-radius: 3px; }
.vzhledy__volba:hover { border-color: var(--akcent); }
.vzhledy__volba:focus-visible { outline: 3px solid var(--akcent); outline-offset: 2px; }
.vzhledy__volba--aktivni { border-color: var(--akcent-tmavy); background: var(--akcent-svetly); }
.vzhledy__cena { color: var(--inkoust-2); font-size: var(--t-xs); font-weight: 700; }
.vzhledy__booster { margin: var(--m-3) 0 0; font-size: var(--t-s); }
@media (max-width: 480px) {
  .vzhledy { padding: var(--m-3); }
  .vzhledy__volba { padding-right: 8px; }
}

/* Booster a starter balíček na stránce kategorie sběratelských kartiček */
.kat-balicky { margin-top: var(--m-7); margin-bottom: var(--m-7); }
.kat-balicky__nadpis { margin-bottom: var(--m-1); }
.kat-balicky__uvod { max-width: 70ch; color: var(--inkoust-2); }
.kat-balicky__seznam { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--m-4); margin: var(--m-4) 0; padding: 0; list-style: none; }
.kat-balicky__polozka { padding: var(--m-4); border: 2px solid var(--linka); border-radius: var(--r-l); background: var(--bila); }
.kat-balicky__polozka h3 { margin: 0 0 var(--m-1); }
.kat-balicky__polozka p { margin: 0 0 var(--m-2); }
.kat-balicky__cena strong { font: 800 var(--t-2xl)/1 var(--pismo-nadpis); }
.kat-balicky__cena span { margin-left: 6px; color: var(--inkoust-2); text-decoration: line-through; }
.kat-balicky__pata { color: var(--inkoust-2); font-size: var(--t-s); }