body.template-page-quiz{overflow:hidden}body.scroll-visible{overflow:auto!important}.template-page-quiz:not(.scroll-visible) .shopify-section-group-footer-group{display:none}.scroll-visible .section-header.shopify-section-group-header-group{background-color:var(--white)}.section_quiz{overflow:hidden;height:100vh}.quiz_section_inner{position:relative;overflow:hidden;height:100%}.quiz-step{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:#000;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity 1s ease,transform 1s ease}.quiz-step.start-step,.quiz-step.active-step{opacity:1;transform:translateY(0);visibility:visible}.quiz-step .quiz-bg{width:100%;height:100%;position:relative;overflow:hidden}.quiz-step .quiz-bg img{width:100%;height:100%;object-fit:cover}.quiz-step .quiz-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;pointer-events:none}.hidden-start-step{transform:translateY(-100%)!important;opacity:1!important;visibility:visible!important}#quiz-result{opacity:0;transform:translateY(100%);transition:opacity 1s ease,transform 1s ease}#quiz-result.show-result{opacity:1;transform:translateY(0)}.quiz-content-wrapper{position:absolute;top:0;left:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--header-height);padding-bottom:10rem}.quiz-content-wrapper .quiz-content{text-align:center;color:var(--white)}.quiz-content h2{font-size:var(--common-heading);font-weight:700;margin-bottom:30px}.quiz-content h2+p{margin-bottom:30px}.quiz-options-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.button.quiz-btn{background:none;border:1px solid var(--white);color:var(--white);min-height:50px;min-width:180px}.button.quiz-btn:hover{background:var(--white);color:var(--primary-color);opacity:1}.template-page-quiz:not(.has-sec-banner) .section_quiz{min-height:auto;height:auto}.quiz-product-result{padding-top:50px;padding-bottom:50px}.quiz-product-result h2{color:var(--primary-color);font-size:var(--common-heading);margin-bottom:15px}.quiz-product-result.no-result h2+p{margin-top:15px}.quiz-product-result:not(.no-result) h2{margin-bottom:40px}.quiz-res-product-wrap{display:flex;flex-wrap:wrap;align-items:center;max-width:725px;width:100%;margin:0 auto;--col-gap:80px;column-gap:var(--col-gap)}.quiz-res-product-wrap .product-img{max-width:40%;width:100%}.quiz-res-product-wrap .product-img .media{overflow:hidden;background-color:transparent;position:relative}.quiz-res-product-wrap .product-img .media img{position:relative!important;top:0!important;left:0!important;width:100%;height:auto!important;object-fit:contain}.quiz-res-product-wrap .product-info{max-width:calc(60% - var(--col-gap));width:100%;display:flex;flex-direction:column;justify-content:center}.quiz-res-product-wrap .product-info h3{font-size:clamp(16px,1.05vw,18px);color:var(--primary-color);font-weight:700;text-transform:uppercase;font-family:var(--primary-font)}.quiz-res-product-wrap .prdinner-info>*:not(:first-child){margin-top:7px}.quiz-res-product-wrap .product-info .price{font-size:1.5rem;color:var(--primary-color);line-height:1.2;letter-spacing:normal;margin-bottom:0}.quiz-res-product-wrap .product-info .additional_name{line-height:1.2;font-size:clamp(12px,.7vw,13px);color:#767676;text-transform:uppercase;margin-top:15px!important}.quiz-res-product-wrap .prdinner-info .info,.quiz-res-product-wrap .prdinner-info .btn{font-size:1.2rem}.quiz-res-product-wrap .prdinner-info .info>*:not(:last-child){margin-bottom:10px}.custom-related-product{padding:80px 0;background:#efefef;display:none!important}.custom-rltd-holder{display:flex;flex-wrap:wrap;align-items:center;--colm-gap:30px;column-gap:var(--colm-gap);max-width:85%;width:100%;margin:0 auto}.custom-rltd-holder>*{max-width:calc(33.33% - var(--colm-gap)*2 / 3);width:100%}.left-requiz-inner h2{color:var(--primary-color)}.rltd-product-inner{max-width:32rem;width:100%;margin-left:auto}.rltd-product-inner .product-title{font-size:clamp(16px,1.05vw,18px);color:var(--primary-color);font-weight:700;text-transform:uppercase;font-family:var(--primary-font);margin-bottom:10px}.rltd-product-inner .price{font-size:1.5rem;color:var(--primary-color);line-height:1.2;letter-spacing:normal;margin-bottom:15px}.rltd-product-inner>*:not(:first-child){margin-top:7px}.rltd-product-inner a:not(.btn):not(.button){color:var(--primary-color);text-decoration:underline}.rltd-product-inner a:not(.btn):not(.button) i{font-style:inherit}.rltd-product-inner :is(h2,h3,h4,h5,h6){font-weight:700;font-family:var(--primary-font)}.rltd-product-inner :is(h2,h3,h4,h5,h6) strong{font-weight:inherit}.product-item-image .img-wrap img{width:auto;max-width:100%;display:block;margin:0 auto}.quiz-progress-container{position:absolute;top:var(--header-height);left:50%;transform:translate(-50%);max-width:865px;width:calc(100% - 3rem);z-index:2}.quiz-progress-bar{display:flex;align-items:center;gap:.75rem;justify-content:center}.quiz-progress-segment{height:2px;width:5rem;flex-shrink:0;background:#fff6;display:block!important;transition:width 1s ease,background-color 1s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.quiz-progress-segment.active{background:#fff;width:13rem}.button.btn-retake{background:none;margin-top:2rem;opacity:1;min-width:200px;color:var(--primary-color)}.button.btn-retake svg{margin-right:7px;width:16px;height:16px}.quiz_options__handle{padding-bottom:20px}.quiz_options__handle .handle__line{display:block;width:60px;height:4px;background:#181a18;border-radius:10px;margin:0 auto}.quiz_options__handle .handle__text{margin-top:10px;font-size:12px;line-height:1.2}.retake-btn-wrapper{text-align:center;margin:3rem 0 5rem}.retake-btn-wrapper .button.btn-retake{max-width:280px;width:100%;margin:0 auto}@media only screen and (max-width:1199px){.section_quiz{height:calc(100dvh - var(--header-height));min-height:auto}.quiz-content-wrapper{padding-bottom:7rem}.custom-related-product{padding-top:50px;padding-bottom:50px}.quiz-res-product-wrap{--col-gap:30px}.custom-rltd-holder{max-width:100%;align-items:flex-start}.custom-rltd-holder>.left-requiz{max-width:100%;margin-bottom:3rem;text-align:center}.custom-rltd-holder>*{max-width:calc(50% - var(--colm-gap)*1 / 2);width:100%}.rltd-product-inner{max-width:100%}.quiz-options-inner{gap:.75rem}.button.quiz-btn{min-height:38px;padding:10px 14px;font-size:14px;width:auto;min-width:150px}}@media only screen and (max-width:767px){.section_quiz{height:calc(100dvh - var(--header-height, 64px));height:calc(100svh - var(--header-height, 64px));min-height:50rem}.quiz-content h2{--common-heading:25px;margin-bottom:20px}.quiz-content h2+p{margin-bottom:20px}.custom-rltd-holder>*{max-width:100%;margin-bottom:3rem}.custom-rltd-holder>*:last-child{margin-bottom:0}.quiz-res-product-wrap .product-img,.quiz-res-product-wrap .product-info{max-width:100%}.quiz-res-product-wrap .product-info{margin-top:20px}.quiz-res-product-wrap .product-img .media{padding-top:100%}.quiz-res-product-wrap .product-img .media img{position:absolute!important;width:100%;height:100%!important;object-fit:contain}.quiz-res-product-wrap .prdinner-info>*:not(:first-child){margin-top:5px}.quiz-product-result:not(.no-result) h2{margin-bottom:20px}.quiz-progress-segment{height:4px;width:4px;border-radius:10px}.quiz-progress-segment.active{width:7rem}.quiz-options{position:fixed;left:0;bottom:0;width:100%;background:#fff;border-radius:20px 20px 0 0;padding:20px;color:var(--primary-color);transition:transform .3s ease;overflow-y:auto;transform:translateY(82%)}.quiz-options.swipe{transform:translateY(0)}.quiz-options .quiz-options-inner{display:flex;flex-direction:column;gap:0;border:1px solid #dadada}.quiz-options-inner .button.quiz-btn{color:currentColor;border:0;border-bottom:1px solid #dadada;padding:20px}.quiz-options-inner .button.quiz-btn:last-child{border-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-quiz.css.map */