/* Supermercado São Pedro — component styles. Colours, radii and type come from tokens.css (var(--…)); components set geometry inline so one `scale` drives feed, A4 and VT. */
.sp-board, .sp-carousel, .sp-vt, .sp-pricefy, .sp-table, .sp-alwayson, .sp-appbanner,
.sp-card, .sp-price, .sp-clubetag, .sp-clubebanner, .sp-band, .sp-panel, .sp-logotab, .sp-tricard {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "tnum" 0, "lnum" 1;
}
.sp-board *, .sp-carousel *, .sp-vt *, .sp-pricefy *, .sp-table *, .sp-alwayson *, .sp-appbanner *, .sp-card * { box-sizing: border-box; }
.sp-price { font-variant-numeric: lining-nums; }
.sp-name, .sp-namepill { text-wrap: balance; overflow-wrap: anywhere; }

/* Preview frame helper: scales a full-size piece to the card width. */
.sp-stage-fit { transform-origin: top left; }
.sp-row { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-end; padding: 24px; font-family: var(--font-inter); }
.sp-swatch-label { font: 600 12px/1.3 var(--font-inter); color: var(--oferta-ink); margin-top: 6px; }