<style>
@media (max-width: 389px) {
    #header .header-top .header-top-wrapper .navigation-tools {
        display: none !important;
    }
}
@media (min-width: 390px) and (max-width: 444px) {
    #header .navigation-tools {
        right: 132px !important;
    }
}
@media (min-width: 390px) and (max-width: 767px) {
    /* --- 1. ROZLOŽENIE HLAVIČKY (Zaradenie do 2 riadkov) --- */
    #header .header-top-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
	#header .header-top .header-top-wrapper .navigation-buttons {
        width: 33%;
    }
	
    #header .site-name { order: 1 !important; flex: 1 1 auto; }
    #header .navigation-buttons { order: 2 !important; flex: 0 0 auto; }
    
    /* Náš nový riadok s jazykmi zarovnaný doľava */
    #header .navigation-tools {
        display: block !important;
        order: 3 !important;
        width: 60px !important;
        padding: 0 0 5px 0 !important;
		position: absolute !important;
        top: 12px;
        right: 146px;
		z-index: 999 !important; /* <--- PRIDAJ TOTO */
    }	

    /* --- 2. OBNOVA HLAVNÉHO TLAČIDLA S VLAJKOU --- */
    #header .languagesMenu__flags {
        display: inline-flex !important;
        align-items: center !important;
        padding: 5px 10px !important;
        background: #fff !important;
        border: 0px solid #ddd !important;
        border-radius: 4px !important;
        height: auto !important;
        color: #333 !important;
    }
    
    /* Vrátime naspäť ikonku vlajky, ktorú Shoptet na mobile skrýva */
    #header .languagesMenu__flags svg.shp-flag {
        width: 24px !important;
        height: 24px !important;
        position: static !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #header .languagesMenu__flags .caret {
        display: inline-block !important;
        margin-left: 6px !important;
        border-top-color: #333 !important;
    }

    /* --- 3. REKONŠTRUKCIA VYSKAKOVACIEHO OKIENKA --- */
    #header .languagesMenu { position: relative !important; }
    
    /* Skryjeme to otravné mobilné prekrývanie obrazovky */
    #header .dropdown-backdrop { display: none !important; }

    /* Samotné okienko - štýl ako na desktope */
    #header .languagesMenu__content {
        display: none !important; 
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background: #fff !important;
        border: 1px solid #ddd !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
        padding: 12px !important;
        width: 180px !important;
        z-index: 10000 !important;
        margin-top: 25px !important;
        border-radius: 4px !important;
		height: 240px;
    }

    /* Otvorenie okienka po kliknutí */
    #header .languagesMenu.open .languagesMenu__content {
        display: block !important;
    }

    /* --- 4. ČISTENIE VNÚTRA OKIENKA (CZK/EUR a Jazyky) --- */
    #header .languagesMenu__box {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 0 32px 0 !important;
        width: 100% !important;
    }
    #header .languagesMenu__box:last-child { margin-bottom: 0 !important; }

    /* Skryjeme škaredé mobilné výbery textu */
    #header .languagesMenu__header--actual { display: none !important; }

    /* Nadpisy (MĚNA, JAZYK) */
    #header .languagesMenu__header--name {
        display: block !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        color: #999 !important;
        padding: 0 0 0 0 !important;
        margin: 0 !important;
        border: none !important;
        text-align: left !important;
    }

    /* Čisté položky menu */
    #header .languagesMenu__list {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
        position: static !important;
    }

    #header .languagesMenu__list__item {
        display: block !important;
        margin: 0 !important;
        border: none !important;
    }

    #header .languagesMenu__list__link {
        display: flex !important;
        align-items: center !important;
        padding: 0px 0px !important;
        font-size: 12px !important;
        color: #333 !important;
        text-decoration: none !important;
        border-radius: 3px !important;
    }

    #header .languagesMenu__list__link:hover {
        background-color: #f5f5f5 !important;
    }

    #header .languagesMenu__list__link svg.shp-flag {
        width: 24px !important;
        height: 24px !important;
        margin-right: 8px !important;
        position: static !important;
    }
}
</style>