body {
    background: var(--beige_gradient_bg_color);
}

.cart {
    position: relative;
    padding: 0;
    margin-bottom: 4rem;
}

.header_block {
    width: 100%;
    background: var(--gold_gradient_color);
    padding: 2rem 3rem;
    border-radius: 0.5rem 0.5rem 0 0;
}

.products_header_block,
.left_content_block,
.right_content_block,
.consultation_appointment_block {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: max-content max-content;
    grid-gap: 2rem 0;
    color: var(--dark_color);
}
.products_header_block {
    grid-template-columns: minmax(1px, 4fr) minmax(1px, 5fr);
    grid-gap: 0 1.5rem;
    margin-top: 1rem;
}
.left_content_block,
.right_content_block {
    align-items: center;
    grid-gap: 0 1.5rem;
    padding: 3rem 3rem;
}
.left_content_block {
    grid-template-columns: minmax(1px, 5fr) minmax(1px, 4fr);
}
.right_content_block {
    grid-template-columns: minmax(1px, 2fr) minmax(1px, 3fr);
    grid-gap: 0.5rem 1.5rem;
    background-color: var(--background_gray_color);
}
.consultation_appointment_block {
    align-items: center;
    grid-template-columns: minmax(1px, 1fr);
    background-color: var(--background_gray_color);
    padding: 7rem 3rem;
}

    .products_header_block .img_box {
        position: relative;
        width: 100%;
        padding: 1rem;
    }
        .products_header_block .img_box svg {
            width: 100%;
            height: 100%;
            fill: var(--dark_color);
        }

    .left_content_block .img_box,
    .right_content_block .img_box {
        position: relative;
        padding: 2rem;
    }
    .left_content_block .img_box .img_card,
    .right_content_block .img_box .img_card {
        position: relative;
        width: 100%;
        max-height: 25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        border-radius: var(--default_border_radius);
    }
        .left_content_block .img_box .img_card img,
        .right_content_block .img_box .img_card img {
            min-width: 1px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            box-shadow: var(--default_shadow);
            border-radius: var(--default_border_radius);
            transition: var(--default_transition);
            z-index: 2;
        }
        .left_content_block .img_box .img_shadow,
        .right_content_block .img_box .img_shadow {
            content: '';
            position: absolute;
            width: calc(100% - 4.4rem);
            height: calc(100% - 4.4rem);
            top: 3.5rem;
            background-color: var(--gold_color_lite);
            border-radius: var(--default_border_radius);
            z-index: 1;
        }
        .left_content_block .img_box .img_shadow {
            left: 3.5rem;
        }
        .right_content_block .img_box .img_shadow {
            right: 3.5rem;
        }

    .products_header_block .content_box,
    .left_content_block .content_box,
    .right_content_block .content_box,
    .consultation_appointment_block .content_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        .left_content_block .content_box .brand_header,
        .right_content_block .content_box .brand_header {
            font-size: 1.3rem;
            font-family: RobotoMedium;
            margin-left: 0.5rem;
        }
        .products_header_block .content_box .header,
        .left_content_block .content_box .header,
        .right_content_block .content_box .header,
        .consultation_appointment_block .content_box .header {
            font-size: 1.2rem;
            font-family: Roboto;
            margin-top: 1rem;
            text-indent: 0.5rem;
        }

        .products_header_block .content_box .line,
        .left_content_block .content_box .line,
        .right_content_block .content_box .line,
        .consultation_appointment_block .content_box .line {
            width: 5rem;
            border-bottom: 1px solid var(--gold_color);
            margin-top: 1.5rem;
        }
        .consultation_appointment_block .content_box .line {
            width: 40%;
        }
        .products_header_block .content_box .line {
            width: 40%;
            border-color: var(--dark_color);
        }

@media (max-width: 768px) {
    .header_block {
        padding: 3rem 2rem;
    }

    .products_header_block,
    .left_content_block,
    .right_content_block {
        grid-template-columns: 1fr;
    }
    .left_content_block,
    .right_content_block {
        padding: 3rem 2rem;
    }
    .consultation_appointment_block {
        padding: 4rem 1rem 1.5rem 1rem;
    }
        .products_header_block .content_box {
            min-height: 22rem;
        }
        .left_content_block .content_box,
        .right_content_block .content_box {
            min-height: 12rem;
        }
}

@media (max-width: 480px) {
    .header_block {
        padding: 3rem 1rem;
    }
    .left_content_block,
    .right_content_block {
        padding: 3rem 1rem;
    }
}