/* Separate parent-product color selector */
#product_page_block .ay-color-variants {
	margin-top: 18px;
}

#product_page_block .ay-color-variants-label {
	margin-bottom: 9px;
	color: #666;
	font-size: 14px;
	font-weight: 400;
}

#product_page_block .ay-color-variants-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

#product_page_block .ay-color-variant {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: transparent;
	box-shadow: none;
	text-decoration: none;
	transition: opacity 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

#product_page_block a.ay-color-variant:hover,
#product_page_block a.ay-color-variant:focus {
	transform: scale(1.08);
	border: 0;
	box-shadow: none;
	text-decoration: none;
	outline: none;
}

#product_page_block .ay-color-variant.is-current,
#product_page_block a.ay-color-variant.is-current:hover,
#product_page_block a.ay-color-variant.is-current:focus {
	border: 0;
	box-shadow:
		0 0 0 2px #fff,
		0 0 0 4px #475569;
}

#product_page_block .ay-color-variant.is-backorder {
	opacity: 1;
}

#product_page_block .ay-color-variant.is-unavailable {
    opacity: 1;
    filter: grayscale(0.1);
    cursor: pointer;
}

#product_page_block .ay-color-swatch {
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.16);
	border-radius: 9999px;
	background-color: #d1d5db;
	box-shadow: none;
}

#product_page_block .ay-color-variant.is-unavailable .ay-color-swatch::after {
	content: '';
	position: absolute;
    top: 50%;
    left: -15%;
    width: 130%;
    height: 3px;
    border-top: 2px solid rgb(153 27 27);
    border-bottom: 1px solid rgb(194 173 173);
    background: #991b1b;
    transform: rotate(-45deg);
    transform-origin: center;
}

#product_page_block .ay-color-key-anthrazit, .bc-catalog .ay-color-key-anthrazit, #searchpopup .ay-color-key-anthrazit, .bcpb-card-variants .ay-color-key-anthrazit { background-color: #454545; }
#product_page_block .ay-color-key-aqua, .bc-catalog .ay-color-key-aqua, #searchpopup .ay-color-key-aqua, .bcpb-card-variants .ay-color-key-aqua      { background-color: #72c7c8; }
#product_page_block .ay-color-key-beige, .bc-catalog .ay-color-key-beige, #searchpopup .ay-color-key-beige, .bcpb-card-variants .ay-color-key-beige     { background-color: #d8c6a5; }
#product_page_block .ay-color-key-black, .bc-catalog .ay-color-key-black, #searchpopup .ay-color-key-black, .bcpb-card-variants .ay-color-key-black     { background-color: #2f2f2f; }
#product_page_block .ay-color-key-blue, .bc-catalog .ay-color-key-blue, #searchpopup .ay-color-key-blue, .bcpb-card-variants .ay-color-key-blue      { background-color: #4f6d9a; }
#product_page_block .ay-color-key-brown, .bc-catalog .ay-color-key-brown, #searchpopup .ay-color-key-brown, .bcpb-card-variants .ay-color-key-brown     { background-color: #7a5c45; }
#product_page_block .ay-color-key-bronze, .bc-catalog .ay-color-key-bronze, #searchpopup .ay-color-key-bronze, .bcpb-card-variants .ay-color-key-bronze    { background-color: #8c6239; }
#product_page_block .ay-color-key-copper, .bc-catalog .ay-color-key-copper, #searchpopup .ay-color-key-copper, .bcpb-card-variants .ay-color-key-copper    { background-color: #b87333; }
#product_page_block .ay-color-key-cream, .bc-catalog .ay-color-key-cream, #searchpopup .ay-color-key-cream, .bcpb-card-variants .ay-color-key-cream     { background-color: #f2e6c9; }
#product_page_block .ay-color-key-gold, .bc-catalog .ay-color-key-gold, #searchpopup .ay-color-key-gold, .bcpb-card-variants .ay-color-key-gold      { background-color: #c9a227; }
#product_page_block .ay-color-key-green, .bc-catalog .ay-color-key-green, #searchpopup .ay-color-key-green, .bcpb-card-variants .ay-color-key-green     { background-color: #6f8f66; }
#product_page_block .ay-color-key-grey, .bc-catalog .ay-color-key-grey, #searchpopup .ay-color-key-grey, .bcpb-card-variants .ay-color-key-grey      { background-color: #9a9a9a; }
#product_page_block .ay-color-key-lightgrey, .bc-catalog .ay-color-key-lightgrey, #searchpopup .ay-color-key-lightgrey, .bcpb-card-variants .ay-color-key-lightgrey { background-color: #d3d3d3; }
#product_page_block .ay-color-key-lila, .bc-catalog .ay-color-key-lila, #searchpopup .ay-color-key-lila, .bcpb-card-variants .ay-color-key-lila      { background-color: #9b7bb5; }
#product_page_block .ay-color-key-mint, .bc-catalog .ay-color-key-mint, #searchpopup .ay-color-key-mint, .bcpb-card-variants .ay-color-key-mint      { background-color: #a8d5ba; }
#product_page_block .ay-color-key-mocca, .bc-catalog .ay-color-key-mocca, #searchpopup .ay-color-key-mocca, .bcpb-card-variants .ay-color-key-mocca     { background-color: #6f4e37; }
#product_page_block .ay-color-key-natur, .bc-catalog .ay-color-key-natur, #searchpopup .ay-color-key-natur, .bcpb-card-variants .ay-color-key-natur     { background-color: #c8b28a; }
#product_page_block .ay-color-key-navy, .bc-catalog .ay-color-key-navy, #searchpopup .ay-color-key-navy, .bcpb-card-variants .ay-color-key-navy      { background-color: #344563; }
#product_page_block .ay-color-key-orange, .bc-catalog .ay-color-key-orange, #searchpopup .ay-color-key-orange, .bcpb-card-variants .ay-color-key-orange    { background-color: #d97706; }
#product_page_block .ay-color-key-pink, .bc-catalog .ay-color-key-pink, #searchpopup .ay-color-key-pink, .bcpb-card-variants .ay-color-key-pink      { background-color: #d99ab3; }
#product_page_block .ay-color-key-red, .bc-catalog .ay-color-key-red, #searchpopup .ay-color-key-red, .bcpb-card-variants .ay-color-key-red       { background-color: #a94442; }
#product_page_block .ay-color-key-rose, .bc-catalog .ay-color-key-rose, #searchpopup .ay-color-key-rose, .bcpb-card-variants .ay-color-key-rose      { background-color: #c9868e; }
#product_page_block .ay-color-key-silver, .bc-catalog .ay-color-key-silver, #searchpopup .ay-color-key-silver, .bcpb-card-variants .ay-color-key-silver    { background-color: #b9bec5; }
#product_page_block .ay-color-key-snow, .bc-catalog .ay-color-key-snow, #searchpopup .ay-color-key-snow, .bcpb-card-variants .ay-color-key-snow      { background-color: #f5f5f2; }
#product_page_block .ay-color-key-taupe, .bc-catalog .ay-color-key-taupe, #searchpopup .ay-color-key-taupe, .bcpb-card-variants .ay-color-key-taupe     { background-color: #9b8a7a; }
#product_page_block .ay-color-key-terra, .bc-catalog .ay-color-key-terra, #searchpopup .ay-color-key-terra, .bcpb-card-variants .ay-color-key-terra     { background-color: #b66a50; }
#product_page_block .ay-color-key-terrakotta, .bc-catalog .ay-color-key-terrakotta, #searchpopup .ay-color-key-terrakotta, .bcpb-card-variants .ay-color-key-terrakotta{ background-color: #b65f42; }
#product_page_block .ay-color-key-turkis, .bc-catalog .ay-color-key-turkis, #searchpopup .ay-color-key-turkis, .bcpb-card-variants .ay-color-key-turkis    { background-color: #4ea8a8; }
#product_page_block .ay-color-key-violet, .bc-catalog .ay-color-key-violet, #searchpopup .ay-color-key-violet, .bcpb-card-variants .ay-color-key-violet    { background-color: #76548f; }
#product_page_block .ay-color-key-white, .bc-catalog .ay-color-key-white, #searchpopup .ay-color-key-white, .bcpb-card-variants .ay-color-key-white     { background-color: #f4f4f4; }
#product_page_block .ay-color-key-yellow, .bc-catalog .ay-color-key-yellow, #searchpopup .ay-color-key-yellow, .bcpb-card-variants .ay-color-key-yellow    { background-color: #e5c85a; }

