.purchase-delivery {
    display: grid;
    grid-template-columns: 1fr min-content max-content min-content;
    gap: 15px;
    align-items: center;
    white-space: nowrap;

    .city {
        display: flex;
        gap: 10px;
    }

    .question-icon {
        display: inline-block;
        width: 1.3em;
        height: 1.3em;
        background: url("/images/svg/question.svg") center no-repeat;
        background-size: contain;
    }

    .delete-delivery {
        opacity: 0.6;
        width: 1.3em;
        height: 1.3em;
        background: url("/images/svg/chest.svg") center no-repeat;
        background-size: contain;
        transform: rotate(45deg);
        border: 2px solid black;
        border-radius: 1.5em;
        cursor: pointer;
    }
}

.number-input {
    outline: none;
}

.delivery-method__body {
    margin-left: 1em;
}

.delivery-variants {
    display: flex;
    flex-direction: column;
    gap: 10px;
    .delivery-variant {
        .description {
            margin-left: 1em;
            padding: .3em .5em;
            font-style: italic;
            background-color: rgba(150, 150, 150, .2);
            font-size: .9em;
        }
    }
}

.product_sum_price {
    white-space: nowrap;
}

.order-products {
    .purchases {
        margin-top: 45px;
    }

    .purchases-list {
        grid-template-columns: 1fr 1fr 1fr 2fr 1fr 1fr;

        .image {
            img {
                width: 100%;
                object-fit: contain;
            }
        }

        .deliveries {
            display: flex;
            flex-direction: column;
            .purchase-delivery {
                .city {
                    .question-icon {
                        cursor: help;
                    }
                }
            }
        }

        .product-not-found {
            grid-column: span 7;
            padding: 25px;
        }
    }
}

.main-section.category-404 {
    container-type: inline-size;
    @container (width < 900px) {
        .content {
            .left .buttons {
                display: flex;
                gap: 5px;
                flex-wrap: wrap;
            }
            .right {
                display: none !important;
            }
        }
    }
}

.partner-page {
    display: flex;
    flex-direction: column;
    gap: 15px;
    container-type: inline-size;
    .contact-block {
        display: flex;
        justify-content: space-between;
    }
    .gallery-title {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        padding: 20px;
    }
    .partner-properties-table {
        font-weight: bold;
    }

    .first-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        .partner-properties-table table{
            width: 100%;
        }
    }

    @container (max-width: 499px) {
        .first-block {
            grid-template-columns: 1fr;
        }
        .contact-block {
            flex-direction: column;
        }
    }
}

.important-url {
    font-weight: 400;
    color: var(--main-color);
    text-decoration: underline;
}

.partner-page {
    .city,.name {
        font-size: 22px;
        line-height: 36px;
    }

    .partner-slider {

    }

    .text {
        font-size: 18px;
    }
}

.page-title-block.partner-page .wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 24px;
    gap: 15px;
    h1 {
        margin-top: unset;
        margin-bottom: unset;
    }
}

.purchase-delivery {
    display: grid;
    grid-template-columns: 1fr min-content max-content min-content;
    gap: 15px;
    align-items: center;
    white-space: nowrap;

    .city {
        display: flex;
        gap: 10px;
    }

    .question-icon {
        display: inline-block;
        width: 1.3em;
        height: 1.3em;
        background: url("/images/svg/question.svg") center no-repeat;
        background-size: contain;
    }

    .delete-delivery {
        opacity: 0.6;
        width: 1.3em;
        height: 1.3em;
        background: url("/images/svg/chest.svg") center no-repeat;
        background-size: contain;
        transform: rotate(45deg);
        border: 2px solid black;
        border-radius: 1.5em;
        cursor: pointer;
    }
}

.number-input {
    outline: none;
}

.delivery-method__body {
    margin-left: 1em;
}

.delivery-variants {
    display: flex;
    flex-direction: column;
    gap: 10px;
    .delivery-variant {
        .description {
            margin-left: 1em;
            padding: .3em .5em;
            font-style: italic;
            background-color: rgba(150, 150, 150, .2);
            font-size: .9em;
        }
    }
}

.product_sum_price {
    white-space: nowrap;
}

.order-products {
    .purchases {
        margin-top: 45px;
    }

    .purchases-list {
        grid-template-columns: 1fr 1fr 1fr 2fr 1fr 1fr;

        .image {
            img {
                width: 100%;
                object-fit: contain;
            }
        }

        .deliveries {
            display: flex;
            flex-direction: column;
            .purchase-delivery {
                .city {
                    .question-icon {
                        cursor: help;
                    }
                }
            }
        }

        .product-not-found {
            grid-column: span 7;
            padding: 25px;
        }
    }
}

.main-section.category-404 {
    container-type: inline-size;
    @container (width < 900px) {
        .content {
            .left .buttons {
                display: flex;
                gap: 5px;
                flex-wrap: wrap;
            }
            .right {
                display: none !important;
            }
        }
    }
}

