:root {
    /*--dark-main-bg-color: #282828;*/
    /*--dark-main-bg-color: #232323;*/
    --dark-main-bg-color: #141413;
    --dark-main-bg-color2: #000;
    /*--dark-main-bg-block-color: #212126;*/
    /*--dark-main-bg-block-color: #1a1a1c;*/
    --dark-main-bg-block-color: #0d0d0e;
    --dark-text-color-1: #e8e8e8;
    --dark-text-color-2: #d0d0d0;
}

* {
    -webkit-touch-callout: none;
    /*-webkit-user-select: none; !* Отключает выделение текста *!*/
    /*user-select: none;*/
    -webkit-user-drag: none;   /* Отключает перетаскивание элементов */
}

/* Важно оставить возможность ввода в полях */
input, textarea {
    -webkit-user-select: auto;
    user-select: auto;
}

@media (max-width: 1400px) {
    .card-item .image-box .main-image {
        max-width: 350px;
    }
    .card-item .image-box .main-image img {
        width: 350px !important;
        height: auto !important;
    }
}
@media (max-width: 460px) {

    .fixed-top {
        -webkit-filter: none;
        filter: none;
    }
    .product-grid-default .filter {
        display: none;
    }
    .product-grid-default .product-grid {
        width: 100%;
    }
    .product-grid-default .product-grid .tile-root {
        width: 49%;
        margin: 5px 0px;
    }
    .brand-num {
        vertical-align: middle;
        margin: 5px 0;
        line-height: 15px;
    }
    .catalog h1 {
        margin: 20px 10px !important;
        font-size: 18px !important;
        color: #fff;
    }
    .catalog {
        margin-top: 84px;
    }
    .product-grid-default .product-grid .loader-box .card-loader {
        width: 49.1% !important;
    }

    .row-c {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .row-c h5 {
        margin: 0;
    }
    .card-item .sticky-top {
        box-shadow: none;
    }
    .dark .banner-1 {
        position: relative;
        overflow: hidden;
    }
    .dark .tags-badge a {
        /*color: rgb(249, 14, 108);*/
        color: #fff;
    }
    .banner-1 {
        margin: 75px 0px 0;
        padding: 0;
        /*background: #1f1f1f;*/
        background: #18181b;
    }
    .banner-1 a {
        font-size: 13px;
        font-weight: 600;
    }
    .banner-1 .vin-make {
        /*background: none;*/
    }
    .flex-align {
        justify-content: space-between;
    }
    .db-card {
        border-radius: 25px;
        margin: 30px 0 15px 0px !important;
        text-align: left;
        /*min-height: 50px;*/
        /*padding: 12px 35px;*/
        padding: 12px 10px;
        /*height: 54px;*/
    }
    .db-card .address small {
        margin-top: 0 !important;
    }
    .db-card .address small:after {
        content: '\F285';
        font-family: 'bootstrap-icons';
        margin-left: 10px;
        font-size: 17px;
        color: #6a6969;
    }
    .db-card .address {
        padding: 0;
    }
    .db-card small {
        font-weight: 600 !important;
    }
    .characteristics-table tr td {
        padding: 10px 15px 10px 0;
    }
    .card-item .buy-sticky-block i {
        display: none;
    }
    .buttons-card {
        display: contents;
    }
    body.d-flex, body.dark {
    }
    body.dark {
        /*background: #000000;*/
        background: var(--dark-main-bg-block-color);
        /*background: var(--dark-main-bg-color);*/
    }
    .footer .nav-item {
        width: auto;
    }
    .footer {
        padding: 50px 0 150px !important;
        height: auto;
    }
    .dark .main-offers .placeholder-container {
        display: block;
    }
    .order-delivery::before {
        font-size: 22px;
        width: 30px;
        /*height: 30px;*/
        height: 23px;
        display: inline-grid;
        content: "\f3e7";
        font-family: bootstrap-icons !important;
        text-align: center;
        /*background: #373740;*/
        /*background: #fff;*/
        border-radius: 10px;
        color: #f90e6c;
        justify-items: center;
        align-content: center;
        position: absolute;
        top: 3px;
        left: -6px;
    }
    .dark .grid.main-offers .part-result tbody tr.first {
        /*background: #2a1721;*/
        /*background: rgb(43 43 49);*/
    }
    .dark .grid.main-offers .part-result tbody tr.second {
        /*background: #18181b;*/
    }
    .notify .rounded-pill {
        right: 3px;
    }
    .notify {
        margin-right: 5px;
    }
    .notify .bi:before {
        font-size: 20px;
        margin-left: 15px;
    }
    .dark .grid.main-offers .part-result tbody tr {
        display: grid;
        /* grid-template-columns: repeat(5, 1fr); */
        align-items: center;
        align-content: center;
        /* width: 100%; */
        /*grid-template: 1fr / 1fr 1fr 1fr 1fr 135px;*/
        grid-template: 1fr / 1fr 1fr 1fr 1fr 2fr;
        width: 100%;
        /*display: flex;*/
        justify-content: start;
        /*border-radius: 25px;*/
        /*border-radius: 30px;*/
        border-radius: 25px;
        /*border: none;*/
        /*margin: 0 0 5px 0;*/
        margin: 0 0 3px 0;
        border-collapse: collapse;
        /*align-content: flex-start;*/
        justify-items: center;
        /*align-items: center;*/
        /*grid-template-columns: 1fr;*/
        /*padding: 10px 10px;*/
        /*padding: 0px 0px 0 10px;*/
        /*padding: 0;*/
        /*padding: 5px 0;*/
        padding: 1px 0;
        /*background: #121212;*/
        /*background: #000000;*/
        background: var(--dark-main-bg-block-color);
        border: 1px solid #111111;
        flex-direction: row;
        flex-wrap: nowrap;
        position: relative;
    }
    .dark .grid .sp-before {
        /*padding: 4px 10px;*/
        /*padding: 7px 7px;*/
        background: #18181b;
        color: var(--dark-text-color-1);
        min-width: 50px;
        border: 0;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        /*margin-top: 15px;*/
    }
    /*.dark .grid.main-offers .part-result tbody tr td {*/
    .dark .main-offers .part-result tbody tr td {
        background: none;
        /*background: #161616;*/
    }
    .dark .grid.other-offers tr td:nth-child(2) img {
        min-height: auto;
        width: 47px !important;
        /*border-radius: 0 !important;*/
        border-radius: 10px !important;
    }
    .navigate-block.show {
        display: block;
    }

    .card-header-promo.filter {
        filter: brightness(8%);
    }

    .dark .navigate-block {
        margin: 0 0 3px 0;
        /*margin: 0 10px;*/
        /*background: var(--dark-main-bg-block-color);*/
        background: var(--dark-main-bg-color);
        /*padding: 5px 10px;*/
        padding: 0;
        /*border-radius: 25px;*/
        border-radius: 0;
        /*position: static;*/
        /*background: none;*/
        z-index: 9;
        /*position: static;*/
        /*position: sticky;*/
        position: fixed;
        top: 0;
        /*top: 41px;*/
        /*top: 0;*/
    }
    .dark .refund {
        justify-content: center;
        /*margin: 30px 0 20px;*/
        /*margin: 30px 0 10px;*
        margin: 30px -10px 5px;
        color: rgb(249 14 108);
        background: #f90e6c14;
        /*background: #f90e6c1a;*/
        padding: 15px 5px;
        border-radius: 25px;
        margin: 15px;
    }
    footer.bg-dark .row .block {
        background: #18181b;
        /*background: #121212;*/
        border-radius: 25px;
        padding: 25px 15px;
        margin-top: 5px;
    }
    footer.bg-dark .container .row {
        margin-top: 0;
    }
    footer.bg-dark .container {
        padding: 0;
    }
    .bg-dark {
        padding-top: 0 !important;
        background: var(--dark-main-bg-color) !important;
    }
    .dark .product-grid .tile-root .product-link .brand img {
        top: 10px;
        left: 0;
        width: 75px !important;
        height: 35px !important;
        position: absolute;
        background: #fff !important;
        border-radius: 25px !important;
    }
    .dark .product-grid .tile-root .product-link .brand {
        color: #e6e6e6;
        font-size: 13px;
    }
    .dark .product-grid {
        /*background: #121212 !important;*/
        /*background: #000000 !important;*/
        background: var(--dark-main-bg-block-color) !important;
        margin-top: 70px;
        /*padding: 0 2px;*/
        /*background: #1d1d1d !important;*/
        /*background: var(--dark-main-bg-color) !important;*/
    }
    .dark .card-item {
        /*background: var(--dark-main-bg-color) !important;*/
        background: var(--dark-main-bg-block-color) !important;
        /*background: #161616 !important;*/
        /*background: #000000 !important;*/
        color: var(--dark-text-color-1);
        /*margin-bottom: 30px;*/
        /*margin-bottom: 15px;*/
        margin-bottom: 0;
        /*padding-top: 0 !important;*/
        /*padding: 0 0 10px 0 !important;*/
        padding: 0 !important;
    }
    .dark .card-item .col-md-3 {
        padding: 0;
        /*background: #141414;*/
        border-radius: 25px;
    }
    .dark .part-result.animate-transform {
        transform: none;
    }
    .dark .card-item .image-box .main-image img {
        width: 100% !important;
    }
    .dark .img-container {
        padding: 0;
    }
    .dark .nav-card a {
        color: var(--dark-text-color-1) !important;
        margin: 0;
    }
    .dark .card-item .col-lg-4 {
        /*background: #121212;*/
        /*background: #18181b;*/
        /*background: var(--dark-main-bg-block-color);*/
        /*background: var(--dark-main-bg-color);*/
        background: var(--dark-main-bg-color);
        border-radius: 25px;
        margin: 10px 0 5px;
        /*border: 1px solid #272727;*/
        padding: 5px 10px;
    }
    .dark .tags-badge {
        /*background: rgb(249 14 108 / 11%) !important;*/
        background: #1b1b1b !important;
        min-width: 70px;
        padding: 9px !important;
    }
    .delivery-drop .dropdown-menu-dark {
        padding-top: 100px;
    }
    .dark .dropdown-menu-dark li a {
        padding: 10px 20px;
        border: 1px solid #25252a;
        border-radius: 20px;
        margin: 6px 0px;
        background: #1a1a1a;
    }
    .dark .dropdown-menu-dark li {
        /*border-bottom: 1px solid #242424;*/
        /*padding: 10px 0;*/
        /*border: 1px solid #25252a;*/
        /*border-radius: 20px;*/
    }
    .dark .dropdown-menu-dark {
        /*background: #171717;*/
        background: #000000;
        width: 46vh;
        max-height: 100vh;
    }
    .dark .search-box .active-input:focus-visible {
        /*width: 97%;*/
        /*font-size: 14px;*/
    }
    .services-box {
        display: grid;
        grid-auto-flow: column;
        margin-top: 50px;
    }
    .dark .search-box .active-input {
        /*background: #1c1c1b;*/
        /*background: var(--dark-main-bg-block-color);*/
        background: #212121;
        /*var(--dark-main-bg-color);*/
        /*background: var(--dark-main-bg-block-color);*/
        /* background: #18181b; */
        /* background: #181818; */
        /* box-shadow: 0 0 0 0.15rem rgb(13 13 13); */
        box-shadow: 0 0 0 0 #181818;
        font-size: 16px;
        /* font-size: 12px; */
        color: #ffffff;
        /* padding: 0.675rem 0.95rem; */
        /* padding: 0.575rem 2.55rem; */
        /*padding: 0.475rem 2.55rem;*/
        padding: 0.675rem 2.55rem;
        /*padding: 0.575rem 2.55rem;*/
        border-radius: 17px;
        font-weight: 400;
        /* width: 100%; */
        /* width: 75%; */
        width: 100%;
        transition: all .3s ease;
        /* border: 1px solid #5a5a5a; */
        /* border: 1px solid #18181b; */
        border: 1px solid #181818;
        /*!* margin: 0 10px;*/
    }
    #description {
        margin-bottom: 20px;
    }
    #description nav > div:first-child {
        border-bottom: 3px solid #fff;
    }
    #description nav > div > span {
        background: #f90e6c;
        border-radius: 20px;
        padding: 5px 8px;
        font-size: 10px;
        margin-left: 5px;
    }
    #description nav > div {
        margin-right: 20px;
        font-weight: 600;
        color: #f8f8f8;
        padding-bottom: 5px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    #description nav {
        color: #e3e3e3;
        display: -webkit-box;
        /*background: #18181b;*/
        border-radius: 20px;
        margin: 0px 0 5px;
        padding: calc(var(--bs-gutter-x) * 0.5);
    }
    #description .text + h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
        font-weight: 700;
        margin: 0 0 20px 0;
    }
    #description .text.open {
        height: auto;
    }
    #description .text.open:after {
        content: '';
    }
    #description .text:after {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 55px;
        background-image: linear-gradient(#060606f2, #18181b);
        content: 'Показать полностью';
        padding: 5px 0 0 15px;
        color: #f90e6c;
        font-weight: 500;
        align-items: center;
    }
    #description .text {
        width: auto;
        color: #dfdfdf;
        background: #000;
        border-radius: 25px;
        border: 1px solid #353535;
        margin: 5px 5px 5px;
        padding: 15px;
        font-size: 15px;
        font-weight: 500;
        height: 185px;
        overflow: hidden;
        position: relative;
        line-height: 19px;
    }
    .dark .other-offers {
        background: #000000;
        /*background: #161616;*/
    }
    .dark .sticky-top.c {
        /*background: #1f1f1f;*/
        background: none;
    }
    .dark .characteristics-table tr td {
        /*border-bottom: 1px solid rgb(36 36 36);*/
        border-bottom: 1px dashed rgb(36 36 36);
        color: var(--dark-text-color-1);
        font-size: 13px;
    }
    .dark .characteristics-table .label {
        font-size: 18px;
        display: none;
    }
    .dark .order-table .form-check-input {
        /*background-color: #2c2c2c;*/
        /*background-color: #cdcdcd;*/
        /*background-color: #25252a;*/
        margin: 0 0 10px 0;
    }
    .dark .order-table .form-check-input {
        position: absolute;
        /*right: 17px;*/
        left: 15px;
        top: 25px;
        /*width: 1.6rem;*/
        /*height: 1.6rem;*/
        /*width: 1.3rem;*/
        /*height: 1.3rem;*/
        /*width: 1.5rem;*/
        /*height: 1.5rem;*/
        width: 1.4rem;
        height: 1.4rem;
        z-index: 1;
    }
    .dark .order-image .card-text {
        margin-right: 10px;
    }
    .dark .order-image img {
        width: 115px;
        height: 100%;
        object-fit: cover;
        /*border: 1px solid rgb(42, 42, 42);*/
        border-radius: 20px;
    }
    .dark .preload-box {
        padding: 0 10px;
    }
    .spinner-box {
        text-align: center;
        display: flex;
        /*height: 60vh;*/
        padding-top: 50%;
        transform: translate(0px, 50%);
        justify-content: center;
        align-items: center;
    }
    .spinner-box .spinner-border {
        color: #fff;
        background: none;
    }
    .ptr--text {
        color: #cacaca !important;
    }
    .ptr--icon .spinner-border {
        color: #fff !important;
    }
    .dark .order-image {
        display: block;
        position: absolute;
        /*right: 10px;*/
        left: 5px;
        top: 15px;
        width: 115px;
        height: 115px;
    }
    .clear-input-container {
        width: 89%;
    }
    .order-date {
        /*padding-left: 35px;*/
    }
    .dark .tabs-status-box ul li a span {
        display: none;
    }
    .part-result input[type=checkbox] {
        background-color: #cacaca;
    }
    .part-result .form-check-input:checked {
        background-color: #353535;
    }
    .dark .form-check-input:checked {
        background-color: #919191 !important;
        outline: 0;
        /*box-shadow: 0 0 0 0.25rem #6a6a6a;*/
        /*box-shadow: 0 0 5px 0.25rem #6a6a6a;*/
    }
    .dark .main-offers.order-tbl tr {
        /*border: 5px solid #18181b !important;*/
        /*border-bottom: 2px solid #18181b !important;*/
        /*border: 1px solid #111111 !important;*/
        /*border: 1px solid #191919 !important;*/
        border-bottom: 1px solid #191919 !important;
    }
    .dark  .main-offers.order-tbl {
        background: #000000;
        /*padding-top: 0 !important;*/
        border-radius: 0;
        margin: 0 5px;
        padding: 0 !important;

/*        overflow-y: scroll;
        height: 100vh;
        align-content: flex-start;*/
    }
    .dark .note-block {
        /*width: 30%;*/
        text-align: left;
        display: flex;
        margin: 0;
        flex-direction: column;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .order-delivery {
        /*color: #ffffff;
        background: #1d1d22;
        padding: 10px 15px 10px 42px;
        !*border: 1px solid #343434;*!
        border: 1px solid #1d1d22;
        !*margin: 10px 0 0px;*!
        position: relative;
        margin: 0 10px 0 0;*/


        color: #ffffff;
        background: #000000;
        padding: 6px 15px 6px 32px;
        /* border: 1px solid #343434; */
        border: 1px solid #1d1d22;
        /* margin: 10px 0 0px; */
        position: relative;
        margin: 0 10px 5px 0px;
    }
    .status-change{
        padding: 0;
    }
    .status-change li a {
        background: #0f0f0f;
        padding: 10px 25px;
        margin: 0 10px 5px;
        display: block;
        border-radius: 20px;
        text-decoration: none;
        color: #fff;
    }
    .dark  .main-offers .part-result.order-table tbody tr td {
        /*background: #000 !important;*/
        /*background: #111111 !important;*/
        background: var(--dark-main-bg-block-color) !important;
    }
    .dark .react-value_style .item a {
        color: rgb(249 14 108) !important;
        font-weight: 600;
    }
    .dark .card-item .buy-sticky-block {
        visibility: hidden;
        height: 0;
    }
    .dark .card-item .sticky-top {
        padding: 0;
    }
    .dark .supplier.image img {
        width: 100% !important;
        height: auto;
        border-radius: 20px 20px 0 0 !important;
    }
    .dark .grid .date-td {
        /*position: absolute;*/
        /*left: 7px;*/
        /*top: -2px;*/
        min-width: 60px;
    }
    .sprow {
        max-width: 60px;
    }
    .dark .date-td {
        width: auto;
    }
    .dark .other-offers tr td:nth-child(2) img {
        min-height: 240px;
        display: none;
    }
    .dark .other-offers tr {
        /*background: #1f1f1f;*/
        /*background: #161616;*/
        background: #121212;
        padding: 0;
        margin-bottom: 3px;
    }
    .dark .navButtons.show {
        transform: inherit;
        visibility: visible;
    }
    .dark .offcanvas-bottom .offcanvas-header {
        display: block;
    }
    .dark .offcanvas-bottom .row-option .r-option {
        margin: 5px 5px;
        /*width: 44%;*/
        width: 100%;
        text-align: left !important;
    }
    .dark #toast {
        right: 0;
        left: 0;
        top: 10px;
        /*bottom: 40px;*/
    }
    .dark .toast__close {
        color: rgb(255 255 255 / 75%);
    }
    .dark .toast__msg {
        color: #000000 !important;
    }
    .dark .toast__title {
        color: #000000 !important;
    }
    .dark .toast {
        /*background-color: #0b0b0b;*/
        background-color: #ffffff !important;
        /*backdrop-filter: blur(1px);*/
        border-radius: 25px;
        border-left: 0px;
        /*padding: 10px 0;*/
        padding: 5px 0;
    }
    .dark .offcanvas-bottom .row-option > div {
        text-align: center;
        margin: 10px auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around
    }
    .dark .modal.show {
        z-index: 9999;
    }
    .nav-btns {
        margin: 0px 0 10px;
    }
    .lock-position {
        position: absolute;
        display: block;
        right: 10px;
        top: 10px;
        font-weight: bold;
        /*font-size: 44px;*/
        cursor: pointer;
        touch-action: none;
    }
    .dark .offcanvas-bottom .row-option {
        display: block;
        background: none;
        padding: 15px 0px;
    }
    .navButtons .cancel .spinner-box {
        height: auto;
    }

    .navButtons .cancel {
        /*position: absolute;*/
        /* top: -35px; */
        /* right: 0; */
        /* transform: translate(-50%, 0); */
        /* right: auto; */
        width: 49%;
        /* font-size: 20px; */
        font-size: 16px;
        font-weight: 600;
        /* margin: 15px 0 20px; */
        margin: 0 2px 0 10px;
        /*background: #e91e633b !important;*/
        color: #ffffff !important;
        padding: 8px 0px;
        border-radius: 10px;
        display: block;
        min-width: 45px;
        text-align: center;
    }
    .dark .navButtons .total {
        color: #e6e6e6;
        /* color: #afafaf; */
        /* font-size: 20px; */
        margin: 15px 0 0px;
        font-size: 20px;
        /* margin: 0; */
        /* background: #1f1f1f !important; */
        /*background: #1f1f1f !important;*/
        /* color: #f90e6c !important; */
        padding: 7px 20px;
        border-radius: 30px;
        /* transform: translate(-50%, 0); */
        /* position: absolute; */
        /*top: -35px;*/
        /* width: 49%; */
        /*display: none;*/

    }

    .dark .navButtons {
        display: flex;
        transform: translate(0px, 350px);
        transition: transform .4s ease-in-out;
        /*transition: transform .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);*/
        visibility: inherit;
        /*margin: 10px 0px 20px;*/
        position: fixed;
        /*bottom: 78px;*/
        bottom: 0;
        /*bottom: 8px;*/
        z-index: 1050;
        left: 0;
        background: var(--dark-main-bg-block-color) !important;
        /*background: #373740 !important;*/
        width: 100%;
        /*padding: 15px 0 10px ;*/
        /*padding: 20px 0px 35px;*/
        padding: 20px 0px 10px;
        border-top: 1px solid #353535;
        border-radius: 30px 30px 0 0;
        justify-content: space-around;
        flex-direction: column;
        align-items: stretch;
    }
    .dark .navButtons button {
        /*background: #2a2a2a;*/
        /*background: #1b1b1b;*/
        /*background: #eaeaea;*/
        background: #121212;
        /*background: #121212;*/
        /*color: #0e0e0e;*/
        color: #e4e4e4;
        /*border: 0;*/
        font-size: 12px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        margin: 0 2px;
        border: 1px solid #333333;
    }
    .dark .navButtons button:hover {
        border-radius: 25px;
    }
    .btn .text-btn {
        font-size: 12px;
    }
    .part-result.order-table tr:hover {
        opacity: 1 !important;
    }
    .dark .scan {
        /*border: 1px solid #2e2e2e;*/
        /*background: none;*/
        background: rgb(39 39 39) !important;
        display: block;
    }
    .dark .grid .flex-align {
        justify-content: flex-end;
    }
    .dark .part-result .price:hover {
        background: none;
    }
    .dark .part-result .price {
        background: none !important;
        border: 0;
        /*color: #f90e6c;*/
        color: var(--dark-text-color-1);
        font-weight: 600;
        /*margin: 5px 0;*/
    }
    .dark .order-table .price {
        color: #f1f1f1 !important;
        /*border-bottom: 2px solid #25252a;*/
        /*background: #1d1d22 !important;*/
        margin: 5px 0;
        /*padding: 7px;*/
    }
    .dark .order-table .cart-td button {
        color: #f6f6f6;
        background: #252525;
        border: 0;
        display: none;
    }
    .dark .tabs-status-box .active-input {
        background: #000000;
        border-radius: 30px;
        padding: 0.675rem 0.95rem;
        color: rgb(255, 255, 255);
        border: 1px solid #5a5a5a;
    }
    .dark .tabs-status-box ul li a {
        color: var(--dark-text-color-1);
        font-weight: 400;
        /*font-size: 18px;*/
        font-size: 13px;
    }

