/**
 * Sablona 2026-006 Garaz - vypis na mobilu: JEDEN v rade = vodorovna karta (vychozi, artboard 03-Vypis-mobil):
 * foto 96 vlevo, znacka + kod, nazev, odznak Pasuje, cena + dostupnost + CTA vpravo dole. Prepinac 1 / 2 v liste
 * (js/dilna.js, html.gr-sloupce-2) prepne na 2 karty v rade. Linkuje komponenta vypis_mobil (komponenty.json).
 */
@media (max-width: 768px) {
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah div.polozky,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah div.polozky { grid-template-columns: minmax(0, 1fr); gap: 0; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah article.polozka.gr-karta,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah article.polozka.gr-karta {
        display: grid; grid-template-columns: 96px minmax(0, 1fr); grid-template-areas: "foto telo" "foto buy"; column-gap: 12px;
        padding: 12px 0; border: 0; border-bottom: 1px solid var(--tpl-line); border-radius: 0; box-shadow: none;
    }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-media,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-media { grid-area: foto; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-foto,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-foto { aspect-ratio: 1 / 1; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-lbls,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-lbls { top: 4px; left: 4px; max-width: none; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-lbls .gr-lbl:nth-child(n+2),
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-lbls .gr-lbl:nth-child(n+2) { display: none; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-srdce,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-srdce { display: none; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-telo,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-telo { grid-area: telo; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-znacka,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-znacka { margin-top: 0; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-popis,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-popis { display: none; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-fit,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-fit { margin-top: 6px; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-buy,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-buy { grid-area: buy; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 8px; padding-top: 8px; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-buy > :not(.gr-k-foot),
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-buy > :not(.gr-k-foot) { grid-column: 1; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-foot,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-foot { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
    html:not(.gr-sloupce-2) #kategorie_obsah .tpl-vypis-obsah .gr-k-cta,
    html.gr-sloupce-1 #kategorie_obsah .tpl-vypis-obsah .gr-k-cta { width: auto; padding: 0 14px; }
}