/* r30: finish existing card geometry without changing vehicle content or media. */
.carousel .slick-slide:has(>div>.card){display:flex;height:auto;flex-shrink:0}
.carousel .slick-slide>div:has(>.card){display:flex;flex:1;min-width:0}
.carousel .slick-slide>div>.card{display:flex!important;flex-direction:column;min-width:0;height:auto;flex:1}
.catalog-grid--four>.card{display:flex;flex-direction:column;min-width:0;height:100%}
.catalog-grid--four>.card>.card__img{flex-shrink:0}
.catalog-grid--four>.card>.card__desc{display:flex;flex-direction:column;flex:1;height:auto;min-width:0}
.catalog-grid--four>.card .card__footer{margin-top:auto}
.catalog-grid--four>.card .card__name{white-space:normal;overflow-wrap:anywhere}
.carousel .card>.card__img{flex-shrink:0}
.carousel .card>.card__desc{display:flex;flex-direction:column;flex:1;height:auto;min-width:0;width:100%;box-sizing:border-box}
.carousel .card .card__footer{margin-top:auto;width:100%;min-width:0;align-items:center;justify-content:space-between}
.carousel .card .card__name{white-space:normal;overflow-wrap:anywhere;align-items:flex-start;gap:10px}
.carousel .card .card__name>span{flex-shrink:0;white-space:nowrap;line-height:1.65}
.carousel .card .card__info{min-width:0}
.carousel .card .card__item{gap:8px;min-width:0}
.carousel .card .card__item>span+span{text-align:right;overflow-wrap:anywhere}
.carousel .card .card__price{min-width:0;white-space:normal}
.carousel .card .card__price p{overflow-wrap:normal}
.card .card__btn{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px}
.card .card__btn svg{fill:currentColor}
.card .card__btn{color:var(--em-yellow)}
.card .card__btn:hover,.card .card__btn:focus-visible{color:var(--em-ink)}
.card__img:focus-visible,.card__btn:focus-visible,.brands__item:focus-visible{outline:2px solid var(--em-yellow);outline-offset:3px}

/* Names must remain readable; no ellipsis or fixed-height content clipping. */
.card-stock__name,.card-row__name{overflow-wrap:anywhere}
.card-stock__item,.card-row__col{min-width:0}

@media(max-width:767px){
 .carousel .card .card__name{font-size:18px;line-height:1.4}
 .carousel .card>.card__desc{padding:18px}
 .carousel .card .card__footer{gap:10px}
 .carousel .card .card__price{font-size:20px;line-height:1.45}
}
