.wrapper__inner {
    display        : flex;
    flex-direction : column;
    padding-bottom : 20px;

}

.left-column__wrapper {
    margin-bottom  : 20px;

    position       : fixed;
    left           : 0;
    top            : 0;
    bottom         : 0;
    height         : 100%;
    z-index        : 100;
    background     : white;

    opacity        : 0;
    pointer-events : none;
    transition     : all .3s;
}

.left-column__wrapper--is-show {
    opacity        : 1;
    pointer-events : all;
}

/*#left-column {*/
/*position : -webkit-sticky;*/
/*position : sticky;*/
/*top      : 0;*/
/*}*/
#left-column {
    overflow : auto;
}

/*
--------------------------------------
Style fliter
--------------------------------------
*/
.af_filter {
    padding : 30px 0;
}

.af_subtitle {
    /*font-family : var(--typo-secondary);*/
    font-size   : var(--font-size-700);
    font-weight : 500;
    padding     : 0;
    color: #333333;
}

.af_subtitle:before {
    content : none;
}

.af_filter {
    border-top    : 2px solid #fbfbfb;
    border-bottom : none;
}

#amazzing_filter .block_content {
    display        : flex;
    flex-direction : column;
}

.filter-title {
    font-family : var(--typo-secondary);
    font-size   : var(--font-size-900);
    font-weight : 500;
    color       : #231F20;

    display     : inline-block;
}

.close-filter {
    font-family : var(--typo-primary);
}

#amazzing_filter .block_content .btn-holder {
    /*order      : -1;*/
    /*align-self : flex-start;*/

    display     : flex;
    align-items : center;

    padding-top : 48px;
    border-top  : 2px solid #fbfbfb;
}

#amazzing_filter .block_content .btn-holder .btn {
    width      : auto;
    margin-top : 0;
}

#amazzing_filter .block_content .btn-holder .clearAll {
    margin-left : 20px;
}

#amazzing_filter .btn-holder .clearAll a {
    display   : inline-block;
    position  : relative;
    color     : #7B7C7E;
    font-size : var(--font-size-200);
}

#amazzing_filter .btn-holder .clearAll a:after {
    content    : '';
    position   : absolute;
    top        : 100%;
    left       : 0;
    right      : 0;
    height     : 1px;
    width      : 100%;
    background : currentColor;
}

#amazzing_filter .block_content .btn-holder .af-total-count {
    margin-left : auto;
}

.af_filter .count:before, .af-total-count:before,
.af_filter .count:after, .af-total-count:after {
    content : none;
}

.af_filter .af_filter_content {
    margin-top : 9px;
}

.af_filter.type-1 .af_filter_content,
.af_filter.type-2 .af_filter_content {
    max-height : none;
    overflow-y : visible;
}

.af_filter .af_filter_content ul li {
    font-size : var(--font-size-200);
    display   : inline-block;
    padding   : 0.6em 1.07em;
    border    : 1px solid #EBEBEC;
    margin    : 1.36em 1.36em 0 0;
}

.af_filter_content ul li.active {
    background : var(--primary-color);
}

.af_filter_content ul li.no-matches {
    /*display: none;*/
    background     : #e8e8e8;
    pointer-events : none;
}

.af_filter_content ul li.no-matches.active {
    display : inline-block;
}

.af_filter li.color_attribute.active {
    border : 1px solid #EBEBEC;
}

.af_filter_content label {
    margin      : 0;
    font-size   : 1em;
    color       : #231F20;

    display     : flex;
    align-items : center;
}

.af_filter_content .item-icon {
    padding : 0 8px;
}

.af_filter_content .checkbox-placeholder {
    display          : inline-block;
    background-color : #fff;
    border           : 1px solid #f9b4a4;
    border-radius    : 50%;
    cursor           : pointer;
    width            : 1em;
    height           : 1em;
    left             : 0;
    position         : relative;
    top              : 0;
}

.af_filter_content input[type="checkbox"] {
    visibility : hidden;
    position   : absolute;
}

/*.af_filter_content li:not(.color_attribute) input[type="checkbox"]:checked + .checkbox-placeholder {*/
/*    background-color : #66bb6a;*/
/*    border-color     : #66bb6a;*/
/*}*/