.partner-page {
    display: flex;
    flex-direction: column;
    gap: 15px;
    container-type: inline-size;
    .contact-block {
        display: flex;
        justify-content: space-between;
    }
    .gallery-title {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        padding: 20px;
    }
    .partner-properties-table {
        font-weight: bold;
    }

    .first-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        .partner-properties-table table{
            width: 100%;
        }
    }

    @container (max-width: 499px) {
        .first-block {
            grid-template-columns: 1fr;
        }
        .contact-block {
            flex-direction: column;
        }
    }
}

.important-url {
    font-weight: 400;
    color: var(--main-color);
    text-decoration: underline;
}

.partner-page {
    .city,.name {
        font-size: 22px;
        line-height: 36px;
    }

    .partner-slider {

    }

    .text {
        font-size: 18px;
    }
}

.page-title-block.partner-page .wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 24px;
    gap: 15px;
    h1 {
        margin-top: unset;
        margin-bottom: unset;
    }
}

@media (max-width: 1550px) {
    .section .content {
        max-width: var(--content-width);
    }
    .top-header-block {
        &.section .content {
            .top-header-menu {
                ul li {
                    display: flex;
                    align-items: center;
                    a {
                        padding: 15px 5px;
                        text-transform: none;
                    }
                }
            }
        }

        .right-part .label {
            font-size: 12px;
        }

        .work-time svg {
            width: 1em;
        }
    }
    .purchases-list{
        .body__cell.image{
            img{
                width: 100px;
            }
        }
    }
}

@media (max-width: 1200px){
    .section {
        .section-title {
            font-size: calc(15px + 1vw);
        }
    }

    .header__logo{
        grid-area: header__logo;
    }

    .header__search{
        grid-area: header__search;
    }

    .header__contacts{
        grid-area: header__contacts;
    }

    header .center-block .content{
        display: grid;
        gap: 15px;
        grid-template-areas: "header__logo header__search header__cart"
                             "header__logo header__contacts header__contacts";
        padding: 15px 0;
    }

    header .center-block .header__contacts{
        gap: 10px;
    }

    header .bottom-header-block .bottom-header-menu ul li a{
        padding: 15px 25px;
    }

    .banner-section.banner-one {
        .section-title{
            width: calc(100% - 150px);
            .sticker{
                right: -150px;
            }
        }
        .banner-image{
            display: none;
        }
        .about-button{
            margin-top: 30px;
        }
    }

    .utps{
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 15px;
        .utp {
            padding: 1.5vw 2.52vw 1.5vw 1.5vw;
        }
    }

    .banner-section.banner-two{
        padding: 2vw 0;
        .play-video-icon{
            right: 2.5vw;
            top: 50%;
            transform: translateY(-50%);
        }
    }
    .product-thumbs{
        gap: 20px;
        .product-thumb{
            padding: 30px 20px;
            gap: 20px;
        }
    }
    .main-about-us-section .content{
        grid-template-columns: 1fr;
        gap: 20px;
        .image-part{
            grid-row-start: 1;
        }
    }
    .to-messenger{
        .label{
            display: none;
        }
    }
    .articles{
        gap: 15px 10px;
        .article{

            .text-content{
                font-size: 12px;
            }
        }
    }

    .page-content .contacts-content-section .contacts-content{
        grid-template-columns: 1fr;
        .contacts-part{
            .part_content{
                grid-template-columns: 1fr 1fr;
                gap: 25px;
                .sn-chunk{
                    grid-column: span 2;
                }
            }
            .part_title{
                padding-bottom: 20px;
            }
        }
        .get-consultation-part {
            gap: 15px;
        }
    }



    .products-with-filters-section .content{
        grid-template-columns: 250px 1fr;
        gap: 10px;
    }
    .filter .body{
        padding: 10px 20px;
    }
    [data-page-type=product-category] .description-section {
        padding-top: 30px;
    }

    .cart-order-properties-section{
        margin-top: 1vw;
    }

    .grid-table .head__cell{
        padding: 5px;
    }

    .grid-table .body__cell{
        padding: 5px;
    }

    .body__cell{
        word-wrap: break-word;
    }
    .purchases-list{
        font-size: 12px;
        .remove-purchase-button{
            width: 25px;
            height: 25px;
        }
    }

    .cart-summary-information-section{
        .content{
            display: flex;
            flex-direction: column;
        }
        .send-order-button {
            margin-right: auto
        }
    }
}

.reviews {
    display: grid;
    gap: 60px;
    grid-template-columns: 1fr min-content;
    container-type: inline-size;
    .right-sidebar {
        width: 250px;
        .send-review {
            width: 100%;
        }
    }
    @container (max-width: 800px) {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.send-message-tool {
    container-type: inline-size;
    @container (max-width: 800px) {
     .contact-row {
        flex-direction: column;
     }
    }
}

.page-title-block  {
    container-type: inline-size;
    @container (max-width: 800px) {
        h1 {
            font-size: 20px;
        }
    }
}

.page-content {
    container-type: inline-size;
    .repair-prices-list.listing-table {
        @container (max-width: 800px) {
            .row {
                grid-template-columns: 150px 90px 80px 20px 30px;
                > div {
                    padding: 2px 2px;
                }
                /*.order {
                    button {
                        &:after {
                            content: '!';
                        }
                    }
                    .label {
                        display: none;
                    }
                }*/
            }
        }
    }
}