.quiz{margin-top:60px}.quiz-container{margin:0 auto}.quiz-container .lumi-desc{text-align:center}.quiz-step{margin:0 auto}.quiz-step .lumi-desc{margin-top:34px}.margin-more:is(.quiz-step .lumi-desc){margin-top:64px}.quiz-step h4{font-weight:700;line-height:33.6px;text-align:center}.quiz-step input::placeholder{color:#111}.quiz-step input{padding:16px;border:1px solid #e4e4e4;font-size:14px;font-weight:400;line-height:24px;text-align:left;height:58px;outline:none}.quiz-step select{font-size:14px;font-weight:400;line-height:24px;text-align:left;height:58px;outline:none;border:none}.quiz-step input,.quiz-step button{width:100%;margin-bottom:20px;background-color:transparent}.select-gender-drop{border:1px solid #e4e4e4;padding:0 16px 0 11px}.quiz-step select{width:100%;background-color:transparent}.quiz-prog{max-width:563px;margin:0 auto 72px;display:flex;align-items:start;justify-content:space-between;width:100%;position:relative;background-color:transparent}.quiz-prog.mobile{display:none}.quiz-prog:before{content:"";position:absolute;left:20px;top:25%;width:95%;height:2px;background-color:#f4f4f4}.quiz-prog .quiz-prog-stat{display:flex;flex-direction:column;gap:12px;align-items:center;position:relative;z-index:2}:is(.quiz-prog .quiz-prog-stat) .quiz-prog-stat-number{width:40px;height:40px;border-radius:50%;background-color:#fff;color:#6b6b6b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:18px;border:1px solid #e4e4e4}:is(.quiz-prog .quiz-prog-stat) .quiz-prog-stat-text{font-size:14px;font-weight:400;line-height:15.4px;text-align:center;color:#6b6b6b}#step1{max-width:570px}:is(#step1 .stage1) .quiz-prog-stat-number{background-color:#fd1c00;color:#fff;border:1px solid #fd1c00}:is(#step1 .stage1) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}#step2{max-width:835px}:is(#step2 .stage1) .quiz-prog-stat-number{background-color:#fff;color:#fd1c00;border:1px solid #fd1c00}:is(#step2 .stage1) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}:is(#step2 .stage2) .quiz-prog-stat-number{background-color:#fd1c00;color:#fff;border:1px solid #fd1c00}:is(#step2 .stage2) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}#step3{max-width:835px}:is(#step3 .stage1) .quiz-prog-stat-number,:is(#step3 .stage2) .quiz-prog-stat-number{background-color:#fff;color:#fd1c00;border:1px solid #fd1c00}:is(#step3 .stage1) .quiz-prog-stat-text,:is(#step3 .stage2) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}:is(#step3 .stage3) .quiz-prog-stat-number{background-color:#fd1c00;color:#fff;border:1px solid #fd1c00}:is(#step3 .stage3) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}#step4{max-width:570px}:is(#step4 .stage1) .quiz-prog-stat-number,:is(#step4 .stage2) .quiz-prog-stat-number,:is(#step4 .stage3) .quiz-prog-stat-number{background-color:#fff;color:#fd1c00;border:1px solid #fd1c00}:is(#step4 .stage1) .quiz-prog-stat-text,:is(#step4 .stage2) .quiz-prog-stat-text,:is(#step4 .stage3) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}:is(#step4 .stage4) .quiz-prog-stat-number{background-color:#fd1c00;color:#fff;border:1px solid #fd1c00}:is(#step4 .stage4) .quiz-prog-stat-text{font-weight:500;color:#fd1c00}#step5{max-width:570px}.quiz-container .select-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px;margin-top:56px}.quiz-container .select-menu-basic{margin-top:56px}.margin-less:is(.quiz-container .select-menu-basic){margin-top:24px}:is(.quiz-container .select-menu-basic) .select-card{padding:8px 12px;text-align:left;margin-bottom:12px;flex-direction:row;gap:8px}:is(:is(.quiz-container .select-menu-basic) .select-card) h5{font-size:14px;font-weight:400;line-height:24px;letter-spacing:-.006em;text-align:left;color:#111}:is(:is(.quiz-container .select-menu-basic) .select-card):before{position:static;height:16px;width:16px}:is(:is(.quiz-container .select-menu-basic) .select-card) .select-tick{left:-25px;top:4px}:is(:is(:is(.quiz-container .select-menu-basic) .select-card) .select-tick) img{height:16px;width:16px}:is(:is(.quiz-container .select-menu-basic) .select-card) .card-content{position:relative}.quiz-container .select-card{display:flex;flex-direction:column;align-items:center;padding:50px 16px 33px;border:2px solid #eee;cursor:pointer;text-align:center;position:relative;transition:all .3s ease}.quiz-container .select-card input[type=radio]{display:none}.quiz-container .select-card .card-content{display:flex;flex-direction:column;align-items:center;gap:60px}:is(.quiz-container .select-card .card-content) .card-content-in{display:flex;flex-direction:column;gap:16px}.quiz-container .select-card img{max-width:50px;margin-bottom:15px}.quiz-container .select-card h5{margin:0;font-size:16px;font-weight:700}.quiz-container .select-card p{font-size:14px;color:#666}.quiz-container .select-card:hover{border-color:red}.quiz-container .select-card input[type=radio]:checked+.card-content .select-tick{display:block}.quiz-container .select-card:before{content:"";position:absolute;width:22px;height:22px;top:17px;right:15px;border-radius:50%;display:block;border:1px solid #d9d9d9}.quiz-container .select-tick{display:none;position:absolute;right:15px;top:17px}.quiz-container .select-tick img{width:24px;height:24px;object-fit:contain}.quiz .button-wrapper{display:flex;justify-content:center;align-items:center;gap:72px;margin-top:80px}:is(.quiz .button-wrapper) #back-btn{align-items:center;gap:5px;background-color:transparent;font-size:14px;font-weight:700;line-height:9.84px;letter-spacing:.04em;border:none}:is(:is(.quiz .button-wrapper) #back-btn):hover span{transform:translate(-5px)}:is(:is(.quiz .button-wrapper) #back-btn) span{display:flex;align-items:center;transition:all .3s ease}:is(.quiz .button-wrapper) #common-btn{padding:0}.result-head .result-head-top{display:flex;justify-content:space-between}:is(.result-head .result-head-top) h3{max-width:30ch}.result-head .result-head-bottom{margin-top:36px}:is(.result-head .result-head-bottom) .steps-overview{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:400;line-height:16.94px;color:#6b6b6b}:is(:is(.result-head .result-head-bottom) .steps-overview) .steps-overview-stat{display:flex;align-items:center;gap:12px}:is(:is(:is(.result-head .result-head-bottom) .steps-overview) .steps-overview-stat):before{content:"";width:4px;height:4px;border-radius:50%;background-color:#6b6b6b}:is(:is(:is(.result-head .result-head-bottom) .steps-overview) .steps-overview-stat:nth-child(1)):before{display:none}.retake-quiz.mobile{margin-top:36px;display:none}.quiz-container .product-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:48px;height:100%}.quiz-container .product-grid-item{width:100%}#product-card-main{height:100%}.no-product{text-align:center;height:100%;margin-top:100px}@media screen and (max-width: 991px){.quiz-container{margin-top:150px}}@media screen and (max-width: 767px){#product-compare .table-container{margin-top:60px}.quiz-container .product-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.retake-quiz.mobile{display:block}.retake-quiz.desktop{display:none}}@media screen and (max-width: 500px){.quiz-container .product-grid{grid-template-columns:repeat(1,minmax(200px,1fr))}}@media screen and (max-width: 400px){.quiz-prog.desktop{display:none}.quiz-prog.mobile{display:block}.quiz-prog:before{display:none}.quiz .button-wrapper{gap:20px}.quiz-step h4{text-align:start;line-height:130%}.quiz-prog .quiz-prog-stat{gap:0}:is(.quiz-prog .quiz-prog-stat) .quiz-prog-stat-number{width:100%;height:100%;border-radius:0;border:none;justify-content:start;font-size:14px;font-weight:600;line-height:21px;color:#111}.margin-more:is(.quiz-step .lumi-desc){margin-top:20px}:is(:is(.result-head .result-head-bottom) .steps-overview) .steps-overview-stat{gap:5px}:is(:is(:is(.result-head .result-head-bottom) .steps-overview) .steps-overview-stat):before{display:none}:is(.result-head .result-head-bottom) .steps-overview{flex-direction:column;gap:16px;align-items:start}.quiz-prog:before{width:90%!important}}@media screen and (max-width: 375px){.announcement-bar .announcement-bar-text{line-height:150%}nav{padding-bottom:0}}.lumi-filled-cta{font-size:clamp(14px,1.5vmax,14px);padding:16px 24px;min-width:180px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;width:-moz-max-content;width:-webkit-max-content;width:max-content;position:relative;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.2s;transition-delay:.2s}.lumi-filled-cta .cta-text{z-index:4}.lumi-filled-cta:before{content:"";position:absolute;height:100%;width:100%;background-color:#fd1c00;background-color:var(--lumi-red);top:0%;right:0%;bottom:0%;left:0%;-webkit-transition:all .3s ease;transition:all .3s ease;clip-path:circle(0% at 50% 130%)}.lumi-filled-cta span.cta-dot{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:#fd1c00;background-color:var(--lumi-red);z-index:4}.lumi-filled-cta.white{background-color:#fff;background-color:var(--lumi-white);color:#111;color:var(--lumi-black)}.lumi-filled-cta.white:hover{color:#fff}.lumi-filled-cta.black{background-color:#111;color:#fff}.lumi-filled-cta.black-outline{border:.64px solid #1a1a1a}.lumi-dot{position:absolute;height:3px;width:3px;border-radius:50%;background-color:#fff;pointer-events:none;top:0%;right:0%;bottom:0%;left:0%}.lumi-arrow-cta{font-size:clamp(16px,1.5vmax,16px);font-weight:400;text-transform:capitalize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;width:-moz-max-content;width:-webkit-max-content;width:max-content;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:.02em;font-family:almarai;position:relative;-webkit-transform-origin:bottom right;transform-origin:bottom right;overflow:hidden}.lumi-arrow-cta a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.lumi-arrow-cta.red{color:#fd1c00;color:var(--lumi-red)}.lumi-arrow-cta.black{color:#111;color:var(--lumi-black)}.lumi-arrow-cta.white{color:#fff;color:var(--lumi-white)}.lumi-arrow-cta .cta-text{position:relative;overflow:hidden}.lumi-arrow-cta .cta-text:before{content:"";height:1px;width:0%;-webkit-transition:all .3s ease;transition-delay:.2s;transition:all .6s ease;position:absolute;bottom:0;background-color:#fd1c00;background-color:var(--lumi-red)}.lumi-arrow-cta:hover .cta-text:before{width:100%}.lumi-arrow-cta:hover .cta-text:after{opacity:0}.lumi-arrow-cta .cta-text:after{content:"";height:1px;opacity:1;width:100%;transition:all 0s ease;position:absolute;bottom:0;left:0;background-color:#fd1c00;background-color:var(--lumi-red)}.lumi-arrow-cta.red .cta-text:before{background-color:#fd1c00;background-color:var(--lumi-red)}.lumi-arrow-cta.red .cta-text:after{background-color:#fd1c00;background-color:var(--lumi-red)}.lumi-arrow-cta.black .cta-text:before{background-color:#111}.lumi-arrow-cta.black .cta-text:after{background-color:#111}.lumi-arrow-cta.white .cta-text:before{background-color:#fff;background-color:var(--lumi-white)}.lumi-arrow-cta.white .cta-text:after{background-color:#fff;background-color:var(--lumi-white)}.lumi-filled-cta span.cta-dot{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:var(--lumi-red);z-index:8}.lumi-filled-cta.white{background-color:var(--lumi-white);color:var(--lumi-black)}.lumi-filled-cta.white:before{background-color:var(--lumi-black)}.lumi-filled-cta.white:hover{color:var(--lumi-white)}.lumi-dot{position:absolute;height:3px;width:3px;border-radius:50%;background-color:var(--lumi-white);pointer-events:none;top:0%;right:0%;bottom:0%;left:0%}.lumi-filled-cta{font-size:clamp(14px,1.5vmax,14px);padding:16px 24px;min-width:180px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;transition-delay:.2s}.lumi-filled-cta .cta-text{z-index:8}.lumi-filled-cta:before{content:"";position:absolute;height:100%;width:100%;background-color:var(--lumi-red);top:0%;right:0%;bottom:0%;left:0%;transition:all .3s ease;clip-path:circle(0% at 50% 100%)}.lumi-filled-cta:hover:before{clip-path:circle(100% at 50% 100%)}.lumi-filled-cta span.cta-dot{display:inline-block;height:10px;width:10px;border-radius:50%;background-color:red;z-index:8}.lumi-filled-cta.white{background-color:#f4f4f4;color:#111}.lumi-filled-cta.white:before{background-color:#111}.lumi-filled-cta.white:hover{color:#f4f4f4}.lumi-filled-cta.black{background-color:#111;color:#f4f4f4}.lumi-filled-cta.black:before{background-color:#f4f4f4}.lumi-filled-cta.black:hover{color:#111}.lumi-filled-cta.black-outline{border:.64px solid #1A1A1A}.quiz .lumi-filled-cta{width:100%;max-height:49px}.quiz :is(.product-card .product-price) .price{color:#e53c31;font-weight:800;font-size:22px;letter-spacing:.05em}.product-card .product-cta{margin-top:24px}.product-card .product-image{background-color:#f4f4f4;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;aspect-ratio:1/1;min-height:300px;max-height:300px;position:relative}:is(.product-card .product-image) .product-image-inner{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .2s ease}:is(:is(.product-card .product-image) .product-image-inner) img{height:100%;width:100%;object-fit:contain;object-position:center}.product-img2{opacity:0}.product-display:hover .product-img2{opacity:1}.product-display:hover .product-img1{opacity:0}.product-compare-inner{max-width:100%;margin-bottom:140px}.table-container{overflow-x:auto;margin-top:90px}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.product-compare{border-collapse:collapse;border-spacing:0;width:100%;overflow-x:auto}.product-compare th,.product-compare td{white-space:nowrap}.product-compare tr:nth-child(1){border-bottom:none}.product-compare tr{border-bottom:1px solid #e8e8e8}.product-compare th{padding:0 15px 30px;min-width:280px}.product-compare tr td:nth-child(1),.product-compare tr th:nth-child(1){font-size:14px;font-weight:400;line-height:24px;color:#6b6b6b;position:sticky;left:0;background-color:#fff;z-index:4}.compared-product-info h6{font-size:clamp(16px,4vmax,20px);font-weight:700;line-height:120%;letter-spacing:-.01em;text-align:left}.compared-product-image{width:160px;height:160px;aspect-ratio:1/1;margin:auto auto 10px 0}.compared-product-image img{width:100%;height:100%;object-fit:contain;background-color:#f5f5f5;padding:10px}.learn-more{display:flex;margin-top:16px;align-items:center;justify-content:center;gap:2px}.learn-more a{font-size:clamp(14px,4vmax,16px);font-weight:400;line-height:13.44px;letter-spacing:.02em;color:#fd1c00;display:flex;flex-direction:column-reverse;gap:2px;margin-top:0}:is(.learn-more a):before{content:"";width:100%;height:1px;background-color:#fd1c00}#product-compare{margin-top:126px}:is(:is(:is(#product-compare .product-compare) tbody) tr):nth-child(2n){background-color:#f7f7f7}:is(:is(:is(#product-compare .product-compare) tbody) tr):nth-child(2n) td{background-color:#f7f7f7}#product-compare .compared-product-info{margin-top:32px}#product-compare .compared-product-info h6{text-align:start}#product-compare .learn-more{justify-content:start;margin-top:15px;align-items:baseline}.product-compare td.highlighted{font-weight:600}@media screen and (max-width: 991px){.product-compare-inner{margin-bottom:90px}}@media screen and (max-width: 767px){#product-compare .table-container{margin-top:60px}}@media screen and (max-width: 500px){.product-compare tr th{padding-bottom:38px;min-width:80px;vertical-align:baseline}.product-compare tr td{font-size:14px;min-width:150px}.product-compare th,.product-compare td{white-space:wrap}.product-compare tr td:nth-child(1){font-size:12px}}.highlighted{color:#fd1c00}.product-compare td{padding:30px 15px;text-align:left;min-width:20%;font-size:14px;font-weight:500;line-height:21.78px}.product-card .product-desc p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.02em}.quiz h6{font-size:clamp(18px,1.5vmax,20px);font-weight:400;letter-spacing:.02em}@media (max-width: 749px){.quiz .result-head{padding:0 20px}}.quiz .container{padding:0 80px;max-width:1440px;margin:0 auto}@media (max-width: 749px){.quiz .container{padding:0 20px}}.product-card .product-rating{margin-top:16px}
/*# sourceMappingURL=/cdn/shop/t/62/assets/quiz.css.map */