.catalog-item-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 12px 0;
}
.catalog-item-desc.custom-absolute {
    display: inherit;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #EFF0F0;
    width: 100%;
    padding: 26px 16px 26px 16px;
    z-index: 3;

    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    gap: 0;
}

@media screen and (max-width: 600px) {
    .catalog-item-desc.custom-absolute {
border-radius: 16px;
    }
}

.catalog-item-desc.custom-absolute .catalog-item-buttons {
    width: 100%;
}

.stock-notify-agreement a {
    color: #BE221D;
}

.stock-notify input {
    padding: 4px 16px;
    border: 1px solid #c4c4c4;
    width: 100%;
    border-radius: 16px;
    min-height: 50px;
}

.catalog-item-sort {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.catalog-item-sort__item {
    display: flex;
    height: 36px;
    min-width: 140px;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    transition: all .2s linear;

    /* Small shadow */
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
}

.catalog-item-sort__item.selected {
    font-weight: 500;
    color: #be221d;
}

.catalog-item-sort__item:hover {
    color: #BE221D;
}

.catalog-index-img {
    max-width: 36px;
    max-height: 36px;
    object-fit: contain;
}

@media only screen and (max-width: 1250px) {

    h1, .h1 {
        font-size: 24px;
        font-weight: 600;
        line-height: 150%;
    }

    .header__inner {
        width: 800px;
        padding: 15px;
        flex-wrap: wrap;
    }

    .logo {
        font-size: 0;
        width: 0;
        padding-left: 106px;
    }

    .logo-holder {
    }

    .phone-holder {
    }

    .actions-holder {
        flex: 1 1 100%;
        order: 10;
        margin-top: 10px;
    }

    .user-holder {
    }

    .menu-holder {
        background-repeat: repeat;
    }

    .menu-holder__inner {
        width: 800px;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        position: relative;
    }

    .menu {
        flex: 1 1 100%;
        order: 0;
    }

    .categories {
        order: 1;
        flex: 1 1 100%;
        justify-content: center;
        padding: 10px 0;
    }

    .menu__buttons {
        justify-content: center;
    }

    .outgoing {
        flex: 1 1 50%;
        justify-content: flex-end;
        order: 3;
    }

    .outgoing__inner {
        padding-right: 10px;
    }

    .cart-button {
        order: 4;
        flex: 1 1 50%;
        position: static;
    }

    .cart-button__inner {
        justify-content: flex-start;
        padding-left: 10px;
    }

    .contents__inner {
        width: 800px;
    }

    .footer__inner {
        width: 800px;
    }

    .footer__cabinet-holder {
        padding-left: 0;
        order: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
    }

    .footer__menus-holder {
        padding-right: 0;
        order: 1;
    }

    .footer__tholder {
        flex-direction: column;
    }

    /*.catalog-index{width: 33.3333%;}*/
    /*.catalog-index-text{font-size: 15px;}*/
    /*.catalog-items-w-x5 .catalog-item{width: 33.3333%;}*/
    .catalog-main-data {
        padding-left: 0;
    }

    .catalog-main-w {
        flex-direction: column;
    }

    .catalog-main-visuals {
        width: auto;
    }

}

@media only screen and (max-width: 820px) {

    .dots:not(.subheader) {
        background: none;
    }

    .headers h1, .headers .h1 {
        color: #333;
    }

    .logo-holder {
        flex: 1 1 100%;
        justify-content: center;
    }

    .header {
        border-bottom: 1px solid RGBA(227, 227, 227, 1);
    }

    .header__inner {
        width: auto;
    }

    .phone-holder {
        flex: 1 1 100%;
        justify-content: center;
    }

    .menu {
        display: none;
    }

    .menu-holder {
        background: transparent;
    }

    .menu-holder__inner {
        width: auto;
        flex-wrap: nowrap;
        justify-content: center;
        background: RGBA(227, 227, 227, 1);
        padding: 12px 0;
        position: relative;
    }

    .contents__inner {
        width: auto;
    }

    .catalog-main-top {
        margin-top: 20px;
        flex-direction: column;
    }

    .catalog-main-favorite {
        margin-bottom: 20px;
    }

    .headers {
        padding: 0;
        margin-bottom: 15px;
    }

    .search-results-w-inner {
        width: auto;
        padding: 10px;
    }

    .headers::before {
        display: none;
    }

    .catalog-tabulation__tabs {
        justify-content: center;
    }

    .catalog-tabulation__tab-button-item {
        display: none;
        cursor: default;
    }

    .catalog-tabulation__tab-button-item--active {
        display: block;
        flex: 1 1 auto;
        border-bottom: 1px solid #a2a2a2;
        text-align: center;
    }

    .catalog-tabulation__tab-button-item:first-child::before {
    }

    .catalog-tabulation__tab-button-prev {
        display: flex;
    }

    .catalog-tabulation__tab-button-next {
        display: flex;
    }

    .catalog-tabulation__tab-button-item + .catalog-tabulation__tab-button-item {
        margin-left: 0;
    }

    .outgoing {
        flex: 1 1 100%;
        justify-content: center;
        padding: 10px 0;
    }

    .outgoing__title {
        display: none;
    }

    .footer__inner {
        width: auto;
    }

    .footer__menus {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer__links {
        flex-direction: column;
    }

    .callme-phone__callat {
        text-align: center;
    }

    .phone-holder {
        margin-top: 10px;
    }

    .user-holder {
        flex: 1 1 100%;
        margin-top: 10px;
    }

    .user-holder__actions {
        justify-content: center;
    }

    .payments-list {
        margin-top: 10px;
    }

    .payments-list__title {
        text-align: center;
    }

    .footer__copyrights {
        text-align: center;
    }

    .catalog-main-visuals {
        order: 1;
    }

    .catalog-main-data {
        order: 0;
    }

    .cart-button {
        flex: 1 1 100%;
        padding: 10px 0;
    }

    .cart-button__inner {
        padding-left: 0;
        justify-content: center;
    }

    .header-menu__inner {
        justify-content: center;
    }

    .catalog-main-img img {
        max-width: 100%;
    }

    .advantages__inner {
        flex-direction: column;
        padding: 0;
    }

    .advantages {
        display: flex;
        justify-content: center;
    }

    .advantage-item {
        margin: 20px 0;
    }

    .pagenews-preview {
        flex-direction: column;
    }

    .pagenews-preview-item {
        margin-bottom: 20px;
    }

    .header-menu__item {
        margin: 0 4px;
        font-size: 14px;
    }

    .user-holder__name {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .search-results-title-w {
        flex-direction: column;
        padding: 0;
    }

    .search-preview-text-w {
        padding: 0;
    }

    .search-preview-text {
        margin: 0;
        text-align: center;
    }

    .search-box .search-input {
        max-width: 50%;
    }

    .search-status {
        min-width: 94px;
        padding: 0;
        flex: inherit;
    }

    .header .search-b {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .header .search-box {
        padding: 4px 16px;
    }

    .search-results-w {

        /*position: absolute;*/
        /*right: 40px;*/
    }

    .search-results-title {
        margin-bottom: 10px;
    }

    .search-preview-text-w {
        margin-bottom: 10px;
    }

    .school__features {
        flex-direction: column;
    }

    .school__feature {
        justify-content: center;
        margin: 10px 0;
    }

    .school__sides {
        flex-direction: column;
    }

    .school__side + .school__side {
        margin-top: 10px;
    }

    .school__title {
        text-align: center;
    }

    .school__subtitle {
        text-align: center;
    }

    .pagenews-w {
        flex-direction: column;
    }

    .pagenews-item-w {
        width: auto;
    }

    .pagenews-buttons {
        position: static;
        opacity: 1;
    }

    .catalog-index {
        width: 100%;
    }

    .brands-images {
        flex-direction: column;
    }

    /*.catalog-items-w-x5 .catalog-item{width: 50%;}*/
    .domain-blocks {
        flex-direction: column;
    }

    .domain-blocks__side {
        flex: 1 1 100%;
        padding: 0;
    }

    .domain-blocks__side2 {
        flex: 1 1 100%;
        padding: 0;
    }

    .contents__inner {
        padding: 15px;
    }

    .catalog-item-img {
        padding: 10px;
    }

    .catalog-item-name {
        padding: 0;
    }

    .mobile-order .catalog-item-desc {
        padding: 0;
    }

    .mobile-order .catalog-item-desc .catalog-cart {
        font-size: 14px;
        padding: 16px 9px !important;
    }

    .mobile-order .catalog-item-desc .catalog-cart.stock-b {
        font-size: 14px;
        padding: 4px 9px !important;
    }

    .mobile-order .product-item__booking--none {
        font-size: 14px;
    }

    .slider {
        display: none;
    }

    .categories {
        flex: 0 0 auto;
        padding: 0;
        margin: 0 5px;
    }

    .categories__hamburger {
        color: #333;
    }

    .categories__hamburger:hover {
        color: #333;
    }

    .categories__hamburger-text {
        display: none;
    }

    .outgoing {
        padding: 0;
        flex: 0 0 auto;
    }

    .outgoing__inner {
        padding-right: 0;
    }

    .outgoing__separator {
        display: none;
    }

    .outgoing__button {
        color: #333;
        margin: 0 5px;
    }

    .outgoing__button:hover {
        color: #333;
    }

    .cart-button {
        padding: 0;
        flex: 0 0 auto;
        color: #333;
        margin: 0 5px;
        position: static;
    }

    .cart-icon {
        display: none;
    }

    .breadcrumps-item {
        color: #333;
    }

    .breadcrumps-separator {
        color: #333;
    }

    .cart-button-total__count {
        color: #7b5695;
    }

    .cart-button-total__cost {
        color: #7b5695;
    }

    .cart-predata {
        left: 0;
        right: 0;
        min-width: 0;
    }

    .cart-predata .cart-items .cart-item-name {
        white-space: normal;
    }

    .st-cart-items-w {
        margin: -15px;
    }

    .st-cart-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        border-radius: 16px;
        margin: 32px 16px;
        padding: 16px 8px;
        box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.0588235294);
    }

    .st-cart-item:first-child {
        margin-top: 0;
    }

    .st-cart-item:last-child {
        margin-bottom: 0;
    }

    .st-cart-item .st-cart-item-name a {
        text-align: center;
    }

    .st-cart-items-header {
        display: none;
    }

    .st-cart-items-footer {
        display: flex;
        flex-direction: column;
        padding: 10px;
    }

    .st-cart-items td {
        padding: 8px 0;
        font-size: inherit;
        max-width: 100%;
    }

    .cart-item-image img {
        max-width: 320px !important;
        max-height: 120px !important;
    }

    .st-cart-item-summ {
        display: none;
    }

    .st-cart-item-name {
        background: #f9f9f9;
        padding: 10px !important;
        padding-right: 20px !important;
        margin-bottom: 5px;
    }

    .st-cart-item-name a {
        display: block;
    }

    .st-cart-item-price {
        white-space: nowrap;
        display: flex;
    }

    .st-cart-item-price-text {
        display: inline;
        font-weight: bold;
    }

    .st-cart-item-price-old {
        margin-left: 10px;
    }

    .st-cart-item-price-value {
        font-weight: bold;
        margin-left: 10px;
    }

    .st-cart-item-count {
    }

    .st-cart-items-footer .st-cart-item-count {
        display: none;
    }

    .st-cart-item-count input { /*width: 50px;*/
    }

    .st-cart-item-count-text {
        display: inline;
        font-weight: bold;
    }

    .st-cart-item-summ {
        width: auto;
    }

    .st-cart-item-summ-text {
        display: inline;
        font-weight: bold;
    }

    .st-cart-items tr + tr {
        border-top-style: solid;
        border-top-color: #ececec;
    }

    .st-cart-item-del {
        width: auto;
        padding: 0 !important;
        height: 0;
    }

    .st-cart-item-del-text {
        display: none;
    }

    .st-cart-item-del .fa-stack {
        opacity: 1;
        position: absolute;
        top: 28px;
        right: 10px;
    }

    .st-cart-data tr {
        display: flex;
        flex-direction: column;
    }

    .st-cart-data td {
        padding: 0 !important;
    }

    /*.st-version-select-desc-w{display: none;}*/
    .st-version-w {
        display: flex;
        flex-direction: column;
    }

    .st-version-w td {
        padding: 8px 0;
    }

    /*фильтры*/
    .orders-info-filters-w {
        flex-wrap: wrap;
    }

    .orders-info-filters-w > div {
        margin-bottom: 5px;
    }

    .orders-info-filters-w > div:nth-child(-n+4) {
        width: 49%;
    }

    .orders-info-filters-w > div:nth-child(5) {
        width: calc(100% - 75px);
    }

    .orders-info-filters-w > div:nth-child(6) {
        width: 75px;
        text-align: right;
    }

    /*просмотр и редактирование заказа*/
    .orders-info-style .orders-mail-w {
        max-width: inherit;
    }

    .orders-info-style tr,
    .order-main-desktop-row {
        display: flex;
        flex-direction: column;
    }

    .orders-info-style tr td,
    .order-main-desktop-row td {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        font-size: 11px;
    }

    .orders-info-style tr td .mobile-desc,
    .order-main-desktop-row td .desktop-desc {
        width: 90px;
        min-width: 90px;
        font-weight: bold;
        margin-right: 10px;
        font-size: 11px;
    }

    .order-main-desktop-row td .desktop-text {
        font-size: 11px;
    }

    .orders-info-style tr.head {
        display: none;
    }

    .order-item-image {
        max-width: 80px;
        max-height: 80px;
    }

    .orders-info-style .order-hide-mobile {
        display: none;
    }

    .orders-create-order-w {
        flex-wrap: wrap;
    }

    .orders-create-order-w div.first {
        width: 100%;
        margin-bottom: 5px;
    }

    .orders-create-order-w .first > input {
        width: calc(100% - 310px);
    }

    .orders-create-order-w .first > button {
        width: 300px;
    }

    .orders-create-order-w div.second {
        width: 100%;
    }

    /*.orders-create-order-w > div:nth-child(1) { width: calc(100% - 230px);}*/
    /*.orders-create-order-w > div:nth-child(2) { width: 230px;}*/
}


@media only screen and (max-width: 600px) {
    .st-cart-tab span {
        font-size: 12px;
    }

    /*фильтры*/
    .orders-info-filters-w {
    }

    .orders-info-filters-w > div:nth-child(-n+4) {
        width: 100%;
    }

    .orders-create-order-w {
    }

    .orders-create-order-w div.first {
        margin-bottom: 15px;
    }

    .orders-create-order-w .first > input,
    .orders-create-order-w .first > button {
        width: 100%;
    }

    .orders-create-order-w .second > button {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .st-cart-tab span {
        font-size: 12px;
    }
}


@media only screen and (min-width: 820px) {
    /* для десктопов */
    /*фильтры*/
    /*просмотр и редактирование заказа*/
    .orders-info-style td:nth-child(1) {
        width: 50px;
    }

    .orders-info-style td:nth-child(2) {
        width: 100px;
    }

    .orders-info-style td:nth-child(3) {
        width: 100px;
    }

    .orders-info-style td:last-child {
        width: 50px;
    }

    .orders-info-style tr {
    }

    .orders-info-style tr td .mobile-desc {
        display: none;
    }

    .orders-info-style tr .desktop-desc {
        font-weight: bold;
        margin-bottom: 8px;
    }

    .orders-info-style tr .desktop-text {
        padding: 5px 15px;
        display: inline;
    }

    .orders-info-style .order-item-image {
        max-width: 50px;
        max-height: 50px;
    }

    .order-hide-desktop {
        display: none;
    }

    .desktop-display-block {
        display: block;
    }
}