/*
 * AUTOBOSS Product Card — phone (media attribute from the settings, default below 768px).
 * 1:1 with the detail page phone card: white card, square image flush to the edges, 13/19 title, 17px price.
 */
.abpc-card {
	--abpc-title-size: 13px;
	--abpc-title-lh: 19px;
	--abpc-num-size: 17px;
	--abpc-act-h: 34px;
}
.abpc-card .abpc-cat { font-size: 11px; line-height: 16px; }
.abpc-from { font-size: 12px; }
.abpc-cur { font-size: 12px; }
/* Labels: autoolstore phone size. */
.abpc-badges { top: 8px; left: 8px; gap: 4px; }
.abpc-badges-main { top: 0; left: 50%; padding: 16px; }
.abpc-badge { min-height: 24px; padding: 5px 8px; border-radius: 6px; font-size: 10px; line-height: 12px; -webkit-backdrop-filter: blur(6px) saturate(125%); backdrop-filter: blur(6px) saturate(125%); }
.abpc-card .abpc-btn { padding: 0 8px; font-size: 12px; }

/* Boxed: white card with a hairline so it also reads on white pages. */
.abpc-m-boxed.abpc-card {
	border-radius: var(--abpc-radius, 4px);
	background: var(--abpc-surface);
	box-shadow: 0 0 0 1px rgba(31, 31, 51, .06);
}
.abpc-m-boxed .abpc-media { border-radius: var(--abpc-radius, 4px) var(--abpc-radius, 4px) 0 0; }
.abpc-m-boxed .abpc-body { padding: 8px 8px 8px; }
.abpc-m-boxed > .abpc-actions { margin: 0 8px 8px; }
.abpc-card.abpc-m-boxed .abpc-title { margin-bottom: 2px; }