/* ==========================================================
   PURECAR DRIVER TOOLS — VIEW MORE CARS WIDTH ISOLATION
   The surrounding page/container padding must NOT shrink cars.
   ========================================================== */

.pc-driver-cars-isolated {
    position: relative !important;

    width: min(1520px, calc(100vw - 32px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

/* Heading and grid get the full independent width */
.pc-driver-cars-isolated .pc-cars-header,
.pc-driver-cars-isolated .pc-cars-head,
.pc-driver-cars-isolated .pc-cars-grid,
.pc-driver-cars-isolated .grid-for-car-cards,
.pc-driver-cars-isolated .card-list-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Do not let inherited page padding bleed into the car area */
.pc-driver-cars-isolated .pc-cars-header,
.pc-driver-cars-isolated .pc-cars-head {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Cards are allowed to use the full grid column */
.pc-driver-cars-isolated .main_car_card,
.pc-driver-cars-isolated .car-card {
    min-width: 0 !important;
    max-width: none;
}

/* Mobile gets its own clean gutter */
@media (max-width: 700px) {
    .pc-driver-cars-isolated {
        width: calc(100vw - 24px) !important;
    }
}


/* =========================================================
   PURECAR — FINAL VIEW MORE CARS BOTTOM SPACING
   ========================================================= */

.pc-cars-section.pc-driver-cars-isolated {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 32px !important;
    padding-bottom: 28px !important;
}


/* No extra gap underneath the actual grid */
.pc-driver-cars-isolated .card-list-container,
.pc-driver-cars-isolated .grid-for-car-cards {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Bootstrap card margins */
.pc-driver-cars-isolated .grid-for-car-cards > .my-3 {
    margin-bottom: 0 !important;
}


/* Footer should follow immediately */
.pc-driver-cars-isolated + footer,
.pc-driver-cars-isolated ~ footer {
    margin-top: 0 !important;
}


/* Remove empty spacing sometimes left by page wrappers */
body:has(.pc-driver-cars-isolated) .pc-driver-cars-isolated {
    margin-bottom: 0 !important;
}


@media (max-width: 700px) {

    .pc-cars-section.pc-driver-cars-isolated {
        padding-top: 24px !important;
        padding-bottom: 22px !important;
    }
}