/* Start:/local/templates/datalan_v1/components/bitrix/news.list/compare_scroll/style.css?17250308181785*/
.compare-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    padding: 10px 0;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .15);
    display: none;
}

.compare-sticky_active {
    display: block;
}

.compare-sticky__products-container {
    overflow: auto;
}

.compare-sticky__products {
    display: flex;
}

.compare-sticky .compare-item {
    width: 160px;
    flex: 0 0 160px;
    position: relative;
}

@media (min-width: 768px) {

    .compare-sticky__products-container {
        margin-left: 200px; /* несмотря на то, что в стилях 210, фактически 200 */
    }
}

@media (min-width: 992px) {

    .compare-sticky .compare-item {
        width: 195px;
        flex: 0 0 195px;
    }
}

.compare-item_size_sm .compare-item__thumb {
    width: 75%;
    margin-bottom: 10px;
}

.compare-item_size_sm .compare-item__title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.compare-item_size_sm .remove-btn {
    position: absolute;
    top: 0;
    right: 20px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.compare-item_size_sm .sku {
    font-size: 10px;
}

@media (min-width: 992px) {

    .compare-item_size_sm .sku {
        font-size: 12px;
    }
}

.compare-body {
    position: relative;
    overflow: hidden;
    width: 100%;
/*    width: calc(100% - 210px);*/
}

.compare-body__inner {
    overflow-x: auto;
    position: relative;
}

.compare-scroll .sidebar.fixed {
    width: 210px !important;
}

@media (min-width: 768px) {

    .compare-body {
        position: relative;
        overflow: hidden;
        width: calc(100% - 210px);
    }
}
/* End */
/* /local/templates/datalan_v1/components/bitrix/news.list/compare_scroll/style.css?17250308181785 */