.car-summary-header,
.car-summary-location-container,
.car-summary-title,
.car-summary-footer {
    display: flex;
}

.car-summary {
    color: var(--text-gray-900);
}

.car-summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.car-summary-location-container {
    color: var(--text-gray-500);
    font-weight: 600;
    margin-left: auto;
    font-size: max(14px, min(2vw, 16px));
}

.car-summary-content .car-summary-title {
        flex-wrap: nowrap;
        gap: 8px;
        margin: 4px 0;
    }

.car-summary-footer {
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 24px;
}

.car-summary-footer .car-summary-price {
        display: flex;
        flex-direction: column;
    }

.car-summary-footer .car-summary-price .previous-price,
        .car-summary-footer .car-summary-price .current-price {
            font-weight: 700;
            white-space: nowrap;
            display: flex;
            align-items: center;
            gap: 4px;
        }

.car-summary-footer .car-summary-price .previous-price {
            -webkit-text-decoration: line-through;
            text-decoration: line-through;
            font-size: 16px;
            font-weight: 400;
            color: var(--red);
        }

.car-summary-footer .car-summary-price .current-price {
            font-size: max(20px, min(2vw, 24px));
            color: var(--red-600);
            line-height: 1;
        }

.car-summary-footer .tva-group .tva {
            display: flex;
            align-items: center;
            gap: 2px;
            color: var(--text-gray-500);
            font-size: 14px;
        }

.car-summary-footer .tva-group .net-price {
            font-weight: 600;
            color: var(--text-gray-500);
        }

@media (max-width: 1056px) {
    .car-summary {
        background-color: var(--white);
        padding: 24px;
        border-radius: 16px;
        flex: 1;
    }
}

@media (max-width: 768px) {
    .car-summary {
        padding: 16px 24px;
        border-radius: 0px;
    }
}
