/* Ikona dostępności - zmiany cssowe */
    .IkonaWidocznaNaMobilkach {
        display: none;
    }

    @media only screen and (max-width: 1023px) {
        /* Wymuszamy pozycję, bo inaczej jakiś skrypt ją przestawia */
        .IkonaDostepnosci {
            bottom: 20px !important;
        }

        /* Ukryj ikonę na urządzeniach mobilnych */
        .IkonaSchowanaNaMobilkach {
            display: none;
        }
        
        /* Pokaż ikonę na urządzeniach mobilnych */
        .IkonaWidocznaNaMobilkach {
            display: inherit
        }

        /* Nie chcemy, aby ikonka dostępności najeżdżała na elementy listy menu*/
        .GorneMenuKontenerGlowny .GorneMenuGlowne {
            margin-bottom: 90px;
        }
    }

/* Strona z koszykiem */

    /* Tło ma być takie jak szablonu (czyli niebieskie), i czcionka biała */
    #TrescKoszyka .SumaTekst,
    #TrescKoszyka .Suma,
    #TrescKoszyka .Suma .Cena,
    #TrescKoszyka .Naglowek th
    {
        background: var(--kolor-szablonu);
        color: var(--kolor-bialy);
    }

    /* Nie chcemy bordera wokół koszyka */
    #TrescKoszyka .Koszyk {
        border: none;
    }

    /* Na tej stronie jest rozróżnienie, że mobilki są do 799px, a pc od 800px */
    /* Mobilki */
    @media only screen and (max-width: 799px) {
        /* Ukrywamy pierwszy wiersz tabeli koszyka (nagłówki kolumn) */
        #TrescKoszyka .Koszyk tbody tr:first-child {
            display: none;
        }

        #TrescKoszyka .Koszyk .PoleIlosc .minus, #TrescKoszyka .Koszyk .PoleIlosc .plus {
            display: inherit;
        }
    }

    /* PC */
    @media only screen and (min-width: 800px) {
        /* Zwiększamy odległość od headera dla pierwszego wiersza */
        #TrescKoszyka .Koszyk tbody tr:nth-child(2) td {
            padding-top: 15px;
        }

        /* Tak samo, jak wyżej, ale dla przed ostatniego wiersza, ostatnie jest podsumowanie */
        #TrescKoszyka .Koszyk tbody tr:nth-last-child(2) td {
            padding-bottom: 15px;
        }
    }