canvas { display: block; }

.control-panel {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    width: 230px;
    overflow: scroll;
    height: 100vh;

    z-index: 9999 !important;
    width: 300px !important;
    height: 390px !important;
    bottom: 20px !important;
    top: auto !important;
}

.control-panel hr {
    margin: 10px 0;
}

.control-slider {
    width: 100%;
}

.control-value {
    font-size: 0.9em;
    color: #555;
}

/* // -- */


.configurator__modal-colorbtn span{
    background-size: cover;
}

.configurator__start-title{
    line-height: initial;
}
.configurator__navpodtype-title{
    line-height: 1.2;
    margin-bottom: 14px;
}

.node-Steklo .configurator__modal-colorbtnlist{
    display: none;
}

#preloader{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    z-index: 99;
    text-align: center;
}
#preloader img{
    width: 260px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.configurator__modal-switcher.disabled,
.configurator__modal-addons.disabled {
  opacity: 0.5;
  pointer-events: none;
}


.configurator__mrcolorflexwrapmobile-col .configurator__modal-subtitle input,
.node-INTERIOR .configurator__modal-subtitle input,
.node-EXTERIOR .configurator__modal-subtitle input{
    display: none;
}
.configurator__mrcolorflexwrapmobile-col .configurator__modal-subtitle label,
.node-INTERIOR .configurator__modal-subtitle label,
.node-EXTERIOR .configurator__modal-subtitle label{
    pointer-events: none;
}

.node-LOGO,
.node-Interior_Glass,
.node-Interior_Glass001,
.node-Glass{
    display: none;
}

/* .configurator__model3d {
    transition: opacity 0.3s ease;
} */

.disabled{
    opacity: 0.3;
    pointer-events: none;
}

.configurator__modal-bagcart.is-full{
    top: 8px;
    right: 20px;
}


.btn--grey:hover{
    background: #d5d3d3;
}

.login_page{}
.login_page .card-body{
    width: 360px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 190px;
}
.login_page form{}
.login_page form label{
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    color: #737373;    
}
.login_page form input{
    background: #ffffff;
    border: 1px solid #cbcbcb;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
}
.login_page form button{}

.btn--dark:hover{
    background: #000000;
}



.error .configurator__modal-subtitle2{
    color: red;;
}

.configurator__modal-tselect_optionslist{
    max-height: initial;
}

.wait_pay{
    display: none;
    position: absolute;
    z-index: 99;
    background: #ffffffe0;
    width: 100%;
    height: 100%;
}
.wait_pay img{
    position: absolute;
    width: 40px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.configurator__navfootermodals.disabled{
    opacity: 0.4;
    pointer-events: none;
}




@media (max-width: 767px) {
    .mm-cart-modal .configurator__modal-scrollbody,
    .step-4 {
        min-height: 66dvh ;
    }
    .configurator__mrcolorselect .configurator__modal-colorbtn {
        border-radius: 2px;
    }
}


/* Fix: Chrome/macOS cannot click "Get the quote" after filling the form.
   1) WebGL canvas is sized to the full window and steals clicks (DevTools
      resize "fixes" it because layers are rebuilt).
   2) .style--mobile-h100dvh makes the form body 100dvh and overlaps the
      absolutely positioned footer with the submit button. */

.configurator__model3d {
    overflow: hidden;
}

@media (min-width: 768px) {
    .configurator__model3d {
        width: calc(100% - 324px);
        right: auto;
        left: 0;
    }
    body:has(.configurator__modal.mw-608.is-show) .configurator__model3d {
        width: calc(100% - 608px);
    }
}

.configurator__modal[data-modal="get-the-quote"],
.configurator__modal[data-modal="secure-checkout"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.configurator__modal[data-modal="get-the-quote"] .configurator__modal-scrollbody.style--mobile-h100dvh,
.configurator__modal[data-modal="secure-checkout"] .configurator__modal-scrollbody.style--mobile-h100dvh {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
}

.configurator__modal[data-modal="get-the-quote"] .configurator__modal-footer,
.configurator__modal[data-modal="secure-checkout"] .configurator__modal-footer {
    position: relative;
    z-index: 40;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* While quote/checkout is open, never let the 3D canvas eat clicks. */
body:has(.configurator__modal[data-modal="get-the-quote"].is-show) .configurator__model3d,
body:has(.configurator__modal[data-modal="get-the-quote"].is-show) .configurator__model3d canvas,
body:has(.configurator__modal[data-modal="secure-checkout"].is-show) .configurator__model3d,
body:has(.configurator__modal[data-modal="secure-checkout"].is-show) .configurator__model3d canvas {
    pointer-events: none !important;
}

.get_the_quote_form {
    position: relative;
    z-index: 41;
}