/* === SPOLECNY SLIDER LOG === */
.fx-logo-slider {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fx-logo-slider::-webkit-scrollbar {
    display: none;
}

.fx-logo-track {
    display: flex !important;
    align-items: center !important;
    width: max-content !important;
    gap: 0 !important;
    animation: fx-logo-rotation 28s linear infinite;
    will-change: transform;
}

.fx-logo-set {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 16px !important;
    padding-right: 16px !important;
    box-sizing: content-box !important;
}

.fx-logo-set > a {
    flex: 0 0 82px !important;
    min-width: 82px !important;
}

.fx-logo-slider:hover .fx-logo-track {
    animation-play-state: paused;
}

@keyframes fx-logo-rotation {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(-50%, 0, 0); }
}

    .logos {
        display: flex !important;
        flex-wrap: nowrap !important;
        /* DŮLEŽITÉ: Loga MUSÍ zůstat v jednom řádku za sebou! */
        justify-content: flex-start !important;
        /* Aby nebyly natlačené na střed, když přetečou */
        align-items: center !important;
        gap: 16px !important;
        margin-bottom: 10px !important;
    }

    div.logos img {
        filter: grayscale(100%) opacity(50%) !important;
        /* víc viditelné v klidu */
        opacity: 0.8 !important;
        /* logo je pořád dost výrazné */
        transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease !important;
        /*
        height: 35px !important;
        aspect-ratio: attr(width) / attr(height);
        */
        aspect-ratio: 82 / 35 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }

    .logos img:hover {
        filter: grayscale(0%) !important;
        /* plná barva při hoveru */
        opacity: 1 !important;
        /* maximální viditelnost */
        transform: scale(1.08) !important;
        /* o něco výraznější zvětšení */
    }

    .logos a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 35px !important;
        width: 82px !important;
        overflow: hidden !important;
        /* stop přetékání */
    }






    /* volitelné – "mezera" čistší, funkčně stejná */

    .yellow-box a.spacer {
        display: block;
        text-decoration: none;
        cursor: default;
        height: 0px !important;
    }


    /* okrovej sulin*/
    .yellow-box {
        height: 407px;
        display: flex !important;
    }

    .yellow-box h3 {
        padding-bottom: 10px;
    }

    /* bannery */
    #banner {
        width: auto;
        height: 407px;

    }

    #banner_no_pad {
        padding: 0px !important;
    }


    .yellow-box div {
        margin-top: 15px !important;
    }

    .yellow-box>div:first-child {
        margin-top: 0 !important;
    }

    h3 {
        text-transform: uppercase;
        white-space: nowrap;
    }

    #bejnner_bez_textu {
        width: 192px !important;
        height: 407px !important;
        max-width: none !important;
        margin-left: 50px !important;
    }

    /* mobil a pc bejnery*/
    @media (max-width: 600px) {

        #mobilni_banner_bez_txt {
            width: 192px !important;
            height: 407px !important;
            max-width: none !important;
            border-radius: 6px;

        }

        .category-10 .category-banner-l {
            display: flex;
            justify-content: center;
        }

        .category-10 #mobilni_banner_bez_txt {
            width: 200px;
            height: auto;
            display: block;

        }

        .yellow-box {
            display: grid !important;
            grid-template-columns: auto auto !important;
            grid-template-rows: auto auto auto !important;
            gap: 2px !important;
            height: auto;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        .levyHorni {
            grid-column: 1 !important;
            grid-row: 1 !important;

        }

        .levyDolni {
            grid-column: 1 !important;
            grid-row: 2 !important;
        }

        .levyPosledni {
            grid-column: 1 !important;
            grid-row: 3 !important;
        }

        .pravy {
            grid-column: 2 !important;
            grid-row: 1 / span 3 !important;
            display: flex;
            align-items: center;
            /* střed na výšku */
            justify-content: center;
            /* střed na šířku */
        }


        .pravy img {
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            max-width: 100%;
            /* obrázek přizpůsobení boxu */
            height: auto;
            /* zachování poměru stran */
            display: block;
            /* odstraněníí default inline mezery */
        }

        .category-banner-mobil {
            width: 200px !important;
            height: 400px !important;
            margin-bottom: 15px !important;
        }


        .category-banner {
            display: none;
        }


    }

    @media (min-width: 600px) {

        .category-banner-mobil {
            width: 0px;
            height: 0px;
            margin: 0px;
            padding: 0px;
            display: none;
        }

        .category-banner-l {
            height: 407px !important;
            width: 200px !important;
            display: block !important;
        }


    }

    .vc-slimicon {
        width: 18px !important;
        height: 18px !important;
    }

    .flex-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 5px;
    }


    /* nove alternativy kouření - články ve stylu ostatních kategorií */

    .horniObal-nak {
        height: 100%;
        display: flex;
        flex-direction: column;

    }


    .horniMezera>a {
        margin-top: 0px;
    }

    .nak-intro {
        max-width: 180px;
        margin: 0 0 18px 0 !important;
        font-size: 13px;
        line-height: 1.35;
        color: #3b2a00;
    }

    .category-10 .nak-section {
        margin: 0 0 18px 0 !important;
    }

    .category-10 .nak-section h3 {
        margin: 0 0 10px 0 !important;
        padding-bottom: 0 !important;
    }

    .nak-clanky {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .category-10 .nak-clanky {
        margin-top: 0 !important;
    }

    .nak-clanky>* {
        margin-top: 0 !important;
        padding: 0 !important;
    }





    #hide {
        display: none;
    }

    /* === FX FIX: MEGA VÝPRODEJ bez výsuvného menu === */
    .fx-mega-vyprodej-no-flyout>ul,
    .fx-mega-vyprodej-no-flyout>.submenu,
    .fx-mega-vyprodej-no-flyout>.menu-level-2,
    .fx-mega-vyprodej-no-flyout>.menu-dropdown,
    .fx-mega-vyprodej-no-flyout>.navigation-submenu,
    .fx-mega-vyprodej-no-flyout>.category-menu,
    .fx-mega-vyprodej-no-flyout>.menu-wrapper,
    .fx-mega-vyprodej-no-flyout .submenu,
    .fx-mega-vyprodej-no-flyout .menu-level-2,
    .fx-mega-vyprodej-no-flyout .menu-dropdown,
    .fx-mega-vyprodej-no-flyout .navigation-submenu,
    .fx-mega-vyprodej-no-flyout .category-menu,
    .fx-mega-vyprodej-no-flyout .menu-wrapper {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .text {
        line-height: 1.5;
    }

    /* === CATEGORY 11 TRENDY: tvrdší fix proti cizímu CSS, pouze TRENDY === */
    .category-11.poukazy_darkove_sety .yellow-box {
        align-items: flex-start !important;
    }

    .category-11.poukazy_darkove_sety .yellow-box>div:not(.category-banner-mobil) {
        flex: 0 0 260px !important;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        box-sizing: border-box !important;
        margin-top: 15px !important;
    }

    .category-11.poukazy_darkove_sety .yellow-box>div:not(.category-banner-mobil) h3 {
        margin-top: 0 !important;
        padding-bottom: 10px !important;
    }

    .category-11.poukazy_darkove_sety .yellow-box>div:not(.category-banner-mobil) p {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }

    .category-11.poukazy_darkove_sety .fx-trendy-block-link {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .category-11.poukazy_darkove_sety .fx-trendy-block-link h3,
    .category-11.poukazy_darkove_sety .fx-trendy-block-link p {
        color: inherit !important;
    }

    .category-11.poukazy_darkove_sety .fx-trendy-block-link h3 {
        white-space: nowrap !important;
    }

    .category-11.poukazy_darkove_sety .fx-nowrap {
        white-space: nowrap !important;
    }

    .ne-odkaz {
        text-decoration: none !important;
        cursor: default !important;
    }

    .ne-odkaz:hover {
        text-decoration: none !important;
        color: black !important;
    }

    .pointer {
        cursor: pointer;
    }