.survey-wrapper,.survey-wrapper *{margin:0;padding:0;box-sizing:border-box;font-family:Komet,sans-serif}.survey-wrapper{background:var(--brown) url(/cdn/shop/files/skin-survey1-2.jpg?v=1767962232) 55% center no-repeat;background-size:cover;min-height:60rem;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:1200px;margin:0 auto}@media screen and (min-width:890px){.survey-wrapper{min-height:70rem}}.main-content{text-align:center;color:#fff;z-index:1;padding-bottom:10%;width:100%}.main-content>svg{width:72px;height:auto;margin:0 auto -.5rem}.main-content>svg path{fill:#fff}.main-content h1,.main-content p{text-shadow:2px 1px 0px rgba(0,0,0,.3),0px 0px 25px rgba(0,0,0,.4)}.main-content h1{font-size:3.5rem;color:#fff;margin-bottom:1rem;font-weight:700;text-transform:uppercase}.main-content p{font-size:2rem;margin:0 auto 2rem;line-height:1.2em;opacity:.9;padding:0 6rem 2rem;font-style:italic;font-weight:700;max-width:540px}.card__content{grid-auto-flow:column}.start-button{background:var(--green);color:#fff;border:none;padding:15px 40px;font-size:1.5rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #0003}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--eggshell);z-index:1000;display:none;overflow:hidden}.form-overlay.active{display:block}.form-container{height:100svh;display:flex;flex-direction:column;position:relative}.form-header{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.progress-bar{flex:1;height:4px;background:#e9ecef;border-radius:2px;margin:0 20px;overflow:hidden}.progress-fill{height:100%;background:var(--green);transition:width .3s ease;border-radius:2px;display:block!important}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:5px}.close-button:hover{color:#495057}.question-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.5em;text-align:center;position:relative}.question{display:none;max-width:600px;width:100%}.question.active{display:block;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.question h2{font-size:1.75rem;margin-bottom:4rem;color:#333;font-weight:700;line-height:1.3em}.question h4{font-size:1.2rem;margin-bottom:1rem;color:var(--green);font-weight:300;opacity:.7}.question small{font-size:1em}.question p{font-size:1.3rem;color:#666;margin-top:-2rem;margin-bottom:3rem;line-height:1.6}.options{display:flex;flex-direction:column;gap:15px}.options.tight{gap:6px}.option{background:#fff;border:2px solid #e9ecef;padding:0;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1.1rem}.option strong{display:block}.tight .option{padding:.5rem 1.5rem}.loose .option{padding:1.5rem}.option:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 15px #667eea1a}.option.selected{border-color:var(--green);background:color-mix(in srgb,var(--green),transparent 80%)}.text-input{width:100%;padding:20px;border:2px solid #e9ecef;border-radius:10px;font-size:1.1rem;margin-bottom:2rem;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:#667eea}.navigation{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em;background:#f8f9fa;border-top:1px solid #e9ecef}.nav-button{background:var(--green);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.nav-button#nextButton{opacity:0}.nav-button:hover{background:var(--brown);transform:translateY(-1px)}.nav-button:disabled{background:#0001;color:#0005;cursor:not-allowed;transform:none}.back-button{background:var(--brown);color:#fff;border:2px solid #e9ecef}.back-button:hover{background:#f8f9fa;border-color:#dee2e6}.question-counter{color:#6c757d;font-size:.9rem}.hidden{display:none!important}.no-results-message{margin:2rem 1.5rem 0rem;padding:2rem 3rem 5rem;border-radius:8px;text-align:left;background-color:var(--green);color:#fff;border:4px solid #ffffff44}@media screen and (min-width:890px){.no-results-message{margin:2rem 10rem}}.no-results-message .link{color:#fff;text-decoration:underline}.no-results-message>p:first-child{margin-bottom:1rem;font-size:3rem;text-transform:uppercase;font-weight:700}.no-results-message>p{margin-bottom:2em;text-align:left}.no-results-message>ul{max-width:90%;margin-left:5%}.no-results-message>ul li{margin-bottom:1.75rem;line-height:1.4}.no-results-message i{opacity:.7}.product-recommendation{margin:0;display:grid;grid-template-columns:1fr;gap:5rem}@media screen and (min-width:890px){.product-recommendation{grid-template-columns:1fr 1fr 1fr;gap:0rem}}.product-recommendation product-info{display:flex;flex-direction:column;align-items:center;text-align:center;background:color-mix(in srgb,var(--brown) 80%,transparent);color:#fff;font-style:italic;border-radius:12px;padding:3rem;margin:0 1.5rem}@media screen and (min-width:890px){.product-recommendation product-info{padding:0}}.product-recommendation product-info>span{margin:0rem auto 3rem;max-width:340px}@media screen and (min-width:890px){.product-recommendation product-info>span{margin:2rem 3em;max-width:auto}}@media screen and (min-width:1200px){.product-recommendation product-info>span{margin:2rem 1.5em;max-width:auto}}.product-recommendation product-info>span strong{font-weight:600!important}.product-recommendation product-info>.card-wrapper{scale:1}.product-recommendation .card__content,.product-recommendation .card__information{width:220px;scale:1}.product-recommendation .card__content .product-form__buttons{padding:1.5rem 0;scale:.7;transform:translate(-2rem);transform-origin:center center}@media screen and (min-width:350px){.product-recommendation .card__content,.product-recommendation .card__information{width:280px;scale:1}.product-recommendation .card__content .product-form__buttons{transform:translate(0);padding:1.5rem 0;scale:.8}}@media screen and (min-width:420px){.product-recommendation .card__content,.product-recommendation .card__information{width:300px;scale:1}.product-recommendation .card__content .product-form__buttons{padding:1.5rem 2.5rem;scale:1}}@media screen and (min-width:890px){.product-recommendation product-info>.card-wrapper{scale:.8}.product-recommendation .card__content,.product-recommendation .card__information{width:260px}.product-recommendation .card__content .product-form__buttons{scale:.85;padding:0}}@media screen and (min-width:1200px){.product-recommendation product-info>.card-wrapper{scale:1;margin-bottom:2rem}.product-recommendation .card__content,.product-recommendation .card__information{width:330px}}.product-recommendation .card__content{padding:0}.product-recommendation .card__information{padding-left:0;padding-right:0}.product-recommendation .card__content .product-form__buttons>.button,.product-recommendation .card__content .product-form__buttons>div{flex:1}.product-recommendation p{text-align:center}.final{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:0;width:100%}.final>h2{margin:2rem 0 2rem 0rem;text-align:center;font-weight:600;text-transform:uppercase}.final>p{margin:2rem 3rem 4rem;text-align:center;font-size:1.4rem;max-width:600px}@media screen and (min-width:890px){.final>p{font-size:2.2rem;margin:2rem auto 4rem;color:#fff}}.final>svg{max-width:60px;margin:4rem auto 0rem;display:block}.final .meta-info{background-color:#fff7;padding:2rem}.final.hidden{display:none}.final-footer{text-align:center;margin-top:2rem}.final-footer .restart-button{width:280px;margin:0 auto 2em;background:var(--green)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/template-survey.css.map */