/* Easy Web Rent vehicle cards v4
   Scoped to .ewr-vehicle-card to avoid conflicts with the rest of the site. */
:root {
    --ewr-accent: var(--color-one, #ff9307);
    --ewr-second: var(--color-two, #127384);
    --ewr-ink: var(--color-three, #201f1d);
    --ewr-button: var(--color-four, #201f1d);
    --ewr-border: #e7edf3;
    --ewr-muted: #6f7d8c;
    --ewr-soft: #f5f7fa;
}

.ewr-card-col {
    margin-bottom: 28px !important;
}

.ewr-vehicle-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--ewr-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(20, 35, 55, 0.06) !important;
    margin-bottom: 0 !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.ewr-vehicle-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(20, 35, 55, 0.10) !important;
}

.ewr-vehicle-card .listing-img {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 138px !important;
    min-height: 138px !important;
    padding: 10px 14px 8px !important;
    background: var(--ewr-soft) !important;
    overflow: hidden !important;
}

.ewr-vehicle-card .listing-img > a,
.ewr-vehicle-card .listing-img > div,
.ewr-vehicle-card .listing-img > div > div,
.ewr-vehicle-card .listing-img a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.ewr-vehicle-card .listing-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 120px !important;
    object-fit: contain !important;
}

.ewr-vehicle-card .featured-text {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: calc(100% - 20px) !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border: 1px solid var(--ewr-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--ewr-ink) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    transform: none !important;
    box-shadow: 0 2px 8px rgba(20, 35, 55, 0.06) !important;
}

.ewr-vehicle-card .listing-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 10px 14px 14px !important;
    border: 0 !important;
}

.ewr-vehicle-card .listing-features {
    margin: 0 0 8px !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
}

.ewr-vehicle-card .listing-features .list-rating,
.ewr-vehicle-card .listing-features .list-km {
    width: 100% !important;
    margin: 0 !important;
}

.ewr-vehicle-card .listing-features .author-img {
    display: none !important;
}

.ewr-vehicle-card > .feature-text {
    display: none !important;
}

.ewr-vehicle-card .listing-features .list-km:empty {
    display: none !important;
}


.ewr-vehicle-card .listing-title {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.ewr-vehicle-card .listing-title a {
    color: var(--ewr-ink) !important;
    text-decoration: none !important;
}

.ewr-vehicle-card .listing-title a:hover {
    color: var(--ewr-second) !important;
}

.ewr-vehicle-card .ewr-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    margin: 0 0 12px !important;
    padding: 12px 0 !important;
    border-top: 1px solid #edf2f6 !important;
    border-bottom: 1px solid #edf2f6 !important;
    background: transparent !important;
}

.ewr-vehicle-card .ewr-feature-item {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
}

.ewr-vehicle-card .ewr-feature-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: #f7f8fa !important;
    border: 1px solid #eef2f6 !important;
    overflow: hidden !important;
}

.ewr-vehicle-card .ewr-feature-icon img {
    width: 16px !important;
    height: 16px !important;
    max-width: none !important;
    object-fit: contain !important;
}

.ewr-vehicle-card .ewr-feature-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.ewr-vehicle-card .ewr-feature-label,
.ewr-vehicle-card .ewr-feature-value {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-height: 1.2 !important;
}

.ewr-vehicle-card .ewr-feature-label {
    color: var(--ewr-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

.ewr-vehicle-card .ewr-feature-value {
    color: var(--ewr-ink) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.ewr-vehicle-card .listing-location-details {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.ewr-vehicle-card .listing-price {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    color: var(--ewr-muted) !important;
}

.ewr-vehicle-card .listing-price h6 {
    margin: 0 !important;
    color: var(--ewr-accent) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.ewr-vehicle-card .listing-price h6 span {
    color: var(--ewr-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.ewr-vehicle-card .ewr-price-only {
    margin-left: auto !important;
}

.ewr-vehicle-card .listing-button {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ewr-vehicle-card .listing-button .btn-order {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    border: 1px solid var(--ewr-button) !important;
    background: var(--ewr-button) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.ewr-vehicle-card .listing-button .btn-order:hover,
.ewr-vehicle-card .listing-button .btn-order:focus {
    background: var(--ewr-second) !important;
    border-color: var(--ewr-second) !important;
    color: #fff !important;
}

@media (max-width: 767.98px) {
    .ewr-vehicle-card .listing-img {
        height: 128px !important;
        min-height: 128px !important;
    }

    .ewr-vehicle-card .listing-img img {
        max-height: 110px !important;
    }

    .ewr-vehicle-card .ewr-feature-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ewr-vehicle-card,
    .ewr-vehicle-card:hover {
        transition: none !important;
        transform: none !important;
    }
}

/* v5: three-column, single-line features and taller image. */
.ewr-vehicle-card .listing-img {height:186px!important;min-height:186px!important;margin:0!important;padding:6px 10px!important;}
.ewr-vehicle-card .listing-img img {max-height:172px!important;}
.ewr-vehicle-card .listing-content {margin-top:0!important;padding-top:9px!important;}
.ewr-vehicle-card .ewr-feature-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px 7px!important;padding:11px 0!important;}
.ewr-vehicle-card .ewr-feature-item {gap:5px!important;min-width:0!important;overflow:hidden!important;}
.ewr-vehicle-card .ewr-feature-icon {flex:0 0 19px!important;width:19px!important;height:19px!important;border:0!important;background:transparent!important;}
.ewr-vehicle-card .ewr-feature-icon img {width:17px!important;height:17px!important;}
.ewr-vehicle-card .ewr-feature-copy {display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;line-height:1.3!important;}
.ewr-vehicle-card .ewr-feature-label,.ewr-vehicle-card .ewr-feature-value {display:inline!important;font-size:11.5px!important;font-weight:500!important;color:#526071!important;white-space:nowrap!important;line-height:1.3!important;}
.ewr-vehicle-card .ewr-feature-label::after {content:": ";}
.ewr-vehicle-card .ewr-feature-copy.ewr-value-only .ewr-feature-label {display:none!important;}
.ewr-vehicle-card .ewr-feature-copy.ewr-value-only .ewr-feature-label::after {content:none;}
@media(max-width:767.98px) {
 .ewr-vehicle-card .listing-img {height:174px!important;min-height:174px!important;}
 .ewr-vehicle-card .listing-img img {max-height:160px!important;}
 .ewr-vehicle-card .ewr-feature-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 5px!important;}
}