.wpcb-configurator-field-group {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 20px;

	.wpcb-configurator-field-group-column-header {
		display: flex;
		align-items: center;
		justify-content: space-between;

		&--top {
			border-bottom: 1px solid $template_border;
			padding-bottom: 10px;
		}

		&--bottom {
			border-top: 1px solid $template_border;
			padding-top: 10px;
		}
	}

	&.wpcb-collapsible {

		.wpcb-configurator-field-group-column-header {
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
		}

		.wpcb-view-field-group-details {
			padding: 0;
			margin-right: 12px;
		}
	
		.wpcb-configurator-field-collapse-button {
			margin-left: auto;
		}

		.wpcb-configurator-field-collapse-button {
			img {
				transform: rotate(-180deg);
			}
		}
		
		&.wpcb-collapsed {

			.wpcb-configurator-field-collapse-button {
				img {
					transform: rotate(0);
				}
			}

			.wpcb-configurator-field-group-column:not(.wpcb-configurator-field-group-column-header) {
				display: none;
			}
		}
	}

	&[data-single-price="1"] {
		.wpcb-option-price,
		.wpcb-input-field-price {
			display: none;
		}
	}

	.wpcb-configurator-field {
		margin: 0;
	}

	.wpcb-configurator-field-group-column {
		padding: 0 10px;
		margin-top: 20px;
	}

	.column-6 {
		width: 16.667%;
	}
	.column-5 {
		width: 20%;
	}
	.column-4 {
		width: 25%;
	}
	.column-3 {
		width: 33.333%;
	}
	.column-2 {
		width: 50%;
	}
	.column-1 {
		width: 100%;
	}

	@media (max-width: 767px) {
		.column-mobile-4 {
			width: 25%;
		}
		.column-mobile-3 {
			width: 33.333%;
		}
		.column-mobile-2 {
			width: 50%;
		}
		.column-mobile-1 {
			width: 100%;
		}
	}
}