#main_tree5{display:none}
#main_blog{display:none}
#main_hotspot_zone1{display:none;}
#content > div.contact_site > div:nth-child(2) > div.contact_site__items.--additional > div.contact_site__item.--reqAccount{display:none;}
#content > div.contact_site > div:nth-child(2) > div.contact_site__items.--additional > div.contact_site__item.--reqBank{display:none;}


:root {--product-icon-background:#fff  }

#menu_categories .nav-item .nav-link {
        font-size: 22px !important; /* Zmień na 17px lub 18px, jeśli chcesz jeszcze większe */
        font-weight: 700 !important; /* 700 to pogrubienie (Barlow Bold), możesz zmienić na 600 (Semi-Bold) */
        letter-spacing: 0.5px !important; /* Lekki odstęp między literami dla czytelności */
    }


/* --- ZMIANY TYLKO DLA KOMPUTERÓW (Powyżej 992px) --- */
@media (min-width: 992px) {

    /* 1. GŁÓWNY KONTENER MENU (Czarny pasek) */
    #menu_categories, 
    #menu_navbar,
    .navbar-collapse {
        background-color: #000000 !important; /* Czarne tło */
        border-bottom: 1px solid #333333 !important; /* Ciemnoszara linia */
        color: #ffffff !important; /* Biały tekst */
        border-radius:10px;
        padding-top: 5px;
        border:none;
        
    }

    /* 2. Wyśrodkowanie elementów menu */
    #menu_categories .navbar-nav {
        justify-content: center !important;
        width: 100%;
    }

    /* 3. WYGLĄD PRZYCISKU GŁÓWNEGO (Kafelka) */
    #menu_categories .nav-item .nav-link {
        display: flex !important;
        flex-direction: column !important; /* Ikona nad tekstem */
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: center !important;
        height: 100% !important;
        padding: 10px 15px !important;
        transition: background-color 0.3s ease;
        background-color: transparent !important; /* Brak tła kafelka */
        border: none !important;
        
    }

    /* 4. KOLOR TEKSTU W MENU GŁÓWNYM (Biały) */
    #menu_categories .nav-item .nav-link span,
    #menu_categories .nav-item .nav-link .gfx_lvl_1,
    #menu_categories .nav-item .nav-link {
        color: #ffffff !important; /* Wymuszony biały kolor */
        font-size: 14px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        margin-top: 8px !important;
        line-height: 1.2 !important;
        text-decoration: none !important;
    }

    /* 5. IKONA / OBRAZEK */
    #menu_categories .nav-item .nav-link img {
        display: block !important;
        max-height: 50px !important;
        width: auto !important;
        margin-bottom: 0 !important;
        object-fit: contain;
    }

    /* 6. EFEKT PO NAJECHANIU (Hover) */
    #menu_categories .nav-item:hover .nav-link span,
    #menu_categories .nav-item:hover .nav-link .gfx_lvl_1 {
        color: #4CAF50 !important; /* Zielony akcent */
    }
    
    /* 7. MENU ROZWIJANE (Submenu) */
    .navbar-subnav, ul.navbar-subnav, .dropdown-menu {
        background-color: #000000 !important; /* Czarne tło */
        border: 1px solid #333 !important;
    }

    /* Linki w menu rozwijanym */
    .navbar-subnav li a, 
    .navbar-subnav .nav-item .nav-link {
        color: #ffffff !important; /* Biały tekst */
        border-bottom: 1px solid #222 !important;
        align-items: flex-start !important; /* Do lewej */
        text-align: left !important;
        flex-direction: row !important; /* Tekst obok siebie */
        background-color: transparent !important;
    }

    /* Hover w menu rozwijanym */
    .navbar-subnav li a:hover {
        color: #4CAF50 !important;
    }
    
    
}