/* Published specifications share the photo mat without adding placeholder copy. */
.vpba-card-image,.vpba-search-bike-media,.vpba-compare-image,.vpba-comparison-v2-image{position:relative;container-type:inline-size}
.vpba-card-record{position:absolute;inset:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-width:0;padding:24px 18px;background:linear-gradient(140deg,#fafbff,#f3f5fb);color:#52637e;text-align:left;overflow:hidden}
.vpba-card-record__facts{display:grid;gap:18px;margin:0;padding:0;min-width:0}
.vpba-card-record__facts>div{min-width:0}
.vpba-card-record__facts dt{font-size:11.5px;font-weight:500;color:#5f6f87;line-height:1.35;margin:0 0 5px}
.vpba-card-record__facts dd{font-size:16px;font-weight:500;color:#52637e;line-height:1.4;min-height:2.8em;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.vpba-card-record__facts>div:only-child dd{min-height:0}
.vpba-card-record--compare{min-height:0;padding:18px}
.vpba-search-bike-media .vpba-card-record{padding:18px}
.vpba-search-bike-media .vpba-card-record__facts{gap:14px}
.vpba-search-bike-media .vpba-card-record__facts dd{font-size:15px}
@media(prefers-reduced-motion:reduce){.vpba-card{transition:none}}

/* Use the actual card width, including compact search and comparison cards. */
@container(max-width:280px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:16px}
 .vpba-card-record__facts,.vpba-search-bike-media .vpba-card-record__facts{gap:12px}
 .vpba-card-record__facts dt{font-size:11px;margin-bottom:4px}
 .vpba-card-record__facts dd,.vpba-search-bike-media .vpba-card-record__facts dd{font-size:14px}
 .vpba-search-bike-media .vpba-card-record__facts dd{min-height:1.4em;-webkit-line-clamp:1}
}
@container(max-width:220px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:14px}
 .vpba-card-record__facts{gap:12px}
 .vpba-card-record__facts dt{font-size:10.5px;margin-bottom:3px}
 .vpba-card-record__facts dd,.vpba-search-bike-media .vpba-card-record__facts dd{font-size:13px;min-height:1.4em;-webkit-line-clamp:1}
}
@container(max-width:160px){
 .vpba-card-record,.vpba-search-bike-media .vpba-card-record{padding:10px}
 .vpba-card-record__facts,.vpba-search-bike-media .vpba-card-record__facts{gap:8px}
 .vpba-card-record__facts dt{font-size:10px}
 .vpba-card-record__facts dd,.vpba-search-bike-media .vpba-card-record__facts dd{font-size:12px}
}