.configurator-section-header {
	font-size: 20px;
	font-weight: 600;
}

.configurator-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	min-height: 200vh;
	gap: 32px;
	position: relative;
}

.configurator-summary {
	flex: 0.3;
	display: flex;
	flex-direction: column;
	gap: 8px;

	font-size: 14px;
	line-height: 22px;
	/*margin-top: 92px;*/
	position: sticky;
	top: 60px;

	.wpcf7-submit_button {
		width: 100%;
	}

}

.configurator-content {
	flex: 0.7;
	display: flex;
	flex-direction: column;

	.configurator-tab-content {
		display: flex;
		flex-direction: column;
		gap: 20px;

		.config-wrapper {
			.config-section.selected {
				background: rgba(237, 231, 215, 1);
			}

			.config-section {
				border: 1px solid rgba(53, 53, 53, 1);
				box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
				border-radius: 20px;
				padding: 20px 20px 0;

				.config-section-options {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					/*gap: 30px;*/

					.config-option:first-child {
						border-right: none;
					}

					.config-option.config-selected {
						.option-title {
							font-weight: 600;
						}
					}

					.config-option:hover {
						background-color: rgba(237, 231, 215, .2);

					}

					.config-option {
						display: flex;
						align-items: flex-start;
						flex-direction: column;
						width: 33%;
						gap: 16px;
						margin-bottom: 20px;
						box-sizing: border-box;
						cursor: pointer;
						padding: 8px;

						/*border-right: 1px solid black;*/


						.option-title {
							font-weight: 400;
							font-size: 14px;
							line-height: 20px;
						}

						.option-info {
							font-weight: 600;
							font-size: 12px;
							line-height: 22px;
							display: flex;
							gap: 6px;
							cursor: pointer;
						}

						.option-price {
							font-weight: 600;
							font-size: 24px;
							line-height: 22px;
							white-space: nowrap;
						}
					}
				}

			}
		}


	}


}

.configurator-summary {
	flex: 0.3;
	display: flex;

	h4 {
		white-space: nowrap;
	}
}

.option-tooltip {
	position: relative;
	display: inline-block;
}


.option-description {
	visibility: hidden;
	opacity: 0;
	background-color: #333;
	color: #fff;
	text-align: left;
	padding: 8px 12px;
	border-radius: 4px;
	position: absolute;
	z-index: 9999;
	left: 50%;
	top: 120%;
	transform: translateX(-50%);
	font-weight: 400;
	line-height: 10px;
	font-size: 8px;
	min-width: 400px;
	max-width: 500px;
	width: 100%;

	transition: opacity 0.2s ease-in-out, visibility 0.2s;
}


.icon-info {
	-webkit-mask: url(../../img/svg/info.svg)no-repeat center center;
	mask: url(../../img/svg/info.svg)no-repeat center center;
	height: 20px;
	width: 20px;
	display: block;
	background-color: black;
}

.configurator-value {
	font-weight: 600;
	font-size: 60px;
	line-height: 22px;
	margin-bottom: 16px;
	margin-top: 32px;
	white-space: nowrap;
}

.config-value-vat {
	font-weight: 600;
}


@media (max-width: 992px) {
	.configurator-wrapper {
		flex-direction: column;
		align-items: flex-start;

		.configurator-summary {
			position: relative;
			top: 0;
		}

		.configurator-content {
			width: 100%;
		}
	}

	/*.option-description {*/
	/*    left: 50vw;*/
	/*    transform: translateX(-50vw);*/
	/*}*/
}


@media (max-width: 767px) {
	.config-option {
		width: 45% !important;
	}
}


@media (max-width: 992px) {
	.option-tooltip.tooltip-open .option-description {
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media (min-width: 992px) {
	.option-tooltip:hover .option-description {
		visibility: visible;
		opacity: 1;
	}

}

.info-btn {
	align-items: center;
    display: flex;
    margin: 0;
    padding-left: 0;
    gap: 10px;
}

.final-price-value {
	display: flex;
	gap: 8px;
}

.final-price-label {
	margin-bottom: 0;
    line-height: 16px;
}