.bif-front-visuals{margin:12px 0 18px;width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;clear:both}
.bif-front-card{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:11px 13px;min-width:180px;box-sizing:border-box}
.bif-front-title{font-size:13px;font-weight:700;margin:0 0 8px;color:#222}
.bif-front-energy{--bif-c:#888;position:relative;display:flex;align-items:center;width:148px;height:54px;padding-left:18px;background:var(--bif-c);color:#fff;font-size:32px;font-weight:800;line-height:1}
.bif-front-energy:after{content:"";position:absolute;right:-27px;top:0;border-top:27px solid transparent;border-bottom:27px solid transparent;border-left:27px solid var(--bif-c)}
.bif-front-score{--bif-c:#888;display:flex;border:3px solid var(--bif-c);border-radius:8px;overflow:hidden;min-width:172px}
.bif-front-icon{width:58px;background:var(--bif-c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700}
.bif-front-value{flex:1;padding:7px 10px;display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:29px;font-weight:800;color:#111}
.bif-front-value small{font-size:15px;font-weight:600}.bif-front-caption{font-size:11px;color:#555;text-align:center;margin-top:5px}
@media(max-width:575px){.bif-front-visuals{display:grid;grid-template-columns:1fr}.bif-front-card{min-width:0}}