/* =====================================================
   FAZONETKA – MOBILNÍ KATEGORIE V4
   Hlavní rozcestníky zůstávají velké.
   Podkategorie mají menší obrázky, ale text využívá celou
   šířku sloupce, aby se dlouhé názvy méně zalamovaly.
   Platí pro mobil/tablet do 991 px.
   ===================================================== */

@media (max-width: 991px) {

    .subcategories.with-image {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 18px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        align-items: start !important;
    }

    .subcategories.with-image > li {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* PODKATEGORIE: obrázek 80 %, text přes celou šířku sloupce */
    .subcategories.with-image > li > a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .subcategories.with-image > li > a > .image {
        display: block !important;
        width: 80% !important;
        max-width: 80% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .subcategories.with-image > li > a > .image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .subcategories.with-image > li > a > .text {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 7px 0 0 0 !important;
        padding: 0 !important;
        line-height: 1.22 !important;
        text-align: left !important;
    }

    /* HLAVNÍ ROZCESTNÍKY zůstávají stejně velké jako předtím */
    .subcategories.with-image > li > a[href="/detske-strihy/"] > .image,
    .subcategories.with-image > li > a[href="/damske-strihy/"] > .image,
    .subcategories.with-image > li > a[href="/panske-strihy/"] > .image,
    .subcategories.with-image > li > a[href="/pro-zacatecniky/"] > .image,
    .subcategories.with-image > li > a[href="/vyhodne-sety-strihu/"] > .image,
    .subcategories.with-image > li > a[href="/damske/"] > .image,
    .subcategories.with-image > li > a[href="/panske/"] > .image,
    .subcategories.with-image > li > a[href="/detske/"] > .image {
        width: 100% !important;
        max-width: 100% !important;
    }

    .subcategories.with-image > li > a[href="/detske-strihy/"] > .text,
    .subcategories.with-image > li > a[href="/damske-strihy/"] > .text,
    .subcategories.with-image > li > a[href="/panske-strihy/"] > .text,
    .subcategories.with-image > li > a[href="/pro-zacatecniky/"] > .text,
    .subcategories.with-image > li > a[href="/vyhodne-sety-strihu/"] > .text,
    .subcategories.with-image > li > a[href="/damske/"] > .text,
    .subcategories.with-image > li > a[href="/panske/"] > .text,
    .subcategories.with-image > li > a[href="/detske/"] > .text {
        display: none !important;
    }
}