#product_page_block .ay-color-key-dynamic, .bc-catalog .ay-color-key-dynamic, #searchpopup .ay-color-key-dynamic, .bcpb-card-variants .ay-color-key-dynamic {
	background-color: #d1d5db;
}

#product_page_block .ay-color-key-split, .bc-catalog .ay-color-key-split, #searchpopup .ay-color-key-split, .bcpb-card-variants .ay-color-key-split {
	background: linear-gradient(
		90deg,
		var(--ay-color-1, #d1d5db) 0%,
		var(--ay-color-1, #d1d5db) 50%,
		var(--ay-color-2, #f8fafc) 50%,
		var(--ay-color-2, #f8fafc) 100%
	);
}

#product_page_block .ay-color-key-multi, .bc-catalog .ay-color-key-multi, #searchpopup .ay-color-key-multi, .bcpb-card-variants .ay-color-key-multi {
  background: conic-gradient(
    #d8c6a5 0deg 45deg,
    #9a9a9a 45deg 90deg,
    #6f8f66 90deg 135deg,
    #d97706 135deg 180deg,
    #4f6d9a 180deg 225deg,
    #9b7bb5 225deg 270deg,
    #a94442 270deg 315deg,
    #f2e6c9 315deg 360deg
  );
}

#product_page_block .ay-color-key-named, .bc-catalog .ay-color-key-named, #searchpopup .ay-color-key-named, .bcpb-card-variants .ay-color-key-named {
  background: linear-gradient(
    135deg,
    #e5e7eb 0%,
    #f8fafc 50%,
    #cbd5e1 100%
  );
}

#product_page_block .ay-color-key-unknown, .bc-catalog .ay-color-key-unknown, #searchpopup .ay-color-key-unknown, .bcpb-card-variants .ay-color-key-unknown {
  background: repeating-linear-gradient(
    135deg,
    #d1d5db 0,
    #d1d5db 5px,
    #f8fafc 5px,
    #f8fafc 10px
  );
}


@media (max-width: 767px) {
	#product_page_block .ay-color-variants-list {
		gap: 12px;
	}

	#product_page_block .ay-color-variant {
		width: 34px;
		height: 34px;
	}

	#product_page_block .ay-color-swatch {
		width: 30px;
		height: 30px;
	}
}