.quiz-section{padding:4rem 0;--page-width: 146rem}.quiz-section__header{text-align:center}.quiz-section__title{font-size:2.6rem;font-weight:500}@media (min-width: 750px){.quiz-section__title{font-size:3.6rem}}.quiz__container{border-radius:2rem;overflow:hidden;box-shadow:0 2rem 6rem #0000001a}.quiz__progress{height:.4rem;background:#e2e8f0}.quiz__progress-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#8b5cf6);transition:width .3s ease;width:0%}.quiz__results{position:relative;height:50rem;background:linear-gradient(135deg,#ff6b6b,#8b5cf6,#6b73ff);display:none;align-items:center;padding:0;overflow:hidden;width:100%}.quiz__results:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400"><path d="M600,0 Q800,100 800,200 Q700,300 600,400 L800,400 L800,0 Z" fill="rgba(139,92,246,0.3)"/><path d="M650,50 Q780,150 750,250 Q720,350 650,400 L800,400 L800,50 Z" fill="rgba(107,115,255,0.2)"/></svg>');background-size:cover;background-position:right}.quiz__results-content{flex:1;padding:6rem;z-index:2;position:relative;display:flex;align-items:flex-end;height:100%}.quiz__results-content__box{max-width:280px;margin-left:auto}.quiz__results-title{font-size:7rem;font-weight:900;line-height:.9;margin:0 0 2rem;color:#fff;text-shadow:0 .4rem .8rem rgba(0,0,0,.2)}.quiz__results-subtitle{font-size:4.6rem;font-weight:500;margin:0 0 1rem;color:#fff;line-height:1}.quiz__results-description{font-size:1.6rem;margin:0 0 2.2rem;color:#ffffffe6;line-height:1.4}.quiz__results-image{width:100%;height:100%;position:absolute;z-index:1}.quiz__results-image img{width:100%;height:100%;object-fit:cover}.quiz__step{display:none;min-height:42rem;max-height:48rem}.quiz__step.quiz__step--active{display:flex}.quiz__step-image{flex:0 0 44%;position:relative;max-height:500px}.quiz__step-image img{width:100%;height:100%;object-fit:cover}.quiz__step-content{flex:1;background:#eb423a;padding:6rem 7rem;display:flex;flex-direction:column;justify-content:center;position:relative}.quiz__step-number{font-size:1.4rem;font-weight:600;color:#fffc;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1rem}.quiz__step-title{font-size:3.6rem;font-weight:500;color:#fff;margin:0 0 4rem;line-height:1.1}.quiz__options{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;max-width:500px}.quiz__option{position:relative}.quiz__option-input{position:absolute;opacity:0;pointer-events:none}.quiz__option-label{display:block;padding:1.6rem 2rem;background:#fff;border-radius:2.4rem;font-size:1.8rem;font-weight:500;color:#2d3748;cursor:pointer;transition:all .3s ease;box-shadow:0 .4rem 2rem #0000001a;border:.1rem solid transparent}.quiz__option-label:hover{box-shadow:0 .8rem 3rem #00000026}.quiz__option-input:checked+.quiz__option-label{background:#fffffff2;border-color:#1e3e3d;box-shadow:0 .8rem 3rem #0003;font-weight:600}.quiz__navigation{display:flex;justify-content:space-between;align-items:center;max-width:500px}.quiz__btn{padding:1rem 2rem;border:none;border-radius:5rem;font-size:1.6rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.quiz__btn--primary{background:#fff;color:#1e3e3d;box-shadow:0 .4rem 2rem #0000001a}.quiz__btn--primary:hover:not(:disabled){box-shadow:0 .8rem 3rem #00000026}.quiz__btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz__btn--secondary{background:#fff3;color:#fff;border:.2rem solid rgba(255,255,255,.3)}.quiz__btn--secondary:hover{background:#ffffff4d}.quiz__btn--start{background:#fff;color:#711446;font-weight:500;padding:1rem 2rem;font-size:1.8rem}.quiz__results-actions{padding:4rem 6rem;text-align:left;background:transparent;position:relative;z-index:2}.quiz__results.quiz__results--active{display:flex}@media (max-width: 768px){.quiz__results{flex-direction:column;height:auto}.quiz__results-content{padding:4rem 3rem;text-align:center}.quiz__results-title{font-size:5rem}.quiz__step{flex-direction:column;max-height:max-content}.quiz__step-image{flex:none;height:30rem}.quiz__step-content{padding:4rem 3rem}.quiz__step-number{font-size:1.2rem}.quiz__step-title{font-size:2.6rem}.quiz__option-label{font-size:1.4rem}.quiz__navigation{gap:2rem}[data-action=prev]{max-width:max-content}.quiz__btn{width:100%;text-align:center}}#shopButton{max-width:max-content;min-width:160px;text-align:center}.quiz__btn[data-action=restart]{margin-top:1.6rem}[data-step="0"] [data-action=prev]{opacity:0;pointer-events:none}.quiz__option-name,.quiz__option-email{color:#fff;margin-bottom:1rem;display:block}.quiz__option-input-name,.quiz__option-input-email,.quiz__option-select{display:block;padding:1.6rem 2rem;background:#fff;border-radius:2.4rem;font-size:1.8rem;font-weight:500;color:#2d3748;cursor:pointer;transition:all .3s ease;box-shadow:0 .4rem 2rem #0000001a;border:.1rem solid transparent;width:100%}.quiz__option-input-email,.quiz__option-select{display:block;padding:1.2rem 2rem}.quiz__option-select{position:relative;-webkit-appearance:none;appearance:none}.quiz__option-select:after{content:"\25bc";font-size:1rem;top:6px;right:10px;position:absolute}.quiz__step-subtitle{margin:0;color:#fff}.quiz__step-last .quiz__step-title{margin-bottom:1rem}.quiz__step-last .quiz__options{gap:1rem}.quiz__step-last .quiz__step-subtitle{margin:0;margin-top:1rem}.pi-quiz-result__items{display:grid;gap:2rem;padding:4rem}.pi-quiz-result__item{display:flex;align-items:center;gap:4rem;margin:0 auto;flex-wrap:wrap}.pi-quiz-result__item-image{max-width:40rem}.pi-quiz-result__item-image img{height:100%;max-width:100%}.pi-quiz-result__item-content{display:grid;gap:1.4rem}.pi-quiz-result__item-title{font-size:2.6rem;font-weight:500;margin:0;color:#711446;line-height:1;max-width:36rem}.pi-quiz-result__item-title-type{font-size:1.6rem}.pi-quiz-result__item-description{max-width:40rem;font-size:1.6rem;margin:0;color:#711446;line-height:1.4}.pi-quiz-result__item-button{border:none;border-radius:5rem;font-size:1.6rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;background:#711446;color:#fff;font-weight:500;padding:1rem 2rem;font-size:1.8rem;max-width:max-content}.pi-quiz-result__item-button--secondary{background:#fff3;color:#711446;border:.2rem solid #711446}.pi-quiz-result__items--may-like-header{text-align:center;font-size:3rem;margin-top:0}.pi-quiz-result__items--may-like{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,28rem));justify-content:center;text-align:center}.pi-quiz-result__item--vertical{display:grid;gap:1rem;justify-items:center}.pi-quiz-result__item--vertical .pi-quiz-result__item-content{justify-items:center}@media (min-width: 750px){.pi-quiz-result__item-title{font-size:4.6rem}.pi-quiz-result__item--vertical .pi-quiz-result__item-title{font-size:2.6rem;text-align:center}}@media screen and (max-width: 989px){.pi-quiz-result__items{padding:4rem 2rem}.pi-quiz-result__items--may-like.slider.slider--tablet{display:flex;justify-content:left}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pi-section-smoothie-quiz.css.map */