/* Page-local styles for /product/cards/ */
/* cards: the card mock plus a vendor spend list inside one floating card */
.card-frame { width: min(640px, 100%); }
.card-frame .mock-tx { padding: 12px 0; }
.card-frame .mi-icon { width: 28px; height: 28px; font-size: 11px; }
.spend-list { margin-top: 26px; }
.spend-list-h { font-size: 13px; color: var(--ink-soft); margin-bottom: 6px; }
.card-visual { box-shadow: 0 10px 24px -8px rgba(10, 14, 8, 0.35); }