/*    .dark .tabs-status-box ul li.filter-link {
        display: flex;
        !*background: #373740;*!
        padding: 3px 10px;
    }*/
    .search-box .filter-link {
        display: block;
        margin-left: 10px;
    }
    .filter-link i:before {
        /*font-size: 22px;*/
        font-size: 23px;
        color: #fff;
    }
    .dark .tabs-status-box ul li:first-child {
        /*margin-left: 15px;*/
        margin-left: 0;
    }
    .dark .tabs-status-box ul li.active a {
        color: #000;
    }
    .dark .tabs-status-box ul li.active {
        background: var(--dark-text-color-1);
        /*background: #18181b;*/
        /*border-bottom: 2px solid #ffffff;*/
        /*border-bottom: 2px solid #000000;*/
        /*margin-left: 10px;*/
        /*margin-left: 0;*/
    }
    .dark .part-result.order-table {
        margin-top: 115px;
        margin-bottom: 0;
        overflow: hidden;
        height: 60vh;
    }
    .dark .tabs-status-box ul li {
        border-bottom: 2px solid #2b2b2b00;
        /*border: 3px solid #404040;*/
        /*border: 1px solid #5a5a5a;*/
        /*background: #1b1b1b;*/
        /*background: #1a1a1a;*/
        /*background: #18181b;*/
        background: #212121;
        /*padding: 0 10px;*/
        /*padding: 6px 13px;*/
        padding: 6px 15px;
        border-radius: 10px;
        /*border-bottom: 2px solid #000000;*/
        /*padding: 7px 10px;*/
        display: flex;
        margin: 0 5px 0;
        align-items: center; /* вот отсюда и исходит магия метода */
    }
    .dark .tabs-status-box ul {
         /*background: #000000;*/
        background: #18181800;
        /*margin: 2px 10px;*/
        margin: 0 0 -5px;
        /*border-radius: 25px;*/
        border-radius: 0;
        /*border: 1px solid #353535;*/
        border: none;
        /* padding: 5px 5px 10px; */
        padding: 3px 0;
        /*backdrop-filter: blur(6px);*/
        width: 100%;
        scroll-behavior: smooth;
    }
    body::-webkit-scrollbar, html::-webkit-scrollbar, .container::-webkit-scrollbar, main::-webkit-scrollbar, .dark .tabs-status-box .table-responsive::-webkit-scrollbar, .dark .tags .table-responsive::-webkit-scrollbar, .dark .order-jets.table-responsive::-webkit-scrollbar, #description nav::-webkit-scrollbar, .navButtons .table-responsive::-webkit-scrollbar {
        display: none;
    }
    body, html {
        webkit-overflow-scrolling: touch;
    }
    .client-avatar {
        right: 10px;
        /*top: 15px;*/
        bottom: 27px;
        width: 36px;
        height: 36px;
        background: #5859d03d;
        /*background: #5859d0;*/
    }
    .client-avatar img {
        width: 36px;
        /*width: 45px;*/
    }
    .dark .backdrop.show {
        background-color: #0d0d0df7;
    }
    .dark .tabs-status-box {
         /*background: #000;*/
        background: var(--dark-main-bg-color);
        /* background: rgb(24, 24, 27); */
        /*background: rgb(24 24 27 / 0%);*/
        /* backdrop-filter: blur(6px); */
        padding: 5px 10px 10px;
        margin: 0;
        /*margin: 0;*/
        /* position: fixed; */
        position: sticky;
        left: 0;
        right: 0;
        /* top: 64px; */
        top: 0;
        z-index: 100;
        opacity: 0;
        /*transition: opacity .1s ease-in;*/
        transition: transform 0.3s ease, opacity 0.3s ease;
        will-change: transform;
    }
    /* Скрытое состояние */
    .tabs-status-box.hidden {
        transform: translateY(-150%);
        opacity: 0;
        pointer-events: none;
    }

    /* Показанное состояние */
    .tabs-status-box.visible {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }
    .tabs-status-box.hidden {
        top: -60px;
    }

    @supports (padding-top: env(safe-area-inset-top)) {
        .tabs-status-box {
            padding-top: env(safe-area-inset-top);
        }
    }
    .tabs-status-box.visible {
        top: 0;
    }
    .dark .search-box {
        width: 100%;
        justify-content: flex-start;
        /*margin-top: 10px;*/
        background: var(--dark-main-bg-color);
        z-index: 200;
        position: relative;
        padding: 0 10px;
    }
    .navigate-block {
        height: 50px;
        transform: translate3d(0, -100px, 0);
    }
    .dark .part-result.order-table {
        transform: translate3d(0, -15px, 0);
    }
    .reset-transform .navigate-block, .reset-transform .part-result.order-table {
        transform: translate3d(0, 0, 0);
        transition: all .6s ease-out;
    }
    .dark .bg-light-gray {
        /*background: #4e4e4e;*/
        /*background: #2b2b2b;*/
        background: #25252a;
    }
    .dark .empty-text {
        color: #fff;
    }
    #offcanvasLeft .spinner-box {
        height: auto;
    }
    .delivery-box {
        background: var(--dark-main-bg-block-color);
        /*border: 1px solid #272727;*/
    }
    .dark .order-jets .title-ord a i:before {
        font-size: 22px;
        /*color: #fefefe;*/
        color: #f90e6c;
    }
    .dark .order-jets .title-ord a i {
        display: block;
        /*margin-bottom: 5px;*/
        margin-bottom: 2px;
    }
    .title-ord {
        font-size: 20px;
        margin: 0;
        padding: 0;
        display: -moz-inline-box;
        display: -webkit-inline-box;
        justify-content: space-around;
        align-items: center;
        display: none;
        /*visibility: hidden;*/
    }
    .dark .order-jets .title-ord a .text {
        margin-top: 5px;
        display: block;
    }
    .content-box .filter-box {
        display: none;
    }
    .dark .order-jets .title-ord a {
        font-size: 9px;
        /*color: #ffffff;*/
        color: #f90e6c;
        text-decoration: none;
        /*background: #373740;*/
        background: #000;
        /*background: #f90e6c08;*/
        /*background: #1d1d22;*/
        padding: 10px;
        border-radius: 20px;
        text-align: center;
        /*width: 90px;*/
        width: 83px;
        display: block;
        margin: 0 10px 0 0;
    }
    .rate svg {
        color: rgb(255 255 255);
    }
    .dot {
        border: 0;
        margin: 0px 5px;
        text-align: center;
    }
    .dot:before {
        /*content: "\2022 \2022 \2022";*/
        content: "\2022";
        font-size: 47px;
        /*color: #4F8BCA;*/
        color: #5859d0;
        height: 19px;
        display: flex;
        align-items: center;
    }
    .dark .order-num {
        font-size: 19px;
    }
    .dark .profile-name {
        text-align: left !important;
        font-size: 16px;
        /*margin: 20px 0 0;*/
    }
    .dark .react-value_style {
        /*text-align: center;*/
    }
    .dark .order-jets .classWithPad {
        /*background: #0a0a0a !important;*/
        background: #18181b !important;
        color: #dcdcdc;
        margin: 10px 0 10px 0;
        /*margin: 5px 0 5px 0;*/
        border-radius: 20px;
    }
    .dark .order-jets > div {
        padding: 10px 0 10px 10px;
    }
    .dark .order-jets {
        /*background: #000000;*/
        background: rgb(24, 24, 27);
        /*padding: 0 !important;*/
        /*margin-top: 48px;*/
        margin: 10px 0 10px;
        /*margin: 85px 5px 0;*/
        display: flex;
        /*border-radius: 25px 25px 0 0;*/
        border-radius: 25px;
        transition: opacity .3s ease-in;
        opacity: 0;
    }
    .account-box .client-name {
        color: #fff;
        margin-left: 10px;
        text-transform: uppercase;
        /*font-weight: 700;*/
        /*font-size: 20px;*/
        font-weight: 600;
        font-size: 16px;
    }
    .account-box .client-avatar {
        position: static;
    }
    .account-box i:before {
        color: #ffff;
        font-size: 18px;
        margin-left: 5px;
    }
    .account-box {
        display: none;
        /*margin-top: 50px;*/
        margin: 0 0 5px 0;
        /*display: flex;*/
        align-items: center;
        padding: 0 15px;
        justify-content: space-between;
        /*position: sticky;*/
        /*top: 0;*/
        /*z-index: 0;*/
    }
    /*.account-box .balance:before {
        font-weight: 800;
        content: 'баланс';
        position: absolute;
        right: 120%;
        text-align: center;
        color: #c3c3c3;
    }*/
    .account-box .balance {
        /*color: #fff;*/
        /*background: #989898;*/
        color: #000000;
        background: #f3f3f3;
        border-radius: 20px;
        padding: 4px 7px;
        font-size: 11px;
        font-weight: 900;
        position: relative;
    }
    .account-box .u-label {
        display: flex;
        align-items: center;
    }
    .map-box {}
    .map-box img {
        width: 100%;
    }
    .dark .cart-td button {
        color: #ffffff;
    }
    .dark .part-result .client-span, .dark .search-box .client-span {
        border: 0;
        margin: 5px 0 0px 0px;
        /*background: rgb(37 37 42) !important;*/
        /*background: rgb(29 29 34) !important;*/
        /*background: rgb(55 55 64) !important;*/
        /*background: #1d1d22;*/
        font-size: 11px;
        padding: 0;
        color: inherit;
    }
    .dark .navButtons button i {
        margin-right: 5px;
    }
    .dark .navButtons button i:before {
        font-size: 20px;
        /*color: #000000;*/
        color: #e4e4e4;
    }
    .dark .check-all {
        display: none;
    }
    .dark .button1.add-to-cart {
        border: 1px solid #242424;
        /*background: #282828;*/
        /*background: #252525;*/
        /*background: #1a1a1a;*/
        background: #18181b;
        margin: 7px 0;
    }
    .dark .part-result tr:hover .cart-td button {
        border: 1px solid #242424;
        background: #252525;
    }
    .dark .count-td > span {
        /*background: #4a4a4a2e;*/
        background: #18181b;
        color: rgb(255 255 255);
        border: 0;
        font-weight: 700;
    }
    .dark .part-result tr:hover .cart-td button i:before {
        color: #fff;
    }
    .dark .main-offers .part-result tbody tr td {
        /*background: #1f1f1f;*/
        /*background: #161616;*/
    }
    .dark .main-offers .part-result tbody tr:hover td.cart-bottom, .dark .main-offers .part-result tbody tr:first-child td.cart-bottom {
        border-radius: 0;
        /*background: #161616 !important;*/
    }
    .dark .db-card  {
        /*margin: 10px 0 0px 0px !important;*/
        margin: 0 !important;
        background: var(--dark-main-bg-color);
    }
    .dark .card-item .sticky-top .button1 {
        padding: 10px 20px;
    }
    .dark .card-item .buy-sticky-block .price {
        font-size: 18px;
    }
    .dark .db-card.active  {
        /*background: #1f1f1f;*/
        /*background: #121212;*/
        /*background: #18181b;*/
        /*background: var(--dark-main-bg-block-color);*/
        /*background: var(--dark-main-bg-color);*/
        /*background: #141414;*/
        background: rgba(20, 20, 20, 0);
    }
    .dark .nav-card i {
        background: #ffffff17;
        padding: 8px 10px;
        border-radius: 10px;
        margin-right: 5px;
    }
    .dark .nav-card {
        text-align: center;
        /* background: #1f1f1f; */
        /*background: #121212;*/
        /*background: #18181b;*/
        /*background: var(--dark-main-bg-block-color);*/
        /*background: #141414;*/
        background: rgba(20, 20, 20, 0);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        /*margin: 0 0 10px;*/
        margin: 0 0 5px;
        padding: 15px 10px;
        border-radius: 25px;
        gap: 20px;
        /*border: 1px solid #272727;*/
    }
    .dark .product-grid .tile-root {
        /*background: #000 !important;*/
        /*background: #18181b !important;*/
                /*var(--dark-main-bg-color) !important;*/
        background: var(--dark-main-bg-block-color) !important;
        padding: 0;
        border: none;
        position: relative;
    }
    .dark .product-grid .tile-root .product-link {
        color: #ffffff;
    }
    .dark .product-grid .tile-root .name {
        color: #ffffff;
    }
    .dark .product-grid .tile-root .price {
        color: #fdfdfd;
        padding: 0px 0px;
        font-size: 20px;
    }
    .dark .product-grid .tile-root .product-link .brand {
        /*margin: 5px 0 0px;*/
        margin: 0px 0 0px;
    }
    .dark .product-grid .tile-root .image-box {
        /*border-radius: 20px 20px 0 0;*/
        border-radius: 25px;
    }
    .dark .delivery-text {
        color: #ffffff;
        text-align: left;
        /*background: none;*/
        /*background: #25252a;*/
        background: rgb(249 14 108);
        /*margin: 0;*/
        margin: 5px 0 0 0;
        /*align-items: flex-start;*/
        padding: 0;
        /*height: 30px;*/
        height: 36px;
        font-size: 12px;
        width: 100%;
        display: none;
    }
    .dark .mobile-menu {
        /*background: #171717;*/
        /*border-top: 1px solid #000000;*/
        border-top: 1px solid #353535;
        border-radius: 30px 30px 0 0;
    }
    .dark .mobile-menu .buy-sticky-block .price {
        /*background: #f5f5f5;*/
        /*color: #000;*/
        padding: 5px 0;
        width: 30%;
        border-radius: 35px;
        font-size: 20px;
        font-weight: 700;
        color: var(--dark-text-color-1);
    }
    .dark.mobile-menu .buy-sticky-block {
        text-align: center;
        color: #fefeff;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 13px;
        margin-top: -6px;
        background: #1f1f1f;
        padding: 15px 0;
    }

    .dark .banner-1 .vin-make {
        padding: 10px 0;
    }
    .ccc:after {
        width: 140px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        content: "";
        display: block;
        /*opacity: 0.8;*/
        opacity: 0.2;
        -webkit-animation-name: textBlink;
        animation-name: textBlink;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        background: linear-gradient(to right, rgb(118 118 118 / 0%) 0%, #bbbbbb 46%, rgb(104 104 104 / 0%) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00999999", endColorstr="#00e5e5e5",GradientType=1 );
    }

    @-webkit-keyframes textBlink {
        0% {
            left: -50px;
        }
        100% {
            left: 150%;
        }
    }

    @keyframes textBlink {
        0% {
            left: -50px;
        }
        100% {
            left: 150%;
        }
    }

    .dark .brands tbody tr {
        background: none !important;
        grid-template: 1fr / 1fr 1fr 1fr 1fr;
    }
    .dark .main-offers .part-result tbody tr td {
        /*padding: 5px 0.5rem;*/
        /*padding: 5px 0.3rem;*/
        padding: 1px 0.3rem;
        color: #fff !important;
        /*text-align: center !important;*/
    }
    .dark .main-offers .order-table .price:after {
        content: '';
    }
    .dark .main-offers .order-table .price:before {
        content: ' \20BD';
        font-size: 22px;
        margin-right: 5px;
    }
    .dark .main-offers .order-table .price {
        font-size: 21px;
        align-items: center;
    }
    .part-link {
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }
    .dark .main-offers .order-table tbody tr td {
        padding: 0 !important;
    }
    .dark .main-offers .order-table .date-td, .dark .main-offers .order-table .count-td, .dark .main-offers .order-table .sp-before {
        display: none;
    }
    .empty-cart  {
        width: 100%;
    }
    .empty-order svg {
        max-width: 80%;
        padding: 1rem 3rem;
    }
    .empty-order {
        /*background: #18181b;*/
        color: #cbcbcb;
        border-radius: 30px;
        margin-top: 150px;
    }
    .dark .main-offers .order-table .sp-before {
        /*display: block;
        !*width: 110px;*!
        margin: 0 0 0 auto;
        position: absolute;
        right: 5px;
        background: #252525;
        color: #fefefe;
        font-size: 10px;
        font-weight: 600;*/

        padding: 0 10px 0 0;
        display: flex;
        /*width: 110px;*/
        /*margin: 5px 0 0 0;*/
        /* position: absolute; */
        right: 5px;
        background: #000000;
        color: #fefefe;
        font-size: 10px;
        font-weight: 600;
        text-align: left;
        align-items: center;
        margin-right: 10px;
        border: 1px solid #1d1d22;
    }
    .order-table .sp-before:before {
        content: '\F5AF';
        font-family: 'bootstrap-icons';
        margin-right: 13px;
        font-size: 20px;
        color: #fff;
        display: block;
    }
    .dark .main-offers .order-table .supplier {
        width: 100% !important;
    }
    .dark .main-offers .order-table tbody tr.transform .actions span {
        margin: 5px 0;
        border: 1px solid #353535;
        border-radius: 30px;
        padding: 5px;
    }
    .dark .main-offers .order-table tbody tr.transform .actions span i:before {
        font-size: 24px;
        color: #fff;
    }
    .dark .main-offers .order-table tbody tr.transform .actions {
        position: absolute;
        left: -55px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
        justify-content: flex-start;
        border: 1px solid #1d1d1d;
        border-radius: 40px;
        padding: 0 5px;
        /*background: #0c0c0c !important;*/
    }
    .dark .main-offers .order-table tbody tr.transform td {
        /*background: #18181b !important;*/
    }
    .dark .main-offers .order-table tbody tr.transform {
        /*background: #18181b;*/
        /*transform: translate3d(10px, 0, 10px);*/
    }
    .dark .main-offers .order-table tbody tr {
        transition: transform .4s ease;
        display: grid;
        grid-template: inherit;
        /*background: #000;*/
        background: var(--dark-main-bg-block-color);
        /*background: #18181b;*/
        /*padding: 15px 10px;*/
        padding: 15px 10px 15px 138px;
        border-radius: 25px;
        position: relative;
        /*margin: 0px 0 10px;*/
        margin: 0px 5px 5px;
    }
    .wrap-supplier-info {
        /*display: none;*/
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .dark .other-offers tr {
        border: none;
    }
    .dark .supplier.image {
        padding: 0 !important;
        /*margin-bottom: 10px;*/
    }
    .dark .seller-info {
        color: var(--dark-text-color-1);
    }
    .seller-info:before {
        content: '\F5AF';
        font-family: 'bootstrap-icons';
        margin-right: 8px;
        font-size: 16px;
    }
    .dark .loader-box .card-loader {
        margin: 4px 1px;
    }
    .tabs-status-box ul li a:before {
        display: none;
        /*background: #d7d7d7;*/
        /*border: 2px solid #5859d0;*/
    }
    .dark .card-loader {
        background-color: #131313;
        height: 280px;
    }
    .dark .card-loader:before {
        background-color: #171717;
    }
    .dark .other-offers tr:hover {
        transform: none;
    }
    .dark .order-table tr td {
        background: #fff !important;
    }
    body.d-flex, body {
        display: block !important;
        /*height: 100%;*/
    }
    html::before {
        display: none;
    }
    main > .container {
        min-height: 100vh;
        /*padding: 100px 0px 20px;*/
        /*padding: 0px 0px 20px;*/
        padding: 0px;
    }
    .product-grid {
        /*overflow-y: auto;*/
        /* scroll-snap-type: y; */
        /*max-height: 450px;*/
        /*align-content: flex-start;*/
    }
    .product-grid .tile-root .lazy {
        width: 100%;
        height: 100%;
        object-fit: contain;
        /* height: 250px; */
        /*min-height: 280px;*/
        min-height: 250px;
        border-radius: 25px;
    }
    .product-grid .tile-root {
        width: 49.4%;
        /*width: 48.4%;*/
        margin: 5px 0px;
        background: #fff !important;
        /*margin: 10px 0px;*/
    }
    .card-item .image-box {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        overflow: hidden;
        /*margin-bottom: 20px;*/
    }
    .card-item .image-box .vertical-images {
        display: flex;
    }
    .card-item .image-box .main-image img {
        width: 410px !important;
    }
    .card-item .image-box .main-image {
        max-width: 460px;
        /*min-height: 200px;*/
        /*min-height: 430px;*/
        min-height: 430px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        background: #fff;
        border-radius: 25px;
    }
    .top-menu .container {
        padding: 0;
    }
    .top-menu {
        padding: 0;
        transition: transform .7s ease-in;
        transform: translate(0px, 0px);
        /*background: #0e0e0e !important;*/
        /*display: none;*/
    }
    .top-menu.hide {
        /*display: none;*/
        transform: translate(0px, -350px);
    }
    #nbar-top {
        display: none;
    }
    .wh {
        display: none;
    }
    .part-result .price {
        display: flex;
        margin-right: 10px;
        font-size: 15px;
        background: #eeeeee75;
        border-radius: 20px;
        /*padding: 5px;*/
        padding: 5px 0;
        color: #000;
        font-weight: 600;
    }
    .count-td {
        width: auto;
    }
    .search input::placeholder, .active-input::placeholder, .input-group .form-control::placeholder {
        color: #797979;
        /*color: #ffffff;*/
    }
    .main-offers .placeholder-container {
        background: transparent;
    }
    .catalog-parent-link {
        margin-left: 5px;
        /*display: none;*/
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 50%;*/
        /*transform: translate(-10px, -50%);*/
    }
    .sticky-product-info {
        top: 0;
        height: 63px;
        /* height: auto; */
        /*background: #000000de;*/
        background: var(--dark-main-bg-color);
        color: #c2c2c2;
        border: 0;
        padding: 5px 0px;
        backdrop-filter: blur(6px);
        display: none !important;
    }
    .search input.picked {
        width: 77%;
    }
    .search input {
        width: 87%;
        /*width: 70%;*/
        /*padding: 0.875rem 2.55rem;*/
        padding: 0.675rem 2.55rem;
        background: #212121;
        margin-left: 10px;
        /*padding: 0.675rem 0.95rem;*/
    }
    .sticky-product-info.show .container {
        /*padding: 0 calc(var(--bs-gutter-x) * 0.5);*/
        padding: 15px;
    }
    .card-header-promo {
        border: none;
    }
    .sticky-product-info.show .container > div {
        display: contents;
        font-size: 18px !important;
        line-height: 20px;
    }
    .sticky-product-info.show .price {
        display: none;
    }
    h1 {
        max-width: 100% !important;
    }
    .breadcrumb {
        display: none;
    }
    .card-item .buy-sticky-block .price {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        /*width: 50%;*/
        width: 44%;
        padding: 9px 0px;
        /*padding: 4px 0px;*/
        font-size: 23px;
        font-weight: 600;
    }
    .card-item  {
        /*margin: 75px 0 15px;*/
        margin: 0 0 15px;
        background: #fafafa !important;
    }
    .characteristics-table .label {
        font-size: 17px;
    }
    .card-item .sticky-top {
        /*background: #f2f2f2;*/
        padding: 15px 0 0px;
    }
    .badge:empty {
        display: none !important;
    }
    .navbar-form {
        width: 100% !important;
        /*margin: 40px auto 40px;*/
        /*margin: 10px auto 10px;*/
        margin: 0 auto 10px;
    }
    .navbar-brand, .navbar-toggler {
        display: none;
    }

    .search_dropdown {
        width: 100%;
        top: 60px;
        left: 0;
        border-radius: 0 0 20px 20px;
        min-height: 100vh;
        max-height: 100vh;
        background: var(--dark-main-bg-color);
    }
    h5 {
        text-align: left;
        /*text-align: center;*/
    }
    .card-item {
        /*transform: translate3d(0px, 40px, 0px);*/
    }
    .card-item .sticky-top .button1 {
        display: inline-block;
        vertical-align: middle;
        width: 43%;
        /*padding: 9px 20px;*/
        padding: 10px 20px;
        border: 1px solid #f90e6c;
        font-weight: 600;
    }
    .cart-td {
        width: 100%;
    }
    .cart-td button {
        padding: 8px 9px;
        background: #ffffff;
        border: 1px solid #dfdfdf;
    }
    .mobile-menu.pwa {
        padding-bottom: 20px;
        /*padding-top: 10px;*/
        padding-top: 10px;
    }
    .mobile-menu .buy-sticky-block .buttons-card i {
        display: none;
    }
    .mobile-menu .buy-sticky-block .buttons-card .button1 {
        /*margin: 0 0 0 30px;*/
        padding: 8px 0;
        /*width: 30%;*/
        width: 45%;
        font-weight: 600;
    }
    .mobile-menu .buy-sticky-block {
        text-align: center;
        color: #fff;
        /*background: var(--dark-main-bg-block-color);*/
        background: var(--dark-main-bg-block-color);
        /* background: #18181b; */
        /* padding: 15px 0; */
        padding: 10px 0;
        /* border-radius: 20px 20px 0 0; */
        border-radius: 30px;
        transform: translate(0px, 350px);
        transition: transform .3s ease-in;
        display: flex;
        justify-content: space-around;
        align-items: center;
        /* margin: 0 10px 8px; */
        position: absolute;
        width: 100%;
        top: -65px;
        left: 0px;
        right: 0;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        /*padding-top: 5px;*/
        padding: 10px 0;
        /*background: #000;*/
        background: var(--dark-main-bg-block-color);
        /*background: var(--dark-main-bg-color);*/
        border-top: 1px solid #e6e6e6;
        z-index: 2;
    }
    .float-cart-box {
        /*flex-wrap: wrap !important;*/
    }

    .mobile-menu .topbar-menu-link {
        color: #747373 !important;
    }
    .mobile-menu .topbar-menu-link span {
        /*font-size: 11px;*/
        font-size: 0px;
        /*margin-bottom: 15px;*/
        margin-bottom: 5px;
        display: block;
    }
    .mobile-menu .topbar-menu-link span i:before {
        /*color: #ffffff;*/
        color: #6b6b6b;
        /*color: #a8a8a8;*/
        /*color: #5b5b5b;*/
        /*color: #6b6b6b;*/
        /*color: #c4c4c4;*/
        font-size: 23px;
    }
    .mobile-menu  .topbar-menu-link {
        position: relative;
    }
    .mobile-menu #nbar-top {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: flex-start;
        margin-bottom: 0 !important;
    }
    .product-grid .tile-root .name {
        font-size: 12px;
    }
    .resize-text {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /*-webkit-line-clamp: 2;*/
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 13px;
        /*font-size: 14px;*/
        line-height: 18px;
    }
    .rules .nav-item {
        width: 100%;
    }
    .main-offers.brands .part-result tr td:last-child {
        text-align: center;
    }
    .main-offers.brands .part-result tr .supplier {
        text-align: center;
    }
    .nav-item {
        width: 46px;
    }
    .nav-item.hide {
        display: none;
    }
    .other-offers {
        padding: 30px 5px;
        margin: 0;
        height: auto;
        max-height: 100%;
    }
    .other-offers tr td:first-child {
        /*display: none;*/
    }
    .tabs-status-box ul {
        display: -webkit-box;
    }
    .other-offers tr td:nth-child(2) img {
        /*width: 100% !important;*/
        width: 77% !important;
        margin: 0 auto;
        border: none !important;
        min-height: 160px;
        object-fit: contain;
    }
    .other-offers tr td:nth-child(4) {
         display: none;
    }
    .other-offers.brands tr {
        /*margin: 5px 3px;*/
    }
    .other-offers.brands {
        /*margin-top: 55px;*/
        margin-top: 0px;
        /*padding: 20px 0 !important;*/
    }
    .other-offers.brands tr td:nth-child(3) {
        display: block;
    }
    .other-offers tr td:nth-child(3) {
        display: none;
    }
    .part-result > :not(caption) > * > * {
        box-shadow: none;
    }
    .home-link .nav-link {
        padding-top: 34px;
        font-size: 0;
    }
    .home-link .nav-link i:before {
        content: ' ';
        display: inline-block;
        position: absolute;
        background: url(https://pickstore.ru/images/logo_1.png) no-repeat;
        background-size: contain;
        height: 43px;
        width: 43px;
        top: 0;
        left: 0;
    }
    .brands tr {
        height: 155px;
    }
    .other-offers tr {
        /*width: 48%;*/
        width: 95%;
        display: grid;
        justify-content: end;
        border: 1px solid #f3f0f0;
        border-radius: 15px;
        margin: 15px 0;
        border-collapse: collapse;
        align-content: center;
        justify-items: stretch;
        align-items: center;
        /*grid-template-columns: 1fr;*/
        grid-template-columns: repeat(4, 1fr);
        padding: 10px 10px;
        background: #fff;
    }
    .other-offers thead {
        display: none;
    }
    .other-offers tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        /*padding-top: 10px;*/
    }
    .delivery-text {
        /*color: #ffffff;*/
        /*background: rgb(249 14 108);*/
    }
    .other-offers th {
        display: none;
    }
    .seller-info, .info-time {
        display: inline-block;
        min-width: 93px;
        font-size: 9px;
    }
    .info-time {
        display: none;
    }
    .grid .seller-info {
        justify-content: flex-start;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /*width: 110px;*/
        display: flex;
        background: #18181b;
        border-radius: 20px;
        padding: 2px 8px;
        margin-left: 10px;
    }
    .other-offers .part-result {
        /*background: #121212;*/
        /*background: #18181b;*/
        border-radius: 25px;
    }
    .seller-info {
        display: flex;
        text-decoration: none;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        font-size: 12px;
    }
    .part-result td:last-child {
        padding-right: 5px !important;
        /*padding-right: 10px !important;*/
        /*padding: 10px 5px 10px 0 !important;*/
    }
    .pickup .mobile-menu {
        background: #000;
    }
    .table-hover > tbody > tr:hover > * {
        --bs-table-color-state: var(--bs-table-hover-color);
        --bs-table-bg-state: none;
        /*background: #f5f5f5 !important;*/
        background: none !important;
    }
    .other-offers tr:hover td .price {
        background: #fff;
    }
    .other-offers tr:hover {
        /*background: #f5f5f5;*/
        /*background: none;*/
        transform: scale(0.98);
        transition: transform .5s;
    }
    .product-grid .tile-root .price {
        /*font-size: 13px;*/
    }
    .main-offers .part-result tbody tr:hover td.cart-bottom .price, .main-offers .part-result tbody tr:first-child td.cart-bottom .price {
        background: #fff;
    }
    /*.main-offers .part-result tbody tr td.cart-bottom*/
    /*!*.main-offers .part-result tbody tr:first-child td.cart-bottom *!*/
    /*{*/
    /*    background: #5859d012 !important;*/
    /*    border-radius: 20px;*/
    /*}*/
    .main-offers .part-result tbody tr:hover td.cart-bottom, .main-offers .part-result tbody tr:first-child td.cart-bottom {
        /*background: #f90e6c0d !important;*/
        /*background: #f90e6c0f !important;*/
        border-radius: 20px;
    }
    .part-result .first td {
        background: none !important;
    }
    .card-item h1 {
        margin: 15px 0 15px;
        line-height: 21px;
        font-weight: 900;
        font-size: 21px !important;
        /*font-size: 19px !important;*/
    }
    .float-cart-box.radius {
        border-radius: 25px 25px 0 0;
    }
    .float-cart-box {
        padding: 15px 20px 15px 20px;
    }
    .offcanvas {
        z-index: 9999;
    }
    .touch-active {
        transition: transform .5s;
        -webkit-transform: scale(0.98);
        -moz-transform: scale(0.98);
        -ms-transform: scale(0.98);
        -o-transform: scale(0.98);
        transform: scale(0.98);
    }
    .order-table tbody tr td {
        text-align: left;
    }
    .main-offers .part-result tbody tr td {
        border-bottom: 0;
        background: #fff;
        /*text-align: center;*/
        padding: 5px 0.5rem;
    }
    .date-td {
        color: #000000 !important;
        padding: 15px 0.5rem;
        text-align: center;
    }
    .rounded-pill {
        top: 0;
        right: 0;
        font-size: 10px !important;
        /*border: 1px solid #fff;*/
    }
    .navButtons > div {
        justify-content: flex-start;
    }
    .site-index {
    /*    background: #000;*/
    /*    padding-top: 28px;*/
    }
    .offcanvas-cart-box .position .price {}
    .offcanvas-cart-box .position {
        grid-template-columns: 1fr 0.5fr 0.3fr;
    }
    .offcanvas-cart-box .position .item {
        width: 100%;
    }
    h1 {
        /*font-size: 14px !important;*/
        font-size: 19px !important;
        font-weight: 600;
    }
    .characteristics-table {
        font-size: 10px;
        margin-top: 10px;
        width: 100%;
    }
    .navbar-form .search input:focus {
        color: #fff;
        background-color: #212121;
        box-shadow: none;
    }
    .offcanvas-bottom .offcanvas-header {
        font-size: 12px;
    }

    .blank .site-login h1 {
        font-size: x-large !important;
    }
    .blank .site-login {
        width: 100%;
    }
    .blank .container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .loader-box .card-loader {
        width: 49.3%;
    }

    .supplier.image img {
        display: block;
    }

}

