.pdp-main-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 4fr 2fr;
    grid-template-areas:
        "gallery             sidebar"
        "technical-details   sidebar"
        "warranty            sidebar"
        "benefits            sidebar"
        "report              sidebar"
        "description         sidebar"
        "recommended         sidebar"
        "reviews             sidebar";
    grid-gap: 8px;
    gap: 8px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 36px;
    color: var(--color-dark);
}

.pdp-main-wrapper .pdp-left-section {
        grid-area: gallery;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

.pdp-main-wrapper .pdp-left-section .carousel-wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

.pdp-main-wrapper .pdp-left-section .swiper {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

.pdp-main-wrapper .pdp-sidebar {
        grid-area: sidebar;
        max-width: 460px;
        width: 100%;
        min-width: 0;
        position: sticky;
        top: 80px;
        align-self: start;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 90vh;
        overflow-y: auto;
    }

.pdp-main-wrapper .pdp-benefits-section {
        grid-area: benefits;
        width: 100%;
    }

.pdp-main-wrapper .pdp-report-section {
        grid-area: report;
        width: 100%;
    }

.pdp-main-wrapper .pdp-warranty-section {
        grid-area: warranty;
        width: 100%;
    }

.pdp-main-wrapper .pdp-technical-details-section {
        grid-area: technical-details;
        width: 100%;
    }

.pdp-main-wrapper .pdp-description-section {
        grid-area: description;
        width: 100%;
    }

.pdp-main-wrapper .pdp-recommended-vehicles-section {
        grid-area: recommended;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

.pdp-main-wrapper .pdp-reviews-section {
        grid-area: reviews;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
    }

.pdp-main-wrapper .pdp-reviews-section .review-section {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

@media (max-width: 1024px) {
    .pdp-main-wrapper {
        padding: 24px 16px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "gallery"
            "sidebar-info"
            "technical-details"
            "warranty"
            "benefits"
            "report"
            "description"
            "sidebar-actions"
            "recommended"
            "reviews";
        gap: 12px;
    }

        .pdp-main-wrapper .pdp-left-section {
            width: 100%;
        }

        .pdp-main-wrapper .pdp-sidebar,
        .pdp-main-wrapper .pdp-sidebar .sidebar-content,
        .pdp-main-wrapper .pdp-sidebar .sidebar-content__card {
            display: contents;
        }

        .pdp-main-wrapper .sidebar-content__info {
            grid-area: sidebar-info;
        }

        .pdp-main-wrapper .sidebar-content__actions {
            grid-area: sidebar-actions;
        }

        .pdp-main-wrapper .pdp-benefits-section {
            width: 100%;
        }
            .pdp-main-wrapper .pdp-benefits-section .pdp-benefits {
                margin-top: 0px;
            }

        .pdp-main-wrapper .pdp-report-section {
            width: 100%;
        }

        .pdp-main-wrapper .pdp-warranty-section {
            width: 100%;
        }

        .pdp-main-wrapper .pdp-technical-details-section {
            width: 100%;
        }

        .pdp-main-wrapper .pdp-description-section {
            width: 100%;
        }

        .pdp-main-wrapper .pdp-recommended-vehicles-section {
            width: 100%;
            max-width: 100%;
            min-width: 0;
            overflow: hidden;
        }

        .pdp-main-wrapper .pdp-reviews-section {
            width: 100%;
            max-width: 100%;
            min-width: 0;
            overflow: hidden;
        }

        .pdp-main-wrapper .pdp-reviews-section .review-section {
            max-width: 100%;
            margin: 0;
            padding: 0;
        }
}