@media (min-width: 768px) {
    /* Základní styl pro jednotlivé položky submenu (`menu-level-2`) */
    .navigation-in > ul > li.ext > ul > li > a {
        padding: 0;
        width: 167px;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: left;
        letter-spacing: 1px;
    }

    .navigation-in > ul > li.ext > ul > li > div {
        padding-left: 0px;
        width: unset;
    }

    /* Přidání rovné šedé čáry pod nadpisy v `menu-level-2` */
    .navigation-in > ul > li.ext > ul > li > div > a {
        font-size: 14px;
        line-height: 1.2; /* Snížení line-height pro menší prostor nad a pod textem */
        width: max-content;
        letter-spacing: 1px;
        font-weight: 400;
        text-transform: uppercase;
        border-bottom: 1px solid #dadada !important; /* Rovná šedá čára pod nadpisem */
        margin-bottom: 10px; /* mezera mezi textem a čárou */
        padding-bottom: 5px !important; /* Menší mezera pod nadpisem, která přiblíží čáru k textu */
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    /* Styl pro hover efekt hlavních kategorií a submenu */
    .navigation-in > ul > li.exp > a,
    .navigation-in > ul > li > a:hover {
        background-color: unset;
        color: var(--color-tertiary-hover);
    }}

/* Styl pro `menu-level-2` pro rozložení na 3 sloupce s větším paddingem */
@media (min-width: 768px) {
    .navigation-in > ul > li > ul.menu-level-2 {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important; /* Prostor mezi sloupci pro flexibilní rozložení */
        padding: 20px 50px !important; /* Větší padding: nahoře a dole 20px, vlevo a vpravo 30px */
        background-color: #ffffff !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: 100% !important;
        width: 90% !important;
        max-width: 1170px !important; /* Maximální šířka menu */
        box-sizing: border-box !important;
        z-index: 1000 !important;
	min-height: 363px;
    }

    /* Styl pro jednotlivé položky `menu-level-2` pro flexibilní šířku */
    .navigation-in > ul > li > ul.menu-level-2 > li {
        flex: 1 1 calc(33.333% - 20px) !important; /* Rozdělení na 3 sloupce s flexibilní šířkou a odsazením */
        margin: 10px !important; /* Mezera mezi jednotlivými prvky */
        box-sizing: border-box !important;
    }

    /* Styl pro prázdný zástupný sloupec (`placeholder-column`) */
    .navigation-in > ul > li > ul.menu-level-2 .placeholder-column {
        flex: 1 1 calc(25% - 20px) !important;
        margin: 10px !important;
        box-sizing: border-box;
        text-align: center;
    }

    /* Skrytí všech submenu (`menu-level-2`) ve výchozím stavu */
    .navigation-in > ul > li > ul.menu-level-2 {
        display: none !important; /* Skrytí submenu, dokud na něj uživatel nenajede */
        border-bottom: none !important; /* Zajistí, že spodní hranice (šedý proužek) nebude viditelná */
    }

    /* Zobrazení a pozicování submenu (`menu-level-2`) při hoveru */
    .navigation-in > ul > li:hover > ul.menu-level-2 {
        display: flex !important; /* Flexbox pro zobrazení položek vedle sebe */
        flex-wrap: wrap !important; /* Zalomení položek, pokud je málo místa */
      /*  padding: 20px !important; Vnitřní odsazení pro vizuální oddělení */
        background-color: #ffffff; /* Bílé pozadí pro submenu */
        border: none !important; /* Odstranění hranice */
        position: absolute !important; /* Absolutní pozicování pro umístění submenu pod hlavní kategorii */
        left: 50% !important; /* Umístění submenu na střed stránky */
        transform: translateX(-50%) !important; /* Posun do středu okna */
        top: 100% !important; /* Umístění submenu pod hlavní kategorií */
        width: 90% !important; /* Šířka submenu bude dynamická a přizpůsobí se velikosti obrazovky */
        max-width: 1170px !important; /* Maximální šířka pro zajištění přehlednosti */
        box-sizing: border-box !important; /* Zahrnutí paddingu do výpočtu šířky */
        z-index: 1000 !important; /* Zajištění viditelnosti nad ostatními prvky */
    }

    /* Skrytí obrázků v submenu */
    .navigation-in > ul > li.ext > ul > li > a img {
        display: none !important;
    }

    .navigation-in > ul > li.ext > ul > li > a.menu-image {
        width: unset !important;
    }

    .submenu-visible .navigation-in > ul > li.ext.exp > ul {
        border-bottom: none !important; /* Zajistí, že spodní hranice (šedý proužek) nebude na úrovni celého menu */
        flex-wrap: wrap !important;
    }

    /* Styl pro padding submenu */
    .navigation-in > ul > li > ul {
        padding: 10px 0 !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
        border-bottom: none !important; /* Zajistí, že žádný šedý proužek nebude na spodní straně */
    }

    /* Odstranění omezení počtu zobrazených položek a tří teček pro `.has-more-items` */
    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items {
        overflow: visible !important; /* Zajistí, že všechny položky budou viditelné */
        position: relative !important;
    }

    /* Odstranění triggeru pro více položek, aby nebyly přidány tři tečky */
    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger {
        display: none !important; /* Skrytí spouštěče tří teček */
    }

    /* Odstranění pravidla pro zobrazení tří teček (`...`) */
    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger:before {
        content: none !important; /* Zamezí přidání tří teček jako obsahu */
    }

    /* Zajištění, že všechny položky v `has-more-items` jsou zobrazeny */
    .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li {
        display: block !important; /* Všechny položky budou zobrazeny */
    }

    /* Zajištění textového stylu */
    .navigation-in ul li a b {
        letter-spacing: 1px;
    }

    /* Stylování položek třetí úrovně (`menu-level-3`) */
    .navigation-in ul.menu-level-3 li > a {
        padding-left: 20px !important; /* Přidání odsazení zleva pro odlišení položek třetí úrovně */
    }
}

@media (min-width: 768px) {
/* Styl pro placeholder-column pro desktop s flexibilním chováním */
    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column {
        display: flex !important;
        flex-direction: column !important; /* Vertikální uspořádání prvků (obrázek, text, tlačítko) */
        align-items: center !important;
        width: 100% !important; /* Nastavení šířky, která se přizpůsobí dostupnému prostoru */
        max-width: 267px !important; /* Zajištění maximální šířky, pokud je dostatek místa */
        box-sizing: border-box !important;
        text-align: center !important;
        margin: 10px auto !important; /* Mezery pro lepší rozložení */
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column img {
        width: 100% !important; /* Obrázek se přizpůsobí šířce placeholder sloupce */
        max-width: 267px !important; /* Zůstává maximální šířka, aby se zachovaly proporce */
        height: auto !important; /* Dynamická výška podle šířky obrázku */
        margin-bottom: 7px !important;
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column .placeholder-text {
        width: 100% !important; /* Šířka textu se přizpůsobí šířce sloupce */
        max-width: 267px !important;
        font-size: 14px !important;
        line-height: 24px !important;
        color: #000000 !important;
        font-weight: 400 !important;
        margin-bottom: 7px !important;
	height: auto !important;/**/
    }

    .navigation-in > ul > li > ul.menu-level-2 > li.placeholder-column .placeholder-button {
        display: block !important;
        width: 100% !important; /* Šířka tlačítka se přizpůsobí šířce sloupce */
        max-width: 267px !important;
        height: 38px !important;
        background-color: #37322d!important; /* Hnědá barva */
        color: #ffffff !important; /* Bílý text */
        text-align: center !important;
        line-height: 38px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        border-radius: 0 !important; /* Ostré rohy */
        box-sizing: border-box !important;
    }
}

/* Skrytí placeholder-column pro mobilní zařízení */
@media (max-width: 767px) {
    .placeholder-column {
        display: none !important;
    }

/*Skrytí šipky dolů pro vysouvací menu*/
.navigation-in > ul > li > a .submenu-arrow {
    display: none !important;
}
}

/*Zobrazení šipky do strany u hlavních kategorií*/
@media (max-width: 767px) {
.navigation-in > ul > li > a:before {
    content: "\e910";
    font-family: 'shoptet';
    font-size: 12px;
    line-height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 8px;
    top: 50%
}}