/* Shared no-photo cards: faint Velopedia mark and existing recorded facts. */
.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:flex-end;width:100%;height:100%;min-width:0;padding:18px 20px;background:#f5f6fa;color:#202b43;text-align:left;overflow:hidden}
.vpba-card-record__mark{display:block;flex:1 1 0;min-height:0;width:100%;margin:0 0 12px;background:url(velopedia-card-mark.png) center/auto min(90px,100%) no-repeat;filter:grayscale(1);opacity:.08;pointer-events:none}
.vpba-card-record__mark:only-child{margin-bottom:0}
.vpba-card-record__facts{display:flex;flex:0 0 auto;flex-direction:column;gap:11px;margin:0;padding:0;min-width:0}
.vpba-card-record__facts>div{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:baseline;gap:12px;min-width:0;margin:0;padding:0}
.vpba-card-record--family .vpba-card-record__facts>div{grid-template-columns:92px minmax(0,1fr)}
.vpba-card-record__facts dt{min-width:0;margin:0;font-size:11px;font-weight:400;color:#637089;line-height:1.45;overflow-wrap:anywhere}
.vpba-card-record__facts dd{min-width:0;min-height:0;margin:0;font-size:13px;font-weight:400;color:#202b43;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* Keep related, brand and family cards aligned just like browse results. */
.vpba-grid>.vpba-card{display:flex;flex-direction:column;align-self:stretch;min-width:0}
.vpba-grid>.vpba-card>a{display:flex;flex-direction:column;flex:1 1 auto;height:auto;min-width:0}
.vpba-card-image{flex:0 0 auto;box-sizing:border-box}
.vpba-card-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.vpba-card-compare{flex:0 0 auto;margin-top:auto}
@media(prefers-reduced-motion:reduce){.vpba-card{transition:none}}

/* Search and comparison use shorter media areas; facts retain priority. */
@container(max-width:280px){
 .vpba-card-record{padding:12px 14px}
 .vpba-card-record__mark{margin-bottom:8px;background-size:auto min(64px,100%)}
 .vpba-card-record__facts{gap:7px}
 .vpba-card-record__facts>div{grid-template-columns:52px minmax(0,1fr);gap:9px}
 .vpba-card-record--family .vpba-card-record__facts>div{grid-template-columns:82px minmax(0,1fr)}
}
@container(max-width:220px){
 .vpba-card-record{padding:10px}
 .vpba-card-record__mark{margin-bottom:6px;background-size:auto min(44px,100%)}
 .vpba-card-record__facts{gap:5px}
 .vpba-card-record__facts>div{display:block}
 .vpba-card-record__facts dt{margin:0 0 2px}
 .vpba-card-record__facts dd{font-size:12px;-webkit-line-clamp:1}
}
@container(max-width:160px){
 .vpba-card-record{padding:8px}
 .vpba-card-record__mark{margin-bottom:4px}
}