.onp-card-media{
	position:relative;
}
.onp-card-next{
	position:absolute;
	inset:0;
	z-index:1;
	width:100%;
	height:100%;
	margin:0;
	opacity:0;
	object-fit:contain;
	pointer-events:none;
	transition:opacity 220ms ease;
	background:transparent;
	box-sizing:border-box;
}
[data-onp-card].is-alt .onp-card-next{
	opacity:1;
}
.products_list.category-products-list > .row > .product-card{
	position:relative;
}
.products_list.category-products-list .onp-swatch-reserve{
	visibility:hidden;
	pointer-events:none;
}
.products_list.category-products-list .onp-card-colors{
	position:absolute;
	z-index:4;
	left:14px;
	right:14px;
	bottom:16px;
	display:flex;
	flex-wrap:wrap;
	gap:4px;
	max-width:calc(100% - 28px);
	margin:0;
}
.is-home .products_list.category-products-list .onp-card-colors{
	bottom:14px;
}
.products_list.category-products-list .colors_product .selfiltersw,
.products_list.category-products-list button.onp-card-swatch{
	width:32px;
	height:32px;
	margin:0;
	float:none;
	flex:0 0 32px;
	border-radius:50%;
	background-size:cover;
	background-position:center;
}
button.onp-card-swatch{
	appearance:none;
	-webkit-appearance:none;
	padding:0;
	cursor:pointer;
	touch-action:manipulation;
	box-sizing:border-box;
}
button.onp-card-swatch:focus{
	outline:none;
}
button.onp-card-swatch:focus-visible{
	outline:2px solid #004a99;
	outline-offset:2px;
}
button.onp-card-swatch.is-selected,
button.onp-card-swatch[aria-pressed="true"]{
	box-shadow:0 0 0 2px #fff, 0 0 0 4px #16324f;
}
.is-home .onp-top-card,
.is-home .onp-top-feature{
	position:relative;
}
.is-home .onp-top-card.has-colors,
.is-home .onp-top-feature{
	display:flex;
	flex-direction:column;
	height:100%;
	min-width:0;
	overflow:hidden;
}
.is-home .onp-top-card.has-colors{
	border:1px solid rgba(22, 50, 79, 0.08);
	border-radius:16px;
	background:#fff;
	box-shadow:0 1px 2px rgba(22, 50, 79, 0.04), 0 8px 20px rgba(22, 50, 79, 0.05);
	transition:transform .22s ease, box-shadow .22s ease;
}
.is-home .onp-top-card.has-colors > a.onp-top-link{
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	height:auto;
	flex:1 1 auto;
	padding:16px 16px 0;
}
.is-home .onp-top-card.has-colors > a.onp-top-meta-link{
	padding:10px 16px 14px;
}
.is-home .onp-top-card.has-colors > a.onp-top-link:hover{
	transform:none;
	box-shadow:none;
}
.is-home .onp-top-card.has-colors:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 28px rgba(22, 50, 79, 0.1);
}
.is-home .onp-top-card .onp-card-colors{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	min-width:0;
	max-width:100%;
	margin:0;
	padding:8px 16px 0;
}
.is-home .onp-top-card .onp-top-meta-link{
	padding:10px 16px 14px;
}
.is-home .onp-top-card button.onp-top-swatch{
	width:28px;
	height:28px;
	margin:0;
	padding:0;
	border:1px solid rgba(22, 50, 79, 0.18);
	border-radius:50%;
	background-position:center;
	background-size:cover;
	flex:0 0 28px;
}
.is-home .onp-top-media.onp-card-media > img,
.is-home .onp-top-media .onp-card-next{
	object-fit:contain;
}
.onp-suggest-product .onp-card-media{
	position:relative;
	width:56px;
	height:56px;
	flex:0 0 56px;
}
.onp-suggest-product .onp-card-media img,
#tmsearch .onp-suggest-product .onp-card-media img{
	width:100%;
	height:100%;
	flex:none;
	object-fit:contain;
}
@media (max-width:767px){
	.onp-suggest-product .onp-card-media,
	#tmsearch .onp-suggest-product .onp-card-media{
		width:48px;
		height:48px;
		flex-basis:48px;
	}
}
@media (prefers-reduced-motion:reduce){
	.onp-card-next,
	.is-home .onp-top-card.has-colors{
		transition:none;
	}
	.is-home .onp-top-card.has-colors:hover{
		transform:none;
	}
}