/* Product card styles (functions/showProduct.php). These used to be inline
   style="" attributes repeated on every card (20 cards on the start page).
   The selectors are more specific than the general rules in style_32.css
   (max 0,2,0, no !important there), so the result matches the old inline
   styles. Dynamic values (the campaign colour) stay inline. */

div.kt-prodcard-col[data-product-card-id] { cursor: pointer; }

.kt-prodcard-col .kt-prodcard .kt-catcard-frame { position: relative; }

.kt-prodcard-col .kt-prodcard .kt-campaign-theme-badge {
	position: absolute; top: 10px; left: 10px; z-index: 2;
	display: inline-flex; align-items: center; padding: 5px 10px;
	border-radius: 999px; font-weight: 700; font-size: 11px; color: #fff;
}

/* Price box with a campaign discount */
.kt-prodcard-col .kt-prodcard .pricebox.ktpc-campaign {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: 4px; height: auto; min-height: 40px; margin-bottom: 8px;
}
.kt-prodcard-col .kt-prodcard .pricebox.ktpc-campaign .product_price_before {
	text-decoration: line-through; opacity: 0.65; font-size: 15px;
}
.kt-prodcard-col .kt-prodcard .kt-campaign-price-badge {
	display: inline-block; padding: 2px 8px; border-radius: 999px;
	font-size: 11px; font-weight: 700; color: #fff;
}

/* Price box without campaign (ordinary or reduced price) */
.kt-prodcard-col .kt-prodcard .pricebox.ktpc-plain {
	text-align: center; height: auto; min-height: 40px; margin-bottom: 8px; font-size: 24px;
}
.kt-prodcard-col .kt-prodcard .pricebox.ktpc-plain .product_price_before { font-size: 15px; }

.kt-prodcard-col .kt-prodcard .pricebox .price-sale,
.kt-prodcard-col .kt-prodcard .pricebox .price-regular { font-size: 24px; font-weight: 800; }