.box-configurator{display:flex;flex-direction:column;flex-grow:1;background-color:var(--clr-light);.box-configurator__header{background-color:#fff;display:flex;align-items:center;min-height:8rem;border-bottom:1px solid var(--clr-border);.container{display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);img{width:12rem;height:auto}}.btn{.btn__text,.btn__number{display:none}}}.box-configurator__configure{flex-grow:1}.box-configurator__find-box{padding-block:3.2rem;.wux-search-form{max-width:100%;flex-grow:1;display:flex;flex-direction:column;overflow:hidden;.wux-search-form__input{z-index:2;i{position:absolute;top:50%;transform:translateY(-50%);left:1.6rem}[type="search"]{padding-left:4.48rem;min-height:5.1rem}}.wux-search-form__results{position:static;overflow:hidden;background:#fff0;.meili-search-results{padding:0}.meili-search-results-group{.meili-search-results-group__body{.meili-search-item{padding:1rem 0;border-bottom:1px dashed var(--clr-dark-25);justify-content:space-between}}}.meili-no-search-results{padding:0 0 2rem 0;text-align:left;h3{margin-bottom:.5rem}}}}}.box-configurator__body{flex-grow:1;display:flex;flex-direction:column}.box-configurator__box{text-align:center;padding:3.2rem 1.8rem;p{font-family:var(--font-secondary)}.h2{font-size:clamp(2rem, 3vw, 2.4rem);display:block;color:var(--clr-primary)}[data-toggle]{cursor:pointer;display:inline-block;text-decoration:underline;color:var(--clr-dark-50);margin-top:.5rem;transition:color var(--ts-duration) var(--ts-function);&:hover{color:var(--clr-dark)}}.box-configurator__images{margin-top:3.2rem;display:grid;grid-template-areas:"boxes";.box-images{grid-area:boxes;opacity:0;pointer-events:none;align-items:center;justify-content:center;visibility:hidden;transition:opacity 0.5s;&.is-active{opacity:1;pointer-events:all;visibility:visible}.box-images__inner{display:grid;grid-template-areas:"images";text-align:center;position:relative;.box-image__front,.box-image__back{position:relative;grid-area:images;display:flex;align-items:center;transition:opacity 0.5s;img{max-height:42rem;object-fit:contain}.box-image__info{position:absolute;z-index:2;.box-image__info-toggle{--size:4rem;width:var(--size);height:var(--size);border-radius:50%;border:none;color:#fff;background-color:var(--clr-primary);display:grid;place-items:center;text-decoration:none;transition:background-color var(--ts-duration) var(--ts-function);&:hover{background-color:var(--clr-primary-110)}}}}.box-image__back{opacity:0;pointer-events:none;height:100%}}}.btn.btn--white{--br:4rem;margin:auto;.checked{display:none}}&:has([type="checkbox"]:checked){.box-image__front{opacity:0;pointer-events:none}.box-image__back{opacity:1;pointer-events:all}.btn.btn--white{.checked{display:block}.unchecked{display:none}}}}}.box-configurator__form{background-color:#fff;padding:3.2rem 1.8rem;flex-grow:1;-webkit-scrollbar:none;scrollbar-width:none;h1{font-size:clamp(2.4rem, 5vw, 4rem)}}.box-configurator__info{padding:3.2rem 1.8rem;.wpb-cta--secondary{--border-clr:var(--clr-light);border-top:1px solid var(--clr-dark-15);padding-top:3.2rem;margin-top:3.2rem}}.box-form-section{margin-top:3.2rem;.box-form-section__header{margin-bottom:1.2rem;h3{font-size:clamp(1.8rem, 3vw, 2.2rem);[data-toggle]{cursor:pointer;i{font-size:1.6rem;color:var(--clr-dark-25);transition:color var(--ts-duration) var(--ts-function)}&:hover i{color:var(--clr-dark)}}}p{font-size:1.4rem;margin-top:.5em;color:var(--clr-dark-50)}}.box-form-section__body{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;[data-toggle="collapse"]{justify-content:start;.less{display:none}&.is-active{.more{display:none}.less{display:inline}}}}.box-form-section__footer{margin-top:3.2rem}&.box-form-section--costs-summary{[type="submit"]{width:100%}}}.box-form-options{display:grid;grid-template-columns:minmax(0,1fr);gap:.4rem;.box-form-option{input{display:none}label{cursor:pointer;display:flex;align-items:center;margin:0;column-gap:1rem;border:.1rem solid var(--clr-dark-15);min-height:6.4rem;padding:1rem 2rem;border-radius:.4rem;transition-property:color,background,border;transition-duration:var(--ts-duration);transition-timing-function:var(--ts-function);.box-form-option__title{display:flex;align-items:center;flex-wrap:wrap;column-gap:.8rem;font-size:1.6rem;line-height:1.2;font-weight:600}.box-form-option__discount{display:flex;align-items:center;min-height:2.2rem;padding:.5rem;font-size:1.2rem;line-height:1;font-weight:500;color:#fff;background-color:var(--clr-primary);border-radius:.2rem}.box-form-option__price{white-space:nowrap;font-size:1.4rem;font-weight:600;margin-left:auto}[data-toggle]{cursor:pointer;i{font-size:1.6rem;color:var(--clr-dark-25);transition:color var(--ts-duration) var(--ts-function)}&:hover i{color:var(--clr-dark)}}&::before{--size:2.4rem;content:'';display:inline-block;width:var(--size);min-width:var(--size);height:var(--size);border:.1rem solid var(--clr-dark-15);outline:.3rem solid #fff;outline-offset:-.4rem;border-radius:.4rem;transition-property:background,border;transition-duration:var(--ts-duration);transition-timing-function:var(--ts-function)}}input:checked+label{border-color:var(--clr-primary);color:var(--clr-primary);background-color:var(--clr-primary-10);[data-toggle]{i{color:var(--clr-primary)}&:hover i{color:var(--clr-dark)}}&::before{border-color:var(--clr-primary);background-color:var(--clr-primary)}}input:disabled+label{cursor:not-allowed;color:var(--clr-dark-25);background-color:var(--clr-dark-5);&::before{border-color:var(--clr-dark-15);background-color:#fff0}}&:has([type="radio"]) label::before{border-radius:50%}}}.box-costs-summary{.box-costs-summary__item{padding:.8rem 0;font-family:var(--font-secondary);display:flex;justify-content:space-between;font-size:1.6rem;&:has(+.box-costs-summary__item){padding-bottom:1.6rem}+.box-costs-summary__item{border-top:1px solid var(--clr-dark-15);padding-top:1.6rem}}}.box-configurator__contact-info{flex-grow:1;background-color:#fff;.box-configurator__body{overflow:inherit}}.box-configurator__contact-form{padding:3.2rem 1.8rem;.btn.btn--link{--clr:var(--clr-text);margin-bottom:2rem}}.box-configurator__configuration{padding:3.2rem 1.8rem;.box-configurator-overview-wrapper{position:sticky;top:4.8rem}.box-configurator-overview{background-color:var(--clr-light);border-radius:.6rem;padding:1.8rem;.box-configurator-overview__header{border-bottom:1px solid var(--clr-dark-15);margin-bottom:2.4rem;padding-bottom:2.4rem;font-family:var(--font-secondary);font-size:1.4rem;line-height:1.2;span{font-size:2rem;display:block;width:100%;color:var(--clr-primary)}}table{display:block;margin:0;tbody,tfoot,tr,td{display:block;margin:0;padding:0;border:none}tfoot{border-top:1px solid var(--clr-dark-15);margin-top:2.4rem;padding-top:2.4rem}tr{display:flex;justify-content:space-between;line-height:1.2;gap:2rem;align-items:center;td{&:has(+td){white-space:nowrap}+td{font-weight:600;text-align:right}}+tr{margin-top:2rem}&.box-configurator-overview__total{border-top:1px solid var(--clr-dark-15);padding-top:2.4rem;td{font-weight:600;+td{font-size:1.8rem}}}}}}.wpb-cta.wpb-cta--secondary{--border-clr:#fff;--bg-clr:var(--clr-light);margin-top:3.2rem}}&:has(.box-configurator__contact-info.is-active){.box-configurator__header .btn.btn--back{opacity:0;pointer-events:none}}}@media (max-width:575.98px){.box-configurator{.box-configurator__header{.btn.btn--phone{--border:1px solid var(--clr-dark-15);width:4.4rem;height:4.4rem;--p:0;--hover-border:1px solid var(--clr-primary);--hover-bg-clr:var(--clr-primary);--hover-clr:#fff;&:hover,&:focus,&:active{i{color:#fff}}}}.box-configurator__box{.box-configurator__images{.box-images{.box-images__inner{.box-image__front,& .box-image__back{img{max-height:20rem}}}}.btn.btn--white{margin-left:0;min-height:3.2rem;--p:0 1.2rem;font-size:1.2rem;i{font-size:1.2rem}}}}.box-configurator__contact-form{[type="email"]{width:100%!important}}}}@media (min-width:576px){.box-configurator{.box-configurator__header{.btn{.btn__number{display:inline}}}.box-configurator__box,.box-configurator__form,.box-configurator__info,.box-configurator__contact-form,.box-configurator__configuration{padding-inline:calc((100vw - (var(--container-width--sm) - 3.6rem)) / 2)}}}@media (min-width:768px){.box-configurator{.box-configurator__body{max-height:calc(100dvh - calc(8rem + var(--wp-admin--admin-bar--height, 0rem)));overflow-y:auto}.box-configurator__box,.box-configurator__form,.box-configurator__info,.box-configurator__contact-form,.box-configurator__configuration{padding-inline:calc((100vw - (var(--container-width--md) - 3.6rem)) / 2)}.box-configurator__info{.wpb-usps{--gc:2}}.box-configurator__contact-info .box-configurator__body{max-height:100%}}}@media (min-width:992px){.box-configurator{.box-configurator__body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto 1fr}.box-configurator__box,.box-configurator__info,.box-configurator__contact-form{padding-right:3.2rem;padding-left:calc((100vw - (var(--container-width--lg) - 3.6rem)) / 2)}.box-configurator__form{grid-row:span 2;padding-left:3.2rem;padding-right:calc((100vw - (var(--container-width--lg) - 3.6rem)) / 2);overflow-y:auto;max-height:calc(100dvh - calc(8rem + var(--wp-admin--admin-bar--height, 0rem)));position:sticky;top:0}.box-configurator__info{.wpb-usps{--gc:1}}.box-configurator__configuration{padding-left:3.2rem;padding-right:calc((100vw - (var(--container-width--lg) - 3.6rem)) / 2)}}}@media (min-width:1200px){.box-configurator{.box-configurator__header{.btn{.btn__text{display:inline}}}.box-configurator__box,.box-configurator__info{padding-right:6.4rem;padding-left:calc((100vw - (var(--container-width--xl) - 3.6rem)) / 2)}.box-configurator__box{padding-top:6.4rem}.box-configurator__info{padding-bottom:6.4rem}.box-configurator__form{padding-block:6.4rem;padding-left:6.4rem;padding-right:calc((100vw - (var(--container-width--xl) - 3.6rem)) / 2)}.box-configurator__find-box{padding-block:6.4rem}.box-configurator__contact-form{padding-block:6.4rem;padding-left:calc((100vw - (var(--container-width--xl) - 3.6rem)) / 2)}.box-configurator__configuration{padding-block:6.4rem;padding-right:calc((100vw - (var(--container-width--xl) - 3.6rem)) / 2);.box-configurator-overview{padding:3.2rem}}}}@media (min-width:1400px){.box-configurator{.box-configurator__box,.box-configurator__info{padding-right:10rem;padding-left:calc((100vw - (var(--container-width--xxl) - 3.6rem)) / 2)}.box-configurator__box{padding-top:12rem}.box-configurator__form{padding-right:calc((100vw - (var(--container-width--xxl) - 3.6rem)) / 2)}.box-configurator__info{padding-bottom:12rem;.wpb-usps{--gc:2}.wpb-cta--secondary{padding-top:4.8rem;margin-top:4.8rem}}.box-configurator__find-box{padding-block:12rem}.box-configurator__contact-form{padding-block:12rem;padding-left:calc((100vw - (var(--container-width--xxl) - 3.6rem)) / 2)}.box-configurator__configuration{padding-block:12rem;padding-right:calc((100vw - (var(--container-width--xxl) - 3.6rem)) / 2)}}}@media (min-width:1600px){.box-configurator{.box-configurator__box,.box-configurator__info,.box-configurator__contact-form{padding-left:calc((100vw - (var(--container-width--xxxl) - 3.6rem)) / 2)}.box-configurator__form,.box-configurator__configuration{padding-right:calc((100vw - (var(--container-width--xxxl) - 3.6rem)) / 2)}}}