/**
 * Sablona 2026-005 Technik - stranka porovnavace (J-T7, _core/sekce/porovnani.latte + PorovnaniModel). Navrh ji nekresli
 * (systemova) - tabulka ve stylu „Porovnání s podobnými“ z detailu (04): prvni sloupec popisky na --tpl-surface-2,
 * produktove karty v hlavicce, zvyraznene rozdily, „Do košíku“ CTA.
 */
.tpl-porovnani-stranka-lista { gap: 12px 16px; }
#prostredek .tpl-porovnani-stranka-nadpis { margin: 0; }
.tpl-porovnani-stranka-pocet { color: var(--tpl-text-light); font-size: 15px; }
.tpl-porovnani-stranka-rozdily { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.tpl-porovnani-stranka-vymazat,
.tpl-porovnani-stranka-zpet { font-size: 14px; font-weight: 600; color: var(--tpl-link); }
.tpl-porovnani-stranka-okno { border: 1px solid var(--tpl-border); border-radius: var(--tpl-area-radius); background: var(--tpl-surface); }
.tpl-porovnani-tabulka { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.tpl-porovnani-tabulka th,
.tpl-porovnani-tabulka td { min-width: 200px; padding: 10px 14px; border-bottom: 1px solid var(--tpl-line); text-align: left; vertical-align: top; }
.tpl-porovnani-tabulka tbody th { width: 200px; font-weight: 400; color: var(--tpl-text-light); background: var(--tpl-surface-2); position: sticky; left: 0; z-index: 1; }
.tpl-porovnani-tabulka thead th,
.tpl-porovnani-tabulka thead td { vertical-align: top; }
.tpl-porovnani-radek--ruzne td { background: var(--tpl-info-bg); font-weight: 600; }
.tpl-porovnani-karta { display: flex; flex-direction: column; gap: 6px; }
.tpl-porovnani-karta-foto { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border-radius: var(--tpl-thumb-radius); background: var(--tpl-surface-2); overflow: hidden; }
.tpl-porovnani-karta-foto img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.tpl-porovnani-karta-nazev { font-weight: 600; color: var(--tpl-text); }
.tpl-porovnani-karta-cena { font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tpl-porovnani-karta-puvodni { margin-left: 6px; font-size: 13px; font-weight: 400; color: var(--tpl-strike); }
#prostredek .tpl-porovnani-karta-koupit,
#prostredek .tpl-porovnani-karta-form button,
#prostredek .tpl-porovnani-karta-form input[type="submit"],
.tpl-porovnani-karta-vybrat {
    display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid var(--tpl-cta);
    border-radius: var(--tpl-radius); background: var(--tpl-cta); color: var(--tpl-cta-text); font: 600 14px/1 var(--tpl-font); text-decoration: none; cursor: pointer;
}
.tpl-porovnani-odebrat { font-size: 13px; color: var(--tpl-text-light); }
.tpl-porovnani-stranka-prazdne,
.tpl-porovnani-nic { padding: 32px 16px; border: 1px dashed var(--tpl-border-strong); border-radius: var(--tpl-area-radius); text-align: center; }
#prostredek .tpl-porovnani-stranka-nadpis::first-letter { text-transform: uppercase; }