.wpcb-configurator-products {

	.wpcb-option-item {
		position: relative;
	}

	.wpcb-option-stock {
		display: inline-block;
		margin: 0 0 14px;
	}

	.wpcb-option-form {
		display: block;
		width: 100%;

		.wpcb-option-form-select {
			display: flex;
			align-items: center;
			padding: 4px 0;
		}

		.wpcb-select-wrapper {
			padding: 0;
			padding-left: 12px;
			
			img {
				right: 8px;
			}
		}
	}

	.wpcb-option-thumbnail + .wpcb-option-stock {
		position: absolute;
		margin: 0;
		top: 14px;
		left: 14px;
	}

	.wpcb-option-details {
		display: flex;
		align-items: flex-start;
		padding: 14px 18px;
		flex-wrap: wrap;

		.wpcb-option-input {
			margin-left: 0;
		}

		.wpcb-option-note {
			flex: 0 0 100%;
		}
	}

	.wpcb-option-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 18px 18px;
	}
	
	.wpcb-option-header {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		flex: 1;
	}

	.wpcb-option-thumbnail {
		padding: 14px 14px 0;
		width: 100%;

		img {
			display: block;
			width: 100%;
			height: auto;
			object-fit: contain;
			border-radius: 8px;
		}

		.wpcb-swatch-fill {
			display: block;
			width: 100%;
			border-radius: 8px;
			height: 48px;
			
			@media (min-width: 720px) {
				height: 64px;
			}
		}
	}

	.wpcb-option-item-list .wpcb-option-thumbnail {
		padding-left: 0;
	}

	.wpcb-option-action {
		input {
			position: relative;
			visibility: visible;
			box-sizing: border-box;
			appearance: none;
			border: 1px solid $template_border;
			background-color: $option_background;
			color: $template_color;
			border-radius: 6px;
			padding: 10px 16px;
			display: block;
			width: 90px;

			@media (max-width: 768px) {
				width: 60px;
			}
		}

		input:focus {
			border: 1px solid $option_active_border;
		}

		.remove {
			display: none;
			border: 1px solid $button_alt_background;
			background-color: $button_alt_background;
			color: $button_alt_color;
		}
	}

	input:checked + .wpcb-option-item {
		
		.wpcb-option-action {
			.add {
				display: none;
			}
			.remove {
				display: block;
			}
		}
	}

	.wpcb-option-product-input.active .wpcb-option-item {
		border: 1px solid $option_active_border;
	}

	.wpcb-option-item-list {
		display: flex;
		align-items: center;
		padding: 14px;

		.wpcb-option-thumbnail {
			position: relative;
			padding-top: 0;
			flex: 0 0 72px;
	
			@media (min-width: 768px) {
				flex: 0 0 88px;
			}
		}	

		.wpcb-option-details {
			flex: 1;
    		padding: 12px 0;
		}

		.wpcb-option-content {
			flex: 0 1 40%;
			padding: 0;
		}
	}
}