/* START RESPONSIVE */

.table-responsive-wrap{
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox, Safari 18.2+, Chromium 121+ */
}
.table-responsive-wrap::-webkit-scrollbar {
    display: none;  /* Older Safari and Chromium */
}

.table-reference textarea {
    width: 100%;
}

.selectric-wrapper {
    min-width: 50px;
    width: 100%;
    max-width: 75px;
    margin: 0 auto;
}

.table-responsive thead tr th {
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .catalog__list{
        overflow-x: visible !important;
    }

    .table-responsive .selectric-wrapper {
        margin: 0;
    }

    .table-responsive .text-center,
    .table-responsive .text--center, .table-responsive .text-right {
        text-align: left !important;
    }

    .table-responsive .cart-index-table .form__check {
        margin: 0;
    }

    .table-responsive .form__radio,
    .table-responsive .form__check {
        margin-left: 0;
        padding-left: 0;
        margin: 0;
    }

    .table-responsive {
        border: 1px solid #EDF2F7;
        border-bottom: none;
    }

    .table-responsive,
    .table-responsive tbody {
        display: block;
        overflow: hidden;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive tbody tr {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .table-responsive tbody tr {
        border-top: 1px solid #EDF2F7;
        margin-bottom: 15px;
    }

    .table-responsive tbody tr:first-child {
        border-top: none;
    }

    .table-responsive tbody tr td {
        padding: 0;
        display: flex;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #EDF2F7;
        align-items: center;
    }

    .table-basic tbody tr td>div {
        flex: 0 0 50%;
        padding: 0 15px;
        font-size: 14px;
        overflow: visible;
        max-width: 100%;
    }

    .table-basic tbody tr td>.title-mobile {
        background-color: #F7FAFC;
        padding: 10px 15px;
    }

    .table-basic .tr--separator {
        display: none;
    }
}

@media (min-width: 1400px) {

    .col-xlg-1,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-10,
    .col-xlg-11 {
        float: left;
    }

    .col-xlg-12 {
        float: left;
        width: 100%;
    }

    .col-xlg-11 {
        width: 91.66666667%;
    }

    .col-xlg-10 {
        width: 83.33333333%;
    }

    .col-xlg-9 {
        width: 75%;
    }

    .col-xlg-8 {
        width: 66.66666667%;
    }

    .col-xlg-7 {
        width: 58.33333333%;
    }

    .col-xlg-6 {
        width: 50%;
    }

    .col-xlg-5 {
        width: 41.66666667%;
    }

    .col-xlg-4 {
        width: 33.33333333%;
    }

    .col-xlg-3 {
        width: 25%;
    }

    .col-xlg-2 {
        width: 16.66666667%;
    }

    .col-xlg-1 {
        width: 8.33333333%;
    }

    .col-xlg-pull-12 {
        right: 100%;
    }

    .col-xlg-pull-11 {
        right: 91.66666667%;
    }

    .col-xlg-pull-10 {
        right: 83.33333333%;
    }

    .col-xlg-pull-9 {
        right: 75%;
    }

    .col-xlg-pull-8 {
        right: 66.66666667%;
    }

    .col-xlg-pull-7 {
        right: 58.33333333%;
    }

    .col-xlg-pull-6 {
        right: 50%;
    }

    .col-xlg-pull-5 {
        right: 41.66666667%;
    }

    .col-xlg-pull-4 {
        right: 33.33333333%;
    }

    .col-xlg-pull-3 {
        right: 25%;
    }

    .col-xlg-pull-2 {
        right: 16.66666667%;
    }

    .col-xlg-pull-1 {
        right: 8.33333333%;
    }

    .col-xlg-pull-0 {
        right: auto;
    }

    .col-xlg-push-12 {
        left: 100%;
    }

    .col-xlg-push-11 {
        left: 91.66666667%;
    }

    .col-xlg-push-10 {
        left: 83.33333333%;
    }

    .col-xlg-push-9 {
        left: 75%;
    }

    .col-xlg-push-8 {
        left: 66.66666667%;
    }

    .col-xlg-push-7 {
        left: 58.33333333%;
    }

    .col-xlg-push-6 {
        left: 50%;
    }

    .col-xlg-push-5 {
        left: 41.66666667%;
    }

    .col-xlg-push-4 {
        left: 33.33333333%;
    }

    .col-xlg-push-3 {
        left: 25%;
    }

    .col-xlg-push-2 {
        left: 16.66666667%;
    }

    .col-xlg-push-1 {
        left: 8.33333333%;
    }

    .col-xlg-push-0 {
        left: auto;
    }

    .col-xlg-offset-12 {
        margin-left: 100%;
    }

    .col-xlg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xlg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xlg-offset-9 {
        margin-left: 75%;
    }

    .col-xlg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xlg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xlg-offset-6 {
        margin-left: 50%;
    }

    .col-xlg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xlg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xlg-offset-3 {
        margin-left: 25%;
    }

    .col-xlg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xlg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xlg-offset-0 {
        margin-left: 0%;
    }
}

/* END RESPONSIVE */