.wbkb-swatches {

	display:flex;
	flex-wrap:wrap;
	gap:10px;

}

.wbkb-swatch-color {

	width:36px;
	height:36px;

	border-radius:50%;

	border:1px solid #ddd;

	cursor:pointer;

	transition:.25s ease;

}

.wbkb-swatch-color.active {

	box-shadow:
		0 0 0 2px #fff,
		0 0 0 4px #cfcfcf;

	transform:scale(1.05);

}

.wbkb-swatch-color:hover {

	transform:scale(1.08);

}

.wbkb-swatch-button {

	display:flex;
	align-items:center;
	justify-content:center;

	padding:8px 14px;

	border:1px solid #ddd;

	cursor:pointer;

	border-radius:6px;

}

.wbkb-swatch-color.active,
.wbkb-swatch-button.active {

	border-color:#000;

	transform:scale(1.08);

}

.wbkb-swatches-label {
	margin-bottom: 10px;
}

.wbkb-attribute-header{

	display:flex;

	align-items:center;

	gap:6px;

	font-size:15px;

	font-weight:600;
	margin-top:15px;
	margin-bottom:15px;

}

.wbkb-attribute-name{

	color:#111;

}

.wbkb-selected-value{

	color:#111;

}

.wbkb-selected-color{

	width:12px;

	height:12px;

	border-radius:50%;

	display:inline-block;

	border:2px solid #fff;

	box-shadow:
		0 0 0 1px #d8d8d8;

	flex-shrink:0;

	margin-left:2px;

}


.variations , .variations select{

	position:absolute !important;

	left:-9999px !important;

	opacity:0 !important;

	visibility:hidden !important;

	pointer-events:none !important;

}