.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-weight: 500;
            font-size: calc(15px + 2vw);
        }
    }

    .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;
                    }
                }*/
            }
        }
    }
}

.phone-row {
    label {
        flex-grow: 1;
    }
}

.search-result {
    .search-result_article {
        font-weight: 500;
        color: var(--main-color);
    }
}

.product-thumb_article {
    font-weight: 500;
    color: var(--main-color);
    text-align: center;
}

.market-places-block {
    padding: 1em 0;
    font-weight: 500;
    font-size: 20px;

    .marketplaces-links {
        display: flex;
        gap: 1em;
        padding: 1em 0;

        .marketplace-button {
            display: block;
            width: 150px;
            height: 80px;
            background-repeat: no-repeat;
            border-radius: 10px;
            border-color: var(--main-color);
            border-width: 2px;
            border-style: solid;
            background-position: center;
            cursor: pointer;

            &.market-ozon {
                background-image: url("/images/logo_ozon_1.webp");
                background-size: 90% auto;
            }

            &.market-ya {
                background-image: url("/images/Yandex_logo.svg.png");
                background-size: 90% auto;
            }

            &.market-wb {
                background-image: url("/images/Wildberries_2023_Pink.png");
                background-size: 90% auto;
            }

            &.market-rossko {
                background-image: url("/images/Rossko.png");
                background-size: 90% auto;
            }
        }
    }
}

.marketplaces-section {
    .marketplaces {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 2em;
        container-type: inline-size;
        .marketplace-logo {
            border-radius: 15px;
            width: 100%;
            aspect-ratio: 1 / 1;
        }
    }
}

@container (max-width: 500px) {
    .marketplaces-section {
        .marketplaces {
            grid-template-columns: repeat(3, 1fr);
            gap: 1em;
        }
    }
}

.top-header-block .top-header-menu ul li [href="/repair"] {
    color: var(--main-color);
    font-weight: 600;
}