/* Basis shortcode product styling */
.clover-shortcode-product {
	margin: 30px 0;
	clear: both;
}

/* Boxed stijl (met border) */
.clover-shortcode-product.boxed-style .product-preview {
	border: 1px solid #ddd;
	padding: 20px;
	transition: box-shadow 0.3s;
	background: #fff;
}

.clover-shortcode-product.boxed-style .product-preview:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Clean stijl (zonder border) */
.clover-shortcode-product.clean-style .product-preview {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

/* Product afbeelding */
.clover-shortcode-product .product-image {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 8px;
}

.clover-shortcode-product .product-image img {
	max-width: 100%;
	height: auto;
	display: block;
	transition: transform 0.3s;
}

.clover-shortcode-product .product-image:hover img {
	transform: scale(1.05);
}

/* Product content */
.clover-shortcode-product .product-content {
	padding: 0;
}

.clover-shortcode-product .product-title {
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: bold;
	line-height: 1.3;
}

.clover-shortcode-product .product-title a {
	color: #163863;
	text-decoration: none;
	transition: color 0.3s;
}

.clover-shortcode-product .product-title a:hover {
	color: #007bff;
}

.clover-shortcode-product .product-price {
	font-size: 20px;
	font-weight: bold;
	color: #28a745;
	margin-bottom: 15px;
}

.clover-shortcode-product .product-description {
	font-size: 16px;
	line-height: 1.6;
	color: #555;
	margin-bottom: 20px;
}

.clover-shortcode-product .product-description p {
	margin: 0;
}

/* Product acties */
.clover-shortcode-product .product-actions {
	margin-top: 15px;
}

.clover-shortcode-product .btn {
	display: inline-block;
	padding: 10px 25px;
	background-color: #163863;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s;
	font-weight: 500;
}

.clover-shortcode-product .btn:hover {
	background-color: #0d2440;
	color: #fff;
}

/* Error styling */
.shortcode-error {
	background: #f8d7da;
	color: #721c24;
	padding: 15px;
	border: 1px solid #f5c6cb;
	border-radius: 4px;
	margin: 20px 0;
}

/* Responsive aanpassingen */
/*@media (max-width: 768px) {
	.clover-shortcode-product .product-title {
		font-size: 20px;
	}

	.clover-shortcode-product .product-description {
		font-size: 14px;
	}

	.clover-shortcode-product.boxed-style .product-preview {
		padding: 15px;
	}
}
```

**Gebruik in blog:**
```
[product id="123"]
```
of
```
[product slug="product-naam"]*/