@media (min-width : 768px) and (max-width : 1023px) {
    .products {
        grid-template-columns : repeat(2, 1fr);
    }
}

@media (max-width : 1023px) {
    .products-selection {
        flex-wrap      : wrap;
        padding-bottom : 1.5rem;

        position       : relative;
        z-index        : 0;
    }

    .products-selection:before,
    .products-selection:after {
        content  : '';
        position : absolute;
        top      : 0;
        bottom   : 0;
        left     : calc(var(--margin-for-default-container) * -1);
        right    : calc(var(--margin-for-default-container) * -1);
        z-index  : -1;
    }

    .products-selection:before {
        filter     : blur(6px);
        background : black;
        opacity    : .06;
    }

    .products-selection:after {
        background : white;
    }

    .selectedFilters {
        padding : 1.13rem 0 2rem;
    }

    .products-selection .filter-display-trigger {
        flex          : 1 0 100%;
        margin-bottom : 20px;
        border-width  : 2px;
    }

    .products-selection .clearFilters {
        margin-left : auto;
        order       : 1;
    }

    .product-list-header,
    .products-selection .showing,
    .products-selection .sort-by-row {
        display : none;
    }

    .has-compact-filter #amazzing_filter {
        display        : flex;
        flex-direction : column;
    }

    .has-compact-filter.show-filter #amazzing_filter {
        transform : translateX(0);
        padding   : 0;
    }

    .has-compact-filter #amazzing_filter .block_content {
        flex : 1 0 0;
    }

    .has-compact-filter #amazzing_filter .btn-holder {
        position   : static;

        /*right      : 0;*/
        background : white;
    }

    #amazzing_filter .block_content {
        padding : 0;
    }

    .filter-title {
        position   : relative;
        text-align : center;
    }

    .filter-title .close-filter {
        position  : absolute;
        left      : var(--margin-for-default-container);
        top       : 50%;
        transform : translate3d(0, -50%, 0);
    }

    .close-filter {
        padding    : 0;
        border     : none;
        background : transparent;
    }

    #amazzing_filter .filter-title {
        position : relative;
        z-index  : 0;
        margin   : 0;
        padding  : 1.56rem var(--margin-for-default-container) 1.25rem;
    }

    #amazzing_filter .filter-title:before,
    #amazzing_filter .filter-title:after {
        content  : '';
        position : absolute;
        top      : 0;
        bottom   : 0;
        left     : 0;
        right    : 0;
        z-index  : -1;
    }

    #amazzing_filter .filter-title:before {
        filter     : blur(6px);
        background : black;
        opacity    : .06;
    }

    #amazzing_filter .filter-title:after {
        background : white;
    }

    #amazzing_filter .filter-sort-by {
        padding : 1.56rem var(--margin-for-default-container);
    }

    #amazzing_filter .filter-sort-by .af_filter_content {
        margin-top : 1.56rem;
    }

    #amazzing_filter .products-sort-order .select-title {
        width           : 100%;
        font-size       : var(--font-size-200);
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        padding         : 0.6em 1.07em;
        border          : 1px solid #EBEBEC;
    }

    #amazzing_filter #af_form,
    #amazzing_filter .block_content .btn-holder {
        width     : 100%;
        max-width : var(--default-container-max-width);
        margin    : 0 auto;
        padding   : 0;
    }

    #amazzing_filter .btn-holder {
        display               : grid;
        grid-template-columns : auto 1fr auto;
        grid-gap              : 1.44rem;
        align-items           : center;
    }

    #amazzing_filter .btn-holder .viewFilteredProducts {
        grid-column : 1/-1;
    }

    #amazzing_filter .btn-holder .af-total-count,
    #amazzing_filter .btn-holder .clearAll {
        grid-row : 2;
    }

    #amazzing_filter .btn-holder .af-total-count {
        grid-column : 1;
    }

    #amazzing_filter .btn-holder .clearAll {
        grid-column : 3;
    }
}

@media (min-width : 1024px) {
    .wrapper__inner {
        flex-direction : row;
    }

    #left-column {
        padding : calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

    .left-column__wrapper {
        width          : 25%;
        margin-right   : 20px;
        padding-bottom : 0;
    }

    .left-column__wrapper--panel {
        width      : 100%;
        height     : 100%;
        background : transparent;
    }

    .left-column__wrapper--panel:before {
        content    : '';
        display    : block;
        cursor     : pointer;
        position   : absolute;
        left       : 0;
        right      : 0;
        top        : 0;
        bottom     : 0;
        width      : 100%;
        height     : 100%;
        background : hsla(0, 0%, 0%, 0.4);
        z-index    : -1;
    }

    .left-column__wrapper--panel #left-column {
        width      : 33%;
        min-width  : 450px;
        height     : 100%;
        background : white;
    }

    .close-filter,
    #amazzing_filter .filter-sort-by {
        display : none;
    }

    .products-selection {
        padding-bottom : 1.56rem;
    }

    .products-selection .clearFilters {
        margin-left : 20px;
    }

    .products-selection .total-products {
        margin-left : auto;
    }
}

@media (min-width : 1024px) and (max-width : 1199px) {
    .products {
        grid-template-columns : repeat(auto-fill, minmax(270px, 1fr));
    }
}

@media (min-width : 1200px) {
    .grid-big .products {
        grid-template-columns : repeat(auto-fill, minmax(300px, 1fr));
    }

    .grid-little .products {
        grid-template-columns : repeat(auto-fill, minmax(400px, 1fr));
    }
}

/*WISHLIST Background image page header*/
#wishlist .page-header {
    background-position : center;
}

@media (max-width : 766px) {
    #wishlist .page-header {
        --background-path : url('/themes/bwaV2/assets/img/banner/wishlist/default-375x180.jpg');
    }
}

@media (min-width : 767px) and (max-width : 1499px) {
    #wishlist .page-header {
        --background-path : url('/themes/bwaV2/assets/img/banner/wishlist/default-767x368.jpg');
    }
}

@media (min-width : 1500px) {
    #wishlist .page-header {
        --background-path : url('/themes/bwaV2/assets/img/banner/wishlist/default-1920x340.jpg');
    }
}