:root{--quiz-navy: #2A2E45;--quiz-gold: #C5A059;--quiz-gold-light: #d4b476;--quiz-bone: #FAF9F6;--quiz-dark: #191022;--quiz-gray: #6B7280;--quiz-gray-light: #E5E7EB;--quiz-white: #FFFFFF;--quiz-success: #10B981;--quiz-font-display: "Playfair Display", serif;--quiz-font-body: "Montserrat", sans-serif;--quiz-radius: 12px;--quiz-transition: .4s cubic-bezier(.4, 0, .2, 1)}.quiz-container,.quiz-container *,.quiz-container *:before,.quiz-container *:after{box-sizing:border-box}.allbeauty-quiz-section{overflow-x:hidden}.quiz-container{width:100%;max-width:800px;margin:0 auto;padding:40px 20px 80px;min-height:70vh;position:relative;box-sizing:border-box;overflow-x:hidden}.quiz-progress{width:100%;height:4px;background:var(--quiz-gray-light);border-radius:2px;margin-bottom:48px;overflow:hidden}.quiz-progress__bar{height:100%;background:linear-gradient(90deg,var(--quiz-gold),var(--quiz-gold-light));border-radius:2px;transition:width var(--quiz-transition);width:0%}.quiz-progress__text{font-family:var(--quiz-font-body);font-size:12px;font-weight:500;color:var(--quiz-gray);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;text-align:right}.quiz-screen{display:none;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.quiz-screen.active{display:block}.quiz-screen.visible{opacity:1;transform:translateY(0)}.quiz-welcome{text-align:center;padding:60px 0 40px}.quiz-welcome__badge{display:inline-block;font-family:var(--quiz-font-body);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--quiz-gold);border:1px solid var(--quiz-gold);padding:6px 20px;border-radius:20px;margin-bottom:32px}.quiz-welcome__title{font-family:var(--quiz-font-display);font-size:clamp(32px,5vw,48px);font-weight:600;color:var(--quiz-navy);line-height:1.15;margin:0 0 20px}.quiz-welcome__subtitle{font-family:var(--quiz-font-body);font-size:16px;font-weight:400;color:var(--quiz-gray);line-height:1.6;max-width:500px;margin:0 auto 40px}.quiz-welcome__features{display:flex;justify-content:center;gap:40px;margin-bottom:48px;flex-wrap:wrap}.quiz-welcome__feature{display:flex;align-items:center;gap:8px;font-family:var(--quiz-font-body);font-size:13px;color:var(--quiz-gray)}.quiz-welcome__feature-icon{width:20px;height:20px;color:var(--quiz-gold)}.quiz-question__number{font-family:var(--quiz-font-body);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--quiz-gold);margin-bottom:12px}.quiz-question__title{font-family:var(--quiz-font-display);font-size:clamp(24px,4vw,36px);font-weight:600;color:var(--quiz-navy);line-height:1.2;margin:0 0 36px}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}.quiz-options--single-col{grid-template-columns:1fr}.quiz-options--three-col{grid-template-columns:repeat(3,1fr)}.quiz-option{position:relative;background:var(--quiz-white);border:2px solid var(--quiz-gray-light);border-radius:var(--quiz-radius);padding:24px 20px;cursor:pointer;transition:all .25s ease;text-align:center}.quiz-option:hover{border-color:var(--quiz-gold-light);box-shadow:0 4px 20px #c5a0591f;transform:translateY(-2px)}.quiz-option.selected{border-color:var(--quiz-gold);background:linear-gradient(135deg,#c5a0590a,#c5a05914);box-shadow:0 4px 24px #c5a0592e}.quiz-option.selected:after{content:"";position:absolute;top:12px;right:12px;width:22px;height:22px;background:var(--quiz-gold);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.quiz-option__icon{font-size:32px;margin-bottom:12px;display:block}.quiz-option__label{font-family:var(--quiz-font-body);font-size:14px;font-weight:600;color:var(--quiz-navy);margin-bottom:4px}.quiz-option__desc{font-family:var(--quiz-font-body);font-size:12px;font-weight:400;color:var(--quiz-gray);line-height:1.4}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.quiz-btn{font-family:var(--quiz-font-body);font-weight:600;font-size:14px;letter-spacing:.5px;border:none;border-radius:8px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}.quiz-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.quiz-btn--primary{background:var(--quiz-navy);color:var(--quiz-white);padding:16px 36px}.quiz-btn--primary:hover:not(:disabled){background:var(--quiz-dark);transform:translateY(-1px);box-shadow:0 4px 16px #2a2e454d}.quiz-btn--gold{background:linear-gradient(135deg,var(--quiz-gold),var(--quiz-gold-light));color:var(--quiz-white);padding:18px 48px;font-size:15px;letter-spacing:1px}.quiz-btn--gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #c5a05959}.quiz-btn--back{background:transparent;color:var(--quiz-gray);padding:16px 20px}.quiz-btn--back:hover:not(:disabled){color:var(--quiz-navy)}.quiz-btn--outline{background:transparent;border:2px solid var(--quiz-navy);color:var(--quiz-navy);padding:14px 32px}.quiz-btn--success{background:#2e7d32;pointer-events:none}.quiz-cart-feedback{text-align:center;margin-top:12px}.quiz-cart-feedback__link{color:var(--quiz-gold);font-weight:600;text-decoration:none;font-size:15px}.quiz-cart-feedback__link:hover{text-decoration:underline}.quiz-product__image-wrapper{text-decoration:none;display:block}.quiz-product__name{text-decoration:none;color:inherit}.quiz-btn--outline:hover{background:var(--quiz-navy);color:var(--quiz-white)}.quiz-btn__arrow{transition:transform .2s ease}.quiz-btn:hover .quiz-btn__arrow--right{transform:translate(3px)}.quiz-btn:hover .quiz-btn__arrow--left{transform:translate(-3px)}.quiz-result{text-align:center;padding:20px 0 0}.quiz-result__badge{display:inline-block;font-family:var(--quiz-font-body);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--quiz-success);background:#10b98114;padding:6px 20px;border-radius:20px;margin-bottom:24px}.quiz-result__title{font-family:var(--quiz-font-display);font-size:clamp(28px,4vw,40px);font-weight:600;color:var(--quiz-navy);line-height:1.2;margin:0 0 8px}.quiz-result__pack-name{font-family:var(--quiz-font-display);font-size:clamp(20px,3vw,28px);font-weight:500;color:var(--quiz-gold);font-style:italic;margin:0 0 16px}.quiz-result__desc{font-family:var(--quiz-font-body);font-size:15px;font-weight:400;color:var(--quiz-gray);line-height:1.6;max-width:600px;margin:0 auto 48px}.quiz-products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.quiz-product{background:var(--quiz-white);border:1px solid var(--quiz-gray-light);border-radius:var(--quiz-radius);overflow:hidden;transition:all .3s ease;text-align:left}.quiz-product:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-4px)}.quiz-product__step{font-family:var(--quiz-font-body);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--quiz-gold);padding:16px 20px 0}.quiz-product__image-wrapper{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f8f6f3,#efe9df);display:flex;align-items:center;justify-content:center;overflow:hidden}.quiz-product__image{width:70%;height:70%;object-fit:contain}.quiz-product__image-placeholder{font-size:48px;opacity:.3}.quiz-product__info{padding:20px}.quiz-product__type{font-family:var(--quiz-font-body);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--quiz-gold);margin-bottom:6px}.quiz-product__name{font-family:var(--quiz-font-body);font-size:14px;font-weight:600;color:var(--quiz-navy);line-height:1.4;margin-bottom:4px;min-height:40px}.quiz-product__size{font-family:var(--quiz-font-body);font-size:12px;color:var(--quiz-gray);margin-bottom:12px}.quiz-product__price{font-family:var(--quiz-font-body);font-size:18px;font-weight:700;color:var(--quiz-navy)}.quiz-product__link{display:block;text-align:center;font-family:var(--quiz-font-body);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--quiz-gold);text-decoration:none;padding:12px 20px;border-top:1px solid var(--quiz-gray-light);transition:all .2s ease}.quiz-product__link:hover{background:#c5a0590f;color:var(--quiz-navy)}.quiz-total{background:linear-gradient(135deg,var(--quiz-navy),var(--quiz-dark));border-radius:var(--quiz-radius);padding:32px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.quiz-total__label{font-family:var(--quiz-font-body);font-size:14px;font-weight:500;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase}.quiz-total__price{font-family:var(--quiz-font-display);font-size:36px;font-weight:700;color:var(--quiz-gold)}.quiz-total__savings{font-family:var(--quiz-font-body);font-size:12px;color:#ffffff80;margin-top:4px}.quiz-result__actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.quiz-divider{width:60px;height:2px;background:var(--quiz-gold);margin:0 auto 32px;border-radius:1px}.quiz-loading{text-align:center;padding:80px 0}.quiz-loading__spinner{width:48px;height:48px;border:3px solid var(--quiz-gray-light);border-top-color:var(--quiz-gold);border-radius:50%;animation:quiz-spin .8s linear infinite;margin:0 auto 24px}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-loading__text{font-family:var(--quiz-font-body);font-size:14px;color:var(--quiz-gray)}@media(max-width:768px){.quiz-container{padding:24px 16px 60px}.quiz-progress{margin-bottom:32px}.quiz-welcome{padding:32px 0 24px}.quiz-welcome__title{font-size:28px}.quiz-question__title{font-size:22px}.quiz-welcome__features{flex-direction:column;align-items:center;gap:16px}.quiz-options{grid-template-columns:1fr;gap:12px}.quiz-options--three-col{grid-template-columns:1fr}.quiz-option{padding:20px 16px;text-align:left;display:flex;align-items:center;gap:16px}.quiz-option__icon{font-size:28px;margin-bottom:0;flex-shrink:0}.quiz-option.selected:after{top:50%;transform:translateY(-50%);right:12px}.quiz-products{grid-template-columns:1fr;gap:16px}.quiz-total{flex-direction:column;text-align:center;padding:24px}.quiz-result__actions{flex-direction:column;align-items:stretch}.quiz-btn--gold,.quiz-btn--outline{width:100%;justify-content:center}.quiz-nav{flex-direction:column-reverse;gap:8px}.quiz-nav .quiz-btn--primary{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.quiz-products{grid-template-columns:repeat(3,1fr);gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/allbeauty-quiz.css.map */