/* Ditzit css */

.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small-rounded .product-configurator-selector-option-tile-image,
.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small .product-configurator-selector-option-tile-image {
	min-height: inherit !important;
	max-width: 100% !important;
}
.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small .product-configurator-selector-option-tile-checkmark {
	top: -5px !important;
	right: -5px !important;
}
.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small .product-configurator-selector-option-tile-checkmark co-icon {
	width: 18px !important;
	height: 18px !important;
}
.selection-container-03 .selector-option-wrapper, .selection-container-06 .selector-option-wrapper {
	padding: 3px !important;
		
}
.selection-container-08.selector-wrapper .selector-option-wrapper.active .product-configurator-selector-option-tile-image img {
    border: 2px solid #C99A3F;
    box-shadow: none !important;
}
.configurator-selector-option-button-container .product-configurator-selector-option-button-checkmark {
	
	    background: #C99A3F !important;
}
.selection-container-08.selector-wrapper .selector-option-wrapper.active .product-configurator-selector-option-tile-checkmark {
    top: 4px !important;
    right: 4px !important;
}
.selection-container-08.selector-wrapper .selector-option-wrapper.active .product-configurator-selector-option-tile-checkmark co-icon {
	border-radius: 50% !important;
}
.selection-container-08.selector-wrapper .selector-option-wrapper.active {
    border: none !important;
}
.selection-container-08.selector-wrapper .selector-option-wrapper {
	padding: 0px !important;
}
.selection-container-08 {
	grid-template-columns: repeat(auto-fill, minmax(80px, .5fr)) !important;
}
.configurator-option-checkbox-container .product-configurator-checkbox-checkmark .product-configurator-checkbox-selected {
    padding: 2px;
    background: #C99A3F !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 3px !important;	
}
.configurator-option-checkbox-container .product-configurator-checkbox-checkmark .product-configurator-checkbox-selected svg {
	fill: #FFF !important;
}
.selection-container-03 .configurator-selector-option-tile-container .product-configurator-selector-option-tile-checkmark co-icon {
	border-radius: 50% !important;
}
.configurator-selector-option-tile-container .product-configurator-selector-option-tile-checkmark co-icon {
	padding: 3px;
    background: #C99A3F !important;
	width: 20px !important;
    height: 20px !important;	
	border-radius: 0 3px 0 3px !important;
}
.configurator-selector-option-tile-container .product-configurator-selector-option-tile-checkmark co-icon svg {
	fill: #FFF !important;
}
.configurator-selector-option-tile-container .product-configurator-selector-option-tile-checkmark {
	top: -7px !important;
    right: -7px !important;
	
}
.selection-container-03 .configurator-selector-option-tile-container .product-configurator-selector-option-tile-checkmark {
	top: -5px !important;
	right: -5px !important;
	border-radius: 50% !important;
}
.selection-container-03 .selector-option-wrapper.active {
    border-radius: 50% !important;	
}
.selector-wrapper .selector-option-wrapper {
	background: none !important;
	border: 2px solid transparent !important;
    transition: all .5s;
    -webkit-transition: all .5s;	
}
.selector-wrapper .selector-option-wrapper.active {
    border: 2px solid #C99A3F !important;
    transition: all .5s;
    -webkit-transition: all .5s;
}
.selection-container-03 .selector-option-wrapper.active .product-configurator-selector-option-tile-image img,
.selection-container-06 .selector-option-wrapper.active .product-configurator-selector-option-tile-image img  {
	box-shadow: none !important;
}
.selection-container-03, .selection-container-06 {
	grid-template-columns: repeat(auto-fill, minmax(45px, .5fr)) !important;
	gap: 5px !important;
}
.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small-rounded .product-configurator-selector-option-tile-description,
.configurator-selector-option-tile-container.configurator-selector-option-tile-container-small .product-configurator-selector-option-tile-description {
    display: none;
}
body .mobile-selections-header span {
	margin-bottom: 0;
}
@media (min-width: 992px) {
	body .product-essential {
		gap: 30px;
	}
    body .product-essential .configurator-image {
        padding-right: 0px;
    }
	body .product-configurator-details {
		max-height: calc(100vh - 450px);
	}
}