#SzczegolyKoszyka{
    .koszykPusty{
        background-color: #F5F5F5;
        border-radius: 8px;
        font-size: 16px;
        color: #505454;
        font-weight: 400;
        padding: 20px;
    }
    #ZapisKoszyka{
        .Informacja{
            > div{
                &:first-child{
                    width: 100%;
                }
                &:last-child{
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                    padding-left: 10px !important;
                }
            }
            input{
                width: 500px !important;
                font-size: 100% !important;
            }
            .przycisk{
                text-transform: lowercase;
                padding: 9px 18px;
            }
            background: none;
            padding-left: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
    }
    .Koszyk{
        .Naglowek{
            display: none;
        }
        tbody{
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        tr{
            &:last-child{
                border-bottom: none;
                padding-top: 10px;
                margin-bottom: 0;
                padding-bottom: 5px;
            }
            td{
                display: flex;
                flex-direction: column;
                border: none;
                padding: 0;
                background: none;
            }
            .photo{
                .Zoom{
                    img{
                        width: 100%;
                        object-fit: contain;
                    }
                    background-color: white;
                    border-radius: 8px;
                    overflow: hidden;
                    width: 106px;
                    height: 106px;
                    min-width: 106px;
                }
                margin-right: 15px;
            }
            .tytul{
                h3{
                    a{
                        font-size: 24px;
                        font-weight: 700;
                        margin-bottom: 10px;
                        display: block;
                    }
                    .Cecha{
                        b{
                            font-weight: 600;
                        }
                        font-size: 16px;
                        margin-bottom: 5px;
                    }
                }
                .UsunKoszyk{
                    &:hover{
                        background-color: #EA0003;
                        color: #fff;
                    }
                    b{
                        margin-left: 10px;
                        font-weight: 500;
                        font-size: 16px;
                    }
                    width: auto;
                    display: flex;
                    background-position: center right;
                    margin-right: auto;
                    color: #EA0003;
                    font-size: 12px;
                    font-weight: 600;
                    text-transform: uppercase;
                    padding: 5px 10px;
                    border-radius: 8px;
                    background-color: #fff;
                    background-image: none;
                    margin-top: auto;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                }
                display: flex;
                flex-direction: column;
                align-content: flex-start;
                flex-wrap: wrap;
                margin-right: 15px;
            }
            .ilosc{
                .PoleIlosc{
                    .minus, .plus{
                        &:hover{
                            color: #EA0003;
                        }
                        font-size: 40px;
                        font-weight: 300;
                        color: #000;
                        min-width: 52px;
                        width: 52px;
                        height: 52px;
                        border-radius: 8px;
                        box-shadow: none;
                        margin-right: 0;
                        background: none;
                        border: none;
                        cursor: pointer;
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        user-select: none;
                        -webkit-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                    }
                    .InputPrzeliczKoszyk{
                        font-size: 16px;
                        font-weight: 600;
                        color: #000;
                        min-width: 52px;
                        width: 52px;
                        height: 52px;
                        border-radius: 8px;
                        padding: 5px;
                        box-shadow: none;
                        margin-right: 0;
                        border: 1px solid var(--kolor-ramka-pola);
                        box-sizing: border-box;
                    }
                    border: none;
                    box-shadow: none;
                    margin: 0;
                }
                margin-left: auto;
                justify-content: center;
            }
            .wartosc{
                .Cena{
                    .CenaAktualna{
                        color: #000000;
                        font-size: 28px;
                        font-weight: 600;
                    }
                    height: 52px;
                    display: flex;
                    align-items: center;
                }
                margin-left: 10px;
                justify-content: center;
                min-width: 130px;
                align-items: flex-end;
            }
            .podsumowanieWaga{
                .InformacjaWaga{
                    b{
                        font-weight: 600;
                    }
                    color: #000000;
                    font-size: 14px;
                    font-weight: 600;
                }
                justify-content: center;
            }
            .SumaTekst{
                margin-left: auto;
                color: #000000;
                font-size: 18px;
                font-weight: 700;
                justify-content: center;
            }
            .Suma{
                .Cena{
                    .CenaAktualna{
                        color: #EA0003;
                        font-size: 28px;
                        font-weight: 600;
                    }
                }
                margin-left: 20px;
                justify-content: center;
                line-height: initial;
            }
            display: flex;
            width: 100%;
            justify-content: flex-start;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #E2E3E3;
        }
        display: flex;
        border-radius: 8px;
        background-color: #F5F5F5;
        padding: 25px;
    }
    .PrzyciskiKoszyka{
        .przyciskKoszyk{
            &:hover{
                &::after{
                    filter: invert(1);
                }
                background-color: #EA0003;
                color: #fff;
            }
            &::after{
                content: '';
                display: block;
                width: 16px;
                min-width: 16px;
                height: 16px;
                background-image: url('../../../szablony/dobrehaki.rwd.v2/obrazki/szablon/koszyk_kosz.svg');
                background-size: 16px;
                background-position: center;
                background-repeat: no-repeat;
                margin-left: 10px;
            }
            &.przyciskKoszykZapisz{
                &::after{
                    display: none;
                }
            }
            display: flex;
            align-items: center;
            color: #000000;
            font-size: 14px;
            font-weight: 600;
            background-color: #F5F5F5;
            padding: 9px 20px;
            border-radius: 8px;
            background-position: center right;
            margin-right: 10px;
            background-image: none;
            transition: 0s;
        }
        .LinkPobraniaKoszykaPDF{
            a{
                &:hover{
                    &::after{
                        filter: invert(1);
                    }
                    background-color: #EA0003;
                    color: #fff;
                }
                &::after{
                    content: '';
                    display: block;
                    width: 16px;
                    min-width: 16px;
                    height: 16px;
                    background-image: url('../../../szablony/dobrehaki.rwd.v2/obrazki/szablon/koszyk_pdf.svg');
                    background-size: 16px;
                    background-position: center;
                    background-repeat: no-repeat;
                    margin-left: 10px;
                }
                display: flex;
                align-items: center;
                color: #000000;
                font-size: 14px;
                font-weight: 600;
                background-color: #F5F5F5;
                padding: 9px 20px;
                border-radius: 8px;
                background-image: none;
                transition: 0s;
            }
        }
    }
    #BezplatnaDostawa{
        border-radius: 8px;
    }
    .kontanerKoszykDostawaPlatnoscPodsumowanie{
        .left{
            width: 50%;
        }
        .right{
            width: 50%;
        }
        .KontenerDostawaPlatnosc{
            .KontenerKupon{
                .KontenerKuponAktywacja{
                    .openFormularzKupon{
                        &.open{
                            &::after{
                                transform: rotate(180deg);
                            }
                        }
                        &:hover{
                            color: #ea0003;
                        }
                        &::after{
                            content: '';
                            display: block;
                            width: 16px;
                            min-width: 16px;
                            height: 16px;
                            background-image: url('../../../szablony/dobrehaki.rwd.v2/obrazki/szablon/koszyk_caret.svg');
                            background-size: 24px;
                            background-position: center;
                            background-repeat: no-repeat;
                            margin-left: 10px;
                            transition: 0.3s;
                            -webkit-transition: 0.3s;
                        }
                        background-color: transparent;
                        border: none;
                        color: #000;
                        font-size: 24px;
                        font-weight: 700;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: 0;
                        width: 100%;
                        cursor: pointer;
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                        font-family: Montserrat;
                    }
                    .FormularzKupon{
                        p{
                            color: #000000;
                            font-size: 16px;
                            font-weight: 400;
                            padding-top: 30px;
                            padding-bottom: 30px;
                        }
                        #KuponRabatowyForm{
                            label{
                                color: #000000;
                                font-size: 14px;
                                font-weight: 500;
                                padding-left: 15px;
                                margin-bottom: 5px;
                            }
                            .inputs{
                                #KuponKod{
                                    &::placeholder{
                                        color: #A7AAAA;
                                    }
                                    color: #000;
                                    border: 1px solid #A7AAAA;
                                    border-radius: 8px;
                                    font-weight: 500;
                                    font-size: 16px;
                                    padding: 15px;
                                    width: 100%;
                                    display: block;
                                    box-sizing: border-box;
                                    box-shadow: none;
                                    margin-right: 10px;
                                    height: 52px;
                                }
                                #submitButton{
                                    border: none;
                                    font-size: 16px;
                                    font-weight: 600;
                                    padding: 15px 20px;
                                    margin-right: 0;
                                }
                                display: flex;
                                align-items: center;
                                justify-content: flex-start;
                                width: 100%;
                                margin-right: 0;
                            }
                            width: 100%;
                            flex-direction: column;
                            align-items: flex-start;
                        }
                        .KontenerRaty{
                            h5{
                                display: none;
                            }
                            a{
                                padding: 0;
                            }
                            padding: 0;
                            padding-top: 20px;
                            border: none;
                            display: flex;
                        }
                        display: none;
                        margin-top: 0;
                        margin-bottom: 0;
                        margin-right: 0;
                    }
                }
                width: 100%;
                box-sizing: border-box;
                border: 1px solid #E2E3E3;
                border-radius: 8px;
                padding: 23px;
                margin-bottom: 40px;
                margin-top: 0;
            }
            .DostawaWybor{
                h3{
                    color: #000;
                    font-size: 24px;
                    font-weight: 700;
                    padding: 0;
                    line-height: initial;
                    margin-bottom: 20px;
                }
                .DostawaListaWyboru{
                    select{
                        color: #000;
                        border: 1px solid #A7AAAA;
                        border-radius: 8px;
                        font-weight: 500;
                        font-size: 16px;
                        padding: 15px;
                        width: 100%;
                        display: block;
                        box-sizing: border-box;
                        box-shadow: none;
                    }
                    padding-top: 0;
                    padding-bottom: 0;
                    padding-right: 0;
                }
                .ListaWyboru{
                    padding-bottom: 0;
                    padding-right: 0;
                }
                #rodzaj_wysylki{
                    .ListaRadio{
                        label{
                            .radio{
                                &::after{
                                    background-color: transparent;
                                    transform: none;
                                    border: none;
                                    width: 8px;
                                    height: 8px;
                                    border-radius: 50%;
                                    position: relative;
                                    top: auto;
                                    left: auto;
                                }
                                border-radius: 50%;
                                box-shadow: none;
                                border: 1px solid #A7AAAA;
                                box-sizing: border-box;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            input:checked ~ .radio{
                                &::after{
                                    background-color: #ea0003;
                                }
                                border-color: #ea0003;
                                background-color: transparent;
                            }
                            .RodzajNazwa{
                                color: #000;
                                font-size: 16px;
                                font-weight: 600;
                            }
                            .InfoTip{
                                width: 10px;
                                height: 10px;
                                background-size: 10px;
                                padding: 2px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background-position: center top;
                                margin-left: 5px;
                            }
                            padding-left: 30px;
                        }
                        width: 100%;
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }
                    .ListaCena{
                        display: none;
                    } 
                }
                width: 100%;
                box-sizing: border-box;
                margin-right: 0;
                padding: 23px;
                padding-bottom: 0;
                border-radius: 8px;
                margin-bottom: 40px;
            }
            .PlatnoscWybor{
                h3{
                    color: #000;
                    font-size: 24px;
                    font-weight: 700;
                    padding: 0;
                    line-height: initial;
                    margin-bottom: 20px;
                }
                .PlatnoscListaWyboru{
                    padding-top: 0;
                    padding-bottom: 0;
                }
                #rodzaj_platnosci{
                    .ListaRadio{
                        label{
                            .radio{
                                &::after{
                                    background-color: transparent;
                                    transform: none;
                                    border: none;
                                    width: 8px;
                                    height: 8px;
                                    border-radius: 50%;
                                    position: relative;
                                    top: auto;
                                    left: auto;
                                }
                                border-radius: 50%;
                                box-shadow: none;
                                border: 1px solid #A7AAAA;
                                box-sizing: border-box;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            input:checked ~ .radio{
                                &::after{
                                    background-color: #ea0003;
                                }
                                border-color: #ea0003;
                                background-color: transparent;
                            }
                            .RodzajNazwa{
                                color: #000;
                                font-size: 16px;
                                font-weight: 600;
                            }
                            .InfoTip{
                                width: 10px;
                                height: 10px;
                                background-size: 10px;
                                padding: 2px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background-position: center top;
                                margin-left: 5px;
                            }
                            padding-left: 30px;
                        }
                        width: 100%;
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }
                    .ListaCena{
                        display: none;
                    }
                }
                width: 100%;
                margin-left: 0;
                box-sizing: border-box;
                padding: 23px;
                padding-bottom: 0;
                border-radius: 8px;
                margin-bottom: 0px;
            }
            display: flex;
            flex-direction: column;
            margin-top: 0;
        }
        .KontenerKoszykPodsumowanie{
            h3{
                color: #000;
                font-size: 24px;
                font-weight: 700;
                padding: 0;
                line-height: initial;
                margin-top: 0;
                margin-bottom: 20px;
            }
            .ListaWyboru{
                padding-top: 0;
                padding-bottom: 0;
            }
            #podsumowanie_zamowienia{
                .ListaTblPodsumowania{
                    &:last-child{
                        font-weight: 700;
                        font-size: 18px;
                    }
                    .ListaPodsumowaniaCena{
                        font-weight: 600;
                        font-size: 18px;
                    }
                    .ListaPodsumowaniaSumaCena{
                        font-size: 44px !important;
                        font-weight: 600;
                        color: #EA0003;
                        line-height: initial;
                    }
                    color: #000000;
                    font-weight: 400;
                    font-size: 16px;
                    display: flex;
                    align-items: center;
                }
            }
            width: 100%;
            float: none;
            padding: 23px;
            padding-bottom: 0;
            border-radius: 8px;
            background-color: #F5F5F5;
            margin-bottom: 20px;
            box-sizing: border-box;
            margin-top: 0;
        }
        .KontenerKoszykPozostale{
            .KontenerKoszykButton{
                #przycisk_zamow{
                    .przycisk{
                        width: 100%;
                        border: none;
                        font-size: 16px;
                        font-weight: 600;
                        padding: 15px;
                        margin-right: 0;
                    }
                    width: 100%;
                }
                width: 100%;
                padding: 0;
            }
            border: none;
        }
        display: flex;
        align-items: flex-start;
        gap: 40px;
        margin-top: 80px;
    }
    .specialModule{
        .StrNaglowek{
            color: #000000;
            font-size: 40px;
            font-weight: 700;
            line-height: initial;
            margin-bottom: 0;
        }
        .przycisk{
            &:hover{
                background-color: #bb0002;
            }
            border: none;
            background-color: #ea0003;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            padding: 15px 50px;
        }
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .ModulId-56{
        .Strona{
            width: 100%;
        }
        .ProduktOkno{
            border: 1px solid var(--kolor-linia);
            border-radius: 8px;
            overflow: hidden;
        }
        .ElementOknoRamka{
            .IkonkiProduktu{
                .Ikona{
                    &.IkonaPromocja{
                        b{
                            color: #EA0003;
                            background-color: #FFEAEA;
                        }
                    }
                    &.IkonaWyprzedaz{
                        b {
                            color: #fff;
                            background-color: #000;
                        }
                    }
                    &.IkonaHit{
                        b{
                            background-color: #EA0003;
                            color: #fff;
                        }
                    }
                    b{
                        border-radius: 8px;
                        font-size: 12px;
                        font-weight: 600;
                        padding: 1px 14px;
                        letter-spacing: 0;
                    }
                }
                top: 8px;
            }
            .RabatProcentowy{
                position: absolute;
                top: 8px;
                right: 8px;
                background-color: #EA0003;
                border-radius: 8px;
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                padding: 1px 14px;
            }
            .ZakupKontener{
                margin-top: 0;
            }
            .IkonkiProduktu{
                top: 8px;
                left: 8px;
            }
            .Zobacz{
                display: none;
            }
            .ListaOpisowa{
                display: none;
            }
            .ProdCena{
                h3{
                    a{
                        margin-bottom: 0;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                    text-align: left;
                    padding-right: 15px;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 1.5;
                    margin-top: 0;
                    min-height: 54px;
                    padding: 0;
                    padding-right: 10px;
                }
                .ProducentFoto{
                    img{
                        max-height: 54px;
                        min-height: 54px;
                        max-width: 60px !important;
                        min-width: 60px !important;
                        object-fit: contain;
                    }
                    min-width: 60px;
                    max-height: 54px;
                }
                .ProducentNazwa{
                    display: none;
                    min-width: 60px;
                }
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
                padding: 0 15px;
            }
            .ZakupKontener{
                .Zakup{
                    .InputIlosc{
                        display: none;
                    }
                    em{
                        display: none;
                    }
                    .ZapytanieProduktListing{
                        &:hover{
                            border-radius: var(--zaokraglenie-5-px);
                            border: 1px solid var(--RED, #EA0003);
                            background: var(--RED, #EA0003);
                        }
                        display: inline-flex;
                        padding: 10px 20px;
                        justify-content: center;
                        align-items: center;
                        border-radius: var(--zaokraglenie-5-px);
                        border: 1px solid var(--kolor-glowny-czcionki);
                        background: var(--kolor-glowny-czcionki);
                        transition: all 0.30s ease-in-out;
                        color: var(--kolor-bialy);
                        font-size: 14px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 135%;
                        letter-spacing: -0.14px;
                        cursor: pointer;
                        overflow: hidden;
                    }

                    align-items: flex-start;
                    padding-top: 0;
                }
                .DoKoszyka{
                    &:hover{
                        background-color: #EA0003;
                    }
                    white-space: nowrap;
                    padding: 10px;
                }
                .CenaPromocyjna{
                    display: flex;
                    flex-direction: column-reverse;
                }
                .CenaPoprzednia{
                    color: #505454;
                    font-size: 16px;
                    font-weight: 500;
                    text-align: left;
                    margin-top: 5px;
                }
                .CenaAktualna{
                    color: #EA0003;
                    font-size: 28px;
                    font-weight: 600;
                    text-align: left;
                }
                .InfoCena30dni{
                    display: none;
                }
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 15px;
                margin-top: 15px;
                position: relative;
                padding-bottom: 10px;
                line-height: 1;
            }
            .ProduktCena30dni{
                .CenaPoprzednia{
                    display: none;
                }
                .CenaAktualna{
                    display: none;
                }
                .InfoCena30dni{
                    line-height: 1.3;
                    text-align: left;
                    padding: 0 15px;
                }
            }
            box-sizing: border-box;
            padding-bottom: 10px;
            height: 100%;
            display: flex;
            flex-direction: column;
            padding: 0;
            padding-bottom: 15px;
        }
        margin-bottom: 80px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px){
    #SzczegolyKoszyka{
        .Koszyk{
            tr{
                .tytul{
                    h3{
                        a{
                            font-size: 22px;
                        }
                    }
                }
            }
        }
        .kontanerKoszykDostawaPlatnoscPodsumowanie{
            .KontenerDostawaPlatnosc{
                .KontenerKupon{
                    .KontenerKuponAktywacja{
                        .openFormularzKupon{
                            font-size: 22px;
                        }
                        .FormularzKupon{
                            p{
                                padding-top: 20px;
                                padding-bottom: 20px;
                            }
                        }
                    }
                }
                .DostawaWybor{
                    h3{
                        font-size: 22px;
                    }
                }
                .PlatnoscWybor{
                    h3{
                        font-size: 22px;
                    }
                }
            }
            .KontenerKoszykPodsumowanie{
                h3{
                    font-size: 22px;
                }
                #podsumowanie_zamowienia{
                    .ListaTblPodsumowania{
                        .ListaPodsumowaniaSumaCena{
                            font-size: 36px !important;
                        }
                    }
                }
            }
            margin-top: 60px;
        }
        .specialModule{
            .StrNaglowek{
                font-size: 36px;
            }
        }
        .ModulId-56{
            .ProduktOkno{
                width: calc((100% / 3) - (((3 - 1) / 3) * var(--okna-odstep)));
            }
        }
    }
}

@media (min-width: 800px) and (max-width: 1023px){
    #SzczegolyKoszyka{
        .Koszyk{
            tr{
                .photo{
                    .Zoom{
                        width: 80px;
                        height: 80px;
                        min-width: 80px;
                    }
                }
                .tytul{
                    h3{
                        a{
                            font-size: 18px;
                        }
                        .Cecha{
                            font-size: 15px;
                        }
                    }
                }
                .ilosc{
                    .PoleIlosc{
                        .minus, .plus{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                        .InputPrzeliczKoszyk{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
                .wartosc{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                        height: 40px;
                    }
                    min-width: 100px;
                }
                .SumaTekst{
                    font-size: 16px;
                }
                .Suma{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                    }
                }
            }
            padding: 20px;
        }
        .kontanerKoszykDostawaPlatnoscPodsumowanie{
            .KontenerDostawaPlatnosc{
                .KontenerKupon{
                    .KontenerKuponAktywacja{
                        .openFormularzKupon{
                            font-size: 18px;
                        }
                        .FormularzKupon{
                            p{
                                padding-top: 20px;
                                padding-bottom: 20px;
                                font-size: 15px;
                            }
                            #KuponRabatowyForm{
                                .inputs{
                                    #KuponKod{
                                        font-size: 15px;
                                        padding: 10px;
                                        height: 50px;
                                    }
                                    #submitButton{
                                        padding: 14px 15px;
                                        font-size: 15px;
                                    }
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
                .DostawaWybor{
                    h3{
                        font-size: 18px;
                    }
                    #rodzaj_wysylki{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 15px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
                .PlatnoscWybor{
                    h3{
                        font-size: 18px;
                        margin-bottom: 10px;
                    }
                    #rodzaj_platnosci{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 15px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
            }
            .KontenerKoszykPodsumowanie{
                h3{
                    font-size: 18px;
                }
                #podsumowanie_zamowienia{
                    .ListaTblPodsumowania{
                        .ListaPodsumowaniaSumaCena{
                            font-size: 26px !important;
                        }
                    }
                }
                .KontenerKoszykPozostale{
                    .KontenerKoszykButton{
                        margin-top: 20px;
                        margin-bottom: 0;
                    }
                }
            }
            margin-top: 40px;
        }
        .specialModule{
            .StrNaglowek{
                font-size: 30px;
            }
        }
    }
}

@media (min-width: 480px) and (max-width: 799px){
    #SzczegolyKoszyka{
        .Koszyk{
            tr{
                &:last-child{
                    padding-top: 0;
                }
                .photo{
                    display: none;
                    margin: 0;
                }
                .tytul{
                    h3{
                        a{
                            font-size: 18px;
                        }
                        .Cecha{
                            font-size: 15px;
                        }
                    }
                    .UsunKoszyk{
                        margin-top: 5px;
                    }
                    width: 100%;
                    margin-right: 0;
                }
                .ilosc{
                    .PoleIlosc{
                        .minus, .plus{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                        .InputPrzeliczKoszyk{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                }
                .wartosc{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                        height: 40px;
                    }
                    min-width: 100px;
                }
                .podsumowanieWaga{
                    .InformacjaWaga{
                        text-align: right;
                    }
                    width: 100%;
                    margin-bottom: 10px;
                }
                .SumaTekst{
                    font-size: 16px;
                }
                .Suma{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                    }
                }
                flex-wrap: wrap;
            }
            padding: 15px;
        }
        .PrzyciskiKoszyka{
            .przyciskKoszyk{
                margin-bottom: 10px;
                margin-right: 0;
            }
            .LinkPobraniaKoszykaPDF{
                a{
                    margin-right: 0;
                }
            }
            justify-content: center;
            flex-direction: column;
        }
        .kontanerKoszykDostawaPlatnoscPodsumowanie{
            .left{
                width: 100%;
            }
            .right{
                width: 100%;
            }
            .KontenerDostawaPlatnosc{
                .KontenerKupon{
                    .KontenerKuponAktywacja{
                        .openFormularzKupon{
                            font-size: 18px;
                        }
                        .FormularzKupon{
                            p{
                                padding-top: 20px;
                                padding-bottom: 20px;
                                font-size: 15px;
                            }
                            #KuponRabatowyForm{
                                .inputs{
                                    #KuponKod{
                                        font-size: 15px;
                                        padding: 10px;
                                        height: 50px;
                                    }
                                    #submitButton{
                                        padding: 14px 15px;
                                        font-size: 15px;
                                    }
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
                .DostawaWybor{
                    h3{
                        font-size: 18px;
                    }
                    #rodzaj_wysylki{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 15px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
                .PlatnoscWybor{
                    h3{
                        font-size: 18px;
                        margin-bottom: 10px;
                    }
                    #rodzaj_platnosci{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 15px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                }
            }
            .KontenerKoszykPodsumowanie{
                h3{
                    font-size: 18px;
                }
                #podsumowanie_zamowienia{
                    .ListaTblPodsumowania{
                        .ListaPodsumowaniaSumaCena{
                            font-size: 26px !important;
                        }
                    }
                }
                .KontenerKoszykPozostale{
                    .KontenerKoszykButton{
                        margin-top: 20px;
                        margin-bottom: 0;
                    }
                }
                padding: 15px;
            }
            margin-top: 40px;
            flex-direction: column;
        }
        .specialModule{
            .StrNaglowek{
                font-size: 24px;
            }
            .przycisk{
                padding: 11px 13px;
            }
        }
        .ModulId-56{
            .ElementOknoRamka{
                .ProdCena{
                    h3{
                        font-size: 16px;
                        -webkit-line-clamp: 3;
                        min-height: auto;
                        margin-bottom: 10px;
                    }
                    flex-direction: column;
                }
                .ZakupKontener{
                    .CenaAktualna{
                        font-size: 24px;
                    }
                    .DoKoszyka{
                        font-size: 0;
                        background: url(../../../szablony/dobrehaki.rwd.v2/obrazki/szablon/do_koszyka_mobile.svg) no-repeat center center;
                        background-color: black;
                        background-size: 16px;
                        width: 40px;
                        min-width: 40px;
                        height: 40px;
                        padding: 0;
                    }
                }
            }
        }
    }
}

@media (max-width: 479px){
    #SzczegolyKoszyka{
        .Koszyk{
            tr{
                &:last-child{
                    padding-top: 0;
                }
                .photo{
                    display: none;
                    margin: 0;
                }
                .tytul{
                    h3{
                        a{
                            font-size: 16px;
                        }
                        .Cecha{
                            font-size: 14px;
                        }
                    }
                    .UsunKoszyk{
                        margin-top: 5px;
                    }
                    width: 100%;
                    margin-right: 0;
                    margin-bottom: 15px;
                }
                .ilosc{
                    .PoleIlosc{
                        .minus, .plus{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                        .InputPrzeliczKoszyk{
                            min-width: 40px;
                            width: 40px;
                            height: 40px;
                        }
                    }
                    margin-left: 0;
                }
                .wartosc{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                        height: 40px;
                    }
                    min-width: 100px;
                    margin-left: auto;
                }
                .podsumowanieWaga{
                    .InformacjaWaga{
                        font-size: 13px;
                    }
                    width: 100%;
                    margin-bottom: 10px;
                }
                .SumaTekst{
                    font-size: 15px;
                    margin-left: 0;
                }
                .Suma{
                    .Cena{
                        .CenaAktualna{
                            font-size: 22px;
                        }
                    }
                    margin-left: auto;
                }
                flex-wrap: wrap;
            }
            padding: 15px;
        }
        .PrzyciskiKoszyka{
            .przyciskKoszyk{
                margin-bottom: 10px;
                font-size: 13px;
                margin-right: 0;
            }
            .LinkPobraniaKoszykaPDF{
                a{
                    font-size: 13px;
                    margin-right: 0;
                }
            }
            justify-content: center;
            flex-direction: column;
        }
        .kontanerKoszykDostawaPlatnoscPodsumowanie{
            .left{
                width: 100%;
            }
            .right{
                width: 100%;
            }
            .KontenerDostawaPlatnosc{
                .KontenerKupon{
                    .KontenerKuponAktywacja{
                        .openFormularzKupon{
                            font-size: 17px;
                        }
                        .FormularzKupon{
                            p{
                                padding-top: 20px;
                                padding-bottom: 20px;
                                font-size: 15px;
                            }
                            #KuponRabatowyForm{
                                .inputs{
                                    #KuponKod{
                                        font-size: 15px;
                                        padding: 10px;
                                        height: 50px;
                                    }
                                    #submitButton{
                                        padding: 14px 15px;
                                        font-size: 15px;
                                    }
                                }
                            }
                        }
                    }
                    padding: 15px;
                    margin-bottom: 20px;
                }
                .DostawaWybor{
                    h3{
                        font-size: 17px;
                    }
                    #rodzaj_wysylki{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 14px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                    margin-bottom: 20px;
                }
                .PlatnoscWybor{
                    h3{
                        font-size: 17px;
                        margin-bottom: 10px;
                    }
                    #rodzaj_platnosci{
                        .ListaRadio{
                            label{
                                .RodzajNazwa{
                                    font-size: 14px;
                                }
                                .InfoTip{
                                    display: none;
                                }
                            }
                        }
                    }
                    padding: 15px;
                    margin-bottom: 20px;
                }
            }
            .KontenerKoszykPodsumowanie{
                h3{
                    font-size: 17px;
                }
                #podsumowanie_zamowienia{
                    .ListaTblPodsumowania{
                        &:last-child{
                            font-size: 16px;
                        }
                        .ListaPodsumowaniaSumaCena{
                            font-size: 22px !important;
                        }
                    }
                }
                .KontenerKoszykPozostale{
                    .KontenerKoszykButton{
                        margin-top: 20px;
                        margin-bottom: 0;
                    }
                }
                padding: 15px;
            }
            margin-top: 30px;
            flex-direction: column;
            gap: 0;
        }
        .specialModule{
            .StrNaglowek{
                font-size: 20px;
            }
            .przycisk{
                padding: 11px 13px;
                margin-top: 20px;
            }
            flex-direction: column;
            justify-content: center;
        }
    }
}

@media (min-width: 768px) and (max-width: 992px){
    #SzczegolyKoszyka {
        #ZapisKoszyka{
            .Informacja{
                input{
                    width: 330px !important;
                }
            }
        }
    }
}

@media (max-width: 767.5px){
    #SzczegolyKoszyka {
        #ZapisKoszyka{
            .Informacja{
                input{
                    width: auto !important;
                }
            }
        }
    }
}