.comparatore_auto.grid {
    grid-template-areas: "headings auto";
    grid-gap: 2rem;
}

.comparatore_auto__headings > .comparatore_auto__Action {
    display: none;
}

.comparatore_auto__headings h2 {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 1;
}

.comparatore_auto.grid .comparatore_auto__cars {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

.comparatore_auto.grid .comparatore_auto__cars .comparatore_auto__car {
    position: relative;
}

:is(.comparatore_auto__headings, .comparatore_auto__car) > div:first-child {
    min-height: max-content;
    width: auto;
    margin-bottom: 2rem;
    border-bottom: 0px;
}

.comparatore_auto__headings > div:first-child {
    margin-bottom: 3rem;
}

:is(.comparatore_auto__headings, .comparatore_auto__car) > div:nth-child(n+3) {
    height: 2rem;
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
}

.comparatore_auto .comparatore_auto__car a {
    text-decoration: none;
}

.comparatore_auto .comparatore_auto__car .auto__prezzo {
    position: absolute;
    top: 0;
    right: 0;
    width: max-content;
    background-color: var(--global-palette1);
    padding: 0.25rem 0.75rem !important;
    border-radius: 0 1rem;
}

.comparatore_auto__car .auto__prezzo * {
    color: var(--global-palette9) !important;
}

.comparatore_auto__car .auto__img {
    overflow: hidden;
}

.comparatore_auto__car .auto__img img {
    width: 100%;
    height: auto;
    max-height: 213px;
    object-fit: cover;
    border-radius: 1rem;
}

article:is(.entry.auto, .entry.moto) button.compare-button,
article:is(.entry.auto, .entry.moto) button.remove-from-compare {
    display: flex;
	margin-top: 0.5rem;
    margin-left: auto;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    line-height: 1;
	background-color: var(--global-palette8);
	color: var(--global-palette3);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

article:is(.single-entry.auto, .single-entry.moto) button.compare-button,
article:is(.single-entry.auto, .single-entry.moto) button.remove-from-compare {
    margin-left: 0;
	max-width: max-content;
}

article:is(.comparatore_auto__car) button.compare-button,
article:is(.comparatore_auto__car) button.remove-from-compare {
    display: flex;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    line-height: 1;
    max-width: max-content;
    background-color: var(--global-palette2);
    color: var(--global-palette9);
    margin-top: -3rem;
    margin-bottom: 2rem;
    margin-inline: auto;
    position: relative;
    z-index: 10;
}

.comparatore_auto .comparatore_auto__car :is(.auto__equipaggiamento, .auto__personalizzazioni) {
    height: max-content !important;
    min-height: max-content !important;
    flex-direction: column;
    align-items: flex-start;
}

.comparatore_auto .comparatore_auto__car :is(.auto__equipaggiamento, .auto__personalizzazioni) ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0.5rem 0 0 0;
}

.comparatore_auto .comparatore_auto__car :is(.auto__equipaggiamento, .auto__personalizzazioni) ul li {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.comparatore_auto .comparatore_auto__car :is(.auto__equipaggiamento, .auto__personalizzazioni) ul li img[src$=".svg"] {
    max-width: 13px;
    min-width: 13px;
    filter: brightness(0.25);
}

@media (max-width: 767px) {
    .comparatore_auto.grid {
        grid-template-areas:
            "headings"
            "auto";
        grid-gap: 2rem;
    }
    .comparatore_auto .comparatore_auto__headings{
        display: none !important;
        visibility: hidden;
    }
    .comparatore_auto.grid .comparatore_auto__cars {
        grid-template-columns: 1fr;
        grid-gap: 3rem;
    }
    .comparatore_auto.grid .comparatore_auto__cars article.comparatore_auto__car {
        display: flex;
        flex-direction: column;
    }
    .comparatore_auto__car > div:nth-child(n+3) {
        padding: 0.2rem 0;
        height: auto;
    }
    .comparatore_auto__car > div:nth-child(n+3) * {
        line-height: 1.3;
    }
    article.comparatore_auto__car .auto__brand > :before {
        content: 'Brand: ';
    }
    article.comparatore_auto__car .auto__carrozzeria > :before {
        content: 'Carrozzeria: ';
    }
    article.comparatore_auto__car .auto__condizione > :before {
        content: 'Condizione: ';
    }
    article.comparatore_auto__car .auto__anno:before {
        content: 'Anno: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__chilometri:before {
        content: 'Chilometri: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__motore:before {
        content: 'Motore: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__cilindrata:before {
        content: 'Cilindrata: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__potenza:before {
        content: 'Potenza: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__cambio:before {
        content: 'Cambio: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__trazione:before {
        content: 'Trazione: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__alimentazione:before {
        content: 'Alimentazione: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__peso_a_vuoto:before {
        content: 'Peso a vuoto: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__esterni:before {
        content: 'Esterni: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__interni:before {
        content: 'Interni: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__equipaggiamento:before {
        content: 'Equipaggiamento: ';
        margin-right: 5px;
    }
    article.comparatore_auto__car .auto__personalizzazioni:before {
        content: 'Personalizzazioni: ';
        margin-right: 5px;
    }
}




