#product .content > .data {
	width: 53%;
}

.configurator .configurator-step-outer {
	margin-bottom: 10px;
  width: 100%;
}

.configurator .configurator-step-outer .configurator-step-inner {
	border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-title {
  padding: 15px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.configurator .configurator-step-outer .configurator-step-inner.active .configurator-step-title {
	background: var(--positives);
  color: #fff;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-title .index {
	margin-right: 5px;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-title .check {
	display: none;
  margin-right: 5px;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-title .check i {
  align-items: center;
  display: flex;
  height: 15px;
  justify-content: center;
  width: 15px;
  background-color: #6fcf97;
  border-radius: 100%;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-title .check i:before {
	position: relative;
  left: 0.6px;
  top: 0.5px;
}

.configurator .configurator-step-outer .configurator-step-inner.filled:not(.active) .configurator-step-title .check {
	display: block;
  margin-bottom: 0px !important;
}

.configurator .configurator-step-outer .configurator-step-inner.visited:not(.active) .configurator-step-title {
	cursor: pointer;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-content {
	display: none;
  padding: 15px;
}

.configurator .configurator-step-outer .configurator-step-inner.active-initial .configurator-step-content {
	display: block;
}

.configurator .configurator-step-outer .configurator-step-inner .configurator-step-content .step-text {
	margin-bottom: 15px;
}

.configurator .configurator-step-outer .configurator-step-inner .step-buttons {
	margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.configurator .configurator-step-outer .configurator-step-inner .step-buttons .btn {
	background: none;
  color: #000;
  box-shadow: none;
  border: 1px solid #eee;
  outline: 2px solid transparent;
}

.configurator .configurator-step-outer .configurator-step-inner .step-buttons .btn:hover {
  border-color: var(--positives);
	outline-color: var(--positives);
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .custom-hidden-select,
.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .variant-select {
	width: 100%;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .custom-hidden-select select.warning {
	border-color: red;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner.warning {
	background: rgb(255 0 0 / 30%);
  border-radius: 4px;
  border: 1px dashed red;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .min-max-message {
  margin-top: 5px;
  font-size: 0.8em;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .warning-message {
  width: 100%;
  margin-top: 0px;
  display: flex;
  align-items: center;
  color: red;
  font-size: 0.95em;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner:not(.step-content-inner-afmeting) .warning-message {
	text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: -10px;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner.step-content-inner-afmeting .warning-message {
	margin-right: 15px;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap {
	width: 50%;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap .input-wrap-inner {
	width: 90%;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap label {
	font-weight: 500;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap .input-wrap-inner input {
	border: 1px solid #ccc;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap .input-wrap-inner input.warning {
	background: rgb(255 0 0 / 30%);
  border: 1px dashed red;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap .input-wrap-inner span {
	padding: 10px;
  font-weight: 500;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-options {
  display: flex;
  width: calc(100% + 14px);
  margin: -7px;
  flex-wrap: wrap;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-options.warning {
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option {
	width: calc(100% / 3);
  padding: 7px;
  
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .image-option-inner {
	border: 1px solid #ccc;
  border-radius: 4px;
  height: 100%;
  cursor: pointer;
  padding: 10px;
  background: #fff;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .image-option-inner:hover {
	background: #f7f7f7;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .image-option-inner.active {
  background: rgb(108 194 138 / 50%);
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  text-align: center;
}

.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .image-wrap {
	text-align: center;
}

#product .configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option .image-wrap img {
	opacity: 1;
}

#product .content .data .actions .btn.addtocart.disabled {
	opacity: 0.5;
  pointer-events: none;
  background: #aaa;
}

#product .content .data .actions .btn.hidden-btn {
	display: none !important;
}

#product .content .data .hurry-before {
	color: #000;
  font-weight: normal;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
}

#product .content .data .hurry-before span {
	font-weight: 600;
	padding: 0px 4px;
}

#product .content .data .hurry-before .icon-info {
  background-color: var(--accent);
  height: 20px;
  width: 20px;
  font-size: 0.9em;
  margin-right: 0;
  margin-left: 5px;
}

.hurry-before-popup {
	display: none;
  max-width: 800px;
}

.hurry-before-popup .popup-header {
	color: var(--headingsColor);
  font-family: var(--headings);
  font-weight: var(--headingsWeight);
  font-size: 28px;
  text-align: center;
}

.hurry-before-popup .description {
	line-height: 1.8;
}

.hurry-before-popup .description p {
	margin-bottom: 10px;
}

@media (max-width: 1199px) {
  #product .content .data .file-buttons .btn {
  	padding: 0px 10px;
  }
}

@media (max-width: 991px) {
	.configurator .configurator-step-outer .configurator-step-inner .step-content-inner .image-option {
  	width: 50%;
  }
  
  .configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap {
  	width: 100%;
  }
  
  .configurator .configurator-step-outer .configurator-step-inner .step-content-inner .size-input-wrap:nth-child(2) {
  	margin-top: 20px;
  }
  
  #product .content .data  .configurator .btn {
  	padding: 0px 10px;
  }
  
  #product .content .data .file-buttons {
  	margin: 0;
    margin-bottom: 10px;
  }
  
  #product .content .data .file-buttons .btn {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 7px 0px;
  }
}

.product {
	height: auto;
}

.product .img {
	height: auto !important;
}