/*.clients-table.clients-table--collection .clients-table--tbody-td:nth-child(1) {
    width: 115px;
}*/
.products__btn.products__btn-selected {
    background: #393939;

    color: #fff;
}
.catalog--title-item .products__title {
    margin-bottom: 0;
}
.catalog--title-item {
    display: flex
;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 24px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
}
.products__list.products__list--collection  {

    gap: 21px 18px
}
.catalog--title-item--links {
    display: flex
;
    gap: 13px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
}
.filters.filters-collection .form-group input[type="text"]::placeholder {
    color: #E6E6E6;

}
.filters.filters-collection .form-group input[type="text"] {
    border: 1px solid #6D6D6D;
    height: 37px;
    border-radius: 21px;
    width: 338px;
    background: url(/verstka/images/catalog/search-collection.svg) 6% 50% no-repeat;
    padding-left: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;

}
.filters.filters-collection .filters__btn {
    padding: 3px 33px 3px 0;}
.filters-collection--item {
    display: flex
;
    gap: 40px;
}
.clients-table.clients-table--collection .clients-table--tbody-td:first-child {
    border:0
}
.clients-table.clients-table--collection .clients-table--tbody-td .clients-table--tbody-td__border{
    border: 1px solid #E6E6E6;
    padding: 8px;
    display: flex
;
    height: 48px;
    justify-content: center;
    align-items: center;
}
.clients-table.clients-table--collection .clients-table--tbody {

    align-items: normal;
}
.clients-table.clients-table--collection .clients-table--tbody-td .add-basket{
    margin-left: 20px;cursor: pointer;
}
.clients-table.clients-table--collection .clients-table--tbody-td .add-basket,
.clients-table.clients-table--collection .clients-table--tbody-td .change__quantity-wrap {
    position: absolute;
    bottom: 0;
    left: 3px;
}
.clients-table--tbody-td {

    position: relative;
}
.add-basket {
    background: #393939;
    border-radius: 5px;
    width: 48.85px;
}
.clients-table.clients-table--collection .clients-table--tbody-td {


    font-weight: 500;
    font-size: 12px;
    line-height: 100%;

}
.clients-table.clients-table--collection .clients-table--thead-th {
    flex: none;
}
/*
.clients-table.clients-table--collection .clients-table--tbody,
.clients-table.clients-table--collection .clients-table--thead {
    width: 1701px;
}*/
.clients-table.clients-table--collection .clients-table--tbody-td,
.clients-table.clients-table--collection .clients-table--thead-th {
    width: 120px;
}
.clients-table.clients-table--collection {
    overflow: auto;
    margin-top: 5px;
    height: 850px;
}
.filters.filters-collection .filters__sorting-wrap .sorting__btn,
.filters.filters-collection .filters__btn {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
}
.filters.filters-collection .filters__wrap {
    display: flex
;
    grid-template-columns: auto auto 1fr auto;
    column-gap: 0;
    color: var(--black);
    justify-content: space-between;
}
.filters.filters-collection {
    padding-top: 0;    padding-bottom: 18px;
}
.collection-search  {

}
.products.products--collection {
    padding-bottom: 23px;
}
.clients-table.clients-table--collection .clients-table--tbody:nth-child(2n+1) .clients-table--tbody-td .clients-table--tbody-td__border{
    border: 1px solid #ffffff;
}
.clients-table.clients-table--collection .clients-table--tbody:nth-child(2n+1) {
    background: #E6E6E6;

}
.clients-table.clients-table--collection .clients-table--tbody-td .change__quantity-wrap {

    background: #fff;
}
.clients-table.clients-table--collection .clients-table--tbody-td:nth-child(1){
    text-align: left;
}
/*
.clients-table.clients-table--collection .clients-table--tbody-td:nth-child(1),
.clients-table.clients-table--collection .clients-table--thead-th:nth-child(1) {
    width: 115px;
}*/
.clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody-td--item span{
    display: flex;
}
.clients-table.clients-table--collection .clients-table--tbody-td:nth-child(2) .clients-table--tbody-td__border {
    flex-direction: column;
}
.clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody-td .add-basket {
    position: relative;
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    padding: 0;
}
.clients-table-list--collection .clients-table--tbody {
    padding: 0;
}
.clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody-td:nth-child(1) {
    text-align: center;
}
.change__quantity-wrap--table input.change__quantity {
    border: 1px solid #E6E6E6;
    border-radius: 5px;text-align: center;
    background: none
}
.change__quantity-wrap--table {
    display: flex
;
    align-items: center;
    gap: 5px;
}
.change__quantity-wrap--table span {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;

}
.change__quantity-wrap--table input.change__quantity:active,
.change__quantity-wrap--table input.change__quantity:focus {
    outline: none;
    box-shadow: 0 0 0 1px #FFBA00;
}
.clients-table.clients-table--collection .clients-table--tbody:nth-child(2n+1) .change__quantity-wrap--table input.change__quantity {
    border: 1px solid #fff;

}
/*
.clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody,
.clients-table-list--collection.clients-table.clients-table--collection .clients-table--thead {
    width: 1517px;
}*/
@media (max-width: 768px) {
     .clients-table.clients-table--collection .clients-table--thead-th ,
     .clients-table-list--collection.clients-table.clients-table--collection .clients-table--thead-th {
         min-width: 124px;
         width: 124px;
     }
     .clients-table.clients-table--collection .clients-table--tbody-td ,
     .clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody-td {
        min-width: 124px;
        width: 124px;
    }
    .clients-table.clients-table--collection .clients-table--tbody,
    .clients-table.clients-table--collection .clients-table--thead {
        width: 2115px;
    }
    .clients-table-list--collection.clients-table.clients-table--collection .clients-table--tbody,
    .clients-table-list--collection.clients-table.clients-table--collection .clients-table--thead {
        width: 1867px;
    }
    .catalog--title-item {
        flex-direction: column;
        gap: 23px;
        border: 0;
    }
    .catalog--title-item--links a.btn-link {
        border-bottom: 0;
        text-decoration: underline;
    }
   .products--collection .catalog--title-item--links {

        flex-direction: column;
        line-height: 100%;
        font-weight: 700;
        font-size: 20px;
        line-height: 100%;
       margin-bottom: 25px;
    }
    .products__list.products__list--collection {
        display: flex
    ;
    }
    .filters.filters-collection .filters__wrap {
        flex-direction: column;
    }
    .filters.filters-collection .filters__sorting-wrap .sorting__btn, .filters.filters-collection .filters__btn {
        font-size: 0;
    }
    .filters.filters-collection .form-group input[type="text"] {
        height: 46px;
        width: 100%;
    }
    .filters.filters-collection .sorting__btn {

        width: auto;
    }
    .filters-collection--item:last-child {
        justify-content: end;
        gap: 20px;
    }
    .filters-collection--item .form-group {
        width: 100%;
    }
    .filters.filters-collection .filters__btn
    {
        padding: 8px 33px 10px 0;
        height: 30px;
    }
}