@media (max-width: 399px) {
    .other-offers tr {
        /*width: 48.4%;*/
    }
    .search input.picked {
        width: 74%;
    }
    .product-grid .tile-root .lazy {
        width: 100%;
        height: 200px;
    }
    .card-item .image-box .main-image img {
        width: 100% !important;
    }
    .seller-info, .info-time {
        min-width: 67px;
    }
}

@media (max-width: 374px) {
    .other-offers tr {
        /*width: 48.3%;*/
    }
    .card-item .image-box .main-image img {
        width: 100% !important;
    }
}

@media (max-width: 360px) {
    .card-item .image-box .main-image img {
        width: 100% !important;
    }
    .seller-info, .info-time {
        min-width: 34px;
        font-size: 7px;
    }
}



@media (max-width: 320px) {
    .other-offers tr {
        /*width: 48.1%;*/
    }
    .search input.picked {
        width: 70%;
    }
    .product-grid .tile-root .price {
        font-size: 12px;
    }
    .product-grid .tile-root .lazy {
        width: 100%;
        height: 180px;
    }
    .card-item .image-box .main-image img {
        width: 100% !important;
    }
}


.bottom-sheet-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
    backdrop-filter: blur(4px);
    -webkit-overflow-scrolling: touch; /* Плавная прокрутка на iOS */
}

.bottom-sheet {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 90vh;
    background: white;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    will-change: transform; /* Оптимизация для GPU */
}

.sheet-handle {
    width: 40px;
    height: 5px;
    background: #ccc;
    border-radius: 5px;
    margin: 8px auto;
    cursor: grab;
    position: relative;
}

.drag-progress {
    height: 3px;
    background: linear-gradient(90deg, #4285f4, #ea4335, #fbbc05, #34a853);
    width: 0%;
    transition: width 0.1s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.sheet-content {
    padding: 16px;
    max-height: calc(90vh - 40px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Состояния листа */
.bottom-sheet.partial {
    max-height: 40vh;
}

.bottom-sheet.full {
    max-height: 90vh;
}

.bottom-sheet.open {
    transform: translateY(0);
}

/* Плавные переходы для всех состояний */
.bottom-sheet,
.bottom-sheet.partial,
.bottom-sheet.full {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}