.home-slider--desktop {
    display: none;
}

.home-slider--mobile {
    margin: -31px -20px 15px;
}

.home-slider__desktop-slide {
    display: flex;
    justify-content: space-between;
}

.home-slider__slide-part {
    padding-bottom: 33%;
    background-color: #f3f3f3;
    width: 33%;
    background-size: cover;
    background-position: center;
}

.home-slider__slide-link {
    display: block;
    width: 33%;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding-bottom: 33%;
}

.home-slider__slide-link .home-slider__slide-part {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Mobile specific styles - use same as desktop but with 100% width */
.home-slider--mobile .home-slider__slide-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.home-slider--mobile .home-slider__slide-part {
    width: 100%;
    height: 100%;
}

.home-slider .fotorama__dot {
    border-color: #bbb9ad;
}

@media (min-width: 600px) {
    .home-slider--mobile {
        margin: -30px 0 15px;
    }
}

@media (min-width: 768px) {
    .home-slider--desktop {
        display: block;
        margin-top: -25px;
        margin-bottom: 20px;
    }

    .home-slider--mobile {
        display: none;
    }
}