/* Category page merchandising — custom/convert/clp.php. Rules copied from the Convert experiences. */

/* Banner above the breadcrumb (was 1004177487 / SLD043) */
.sld-clp-banner .clp-top-banner-mobile {
	display: none;
}
.sld-clp-banner img {
	display: block;
	width: 100%;
	height: auto;
}
@media (max-width: 991px) {
	.sld-clp-banner .clp-top-banner-desktop {
		display: none;
	}
	.sld-clp-banner .clp-top-banner-mobile {
		display: block;
	}
}

/* Tactical Bundle tile after the 3rd product (was 1004206537) */
.product-warp-item.sld-clp-tile {
	border: none !important;
	padding: 0;
	border-radius: 0;
}
.product-warp-item.sld-clp-tile.desktop {
	display: block;
}
.product-warp-item.sld-clp-tile a {
	display: block;
	width: 100%;
}
.product-warp-item.sld-clp-tile a img {
	display: block;
	width: 100%;
	height: auto;
}
.product-warp-item.sld-clp-tile.mobile {
	display: none;
}
@media only screen and (max-width: 767px) {
	.product-warp-item.sld-clp-tile.desktop {
		display: none;
	}
	.product-warp-item.sld-clp-tile.mobile {
		display: block;
	}
	.product-warp-item.sld-clp-tile {
		padding: 0 14px 5px 14px !important;
	}
}
@media only screen and (max-width: 641px) {
	.product-warp-item.sld-clp-tile {
		padding: 10px 10px 5px 10px !important;
	}
}

/* UVP row after the 4th product, desktop only (was 1004145098 / SLD025) */
.large-block-grid-4 > li.sld-clp-uvps {
	width: 95% !important;
	border: none !important;
	margin-top: 10px;
	padding: 24px 10px;
	display: flex !important;
	gap: 12px;
}
.sld-clp-uvps > div {
	display: flex;
	gap: 7px;
	flex: auto;
	align-items: center;
}
.sld-clp-uvps > div > span {
	color: #585858;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
}
.sld-clp-uvps > div > svg {
	flex: 0 0 30px;
	height: 30px;
}
@media only screen and (max-width: 767px) {
	.large-block-grid-4 > li.sld-clp-uvps,
	li.sld-clp-uvps {
		display: none !important;
	}
}