/* Lab: "At a glance" spec rows on shop cards (card-glance.js). Price and stock follow the
   name; the spec rows and the cart button sit at the card bottom, so prices line up in a row. */
.lab-shop .shopping-card>.thr-product{flex:0 0 auto}
.lab-shop .shopping-card .thr-price-row{margin-top:2px}
.lab-shop .shopping-card>.thr-product+.lab-product-action,.lab-shop .shopping-card>.lab-glance{margin-top:auto}
.lab-glance{margin:0 6px 8px;padding-top:7px;border-top:1px solid #8fd8e44d}
.lab-glance__title{margin:0 0 4px;color:#5fe0e6;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.lab-glance dl{display:grid;gap:3px;margin:0}
/* One line per spec: label left, value right, metric beside the value (under it only if it can't fit). */
.lab-glance__row{display:flex;align-items:baseline;justify-content:space-between;gap:0 8px;line-height:1.25}
.lab-glance dt{flex:0 0 auto;color:#c3d6df;font-size:11px;white-space:nowrap}
.lab-glance dd{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:0 5px;min-width:0;margin:0;text-align:right}
.lab-glance dd strong{color:#fff;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.lab-glance dd span{min-width:0;color:#a6c0cc;font-size:10px;overflow-wrap:anywhere}
.lab-glance sup{margin-left:1px;color:#ffd27a;font-size:10px}
/* Phone cards are too narrow for label and value side by side: label above, value and metric below. */
@media(max-width:650px){.lab-glance{margin:0 5px 8px;padding-top:6px}.lab-glance__title{margin-bottom:3px;font-size:9.5px}.lab-glance dl{gap:4px}.lab-glance__row{display:block;line-height:1.15}.lab-glance dt{font-size:10px;white-space:normal}.lab-glance dd{justify-content:flex-start;gap:0 5px;text-align:left}.lab-glance dd strong{font-size:11.5px;line-height:1.25}}