/* Custom Product Grid Widget styles */

.custom-product-grid-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px 0;
}

.custom-product-item {
	flex: 1 1 calc(25% - 15px);
	max-width: calc(25% - 15px);
	text-align: center;
}

.custom-product-grid-wrapper.columns-3 .custom-product-item {
	flex: 1 1 calc(33.333% - 14px);
	max-width: calc(33.333% - 14px);
}

.custom-product-grid-wrapper.columns-4 .custom-product-item {
	flex: 1 1 calc(25% - 15px);
	max-width: calc(25% - 15px);
}

.custom-product-link {
	text-decoration: none;
	color: #333;
}

.product-image-container img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 12px; /* Smooth rounded corners */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Small soft shadow */
	transition: box-shadow 0.3s ease;
}

.product-image-container img:hover {
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}

.product-title {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #2c3e50;
	font-family: 'Outfit', 'Inter', sans-serif;
}

@media (max-width: 768px) {
	.custom-product-item {
		flex: 1 1 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}
}

@media (max-width: 480px) {
	.custom-product-item {
		flex: 1 1 100%;
		max-width: 100%;
	}
}