.categories-slider {
    padding: 80px 0 40px 0;
}

.categories-slider .containerr {
    position: relative;
}

.categories-sliderr {
    transition: 300ms;
}

/* Slajdy */
.categories-sliderr .slide {
    position: relative;
    margin: 0;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
}

/* Kontener na obrazek */
.categories-sliderr .slide > div:first-child {
    height: 420px;
    width: 420px;
    transition: 300ms;
}

/* Obrazki */
.categories-sliderr .slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 300ms;
}

@media only screen and (min-width: 997px) {
    .categories-sliderr .slide.is-selected + .slide > div:first-child{
        width: 585px;
        height: 585px;
    }
}

/* Link pod obrazkiem */
.categories-sliderr .slide a {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 8px;
    gap: 10px;
    transition: 300ms;
}

.categories-sliderr .slide a span {
    color: var(--KTI-GREY, #363844);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    transition: 300ms;
}

.categories-sliderr .slide a svg {
    width: 14px;
    height: 14px;
    transition: 300ms;
}

/* Hover efekt */
.categories-sliderr .slide a:hover span {
    color: #000;
}

.categories-sliderr .slide a:hover svg path {
    fill: #000;
}

/* Info panel */
.categories-slider p.info {
    display: flex;
    gap: 17px;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: 16px 36px;
    color: #D7D7D7;
    margin: 0;
    margin-top: 45px;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
}

.categories-slider p.info span {
    padding: 16px 36px;
    color: #D7D7D7;
    margin: 0;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
}

.categories-slider p.info a {
    transition: 300ms;
}

.categories-slider p.info a:hover {
    filter: invert(50%);
}

/* Responsywność */
@media only screen and (max-width: 996px) {
    .categories-slider {
        padding: 30px 0;
    }

    .categories-sliderr .slide {
        max-width: 300px;
    }

    .categories-sliderr .slide a {
        align-items: start;
    }

    .categories-sliderr .slide a svg {
        margin-top: 8px;
    }

    .categories-sliderr .slide a span {
        width: calc(300px - 14px);
    }

    .categories-sliderr .slide > div {
        height: 300px !important;
        width: 300px !important;
    }
    
    .categories-sliderr {
        height: auto;
    }
    
    .categories-slider h2,
    .categories-slider h2 * {
        font-size: 36px;
        letter-spacing: 0;
    }
    
    .categories-slider h2 {
        margin-bottom: 50px;
    }

    .categories-slider p.info span {
        padding: 0;
    }

    .categories-slider p.info {
        padding: 0 15px;
        justify-content: space-between;
    }

    .categories-slider p.info span {
        padding: 0;
        font-size: 14px;
        text-align: left;
    }

    .categories-slider p.info span img {
        width: 40px;
        height: 40px;
    }

    .categories-slider p.info span a + a {
        margin-left: 10px;
    }
}