﻿.dealer-offers-list-dealer-container { 
    overflow: hidden; 
    box-shadow: 0 7.5px 35px rgba(0, 0, 0, .03), 0 15px 22.5px rgba(0, 0, 0, .03), 0 3px 8.5px rgb(0, 0, 0, .05), 0 2px 3px rgb(0, 0, 0, .03); 
}
.dealer-offers-list-dealer-container{
    flex-direction: column;
}
.dealer-offers-list-dealer-container { 
    display: flex; 
    align-items: flex-start;
}
.dealer-offers-list-dealer-left-container, .dealer-offers-list-dealer-abstract{
    width: 100%;
}
button.dealer-abstract-button {
    width: 100%;
    border: none;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    color: #222222;
    font-weight: 700;
    position: relative;
    font-family: 'Open Sans';
    background: transparent;
}
button.dealer-abstract-button::after{
    top: 50%;
    line-height: 1;
    color: #222222;
    font-weight: 700;
    position: absolute;
    font-family: 'Open Sans';
    transform: translateY(-50%);
}
button.dealer-abstract-button.active::after{
    content: '-';
}
button.dealer-abstract-button:not(.active)::after{
    content: '+';
}
.dealer-offers-list-dealer-abstract:not(.active) {
    display: none;
}
.dealer-offers-list-dealer-abstract.active {
    display: block;
}
.dealer-offers-list-dealer-left-container { 
    display: flex; 
    background: linear-gradient(180deg, #fff 0%, #D5D9DD 92%); 
}
.dealer-offers-list-dealer-image-container { 
    height: unset; 
    flex-shrink: 0; 
    display: block;
    aspect-ratio: 1; 
    overflow: hidden; 
    background: #FFF; 
    border-radius: 50%; 
}
.dealer-offers-list-dealer-image { 
    display: block; 
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
}
.dealer-offers-list-dealer-name { 
    color: #222222; 
}
.dealer-offers-list-dealer-right-container { 
    display: grid; 
    align-items: center; 
    align-content: center; 
}
.dealer-offers-list-dealer-info-icon { 
    height: auto; 
    fill: var(--mainBlue); 
}
.dealer-offers-list-dealer-info-value { 
    color: #727272; 
    text-decoration: none; 
    word-break: break-word; 
}
.dealer-offers-list-dealer-abstract { 
    color: #727272; 
}
@media (width <= 550px) {
    .dealer-offers-list-dealer-container {
        flex-direction: column;
        border-radius: 1.5vw; 
        margin-inline: 8vw;
        margin-block: 28vw -18vw;
    }
    .dealer-offers-list-dealer-left-container{ 
        padding: 3vw; 
        grid-gap: 3.6vw;
        align-items: flex-start;
    }
    .dealer-offers-list-dealer-image-container{
        width: 8vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 5.45vw; 
    }
    .dealer-offers-list-dealer-right-container { 
        gap: 1vw 1.2vw;
        padding-top: 1.5vw; 
        grid-template-columns: 3.5vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 2.7vw;
        padding: 3.2vw 3vw;
    }
    button.dealer-abstract-button::after{
        left: 39vw;
        font-size: 3vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 3vw 3.5vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 3.5vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 2.7vw; 
    }
}
@media (width >= 551px){
    .dealer-offers-list-dealer-left-container { 
        align-items: center; 
    }
}
@media (width >= 551px) and (width <= 766.9px) {
    .dealer-offers-list-dealer-container { 
        border-radius: 1vw; 
        margin-inline: 10vw;
        margin-bottom: 6.5vw;
    }
    .dealer-offers-list-dealer-left-container { 
        padding: 2.5vw; 
        grid-gap: 2.6vw;
    }
    .dealer-offers-list-dealer-image-container:not(.private){
        width: 15vw;
    }
    .dealer-offers-list-dealer-image-container.private{
        width: 8vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 3.9vw; 
    }
    .dealer-offers-list-dealer-right-container { 
        gap: 0.6vw 0.6vw;
        padding-top: 1vw; 
        grid-template-columns: 3vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 2vw;
        padding: 2.5vw;
    }
    button.dealer-abstract-button::after{
        left: 29vw;
        font-size: 2.6vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 2.5vw 3vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 2.5vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 2vw; 
    }
}
@media (width >= 767px) and (width <= 899.9px) {
    .dealer-offers-list-dealer-container { 
        border-radius: 0.7vw; 
        margin-bottom: 4.7vw;
    }
    .dealer-offers-list-dealer-left-container { 
        padding: 2vw; 
        grid-gap: 1.9vw;
    }
    .dealer-offers-list-dealer-image-container:not(.private){
        width: 14vw;
    }
    .dealer-offers-list-dealer-image-container.private{
        width: 6.5vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 2.83vw; 
    }
    .dealer-offers-list-dealer-right-container { 
        gap: 0.6vw 0.6vw;
        padding-top: 1vw; 
        grid-template-columns: 2vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 1.44vw;
        padding: 2vw;
    }
    button.dealer-abstract-button::after{
        left: 21.5vw;
        font-size: 2vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 2vw 2.5vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 1.8vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 1.44vw; 
    }
}
@media (width >= 767px) and (width <= 1099.9px) {
    .dealer-offers-list-dealer-container { 
        margin-inline: 8vw;
    }
}
@media (width >= 900px) and (width <= 1099.9px) {
    .dealer-offers-list-dealer-container { 
        margin-bottom: 4vw;
        border-radius: 0.5vw; 
    }
    .dealer-offers-list-dealer-left-container{ 
        padding: 2vw; 
        grid-gap: 1.6vw;
    }
    .dealer-offers-list-dealer-image-container:not(.private){
        width: 12vw;
    }
    .dealer-offers-list-dealer-image-container.private{
        width: 6vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 2.41vw; 
    }
    .dealer-offers-list-dealer-right-container {
        gap: 0.5vw 0.3vw;
        padding-top: 0.7vw; 
        grid-template-columns: 1.8vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 1.23vw;
        padding: 2vw;
    }
    button.dealer-abstract-button::after{
        left: 19vw;
        font-size: 1.6vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 2vw 2.5vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 1.5vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 1.23vw; 
    }
}
@media (width >= 1100px) and (width <= 1400px) {
    .dealer-offers-list-dealer-container { 
        border-radius: 1vw; 
        margin-bottom: 3.3vw;
    }
    .dealer-offers-list-dealer-left-container{ 
        grid-gap: 1.3vw;
        padding: 1.5vw; 
    }
    .dealer-offers-list-dealer-image-container:not(.private){
        width: 9vw;
    }
    .dealer-offers-list-dealer-image-container.private{
        width: 5vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 2vw; 
    }
    .dealer-offers-list-dealer-right-container { 
        gap: 0.3vw 0.2vw;
        padding-top: 0.5vw;
        grid-template-columns: 1.2vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 1vw;
        padding: 1.5vw;
    }
    button.dealer-abstract-button::after{
        left: 15vw;
        font-size: 1.3vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 1.5vw 2vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 1vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 1vw; 
    }
}
@media (width >= 1401px) {
    .dealer-offers-list-dealer-container { 
        margin-bottom: 2.5vw;
        border-radius: 0.8vw; 
    }
    .dealer-offers-list-dealer-left-container { 
        grid-gap: 1vw;
        padding: 1vw 1.5vw; 
    }
    .dealer-offers-list-dealer-image-container:not(.private){
        width: 8vw;
    }
    .dealer-offers-list-dealer-image-container.private{
        width: 4vw;
    }
    .dealer-offers-list-dealer-name { 
        font-size: 1.57vw; 
    }
    .dealer-offers-list-dealer-right-container { 
        gap: 0.5vw 0.2vw;
        padding-top: 0.5vw;
        grid-template-columns: 1vw auto; 
    }
    button.dealer-abstract-button {
        font-size: 0.8vw;
        padding: 1vw 1.5vw;
    }
    button.dealer-abstract-button::after{
        left: 12.3vw;
        font-size: 1vw;
    }
    .dealer-offers-list-dealer-abstract{
        padding: 0 1.5vw 1.5vw;
    }
    .dealer-offers-list-dealer-info-icon { 
        width: 0.8vw; 
    }
    .dealer-offers-list-dealer-info-value, .dealer-offers-list-dealer-abstract { 
        font-size: 0.8vw; 
    }
}