.rowTables {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.clients-table--collection {
    min-width: 1200px; /* Минимальная ширина таблицы */
    width: 100%;
}
/* Автоматическое распределение ширины */
.clients-table--collection {
    width: auto;
    min-width: 100%;
}

.clients-table--thead-th,
.clients-table--tbody-td {
    width: 1%; /* Заставляет колонки быть одинаковой ширины */
    min-width: 120px; /* Минимальная ширина */
    box-sizing: border-box;
    padding: 8px 0px;
    text-align: center;
}


.clients-table--collection {
    min-width: 1200px;
    width: 100%;
    position: relative;
    display: table; /* Добавляем табличное отображение */
}

.always-visible-scroll::-webkit-scrollbar {
    height: 24px;
    background: #f0f0f0;  border-radius: 30px;
}
.always-visible-scroll::-webkit-scrollbar-thumb {
    background: rgb(255, 195, 34)!important;
;
    border-radius: 30px;
}
.always-visible-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.always-visible-scroll {
    margin-bottom: 10px;  border-radius: 30px;
}
.always-visible-scroll {
    border-radius: 30px;
    overflow-x: scroll;
    max-width: 1340px;
    height: 30px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 40%;
}
@media (max-width: 768px) {
    .always-visible-scroll {

        left: 10%;
    }
}