/*
|--------------------------------------------------------------------------
| DISTRIBUCIÓN CATÁLOGO MAYORISTAS
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4 {
	display: flex !important;

	flex-direction: row !important;

	flex-wrap: wrap !important;

	align-items: stretch !important;

	align-content: flex-start !important;

	justify-content: flex-start !important;

	gap: 24px !important;

	width: 100% !important;

	max-width: 100% !important;

	margin: 0 !important;
}


/*
|--------------------------------------------------------------------------
| TARJETA
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4 > .ibs-wholesale-product {

	display: flex !important;

	flex-direction: column !important;

	flex: 0 0 260px !important;

	width: 260px !important;

	min-width: 260px !important;

	max-width: 260px !important;

	margin: 0 !important;

	box-sizing: border-box !important;

	border: 1px solid #e1e5ea !important;

	border-radius: 10px !important;

	overflow: hidden !important;

	background: #ffffff !important;

	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;

	cursor: pointer !important;

	transition:
		box-shadow 0.18s ease,
		transform 0.18s ease,
		border-color 0.18s ease !important;
}


.clCardGrid.clCardGrid--4 > .ibs-wholesale-product:hover {

	border-color: #d5dbe3 !important;

	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10) !important;

	transform: translateY(-3px) !important;
}


/*
|--------------------------------------------------------------------------
| IMAGEN
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4
.ibs-wholesale-product__image {

	display: flex !important;

	align-items: center !important;

	justify-content: center !important;

	width: 100% !important;

	height: 220px !important;

	padding: 20px !important;

	box-sizing: border-box !important;

	background: #f7f8fa !important;
}


.clCardGrid.clCardGrid--4
.ibs-wholesale-product__image img {

	display: block !important;

	width: auto !important;

	height: auto !important;

	max-width: 100% !important;

	max-height: 180px !important;

	object-fit: contain !important;

	margin: 0 auto !important;
}


/*
|--------------------------------------------------------------------------
| CONTENIDO
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4
.ibs-wholesale-product__body {

	display: flex !important;

	flex-direction: column !important;

	width: 100% !important;

	padding: 18px !important;

	box-sizing: border-box !important;
}


/*
|--------------------------------------------------------------------------
| NOMBRE
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4
.ibs-wholesale-product__name {

	margin: 0 0 10px !important;

	color: #1f3d5a !important;

	font-size: 15px !important;

	font-weight: 700 !important;

	line-height: 1.3 !important;
}


/*
|--------------------------------------------------------------------------
| CÓDIGO
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4
.ibs-wholesale-product__code {

	margin: 0 0 12px !important;

	color: #7b8794 !important;

	font-size: 11px !important;
}


/*
|--------------------------------------------------------------------------
| PRECIO
|--------------------------------------------------------------------------
*/

.clCardGrid.clCardGrid--4
.ibs-wholesale-product__label {

	margin: 0 !important;

	color: #7b8794 !important;

	font-size: 11px !important;
}


.clCardGrid.clCardGrid--4
.ibs-wholesale-product__price {

	margin: 3px 0 0 !important;

	color: #1f3d5a !important;

	font-size: 21px !important;

	font-weight: 700 !important;
}


/*
|--------------------------------------------------------------------------
| TABLET
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {

	.clCardGrid.clCardGrid--4 {

		gap: 18px !important;
	}

	.clCardGrid.clCardGrid--4 > .ibs-wholesale-product {

		flex-basis: 220px !important;

		width: 220px !important;

		min-width: 220px !important;

		max-width: 220px !important;
	}
}


/*
|--------------------------------------------------------------------------
| MÓVIL
|--------------------------------------------------------------------------
*/

@media (max-width: 500px) {

	.clCardGrid.clCardGrid--4 {

		gap: 16px !important;
	}

	.clCardGrid.clCardGrid--4 > .ibs-wholesale-product {

		flex: 1 1 calc(50% - 8px) !important;

		width: calc(50% - 8px) !important;

		min-width: 0 !important;

		max-width: calc(50% - 8px) !important;
	}
}


@media (max-width: 360px) {

	.clCardGrid.clCardGrid--4 > .ibs-wholesale-product {

		flex: 1 1 100% !important;

		width: 100% !important;

		min-width: 0 !important;

		max-width: 100% !important;
	}
}