.yh-quiz-section{--yh-teal-dark: #2E4864;--yh-teal: #4A6E96;--yh-blush: #A8C3E2;--yh-blush-soft: #E4EDF7;--yh-ink: #20242B;--yh-shadow: 0 10px 30px rgba(32, 36, 43, .12);font-family:Poppins,Segoe UI,sans-serif;padding:64px 24px}.yh-quiz-section__inner{max-width:1180px;margin:0 auto}.yh-quiz{background:var(--yh-teal-dark);color:#fff;border-radius:28px;padding:50px 30px;position:relative;overflow:hidden}.yh-quiz:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(168,195,226,.25),transparent 70%);top:-80px;right:-60px}.yh-quiz__inner{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center}.yh-quiz__eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--yh-blush);margin-bottom:10px}.yh-quiz__heading{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(24px,4vw,32px);font-weight:600;margin:0 0 8px}.yh-quiz__sub{color:#d8e3e1;margin:0 0 30px;font-size:14px}.yh-quiz__empty{color:#d8e3e1;font-size:14px}.yh-quiz__progress{display:flex;gap:6px;justify-content:center;margin-bottom:26px}.yh-quiz__progress div{width:26px;height:4px;border-radius:2px;background:#ffffff40}.yh-quiz__progress div.is-done{background:var(--yh-blush)}.yh-quiz__step{display:none}.yh-quiz__step.is-active{display:block;animation:yh-quiz-fade .4s ease}@keyframes yh-quiz-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.yh-quiz__choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.yh-quiz__choice{background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fff;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:inherit}.yh-quiz__choice:hover,.yh-quiz__choice.is-selected{background:var(--yh-blush);color:var(--yh-teal-dark);border-color:var(--yh-blush)}.yh-quiz__back{margin-top:22px;font-size:13px;text-decoration:underline;opacity:.8;background:none;border:none;color:#fff;cursor:pointer;font-family:inherit}.yh-quiz__result-label{font-size:15px;margin-bottom:18px;color:#e4edf7;font-weight:600}.yh-quiz__routine{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;text-align:left}.yh-quiz__card{background:#fff;color:var(--yh-ink);border-radius:14px;overflow:hidden;box-shadow:var(--yh-shadow)}.yh-quiz__card-media{aspect-ratio:1 / 1;background:var(--yh-blush-soft);position:relative}.yh-quiz__card-media img{width:100%;height:100%;object-fit:cover;display:block}.yh-quiz__card-tag{position:absolute;top:8px;left:8px;background:var(--yh-teal-dark);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 7px;border-radius:999px}.yh-quiz__card-tag.is-generic{background:#8a8fa0}.yh-quiz__card-step{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--yh-teal);font-weight:700;margin:10px 12px 0}.yh-quiz__card-name{font-size:12.5px;font-weight:600;margin:4px 12px 8px;min-height:32px}.yh-quiz__card-row{display:flex;align-items:center;justify-content:space-between;margin:0 12px 12px}.yh-quiz__card-price{font-weight:700;font-size:13px}.yh-quiz__card-add{background:var(--yh-teal);color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:15px;cursor:pointer}.yh-quiz__card-add.is-added{background:#3e8e6c}.yh-quiz__capture{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.yh-quiz__capture p{font-size:13px;color:#d8e3e1;margin:0 0 12px}.yh-quiz__capture-form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.yh-quiz__capture-form input[type=email]{padding:12px 16px;border-radius:999px;border:none;font-size:13px;min-width:200px;font-family:inherit}.yh-quiz__capture-form button{padding:12px 20px;border-radius:999px;border:none;background:var(--yh-blush);color:var(--yh-teal-dark);font-weight:800;font-size:13px;cursor:pointer;font-family:inherit}.yh-quiz__capture-ok{font-weight:600;font-size:13px}.yh-quiz__toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--yh-ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:all .3s ease;z-index:200}.yh-quiz__toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:600px){.yh-quiz{padding:36px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yh-skin-quiz.css.map */