.p-variants-block .parameter-value {
    display: none;
}


.footer-banner a,
.footer-banner img {
    display: block;
}

.footer-banner img {
    width: 100%;
    height: auto;
}


table.tab-doprava {
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

table.tab-doprava td {
    border: none !important;
    padding: 8px 12px;
    box-sizing: border-box;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Univerzální poměr sloupců */
table.tab-doprava td:first-child {
    width: 50%;
}

table.tab-doprava td:last-child {
    width: 50%;
}

/* Čísla účtů a podobné údaje se nesmí lámat */
table.tab-doprava strong {
    overflow-wrap: normal;
    word-break: normal;
}

/* Střídání řádků */
table.tab-doprava tr:nth-child(odd) td {
    background: #f1f1f1;
}

table.tab-doprava tr:nth-child(even) td {
    background: #fff;
}


 /* =========================================
   KONTAKTNÍ TABULKA
========================================= */

.tab-kontakt {
    width: 100%;
    border: none !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #f2f2f2;
    border-top: 3px solid #3a6691 !important;
    margin: 0 0 30px;
}

/* ŘÁDEK */
.tab-kontakt tr {
    border: none !important;
}

/* SLOUPCE */
.tab-kontakt td {
    width: 50%;
    vertical-align: top;
    border: none !important;
    background: transparent !important;
    padding: 26px 16px;
}

/* NADPIS */
.tab-kontakt h3 {
    margin: 0 0 14px;
}

/* ODSTAVCE */
.tab-kontakt p {
    margin: 0 0 16px;
}

/* POSLEDNÍ ODSTAVEC */
.tab-kontakt p:last-child {
    margin-bottom: 0;
}


/* =========================================
   SPODNÍ BLOK – MAPA + FORMULÁŘ
========================================= */

.kontakt-spodni-blok {
    display: flex;
    width: 100%;
    gap: 40px;
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 30px;
}

/* MAPA */
.kontakt-mapa {
    width: 50%;
    flex: 0 0 calc(50% - 20px);
}

.kontakt-mapa iframe {
    display: block;
    width: 100% !important;
    height: 450px;
    border: 0;
}

/* FORMULÁŘ */
.kontakt-formular {
    width: 50%;
    flex: 0 0 calc(50% - 20px);
}


/* =========================================
   MOBIL
========================================= */

@media (max-width: 767px) {

    /* TABULKA */
    .tab-kontakt,
    .tab-kontakt tbody,
    .tab-kontakt tr,
    .tab-kontakt td {
        display: block;
        width: 100%;
    }

    .tab-kontakt td {
        padding: 22px 16px;
    }

    .tab-kontakt td + td {
        padding-top: 10px;
    }


    /* MAPA + FORMULÁŘ */
    .kontakt-spodni-blok {
        flex-direction: column;
        gap: 30px;
        margin-top: 30px;
    }

    .kontakt-mapa,
    .kontakt-formular {
        width: 100%;
        flex: 0 0 100%;
    }

    .kontakt-mapa iframe {
        height: 350px;
    }
}


@media (min-width: 768px) {
    .navigation-in .menu-level-1 {
        padding-left: 20px;
    }
}


/* Bílá natural – náhled kategorie */
.widget-parameter-wrapper[data-parameter-id="4"] 
.widget-parameter-list 
.widget-parameter-value > a[data-value-id="36"] {
    border: 1px solid #B8B8B8 !important;
    box-sizing: border-box;
}

/* Bílá natural – detail produktu */
#parameter-id-4 input[value="36"] + .parameter-value {
    /* Bez změny textu */
}

#parameter-id-4 label.advanced-parameter:has(input[value="36"]) .advanced-parameter-inner {
    border: 1px solid #B8B8B8;
    box-sizing: border-box;
}


/* Loga bank – responzivní zobrazení */
.bank-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px 28px;
    width: 100%;
    box-sizing: border-box;
}

.bank-logos img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 55px;
    object-fit: contain;
    flex: 0 1 auto;
}

/* Mobil */
@media (max-width: 767px) {
    .bank-logos {
        justify-content: center;
        gap: 18px 20px;
    }

    .bank-logos img {
        max-width: calc(50% - 10px);
        max-height: 45px;
    }
}

/* =========================================================
   FILTER SECTIONS – COLLAPSIBLE
========================================================= */

.filter-section-parametric h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0;
}

/* Plus */
.filter-section-parametric h4::after {
    content: "+";
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    flex-shrink: 0;
}

/* Minus po rozbalení */
.filter-section-parametric.mobile-filter-open h4::after {
    content: "−";
}

/* Výchozí stav – hodnoty jsou sbalené */
.filter-section-parametric form {
    display: none !important;
}

/* Rozbalený stav */
.filter-section-parametric.mobile-filter-open form {
    display: block !important;
    padding-top: 8px;
}


.footer-newsletter {
    display: none !important;
}

/* =========================================================
   KATEGORIE – DESKTOP
   =========================================================
   
   Barvy:
   #3a6691 – hlavní modrá
   #f2f1f1 – světle šedá
   #ffffff – bílá

   Úpravy se aplikují pouze na desktop.
   Menu není závislé na konkrétních kategoriích.
   ========================================================= */


