:root{--zn-dark: #221f1b;--zn-cream: #efe9dc;--zn-pink: #a8475a;--zn-muted: #8b8278;--zn-border: #e0d8ce;--zn-serif: "Cormorant Garamond", Georgia, serif;--zn-sans: "Jost", sans-serif}.zn-quiz{font-family:var(--zn-sans);color:var(--zn-dark);background:#fff;overflow:hidden}.zn-quiz__intro,.zn-quiz__stage,.zn-quiz__loading,.zn-quiz__result{display:none!important}.zn-quiz__intro.is-active{display:flex!important}.zn-quiz__stage.is-active{display:block!important}.zn-quiz__loading.is-active{display:flex!important}.zn-quiz__result.is-active{display:block!important}.zn-quiz__intro{flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh;padding:80px 24px;background:var(--zn-cream)}.zn-quiz__intro-eyebrow{font-family:var(--zn-sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--zn-muted);margin:0 0 20px}.zn-quiz__intro-title{font-family:var(--zn-serif);font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1.1;margin:0 0 20px;max-width:640px}.zn-quiz__intro-sub{font-size:15px;line-height:1.75;color:var(--zn-muted);max-width:480px;margin:0 auto 36px}.zn-quiz__intro-meta{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--zn-muted);margin-bottom:44px}.zn-quiz__intro-meta span{display:flex;align-items:center;gap:6px}.zn-quiz__stage{min-height:80vh;padding:0 24px 80px}.zn-quiz__progress-wrap{padding:32px 0 0;max-width:640px;margin:0 auto 48px}.zn-quiz__progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--zn-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.zn-quiz__progress-bar{height:2px;background:var(--zn-border);position:relative;overflow:hidden}.zn-quiz__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--zn-dark);transition:width .4s ease;width:0%}.zn-quiz__question{display:none;max-width:640px;margin:0 auto;animation:znQFadeIn .35s ease both}.zn-quiz__question.is-active{display:block}@keyframes znQFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.zn-quiz__q-num{font-size:11px;color:var(--zn-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.zn-quiz__q-text{font-family:var(--zn-serif);font-size:clamp(22px,3.5vw,30px);font-weight:500;line-height:1.2;margin:0 0 32px}.zn-quiz__options{display:flex;flex-direction:column;gap:12px}.zn-quiz__opt{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1.5px solid var(--zn-border);background:#fff;cursor:pointer;text-align:left;font-family:var(--zn-sans);font-size:14px;line-height:1.5;color:var(--zn-dark);transition:border-color .15s,background .15s}.zn-quiz__opt:hover{border-color:var(--zn-dark);background:var(--zn-cream)}.zn-quiz__opt.is-selected{border-color:var(--zn-dark);background:var(--zn-dark);color:#fff}.zn-quiz__opt-marker{display:none}.zn-quiz__options--visual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.zn-quiz__opt--visual{flex-direction:column;align-items:stretch;padding:0;gap:0;border:1.5px solid var(--zn-border);background:#fff;overflow:hidden;transition:border-color .2s}.zn-quiz__opt--visual:hover{border-color:var(--zn-dark);background:#fff}.zn-quiz__opt--visual.is-selected{border-color:var(--zn-dark);background:#fff;color:var(--zn-dark)}.zn-quiz__opt--visual.is-selected .zn-quiz__opt-label{background:var(--zn-dark);color:#fff;border-top-color:var(--zn-dark)}.zn-quiz__opt-img{display:block;width:100%;aspect-ratio:4 / 5;flex-shrink:0}.zn-quiz__opt-label{display:block;padding:14px 16px;font-size:13px;line-height:1.5;text-align:left;border-top:1px solid var(--zn-border);color:var(--zn-dark);transition:background .15s,color .15s}.zn-quiz__opt-img--linen{background-color:#d5c9b3;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0px,rgba(255,255,255,.28) 1px,transparent 1px,transparent 8px)}.zn-quiz__opt-img--sateen{background:radial-gradient(ellipse at 38% 28%,#f4ede0,#ddd3bc 45%,#ccc0a6)}.zn-quiz__opt-img--linen-sage{background-color:#8a9878;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0px,rgba(255,255,255,.22) 1px,transparent 1px,transparent 8px)}.zn-quiz__opt-img--sateen-silver{background:radial-gradient(ellipse at 38% 28%,#f6f4f0,#d9d6d0 48%,#c4c1bc)}.zn-quiz__nav{display:flex;align-items:center;justify-content:flex-start;max-width:640px;margin:32px auto 0}.zn-quiz__btn{font-family:var(--zn-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;padding:14px 28px;transition:background .15s,color .15s}.zn-quiz__btn--back{background:transparent;color:var(--zn-muted);padding-left:0;text-decoration:underline;text-underline-offset:3px}.zn-quiz__btn--back:hover{color:var(--zn-dark)}.zn-quiz__btn--next{display:none!important}.zn-quiz__loading{min-height:80vh;align-items:center;justify-content:center;flex-direction:column;gap:24px;text-align:center;padding:40px 24px}.zn-quiz__loading-spinner{width:40px;height:40px;border:2px solid var(--zn-border);border-top-color:var(--zn-dark);border-radius:50%;animation:znSpin .8s linear infinite}@keyframes znSpin{to{transform:rotate(360deg)}}.zn-quiz__loading-text{font-family:var(--zn-serif);font-size:22px;font-weight:400;font-style:italic;color:var(--zn-dark);margin:0}.zn-quiz__result{animation:znQFadeIn .5s ease both}.zn-quiz__result-hero{background:var(--zn-cream);padding:64px 24px 72px;text-align:center}.zn-quiz__result-orb{width:64px;height:64px;border-radius:50%;background:radial-gradient(ellipse at 35% 28%,#f2ece0,#c8bda8 58%,#b0a490);box-shadow:2px 4px 14px #00000021;margin:0 auto 24px}.zn-quiz__result-badge{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--zn-pink);margin:0 0 16px}.zn-quiz__result-title{font-family:var(--zn-serif);font-size:clamp(28px,4vw,44px);font-weight:500;margin:0 0 20px;line-height:1.1}.zn-quiz__result-body{font-size:15px;line-height:1.8;color:var(--zn-muted);max-width:560px;margin:0 auto 24px}.zn-quiz__result-score{display:inline-block;font-size:12px;color:var(--zn-muted);border:1px solid var(--zn-border);padding:6px 14px;margin-bottom:32px}.zn-quiz__result-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.zn-quiz__result-cta{display:inline-block;padding:14px 32px;background:var(--zn-dark);color:#fff!important;font-family:var(--zn-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--zn-dark);transition:background .2s,border-color .2s}.zn-quiz__result-cta:hover{background:#3a3530;border-color:#3a3530}.zn-quiz__retake{display:inline-block;padding:14px 32px;background:transparent;color:var(--zn-dark);font-family:var(--zn-sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--zn-dark);cursor:pointer;transition:background .2s;margin:0}.zn-quiz__retake:hover{background:#0000000f}.zn-quiz__close-match{display:none;font-size:13px;color:var(--zn-muted);margin-top:20px}.zn-quiz__close-match.is-visible{display:block}.zn-quiz__close-match a{color:var(--zn-dark)}.zn-quiz__collection{display:none}.zn-quiz__collection.is-active{display:block}.zn-quiz__collection-divider{border:none;border-top:1px solid var(--zn-border);margin:0}.zn-quiz__products{padding:56px 24px 64px;max-width:1200px;margin:0 auto}.zn-quiz__products-title{font-family:var(--zn-serif);font-size:clamp(22px,3vw,30px);font-weight:500;margin:0 0 8px;text-align:center}.zn-quiz__products-subtitle{font-size:13px;color:var(--zn-muted);text-align:center;margin:0 0 40px;line-height:1.6}.zn-quiz__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.zn-quiz__product-card{text-decoration:none;color:var(--zn-dark);display:block}.zn-quiz__product-img-wrap{overflow:hidden;aspect-ratio:3/4;margin-bottom:14px;background:var(--zn-cream)}.zn-quiz__product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.zn-quiz__product-card:hover .zn-quiz__product-img-wrap img{transform:scale(1.04)}.zn-quiz__product-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--zn-muted);margin:0 0 4px}.zn-quiz__product-name{font-size:14px;font-weight:500;margin:0 0 5px;line-height:1.3}.zn-quiz__product-price{font-size:13px;font-weight:600;margin:0}@media(max-width:768px){.zn-quiz__intro{min-height:70vh;padding:60px 20px}.zn-quiz__products-grid{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:500px){.zn-quiz__options--visual,.zn-quiz__products-grid{grid-template-columns:1fr}.zn-quiz__opt{padding:16px 18px}.zn-quiz__result-actions{flex-direction:column;align-items:stretch}.zn-quiz__result-cta,.zn-quiz__retake{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/zn-quiz.css.map */