.quiz-4{-webkit-overflow-scrolling:touch;background:#fcfaf6;max-height:100vh;max-height:calc(var(--vh, 1vh)*100);overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.quiz-4 .height-quiz{height:100vh;height:calc(var(--vh, 1vh)*100);padding-top:72px;position:relative;scroll-snap-align:start}@media screen and (max-width:992px){.quiz-4 .height-quiz{align-items:center;flex-direction:column}}@media screen and (max-width:767px){.quiz-4 .height-quiz{height:100vh;height:calc(var(--vh, 1vh)*100);padding-top:88px}}.quiz-4 .height-quiz .index-step{position:absolute;top:0}.quiz-redesign{--qr-cream:#fcfaf6;--qr-beige:#f3e8d4;--qr-button-beige:#ebd8b8;--qr-sand:#d4c2a6;--qr-ink:#2c2c22;--qr-ink-2:#56564e;--qr-white:#fff;--qr-gold:#cea55c;--qr-gold-light:#f1cd89;--qr-gold-gradient:linear-gradient(90deg,var(--qr-gold) 0%,var(--qr-gold-light) 100%);--qr-radius:10px;--qr-header-h:116px;-webkit-font-smoothing:antialiased;background:var(--qr-cream);color:var(--qr-ink);font-family:Jost,Futura,Avenir Next,sans-serif;font-weight:400;min-height:100vh}.quiz-redesign *,.quiz-redesign :after,.quiz-redesign :before{box-sizing:border-box}.quiz-redesign p{margin:0}.quiz-redesign button{color:inherit;font-family:inherit}.quiz-redesign :focus-visible{outline:2px solid var(--qr-gold);outline-offset:3px}.quiz-redesign .qr-focus-target:focus{outline:none}.quiz-redesign .qr-visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.quiz-redesign .qr-header{background:var(--qr-cream);border-bottom:1px solid var(--qr-sand);height:var(--qr-header-h);position:sticky;top:0;z-index:3}.quiz-redesign .qr-header-bar{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;height:68px;margin:0 auto;max-width:1040px;padding:0 24px}@media (max-width:640px){.quiz-redesign .qr-header-bar{gap:8px;padding:0 12px}}.quiz-redesign .qr-back{align-items:center;background:none;border:0;color:var(--qr-ink);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-self:start;letter-spacing:.12em;min-height:44px;padding:0;text-transform:uppercase}@media (max-width:640px){.quiz-redesign .qr-back{letter-spacing:.06em}}.quiz-redesign .qr-back span{font-size:18px;line-height:1}.quiz-redesign .qr-logo{display:block;height:45px;width:180px}@media (max-width:640px){.quiz-redesign .qr-logo{height:26px;width:104px}}.quiz-redesign .qr-counter{color:var(--qr-ink);font-size:12px;justify-self:end;letter-spacing:.14em;text-align:right;text-transform:uppercase;white-space:nowrap}@media (max-width:640px){.quiz-redesign .qr-counter{letter-spacing:.02em}}.quiz-redesign .qr-progress{display:grid;grid-template-columns:repeat(3,1fr);height:48px;list-style:none;margin:0 auto;max-width:560px;padding:0 24px}.quiz-redesign .qr-progress-node{align-items:center;display:flex;flex-direction:column;gap:6px;padding-top:2px;position:relative}.quiz-redesign .qr-progress-node:not(:last-child):after{background:var(--qr-sand);content:"";height:1px;left:calc(50% + 7px);position:absolute;top:7px;width:calc(100% - 14px)}.quiz-redesign .qr-progress-node.is-current:not(:last-child):after,.quiz-redesign .qr-progress-node.is-done:not(:last-child):after{background:var(--qr-gold-gradient)}.quiz-redesign .qr-progress-dot{background:var(--qr-cream);border:1px solid var(--qr-gold);border-radius:50%;height:12px;width:12px}.quiz-redesign .is-done .qr-progress-dot{background:var(--qr-ink);border-color:var(--qr-ink)}.quiz-redesign .is-current .qr-progress-dot{background:var(--qr-gold-gradient)}.quiz-redesign .qr-progress-label{color:var(--qr-ink-2);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.quiz-redesign .is-todo .qr-progress-label{color:#8a7a5e}.quiz-redesign .is-current .qr-progress-label{color:var(--qr-ink);font-weight:500}.quiz-redesign .qr-stage{margin:0 auto;max-width:1040px;padding:48px 24px 96px;text-align:center}@media (max-width:640px){.quiz-redesign .qr-stage{padding:28px 16px 64px}}.quiz-redesign .qr-step[hidden]{display:none}.quiz-redesign .qr-step{align-items:center;animation:qr-fade .35s ease-out;display:flex;flex-direction:column}@media (prefers-reduced-motion:reduce){.quiz-redesign .qr-step{animation:none}}@keyframes qr-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quiz-redesign .qr-eyebrow{color:var(--qr-ink-2);font-size:12px;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.quiz-redesign .qr-title{color:var(--qr-ink);font-size:40px;font-weight:400;letter-spacing:.06em;line-height:1.2;margin:0 0 12px;max-width:780px;text-transform:uppercase}@media (max-width:640px){.quiz-redesign .qr-title{font-size:26px}}.quiz-redesign .qr-subtitle{color:var(--qr-ink-2);font-size:15px;margin-bottom:8px}.quiz-redesign .qr-subtitle p{margin:0}.quiz-redesign .qr-rule{color:var(--qr-ink);font-size:13px;letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.quiz-redesign .qr-fact{color:var(--qr-ink-2);font-size:14px;line-height:1.6;margin:0 auto 28px;max-width:560px}.quiz-redesign .qr-fact p,.quiz-redesign .qr-fact>div{display:inline;margin:0}.quiz-redesign .qr-fact-label{color:#a57c2c;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.quiz-redesign .qr-helper{color:var(--qr-ink-2);font-size:13px}.quiz-redesign .qr-answers{align-items:stretch;display:flex;flex-direction:column;max-width:100%;width:fit-content}.quiz-redesign .qr-answers>.qr-helper{margin-top:24px;text-align:left}@media (max-width:640px){.quiz-redesign .qr-answers{width:100%}}.quiz-redesign .qr-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:32px;max-width:560px;width:100%}@media (max-width:640px){.quiz-redesign .qr-footer{align-items:flex-start;flex-direction:column}}.quiz-redesign .qr-btn{align-items:center;border:0;border-radius:var(--qr-radius);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.1em;min-height:44px;padding:0 22px;text-transform:uppercase}.quiz-redesign .qr-btn:disabled{cursor:not-allowed;opacity:.45}.quiz-redesign .qr-btn-dark{background:var(--qr-ink);color:var(--qr-beige)}.quiz-redesign .qr-btn-wide{width:100%}.quiz-redesign .qr-chapter{align-items:center;display:flex;flex-direction:column;padding-top:40px}.quiz-redesign .qr-chapter .qr-eyebrow{margin-bottom:10px}.quiz-redesign .qr-hairline{background:var(--qr-gold-gradient);display:block;height:1px;margin-bottom:24px;width:40px}.quiz-redesign .qr-chapter-line{font-size:40px;letter-spacing:.06em;line-height:1.2;max-width:640px;text-transform:uppercase}@media (max-width:640px){.quiz-redesign .qr-chapter-line{font-size:26px}}.quiz-redesign .qr-chapter-meta{color:var(--qr-ink-2);font-size:12px;letter-spacing:.16em;margin:16px 0 32px;text-transform:uppercase}.quiz-redesign .qr-chapter-arrow{background:none;border:0;border-radius:36px;cursor:pointer;padding:0}.quiz-redesign .qr-chapter-arrow svg{display:block;height:96px;width:72px}@media (max-width:640px){.quiz-redesign .qr-chapter-arrow svg{height:80px;width:60px}}.quiz-redesign .qr-age{margin-top:12px;max-width:560px;width:100%}.quiz-redesign .qr-age-value{align-items:center;display:flex;flex-direction:column;font-size:88px;font-variant-numeric:tabular-nums;font-weight:300;line-height:1}.quiz-redesign .qr-age-value span{color:var(--qr-ink-2);font-size:12px;font-weight:400;letter-spacing:.18em;margin-top:8px;text-transform:uppercase}@media (max-width:640px){.quiz-redesign .qr-age-value{font-size:72px}}.quiz-redesign .qr-age-control{align-items:flex-start;display:flex;gap:16px;margin-top:32px}.quiz-redesign .qr-step-btn{background:var(--qr-white);border:1px solid var(--qr-sand);border-radius:50%;cursor:pointer;flex:none;font-size:18px;height:36px;line-height:1;padding:0;width:36px}.quiz-redesign .qr-step-btn:hover{border-color:var(--qr-gold)}.quiz-redesign .qr-slider{flex:1;padding-top:8px;position:relative}.quiz-redesign .qr-slider input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;display:block;height:20px;margin:0;width:100%}.quiz-redesign .qr-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--qr-gold) 0,var(--qr-gold-light) var(--qr-fill),var(--qr-sand) var(--qr-fill));height:2px}.quiz-redesign .qr-slider input[type=range]::-moz-range-track{background:var(--qr-sand);height:2px}.quiz-redesign .qr-slider input[type=range]::-moz-range-progress{background:var(--qr-gold-gradient);height:2px}.quiz-redesign .qr-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--qr-ink);border:2px solid var(--qr-cream);border-radius:50%;height:20px;margin-top:-9px;width:20px}.quiz-redesign .qr-slider input[type=range]::-moz-range-thumb{background:var(--qr-ink);border:2px solid var(--qr-cream);border-radius:50%;height:18px;width:18px}.quiz-redesign .qr-ticks{height:18px;margin:6px 10px 0;position:relative}.quiz-redesign .qr-ticks span{color:var(--qr-ink-2);font-size:12px;position:absolute;top:0;transform:translateX(-50%)}.quiz-redesign .qr-options{display:flex;gap:16px;justify-content:center;width:100%}.quiz-redesign .qr-card{align-items:center;background:var(--qr-white);border:1px solid var(--qr-sand);border-radius:var(--qr-radius);cursor:pointer;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:200px;padding:24px 16px;position:relative;transition:border-color .2s,background-color .2s;width:200px}.quiz-redesign .qr-card:hover{border-color:var(--qr-gold)}.quiz-redesign .qr-card.is-active{background:var(--qr-beige);border-color:var(--qr-gold)}.quiz-redesign .qr-card-icon{display:block;height:83px;width:56px}.quiz-redesign .qr-card-bottle{height:98px;width:84px}.quiz-redesign .qr-card-label{color:var(--qr-ink);font-size:14px;font-weight:500;line-height:1.35}.quiz-redesign .qr-check{position:absolute;right:10px;top:10px}.quiz-redesign .qr-options-pair{align-items:center}.quiz-redesign .qr-options-pair .qr-card{min-height:240px;width:280px}.quiz-redesign .qr-options-pair .qr-card-icon{height:134px;width:96px}.quiz-redesign .qr-or{align-items:center;border:1px solid var(--qr-sand);border-radius:50%;color:var(--qr-ink-2);display:flex;flex:none;font-size:12px;height:32px;justify-content:center;letter-spacing:.1em;text-transform:uppercase;width:32px}@media (max-width:640px){.quiz-redesign .qr-tiles-on-phone{flex-direction:column;gap:12px}.quiz-redesign .qr-tiles-on-phone .qr-card{flex-direction:row;gap:20px;justify-content:flex-start;min-height:0;padding:10px 48px 10px 16px;text-align:left;width:100%}.quiz-redesign .qr-tiles-on-phone .qr-card-icon{height:59px;width:40px}.quiz-redesign .qr-tiles-on-phone .qr-card-bottle{height:56px;width:48px}.quiz-redesign .qr-tiles-on-phone .qr-check{right:16px;top:50%;transform:translateY(-50%)}.quiz-redesign .qr-options-pair{align-items:stretch;gap:10px}.quiz-redesign .qr-options-pair .qr-or{display:none}.quiz-redesign .qr-options-pair .qr-card{min-height:180px;padding:20px 10px;width:50%}.quiz-redesign .qr-options-pair .qr-card-icon{height:84px;width:60px}}.quiz-redesign .qr-swatches{display:flex;flex-wrap:wrap;gap:24px 20px;justify-content:center;max-width:720px}.quiz-redesign .qr-swatch{align-items:center;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:4px;width:116px}@media (max-width:640px){.quiz-redesign .qr-swatch{width:calc(33.33333% - 13.33333px)}}.quiz-redesign .qr-swatch-oval{border-radius:30px;box-shadow:0 0 0 1px rgba(44,44,34,.08);display:block;height:86px;position:relative;transition:box-shadow .2s;width:60px}.quiz-redesign .qr-swatch-oval .qr-check{right:-6px;top:-4px}.quiz-redesign .qr-swatch:hover .qr-swatch-oval{box-shadow:0 0 0 3px var(--qr-cream),0 0 0 4px var(--qr-sand)}.quiz-redesign .qr-swatch.is-active .qr-swatch-oval{box-shadow:0 0 0 3px var(--qr-cream),0 0 0 5px var(--qr-gold)}.quiz-redesign .qr-swatch-label{color:var(--qr-ink);font-size:12px;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.quiz-redesign .qr-swatch.is-active .qr-swatch-label{font-weight:500}@media (max-width:640px){.quiz-redesign .qr-options-mood{flex-direction:column;gap:12px}}.quiz-redesign .qr-mood{align-items:center;border:1px solid var(--qr-sand);border-radius:var(--qr-radius);cursor:pointer;display:flex;font-size:16px;font-weight:400;height:170px;justify-content:center;letter-spacing:.16em;padding:16px;position:relative;text-transform:uppercase;width:300px}@media (max-width:640px){.quiz-redesign .qr-mood{height:112px;width:100%}}.quiz-redesign .qr-mood.is-active{border-color:var(--qr-gold);box-shadow:0 0 0 1px var(--qr-gold)}.quiz-redesign .qr-mood-fresh{background:linear-gradient(135deg,#eef6f1,#d7ebe6 45%,#bfd7e8);color:var(--qr-ink)}.quiz-redesign .qr-mood-bold{background:linear-gradient(120deg,#0f0f0c,#1d1b16 45%,#6d5328 75%,#cea55c);color:var(--qr-gold-light)}.quiz-redesign .qr-families{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;max-width:880px;padding:0;width:100%}@media (max-width:860px){.quiz-redesign .qr-families{gap:10px;grid-template-columns:repeat(2,1fr)}}.quiz-redesign .qr-families li{display:flex}.quiz-redesign .qr-family{background:var(--qr-beige);border:1px solid var(--qr-sand);border-radius:var(--qr-radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:opacity .2s,border-color .2s;width:100%}.quiz-redesign .qr-family:hover{border-color:var(--qr-gold)}.quiz-redesign .qr-family.is-active{border-color:var(--qr-gold);box-shadow:0 0 0 1px var(--qr-gold)}.quiz-redesign .qr-family.is-faded{cursor:not-allowed;opacity:.45}.quiz-redesign .qr-family-photo{aspect-ratio:1/1;display:block;width:100%}.quiz-redesign .qr-family-photo img{display:block;height:100%;object-fit:contain;width:100%}.quiz-redesign .qr-family-label{align-items:center;color:var(--qr-ink);display:flex;flex:1;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.1em;padding:10px 8px;text-transform:uppercase}.quiz-redesign .qr-footer-families{max-width:880px}@media (max-width:640px){.quiz-redesign .qr-footer-families{align-items:center;flex-direction:row}}.quiz-redesign .qr-final{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:960px;text-align:left;width:100%}@media (max-width:860px){.quiz-redesign .qr-final{gap:28px;grid-template-columns:1fr}}.quiz-redesign .qr-final-photo img{border-radius:var(--qr-radius);display:block;height:auto;width:100%}.quiz-redesign .qr-final-form{display:flex;flex-direction:column;gap:16px}.quiz-redesign .qr-complete{align-items:center;color:#a57c2c;display:flex;font-size:12px;gap:10px;letter-spacing:.16em;text-transform:uppercase}.quiz-redesign .qr-complete-ring{flex:none;height:40px;width:40px}.quiz-redesign .qr-final-title{font-size:28px;margin:0}@media (max-width:640px){.quiz-redesign .qr-final-title{font-size:22px}}.quiz-redesign .qr-tick{align-items:flex-start;color:var(--qr-ink);cursor:pointer;display:flex;font-size:14px;gap:10px;line-height:1.5}.quiz-redesign .qr-tick input{accent-color:var(--qr-ink);flex:none;height:18px;margin:2px 0 0;width:18px}.quiz-redesign .qr-tick a{color:var(--qr-ink);text-decoration:underline}.quiz-redesign .qr-result-items{color:var(--qr-ink-2);display:flex;flex-direction:column;font-size:14px;gap:8px;list-style:none;margin:0;padding:0 0 0 28px}.quiz-redesign .qr-result-items li{align-items:center;display:flex;gap:10px}.quiz-redesign .qr-check-inline{flex:none;height:16px;width:16px}.quiz-redesign .qr-input{background:var(--qr-white);border:1px solid var(--qr-sand);border-radius:var(--qr-radius);color:var(--qr-ink);font-family:inherit;font-size:16px;height:48px;padding:0 16px;width:100%}.quiz-redesign .qr-input::placeholder{color:#8a7a5e}.quiz-redesign .qr-input:focus{outline:2px solid var(--qr-gold);outline-offset:0}.quiz-redesign .qr-terms{font-size:13px}