/*
============================================================
AUTOMART VEHICLE DETAIL V38.6
NATURAL SVG ASSET AUTHORITY

IMPORTANT
- real standalone SVG files
- SVGs retain their own fill/stroke colors
- NO grayscale
- NO hue rotation
- NO currentColor override
- NO green icon tile
- NO page typography changes
============================================================
*/


/* =========================================================
   KEY INFORMATION — RAW SVG ASSETS
   ========================================================= */

.vehicle-detail-page .key-info > div::before {
    content: "" !important;

    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    box-shadow: none !important;

    filter: none !important;
    opacity: 1 !important;
}


/* Make */
.vehicle-detail-page .key-info > div:nth-child(1)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/make.svg") !important;
}

/* Body Type */
.vehicle-detail-page .key-info > div:nth-child(2)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/body-type.svg") !important;
}

/* Model */
.vehicle-detail-page .key-info > div:nth-child(3)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/model.svg") !important;
}

/* Engine */
.vehicle-detail-page .key-info > div:nth-child(4)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/engine.svg") !important;
}

/* Year */
.vehicle-detail-page .key-info > div:nth-child(5)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/year.svg") !important;
}

/* Drivetrain */
.vehicle-detail-page .key-info > div:nth-child(6)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/drivetrain.svg") !important;
}

/* Mileage */
.vehicle-detail-page .key-info > div:nth-child(7)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/mileage.svg") !important;
}

/* Condition */
.vehicle-detail-page .key-info > div:nth-child(8)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/condition.svg") !important;
}

/* Transmission */
.vehicle-detail-page .key-info > div:nth-child(9)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/transmission.svg") !important;
}

/* Color */
.vehicle-detail-page .key-info > div:nth-child(10)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/color.svg") !important;
}


/* =========================================================
   FEATURES — NATURAL SVG ASSETS
   ========================================================= */

.vehicle-detail-page .feature-list > span::before {
    content: "" !important;

    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;

    box-shadow: none !important;

    filter: none !important;
    opacity: 1 !important;
}


/* Push-button start / Bluetooth artwork */
.vehicle-detail-page .feature-list > span:nth-child(1)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/bluetooth.svg") !important;
}

/* Cruise control */
.vehicle-detail-page .feature-list > span:nth-child(2)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/cruise-control.svg") !important;
}

/* Lane assist */
.vehicle-detail-page .feature-list > span:nth-child(3)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/lane-assist.svg") !important;
}

/* Leather seats */
.vehicle-detail-page .feature-list > span:nth-child(4)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/leather-seats.svg") !important;
}

/* Parking sensors */
.vehicle-detail-page .feature-list > span:nth-child(5)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/parking-sensors.svg") !important;
}

/* Alloy wheels */
.vehicle-detail-page .feature-list > span:nth-child(6)::before {
    background-image:
        url("/assets/icons/vehicle-detail-v38-6/alloy-wheels.svg") !important;
}


/* =========================================================
   REMOVE ANY OLD FILTERS APPLIED TO REAL/INLINE SVG
   ========================================================= */

.vehicle-detail-page .key-info svg,
.vehicle-detail-page .feature-list svg,
.vehicle-detail-page .key-info .vd21-svg,
.vehicle-detail-page .feature-list .vd21-svg {
    filter: none !important;

    color: initial !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/* DO NOT recolor child paths */
.vehicle-detail-page .key-info svg *,
.vehicle-detail-page .feature-list svg * {
    filter: none !important;
}


/* =========================================================
   KEEP V38.5 GRID GEOMETRY
   ========================================================= */

.vehicle-detail-page .key-info {
    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;
}

@media (max-width:1240px) {
    .vehicle-detail-page .key-info {
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width:900px) {
    .vehicle-detail-page .key-info {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width:620px) {
    .vehicle-detail-page .key-info {
        grid-template-columns:
            1fr !important;
    }
}