.vehicule-container{
    padding-top: 125px;
    box-sizing: border-box;
}

@media(width>1200px){
    .vehicule-container{
        display:grid;
        grid-template-columns:320px 1fr;
        gap: 30px;
        align-items: flex-start;
    }
    .vehicule-container>div:nth-child(2){
        order:-1;
        position:sticky;
        top:160px
    }
    .vehicule-container>div{
        min-width:0;
    }

}


#vehicle-carracts h3{
    font-size: 25px;
    line-height:1.2em;
    padding-bottom:10px;
    border-bottom:#0088FF solid 1px;
    width:100%;
}
#vehicle-carracts>div{
    margin-bottom: 40px;
    line-height:1.4em
}
#vehicle-carracts .row p{
    padding:8px 0;

}
#vehicle-carracts:has(.displaymore) .group-section:not(.open) .row:not(:nth-child(-n+6))
{
    display:none
}
#vehicle-carracts:has(.displaymore) .group-section{
}
#vehicle-carracts:has(.displaymore) .group-section.desc:not(.open) >h3+div{
    max-height:400px;
    overflow:hidden;
    position: relative;

}
#vehicle-carracts:has(.displaymore) .group-section.desc:not(.open) >h3+div::after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:80px;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0.44) 100%);
    /* backdrop-filter: blur(4px); */
}
@media(width>640px){
    #vehicle-carracts .row{
        display:grid;
        grid-template-columns:1fr 1fr;
        column-gap: 20px;

    }
}
@media(width>1240px){
    #vehicle-carracts .row{
        grid-template-columns:1fr 1fr 1fr;

        border-bottom:solid 1px #0088FF0F;


    }
}
#vehicle-carracts>div p>span+span{
    color:#000
}
#vehicle-carracts>div p{
    margin-bottom: 4px;
}
.vehicle-desc{
    max-height:600px;
    overflow:auto;
}

#vehicle-gallery{
    border-radius:13px;
    border:solid 1px #0088FF;
    padding:20px;
    box-sizing: border-box;
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:8px;

    img{
        width:100%;
        display:block;
        aspect-ratio: 1;
        object-position: center;
        object-fit: cover;
        border-radius:10px;

    }
    &>a:nth-child(n+5){
        display:none;
    }
}

#vehicle-image img{
    display:block;
    max-width:100%;
    border-radius:19px;
    aspect-ratio:934/619;
    object-fit: cover;
    object-position: center;
}

#vehicle-head{
    margin-top: 40px;
    margin-bottom: 40px;
    display:grid;

    gap:20px;
    @media(width>960px){
        grid-template-columns: 1fr max-content;

    }
    &:has(.brand-logo){
        grid-template-columns: 60px 1fr;
        div:has(.price){
            grid-column:1 / -1
        }

    }
    @media(width>960px){
        grid-template-columns: 1fr max-content;
        &:has(.brand-logo){
            grid-template-columns: 100px 1fr max-content;
            div:has(.price){
                grid-column:-1
            }

        }

    }
    .brand-logo{
        display:block;
        max-width:100%;
        width:100px;
    }

    .price{
        font-size: 32px;
        color:#000;
        font-weight: 600;
        text-align: right;
    }
    h1{
        font-size:clamp(24px,3vw,45px);
        line-height:1.2em;
    }

    p{
        margin-bottom: 0px;
        line-height:1.2em
    }
    .model,.conditions{
        color:#0000009c;
        font-size: 15px;

    }

}

#would-like >h3{
    font-size:25px;
}
#would-like hr{
    background-color:#0088FF;
    margin-bottom: 20px;
}

#side-form{
    background-color:#0088FF;
    padding:40px 20px;
    border-radius:16px;
    margin-top: 40px;
    h3{
        color:#fff;
    }

    .forminator-input,
    .forminator-textarea{
        border:solid 1px #fff;
        border-radius:40px;
        padding-left:8px;
        color:#fff;
        &::placeholder{
            color:#fff;
        }
    }
    .forminator-textarea{
        border-radius:8px;
        background-color:transparent
    }
    .forminator-textarea{
        color:#fff;

    }
    .forminator-error-message{
        color:#000!important
    }

    .forminator-button-submit{
        background-color: #fff!important;
        color:#000;
        span::after{
            display:none
        }
    }
}