/* Section Styles Import */
/* left-image --removed */
/* @import url(../../sections/left-image-right-text/left-image-right-text-style.css); */
@import url(../../sections/vehicles-grid/vehicles-grid-style.css);

/*^^^^^^^^^ CURRENT PAGE - STYLES {{START}} ^^^^^^^^^*/
/* MAIN IMAGE */
.mainSwiper .swiper-wrapper .swiper-slide {
    background-color: var(--vehicle-bg-color);
    border-radius: 10px;
}
.mainSwiper img {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: contain;
}
/* THUMBNAILS */
.thumbSwiper .swiper-wrapper {
    box-sizing: inset 0 0 10px red;
}
.thumbSwiper .swiper-wrapper .swiper-slide {
    background-color: var(--vehicle-bg-color);
    border-radius: 10px;
}
.thumbSwiper img {
    width: 100%;
    height: auto;
    aspect-ratio: 21 / 19;
    /* height: 75px; */
    /* object-fit: scale-down; */
    /* object-fit: cover; */
    object-fit: fill;
    border-radius: 8px;
}
.thumbSwiper .swiper-slide {
    opacity: 0.4;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}
.thumbSwiper .swiper-slide-thumb-active {
    opacity: 1;
    border-color: var(--secondary-color);
}
/* REVIEW CARD */
.review-card {
    display: flex;
    gap: 2%;
    /* border-radius: 10px; */
}
.spec-box .label-sozo.label-sozo-L2 {
    font-size: clamp(1.15rem, 1.25vw, 2.5rem);
}
/*^^^^^^^^^ CURRENT PAGE - STYLES {{END}} ^^^^^^^^^*/

/*^^^^^^^^^ GENERIC SECTIONS - CUSTOM STYLES {{START}} ^^^^^^^^^*/
/* Vehicles Grid Section - Styles {START} */
/*- Vehicles Grid Text Container -*/
.vehicles-grid .vehicles-grid-text-container .vehicles-grid-title {
    color: var(--secondary-color);
}
/* Vehicles Grid Text Container */
/* Vehicles Grid Section - Styles {END} */
/*^^^^^^^^^ GENERIC SECTIONS - CUSTOM STYLES {{END}} ^^^^^^^^^*/