/* Inner styling for a single product card. Width is controlled by the
   container (e.g. a SiteOrigin column or the legacy .bbqs grid wrapper). */

.product-card { display:flex; flex-direction:column; background-color: white;}
.product-card img { display:block;border:1px solid black;margin-bottom:5px; aspect-ratio: 1; object-fit: contain; }
.product-card .title { color:var(--red);margin-bottom:5px; }

.product-card .row { margin-bottom:4px; }
.product-card .row.emphasize { font-weight:bold; }