.af_filter_content li.color_attribute input[type="checkbox"]:checked + .checkbox-placeholder {
    border-color : transparent;
}

/*.af_filter_content li:not(.color_attribute) .checkbox-placeholder:after {*/
/*    border       : 2px solid #fff;*/
/*    border-top   : none;*/
/*    border-right : none;*/
/*    content      : "";*/
/*    height       : .2em;*/
/*    left         : .25em;*/
/*    opacity      : 0;*/
/*    position     : absolute;*/
/*    top          : 0.25em;*/
/*    transform    : rotate(-45deg);*/
/*    width        : 0.43em;*/
/*}*/

/*.af_filter_content li:not(.color_attribute) input[type="checkbox"]:checked + .checkbox-placeholder:after {*/
/*    opacity : 1;*/
/*}*/

.af_filter li.color_attribute.active label,
.af_filter li.color_attribute label {
    width  : auto;
    height : auto;
}

.af_filter .af_filter_content li.color_attribute label * {
    display : initial;
}

/*
--------------------------------------
Selected filter
--------------------------------------
*/

.products-selection {
    /*padding     : 1.25rem 0;*/
    display     : flex;
    align-items : center;
}

.products-selection .total-products p {
    margin : 0;
}

.products-selection .title {
    color : #7a7a7a
}

.clearFilters button {
    position   : relative;
    border     : none;
    box-shadow : none;
    background : transparent;
}

.clearFilters button:after {
    content    : '';
    height     : 1px;
    background : currentColor;
    position   : absolute;
    top        : 100%;
    left       : 6px;
    right      : 6px;
}

/*
--------------------------------------
Selected filter
--------------------------------------
*/
.selectedFilters > div {
    background : transparent;
    padding    : 0;
}

.selectedFilters .cf__group {
    display       : inline-block;
    background    : #FDE3DC;
    padding       : 16px 12px;
    margin-bottom : 15px;
}

.selectedFilters .cf__group + .cf__group {
    margin-left : 20px;
}

.selectedFilters .cf__group > *:not(.cf__group__content) {
    display : none;
}

.selectedFilters .cf__group__content {
    display   : flex;
    flex-wrap : wrap;
}

.selectedFilters .cf a {
    float        : none;
    margin-right : 16px;
}

#content-wrapper {
    padding-right : 20px;
    flex          : 1 0 0;
}

#js-product-list-header {
    padding-bottom : 15px;
}

.products {
    display               : grid;
    grid-template-columns : 1fr;
    grid-gap              : 20px;
    justify-content       : space-between;
}

.products .product-miniature {
    padding : 0;
    width   : 100%;
}

.product-miniature .product-thumbnail.--lazyload {
    padding-bottom : 56.25%;
}

/*
--------------------------------------
Style général des barres de chargement de produits
--------------------------------------
*/
#products .dynamic-product-count {
    margin-top : calc(40px + (65 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.dynamic-product-count .products-loading-status {
    margin-top : 15px;
}

.products-loading-status {
    position   : relative;
    background : #707070;
    width      : 100%;
    max-width  : 200px;
    height     : 2px;
    margin     : 0 auto;
}

.products-loading-status__loaded-bar {
    position   : absolute;
    left       : 0;
    top        : 0;
    bottom     : 0;
    height     : 100%;
    background : var(--primary-color);
}

/*
--------------------------------------
Style général des back to top
--------------------------------------
*/

.product-list__back-to-top {
    text-align : center;
    margin     : 1em 0 0;
}

.product-list__back-to-top .btn {
    border          : 1px solid var(--primary-color);
    color           : var(--primary-color);
    line-height     : 1;
    display         : inline-flex;
    align-items     : center;
    justify-content : center;
}

/*
--------------------------------------
Style page not found
--------------------------------------
*/
#products .page-not-found {
    display        : flex;
    flex-direction : column;
    align-items    : center;
}

.products-sort-order .select-list:hover {
    background : var(--primary-color)
}

.bwa-button-to-top{
    background: #f9b4a4;
    padding: 15px 0;
    transition: 0.4s ease;
}

.bwa-button-to-top:hover{
    background: #e49f8f;
}