body.page-vehicle-filter,
body.page-vehicle-filter .header.white-header {
    background-color: hsl(240 10% 95%);
}

.filter-radio-group {
    display: flex;
    align-items: stretch;
    position: relative;
    flex-flow: column nowrap;
    column-gap: calc(11.2px * (1 - 0.64285714) + 4px);
    row-gap: calc(11.2px * (1 - 0.64285714) + 4px);
}

.form-check {
    display: flex;
    align-items: center;
    min-height: unset;
    margin-bottom: 0;
}

.form-check-input {
    cursor: pointer;
    width: 28.4px;
    height: 28.4px;
    margin-top: 0;
    background-color: #afafb626;
    border-color: #4f505953;
    transition: background-color .25s cubic-bezier(.25, .1, .25, 1), border-color .25s cubic-bezier(.25, .1, .25, 1);
}

    .form-check-input:hover {
        border-color: #010205;
    }

    .form-check-input:focus {
        box-shadow: none;
        border-color: #4f505953;
    }

    .form-check-input:checked {
        background-color: #010205;
        border-color: #010205;
    }

    .form-check-input[type="checkbox"] {
        width: calc(1 * 1.75rem);
        height: calc(1 * 1.75rem);
        border-radius: 8px;
    }


.form-check-label {
    padding-left: calc(11.2px * (1 - 0.64285714) + 4px);
    font: 400 1.05rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    color: #010205;
    width: 100%;
    cursor: pointer;
}

.filter-count {
    margin-left: auto;
    color: #6b6d75;
}

.accordion-item {
    border: none;
    margin-block: calc(clamp(16px, 1.25vw + 12px, 36px) + clamp(8px, .5vw + 6px, 16px));
    padding: 0;
    background-color: inherit;
}

.accordion-header {
    padding: 0;
}

.accordion-button {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0;
    gap: 8px;
    font-weight: 600;
    font-size: clamp(18.08px, 0.21vw + 1.08rem, 1.33rem);
    color: #010205;
    text-transform: capitalize;
}

    .accordion-button::after {
        margin: 0;
    }

    .accordion-button,
    .accordion-button:not(.collapsed) {
        background-color: unset;
        color: #010205;
    }

        .accordion-button::before {
            background: transparent;
            transition: background-color .25s cubic-bezier(.25, .1, .25, 1);
        }

        .accordion-button::after {
            margin: 0;
            width: 24px;
            height: 24px;
            background-size: 16px;
            background-position: center;
            background-repeat: no-repeat;
            background-color: transparent;
            border-radius: 50%;
            transition: background-color 0.2s ease, transform 0.2s ease;
            background-image: url('/img/acc-arrow.svg') !important;
        }

        .accordion-button:hover::after {
            content: '';
            width: 1.5rem;
            height: 1.5rem;
            pointer-events: none;
            background-color: #afafb626;
            border-radius: calc(infinity * 1px);
        }

.accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    padding: 0;
    padding-top: calc(28px * (1 - 0.64285714) + 6px);
}

    .accordion-body .form-check:not(:last-child) {
        margin-bottom: 8px;
    }

/*  model cards css */
.model-card {
    position: relative;
    background-color: #ffffff;
    border-radius: 32px;
    padding: 3rem 2rem 2rem;
    margin-top: 100px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    transform-origin: center center;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

    .model-card:hover {
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
        transform: scale(1.008);
    }

.model-card__image-wrapper {
    position: absolute;
    top: -92px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1;
}

    .model-card__image-wrapper > img {
        width: 100%;
        max-width: 435px;
        height: auto;
        transition: transform 0.3s ease;
        transform-origin: center center;
        filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.25));
    }

.model-card__content {
    position: relative;
    z-index: 2;
    margin-top: clamp(16px, 1.25vw + 12px, 36px);
}

.model-card__title {
    font: 400 clamp(1.27rem,.51vw + 1.16rem,1.78rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: #010205;
    margin-bottom: .75rem;
}

.model-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 2.25rem;
}

.model-card__tag {
    font-size: 0.875rem;
    padding: 1px 8px;
    border-radius: 2rem;
    background-color: light-dark(#6465723c,#9c9c9f4d);
    color: #010205;
    font: 400 .875rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
}

.model-card__tag--dark {
    background-color: #010205;
    color: #ffffff;
}

.model-card__stats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: clamp(16px, 1.25vw + 12px, 36px);
}

.model-card__stat {
    display: flex;
    flex-direction: column;
}

.model-card__stat-value {
    font-size: 1.35rem;
    color: #010205;
    margin-bottom: 0.15rem;
    font: 400 clamp(1.13rem,.21vw + 1.08rem,1.33rem)/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
}

.model-card__stat-label {
    font-size: 0.9rem;
    color: light-dark(#1a1a1eb3,#f6f6f8ab);
    font: 400 .875rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif
}

.model-card__disclaimer {
    font: 400 .75rem/calc(6px + 2.125ex) Porsche Next,Arial Narrow,Arial,Heiti SC,SimHei,sans-serif;
    color: light-dark(#11111399,#f6f6f88f);
    font-weight: 400;
    margin-bottom: clamp(8px, .5vw + 6px, 16px);
}

.model-card__link {
    font-size: 0.95rem;
    color: #010205;
    text-decoration: underline;
    text-underline-offset: 4px;
    margin-bottom: calc(clamp(16px, 1.25vw + 12px, 36px) - clamp(8px, .5vw + 6px, 16px));
    display: inline-block;
    transition: color 0.2s ease;
    font: 400 1rem / calc(6px + 2.125ex) "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
    min-height: calc(6px + 2.125ex);
    border-radius: 10px;
    padding: .2rem;
}

    .model-card__link:hover {
        backdrop-filter: blur(32px);
        background-color: light-dark(#6465723c,#9c9c9f4d);
    }

.model-card__actions {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: clamp(8px, .5vw + 6px, 16px);
    margin-bottom: 1.5rem;
    padding-top: clamp(8px, .5vw + 6px, 16px);
}

.model-card__compare {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.model-card__compare-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: none;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s, border-color 0.2s;
}

    .model-card__compare-checkbox:checked {
        background-color: #000000;
        border-color: #000000;
    }

        .model-card__compare-checkbox:checked::after {
            content: '';
            position: absolute;
            left: 5px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.model-card__compare-label {
    font-size: 0.95rem;
    color: #000000;
}