.bp-main-block{
    display:flex;
    width:100%;
    gap:20px;
    align-items:flex-start;
}

/* ліва колонка: слайдер */
.bp-main-left{
    flex:0 0 70%;
}

/* права колонка: категорії */
.bp-main-right{
    flex:0 0 30%;
}

/* mobile */
@media(max-width:768px){
    .bp-main-block{
        flex-direction:column;
    }
    .bp-main-left,
    .bp-main-right{
        flex:0 0 100%;
    }
}