@media (min-width: 992px) {


    /* =====================================================
       CELÝ BLOK KATEGORIÍ
       ===================================================== */

    .box-categories #categories {
        margin-top: 10px;
    }


    /* =====================================================
       VŠECHNY ODKAZY
       ===================================================== */

    .box-categories #categories a {
        text-decoration: none;

        transition:
            color .2s ease,
            background-color .2s ease,
            border-color .2s ease;
    }


    /* =====================================================
       HLAVNÍ KATEGORIE
       ===================================================== */

    .box-categories #categories > .categories > .topic > a {
        display: flex !important;
        align-items: center !important;

        width: 100%;
        box-sizing: border-box;

        padding: 13px 45px 13px 14px !important;

        background: #f2f1f1;
        color: #3a6691;

        font-size: 16px;
        font-weight: 700;
        line-height: 1.4;

        border-radius: 4px;

        position: relative !important;
    }


    /* =====================================================
       HOVER HLAVNÍ KATEGORIE
       ===================================================== */

    .box-categories #categories > .categories > .topic > a:hover {
        background: #3a6691;
        color: #ffffff;
    }


    /* =====================================================
       AKTIVNÍ / ROZBALENÁ HLAVNÍ KATEGORIE
       ===================================================== */

    .box-categories #categories > .categories.active > .topic > a,
    .box-categories #categories > .categories.expanded > .topic > a {
        background: #3a6691;
        color: #ffffff;
    }


    /* =====================================================
       ŠIPKA – ZÁKLADNÍ NASTAVENÍ
       ===================================================== */

    .box-categories #categories .topic > a,
    .box-categories #categories li > a {
        position: relative !important;
    }


    /* =====================================================
       ŠIPKA – POZICE
       ===================================================== */

    .box-categories #categories .cat-trigger {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: absolute !important;

        left: auto !important;
        right: 12px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        float: none !important;
        flex: none !important;

        box-sizing: border-box !important;

        background: transparent !important;

        z-index: 2;
    }


    /* =====================================================
       VLASTNÍ VZHLED ŠIPKY
       ===================================================== */

    .box-categories #categories .cat-trigger::before {
        content: "" !important;

        display: block !important;

        width: 7px !important;
        height: 7px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-right: 2px solid currentColor !important;
        border-bottom: 2px solid currentColor !important;

        transform: rotate(-45deg) !important;

        transition: transform .2s ease !important;
    }


    /* =====================================================
       ROZBALENÁ ŠIPKA
       ===================================================== */

    .box-categories #categories .expanded > .topic > a .cat-trigger::before,
    .box-categories #categories li.expanded > a .cat-trigger::before {
        transform: rotate(45deg) !important;
    }


    /* =====================================================
       PODKATEGORIE – SEZNAM
       ===================================================== */

    .box-categories #categories ul {
        list-style: none;

        margin: 0;
        padding: 4px 0 6px 0;
    }


    /* =====================================================
       PRVNÍ ÚROVEŇ PODKATEGORIÍ
       ===================================================== */

    .box-categories #categories > .categories > ul {
        padding-top: 6px;
        padding-bottom: 8px;
    }


    /* =====================================================
       PODKATEGORIE – ODKAZY
       ===================================================== */

    .box-categories #categories li > a {
        display: flex !important;
        align-items: center !important;

        width: 100%;
        box-sizing: border-box;

        padding: 8px 45px 8px 24px !important;

        color: #3a6691;

        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;

        border-left: 2px solid transparent;

        position: relative !important;
    }


    /* =====================================================
       HOVER PODKATEGORIE
       ===================================================== */

    .box-categories #categories li > a:hover {
        background: #f2f1f1;

        color: #3a6691;

        border-left-color: #3a6691;
    }


    /* =====================================================
       AKTIVNÍ PODKATEGORIE
       ===================================================== */

    .box-categories #categories li.active > a {
        background: #f2f1f1;

        color: #3a6691;

        font-weight: 700;

        border-left-color: #3a6691;
    }


    /* =====================================================
       AKTIVNÍ PODKATEGORIE – JEJÍ PODMENU
       ===================================================== */

    .box-categories #categories li.active > ul {
        display: block;
    }


    /* =====================================================
       VNOŘENÉ PODKATEGORIE
       ===================================================== */

    .box-categories #categories li ul {
        padding-left: 12px;
    }


    /* =====================================================
       DRUHÁ ÚROVEŇ
       ===================================================== */

    .box-categories #categories li ul li > a {
        padding-left: 24px !important;

        font-size: 13px;
    }


    /* =====================================================
       TŘETÍ ÚROVEŇ
       ===================================================== */

    .box-categories #categories li ul li ul li > a {
        padding-left: 36px !important;
    }


    /* =====================================================
       ČTVRTÁ ÚROVEŇ
       ===================================================== */

    .box-categories #categories li ul li ul li ul li > a {
        padding-left: 48px !important;
    }


    /* =====================================================
       ŠIPKA U PODKATEGORIÍ
       ===================================================== */

    .box-categories #categories li > a .cat-trigger {
        right: 12px !important;
    }


    /* =====================================================
       ROZBALENÁ PODKATEGORIE
       ===================================================== */

    .box-categories #categories li.expandable.expanded > a {
        font-weight: 700;
    }


    /* =====================================================
       HLAVNÍ KATEGORIE BEZ PODKATEGORIÍ
       ===================================================== */

    .box-categories #categories > .categories:not(.expandable) > .topic > a {
        padding-right: 14px !important;
    }


    /* =====================================================
       ODDĚLENÍ HLAVNÍCH KATEGORIÍ
       ===================================================== */

    .box-categories #categories > .categories + .categories {
        margin-top: 4px;
    }


    /* =====================================================
       HOVER AKTIVNÍ HLAVNÍ KATEGORIE
       ===================================================== */

    .box-categories #categories > .categories.active > .topic > a:hover,
    .box-categories #categories > .categories.expanded > .topic > a:hover {
        background: #3a6691;

        color: #ffffff;
    }


    /* =====================================================
       ZAJIŠTĚNÍ, ŽE TEXT NEBUDE POD ŠIPKOU
       ===================================================== */

    .box-categories #categories .topic > a > span:not(.cat-trigger),
    .box-categories #categories li > a > span:not(.cat-trigger) {
        min-width: 0;
    }


}