#konfigurator-root{width:100%;display:flex;justify-content:center;background:#fff}#konfigurator{width:100%;max-width:1180px;display:block;flex-wrap:wrap;flex-direction:column}.intro-img-wrap img{max-width:600px;height:280px;object-fit:cover}#konfigurator .slide{display:none;padding:20px 0;margin:10px 0;border-radius:8px;width:100%}#konfigurator .intro-slide h2{text-align:center;font-weight:300;margin-top:0}#konfigurator .intro-slide h3{text-align:center;margin:80px 0 20px 0}#konfigurator .intro-slide p{text-align:center;margin-top:0;margin-bottom:24px;color:#000}#konfigurator .intro-slide .start-button-wrap{display:flex;align-items:center;justify-content:center}#konfigurator .slide h3{width:100%;color:#CA424F;font-size:24px;font-weight:700;letter-spacing:0}#konfigurator .result-slide h3{width:100%;color:#CA424F;font-size:24px;font-weight:700;margin-bottom:0}#konfigurator .result-slide p{margin-bottom:0;color:#000}#konfigurator .slide.active{display:flex;flex-direction:column}#konfigurator .question-slide .btn-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;justify-content:center}#konfigurator .question-slide .btn-wrap.btn-wrap-last{grid-template-columns:1fr}#konfigurator .question-slide .btn-wrap.btn-wrap-last .answer-btn{max-width:100%}#konfigurator .header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row;width:100%;padding:20px;z-index:9}#konfigurator .header.hidden{display:none}#konfigurator .header .top{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;width:100%;margin-bottom:20px}#konfigurator .header .nav{display:flex;justify-content:space-between;margin-top:20px}#konfigurator .header .nav .nav-btn{font-weight:700;display:flex;cursor:pointer;color:#000}#konfigurator .header .nav .nav-btn.previous{margin-right:auto}#konfigurator .header .nav .nav-btn.previous img{margin-right:10px}#konfigurator .header .nav .nav-btn.next{margin-left:auto}#konfigurator .header .nav .nav-btn.next img{margin-left:10px}.progress{display:block;width:100%;height:11px;background-color:#D9D9D9;border-radius:10px;overflow:hidden}.progress.hidden{display:none}.progress-bar{height:100%;width:0%;background-color:#CA424F;border-radius:10px;transition:width 0.3s ease}#konfigurator .header .question-num{text-transform:uppercase;letter-spacing:10%;font-size:24px;text-align:center;color:#000}#konfigurator button{padding:10px 20px;cursor:pointer}#konfigurator button.answer-btn{padding:20px;cursor:pointer;flex:0 0 33%}#konfigurator .close-button{display:flex;align-items:center;justify-content:flex-end}#konfigurator .btn-close{text-decoration:none;color:#333;font-size:16px;font-weight:700;background:#eee;padding:6px 12px;border-radius:4px;display:flex;align-items:center;transition:background 0.2s ease}#konfigurator .btn-close:hover{background:#ddd}#konfigurator .btn-close .x{font-size:20px;line-height:1}#konfigurator .answer-btn{display:flex;align-items:stretch;width:100%;max-width:500px;border:1px solid #666;border-radius:10px;padding:10px;background:#f9f9f9;transition:border-color 0.2s;cursor:pointer;text-align:left}#konfigurator .answer-btn.selected{border:1px solid #000}#konfigurator .answer-btn:hover{border:1px solid var(--fs-color-primary)}.answer-btn.has-title{display:flex;flex-direction:row}.answer-btn .checkbox input{transform:scale(1.5);margin-right:5px}.answer-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0 10px}.answer-title{font-weight:700;margin-bottom:5px;font-size:18px;text-transform:none;letter-spacing:0;line-height:1.5;color:#000}.answer-text{font-size:16px;line-height:24px;color:#333;text-transform:none;font-weight:300}.has-image .answer-text{text-align:center;padding:8px 0}.answer-btn.has-image{flex-direction:column;align-items:center;text-align:center}.answer-image{max-width:100%;height:auto;margin-bottom:8px;border-radius:10px}.uppercase{text-transform:uppercase}#question-slides{display:flex}.intro-img-wrap{display:flex;justify-content:center}.konfigurator{display:flex;flex-direction:column;align-items:center}#loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(255 255 255 / .8);display:flex;align-items:center;justify-content:center;z-index:9999}#loading-overlay .spinner{border:8px solid #f3f3f3;border-top:8px solid red;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.result-slide .products-wrap{margin-top:10px}.result-slide .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding:20px 0}.result-slide .product-card{background:#fff;padding:0;display:flex;flex-direction:column;justify-content:flex-start}.result-slide .match-count{font-weight:300;font-size:.7rem;padding:2px 6px;position:absolute;top:8px;right:8px;background-color:#fff;color:#000;z-index:999}.result-slide .product-image{margin-bottom:.6rem;position:relative;width:100%;overflow:hidden}.result-slide .product-image img{width:100%;height:100%;object-fit:cover;max-width:100%;height:auto;display:flex;aspect-ratio:295/180}.result-slide .product-title{font-size:1rem;font-weight:300;margin-bottom:.2rem;color:#000}.result-slide .product-price{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;margin-top:auto;color:#000}.restart-wrap{display:flex;justify-content:center}.restart-button{display:flex;align-items:center;font-weight:700;text-decoration:none}.restart-button span{padding:0 8px;color:#000}#konfigurator-questions{margin:auto;max-width:1000px;padding:0 30px}#answer-placeholder{padding-top:0;background-image:url(/wp-content/uploads/2025/01/Vector-1-2.svg);background-position:top;background-size:100%;background-repeat:no-repeat}#answer-placeholder .answer-item{width:48%;padding:30px 24px;justify-content:start;display:flex;flex-direction:column;align-items:center;border:1px solid lightgrey;background:#fff}#answer-placeholder .answer-item h5{text-align:center;font-size:28px}#answer-placeholder .answer-item p{font-weight:350;font-size:16px;margin:0;font-family:'FranklinGothicATF';text-align:center}#answer-placeholder .answer-item .head{font-weight:700;font-size:16px;margin:0;font-family:'FranklinGothicATF'}#answer-placeholder .answer-item img{margin-bottom:20px}#answer-placeholder .answer-item a{font-size:16px!important;margin-top:auto;margin-bottom:0!important;max-width:300px!important}#questions-form .question-item{display:flex;margin-bottom:50px}#questions-form .question-item:nth-child(odd){flex-direction:row}#questions-form .question-item:nth-child(even){flex-direction:row-reverse}#questions-form .question-item.odd{flex-direction:row}#questions-form .question-item.even{flex-direction:row-reverse}#questions-form .question-item:nth-child(odd) .question{padding:0 0 0 16px}#questions-form .question-item:nth-child(even) .question{padding:0 16px 0 0}#questions-form .question-item.odd .question{padding:0 0 0 16px}#questions-form .question-item.even .question{padding:0 16px 0 0}.question-item .question p{font-weight:600;font-size:24px}.question-item .question label{font-weight:400;line-height:1.7;font-size:16px;margin-bottom:10px;padding-left:30px;text-align:left}.question-item .question label input{margin-bottom:-3px;margin-left:-30px}.question-item input[type="radio"]{appearance:none;display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #D9D9D9;background-color:#fff;transition:background-color 0.2s,border-color 0.2s;cursor:pointer}.question-item input[type="radio"]:checked{background-color:#ED1C24;border-color:#ED1C24}.question-item .question label:has(input:focus){font-weight:600}.question-item .question-img{width:50%;display:flex;justify-content:center}.question-item .question{width:50%;display:flex;flex-direction:column;justify-content:center}.question-item .question span{width:54px;height:54px;margin-bottom:10px;background-color:#ED1C24;color:#fff;font-weight:700;font-size:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}#answer-placeholder{height:0;overflow:hidden}#answer-placeholder:has(.answer-wrapper>.answer-item){height:auto;width:100%}.answer-wrapper{display:flex;max-width:1300px;margin:40px auto;justify-content:space-between}#answer-placeholder .st-title-dots{text-align:center;padding-top:180px;max-width:1300px;margin:auto}#answer-placeholder .st-title-dots:before{display:block}@media screen and (max-width:850px){.question-item{flex-direction:column!important;align-items:center;gap:20px;margin-bottom:30px}.question-item input[type="radio"]{appearance:none;display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #D9D9D9;background-color:#fff;transition:background-color 0.2s,border-color 0.2s;cursor:pointer}.question-item input[type="radio"]:checked{background-color:#ED1C24;border-color:#ED1C24}.question-item .question-img,.question-item .question{width:100%;max-width:400px}.question-item .question p{line-height:28px;font-size:24px}#answer-placeholder{padding-left:15px;padding-right:15px}#answer-placeholder .answer-item{width:100%}#answer-placeholder .st-title-dots{padding-top:80px}#question-slides{display:flex;padding:0 20px}#konfigurator button.answer-btn{padding:15px}}