.reed-quiz-section{--rq-primary: #244c58;--rq-primary-dark: #1a3a44;--rq-secondary: #078782;--rq-secondary-dark: #066a66;--rq-accent: #03b5d2;--rq-cream: #f9f4ec;--rq-card: #ffffff;--rq-border: #e1e7ec;--rq-border-strong: #c2cbd2;--rq-text: #1a2933;--rq-text-muted: #5d6970;--rq-text-on-dark: #ffffff;--rq-star: #f59e0b;--rq-shadow-sm: 0 1px 2px rgba(36, 76, 88, .06), 0 1px 3px rgba(36, 76, 88, .04);--rq-shadow-md: 0 4px 12px rgba(36, 76, 88, .1);--rq-radius-sm: 6px;--rq-radius-md: 10px;--rq-radius-lg: 14px;--rq-radius-pill: 999px;--rq-banner-h: 96px;--rq-stage-min-h: 640px;display:block;width:100%;margin:0 0 24px;font-family:inherit;color:var(--rq-text);box-sizing:border-box}.reed-quiz-section *,.reed-quiz-section *:before,.reed-quiz-section *:after{box-sizing:border-box}.reed-quiz-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:var(--rq-banner-h);padding:18px 28px;background:var(--rq-primary);color:var(--rq-text-on-dark);border:none;border-radius:var(--rq-radius-md);text-align:left;cursor:pointer;font:inherit;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.reed-quiz-banner:hover,.reed-quiz-banner:focus-visible{background:var(--rq-primary-dark);outline:none;box-shadow:var(--rq-shadow-md)}.reed-quiz-banner:focus-visible{outline:3px solid var(--rq-accent);outline-offset:2px}.reed-quiz-banner__text{display:flex;flex-direction:column;gap:4px;min-width:0}.reed-quiz-banner__title{font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.25;letter-spacing:.01em}.reed-quiz-banner__subtitle{font-size:14px;line-height:1.45;opacity:.88}.reed-quiz-banner__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:var(--rq-text-on-dark);color:var(--rq-primary);border-radius:var(--rq-radius-pill);font-weight:600;font-size:15px;letter-spacing:.02em;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .18s ease}.reed-quiz-banner:hover .reed-quiz-banner__cta{transform:translate(2px)}.reed-quiz-section.is-open .reed-quiz-banner{display:none}.reed-quiz-expanded{position:relative;background:radial-gradient(120% 80% at 50% 0%,#ffffffa6,#fff0 60%),linear-gradient(180deg,var(--rq-cream) 0%,#f5efe2 100%);border-radius:var(--rq-radius-lg);padding:56px 32px 40px;opacity:0;transform:translateY(-4px);transition:opacity .28s ease,transform .28s ease;box-shadow:0 1px #ffffffb3 inset,0 12px 36px #244c580f}.reed-quiz-section.is-open .reed-quiz-expanded{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reed-quiz-expanded{transition:none}}.reed-quiz-close{position:absolute;top:16px;right:16px;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--rq-text-muted);font-size:26px;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.reed-quiz-close:hover,.reed-quiz-close:focus-visible{background:#244c5814;color:var(--rq-primary);outline:none}.reed-quiz-close:focus-visible{outline:2px solid var(--rq-accent);outline-offset:2px}.reed-quiz-stage{position:relative;min-height:var(--rq-stage-min-h);width:100%;max-width:880px;margin:0 auto}.reed-quiz-app{position:relative;min-height:var(--rq-stage-min-h)}.reed-quiz-step{width:100%}.reed-quiz-progress{position:absolute;top:-24px;left:0;right:0;height:4px;background:#244c581a;border-radius:var(--rq-radius-pill);overflow:hidden}.reed-quiz-progress__bar{height:100%;background:var(--rq-primary);border-radius:var(--rq-radius-pill);transition:width .35s cubic-bezier(.4,0,.2,1);width:0}@media(prefers-reduced-motion:reduce){.reed-quiz-progress__bar{transition:none}}.reed-quiz-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 24px;padding:6px 8px;background:transparent;border:none;color:var(--rq-text);font:inherit;font-weight:600;font-size:15px;cursor:pointer;border-radius:var(--rq-radius-sm);transition:background-color .15s ease}.reed-quiz-back:hover,.reed-quiz-back:focus-visible{background:#244c580f;outline:none}.reed-quiz-back:focus-visible{outline:2px solid var(--rq-accent);outline-offset:2px}.reed-quiz-step--welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:var(--rq-stage-min-h);gap:18px;padding:0 8px}.reed-quiz-welcome__title{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.2;color:var(--rq-text);letter-spacing:-.01em}.reed-quiz-welcome__body{margin:0;max-width:560px;font-size:16px;line-height:1.6;color:var(--rq-text-muted)}.reed-quiz-step--question{display:flex;flex-direction:column;gap:24px}.reed-quiz-question__title{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.005em;color:var(--rq-text)}.reed-quiz-question__description{margin:-8px 0 0;font-size:15px;color:var(--rq-text-muted)}.reed-quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.reed-quiz-options--grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.reed-quiz-option{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:64px;background:var(--rq-card);border:1.5px solid var(--rq-border);border-radius:var(--rq-radius-md);text-align:left;font:inherit;color:var(--rq-text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .12s ease,box-shadow .15s ease}.reed-quiz-option:hover{border-color:var(--rq-secondary);box-shadow:var(--rq-shadow-sm)}.reed-quiz-option:focus-visible{outline:none;border-color:var(--rq-secondary);box-shadow:0 0 0 3px #07878240}.reed-quiz-option.is-selected{border-color:var(--rq-secondary);background:#0787820f}.reed-quiz-option:active{transform:scale(.99)}.reed-quiz-option__indicator{flex:0 0 auto;width:22px;height:22px;border:1.5px solid var(--rq-border-strong);border-radius:50%;background:var(--rq-card);position:relative;transition:border-color .15s ease,background-color .15s ease}.reed-quiz-options--multi .reed-quiz-option__indicator{border-radius:var(--rq-radius-sm)}.reed-quiz-option.is-selected .reed-quiz-option__indicator{border-color:var(--rq-secondary);background:var(--rq-secondary)}.reed-quiz-option.is-selected .reed-quiz-option__indicator:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--rq-card);border-radius:50%}.reed-quiz-options--multi .reed-quiz-option.is-selected .reed-quiz-option__indicator:after{top:0;right:0;bottom:0;left:0;background-color:var(--rq-card);border-radius:var(--rq-radius-sm);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 60% 60% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 60% 60% no-repeat}.reed-quiz-option__text{display:flex;flex-direction:column;gap:2px;min-width:0}.reed-quiz-option__label{font-weight:600;font-size:15px;line-height:1.3}.reed-quiz-option__description{font-size:13px;color:var(--rq-text-muted);line-height:1.4}.reed-quiz-step--transition{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:var(--rq-stage-min-h);gap:24px}.reed-quiz-transition__title{margin:0;font-size:clamp(22px,2.5vw,30px);font-weight:700;color:var(--rq-text);animation:reed-quiz-pulse 1.4s ease-in-out infinite}.reed-quiz-transition__spinner{width:44px;height:44px;border:3px solid rgba(36,76,88,.15);border-top-color:var(--rq-primary);border-radius:50%;animation:reed-quiz-spin .9s linear infinite}@keyframes reed-quiz-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes reed-quiz-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reed-quiz-transition__title,.reed-quiz-transition__spinner{animation:none}}.reed-quiz-step--results{display:flex;flex-direction:column;gap:22px}.reed-quiz-results__header{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.reed-quiz-results__eyebrow{display:inline-block;padding:4px 12px;background:#0787821a;color:var(--rq-secondary-dark);border-radius:var(--rq-radius-pill);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.reed-quiz-results__title{margin:0;font-size:clamp(26px,2.8vw,34px);font-weight:700;color:var(--rq-text);letter-spacing:-.015em}.reed-quiz-results__subtitle{margin:0;font-size:15px;color:var(--rq-text-muted)}.reed-quiz-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--rq-card);border:1px solid rgba(7,135,130,.35);border-radius:var(--rq-radius-md);color:var(--rq-text);font-size:14px;font-weight:500;box-shadow:0 4px 14px #07878214;animation:reed-quiz-toast-in .25s ease-out both}.reed-quiz-toast__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--rq-secondary);color:var(--rq-card)}.reed-quiz-toast__text{flex:1 1 auto}.reed-quiz-toast__link{flex:0 0 auto;color:var(--rq-secondary-dark);font-weight:600;text-decoration:none;white-space:nowrap}.reed-quiz-toast__link:hover,.reed-quiz-toast__link:focus-visible{text-decoration:underline}@keyframes reed-quiz-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reed-quiz-toast{animation:none}}.reed-quiz-results__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.reed-quiz-card{position:relative;display:flex;flex-direction:column;background:var(--rq-card);border:1px solid var(--rq-border);border-radius:var(--rq-radius-lg);overflow:hidden;box-shadow:0 1px 2px #244c580a,0 8px 20px #244c580a;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;animation:reed-quiz-card-in .45s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--rq-card-delay, 0ms)}@keyframes reed-quiz-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reed-quiz-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #244c580d,0 16px 36px #244c581f;border-color:var(--rq-border-strong)}@media(prefers-reduced-motion:reduce){.reed-quiz-card,.reed-quiz-card:hover{transition:none;transform:none;animation:none}}.reed-quiz-card--hero{border-color:var(--rq-secondary);box-shadow:0 2px 4px #07878214,0 16px 36px #0787821f}.reed-quiz-card--hero:hover{box-shadow:0 4px 10px #0787821f,0 20px 44px #0787822e}.reed-quiz-card--added{border-color:var(--rq-secondary)}.reed-quiz-card__ribbon{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;padding:5px 12px;background:var(--rq-primary);color:var(--rq-text-on-dark);border-radius:var(--rq-radius-pill);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 6px #244c5840}.reed-quiz-card__media{display:block;position:relative;width:100%;aspect-ratio:1 / 1;background:#f3eee4;overflow:hidden}.reed-quiz-card__media img{width:100%;height:100%;object-fit:contain;display:block;background:var(--rq-card)}.reed-quiz-card__media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ece4d2,#f3eee4)}.reed-quiz-card__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}.reed-quiz-card__reviews{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rq-text-muted)}.reed-quiz-card__stars{display:inline-flex;gap:1px;font-size:14px;letter-spacing:.5px;color:#00000026}.reed-quiz-card__star.is-filled{color:var(--rq-star)}.reed-quiz-card__title{margin:2px 0 0;font-size:17px;font-weight:700;line-height:1.3;color:var(--rq-text);letter-spacing:-.005em}.reed-quiz-card__title a{color:inherit;text-decoration:none}.reed-quiz-card__title a:hover{color:var(--rq-secondary)}.reed-quiz-card__reasons{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.reed-quiz-card__reason{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;background:#07878214;color:var(--rq-secondary-dark);border-radius:var(--rq-radius-pill);font-size:12px;font-weight:600;letter-spacing:.005em;line-height:1.3}.reed-quiz-card__reason svg{flex:0 0 auto;color:var(--rq-secondary)}.reed-quiz-card__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.reed-quiz-card__price{font-size:18px;font-weight:700;color:var(--rq-primary);letter-spacing:-.01em}.reed-quiz-card__stock{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#2e82d4;background:#2e82d41a;border-radius:var(--rq-radius-pill)}.reed-quiz-card__actions{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px}.reed-quiz-results__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;padding-top:8px}.reed-quiz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:120px;padding:10px 20px;border-radius:var(--rq-radius-pill);font:inherit;font-weight:600;font-size:15px;letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease}.reed-quiz-btn:focus-visible{outline:3px solid var(--rq-accent);outline-offset:2px}.reed-quiz-btn:disabled{opacity:.55;cursor:not-allowed}.reed-quiz-btn--primary{background:var(--rq-secondary);color:var(--rq-text-on-dark)}.reed-quiz-btn--primary:hover:not(:disabled),.reed-quiz-btn--primary:focus-visible:not(:disabled){background:var(--rq-secondary-dark);color:var(--rq-text-on-dark)}.reed-quiz-btn--primary:active:not(:disabled){transform:scale(.98)}.reed-quiz-btn--secondary{background:var(--rq-card);color:var(--rq-secondary);border-color:var(--rq-secondary)}.reed-quiz-btn--secondary:hover:not(:disabled),.reed-quiz-btn--secondary:focus-visible:not(:disabled){background:#07878214}.reed-quiz-btn--text{background:transparent;color:var(--rq-secondary);min-height:36px;min-width:0;padding:6px 8px;border-radius:var(--rq-radius-sm)}.reed-quiz-btn--text:hover:not(:disabled),.reed-quiz-btn--text:focus-visible:not(:disabled){text-decoration:underline}.reed-quiz-btn--lg{min-height:52px;padding:14px 36px;font-size:16px}.reed-quiz-btn--next{align-self:flex-start;min-width:180px}.reed-quiz-btn--cart{background:var(--rq-secondary);color:var(--rq-text-on-dark);min-width:100%;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.reed-quiz-btn--cart:hover:not(:disabled),.reed-quiz-btn--cart:focus-visible:not(:disabled){background:var(--rq-secondary-dark)}.reed-quiz-btn--cart.is-added{background:var(--rq-card);color:var(--rq-secondary-dark);border-color:var(--rq-secondary)}.reed-quiz-btn--cart.is-added:hover:not(:disabled),.reed-quiz-btn--cart.is-added:focus-visible:not(:disabled){background:#07878214}.reed-quiz-btn--cart.is-error{background:#b50000;color:var(--rq-text-on-dark)}.reed-quiz-btn__label{display:inline-flex;align-items:center;gap:8px}.reed-quiz-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:reed-quiz-spin .7s linear infinite}@media(prefers-reduced-motion:reduce){.reed-quiz-btn__spinner{animation:none}}.reed-quiz-fallback{text-align:center;font-size:15px;color:var(--rq-text-muted);padding:60px 20px}.reed-quiz-fade-enter-active,.reed-quiz-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.reed-quiz-fade-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reed-quiz-fade-enter-from{opacity:0;transform:translateY(6px)}.reed-quiz-fade-leave-to{opacity:0;transform:translateY(-6px)}@media(prefers-reduced-motion:reduce){.reed-quiz-fade-enter-active,.reed-quiz-fade-leave-active{transition:none}.reed-quiz-fade-enter-from,.reed-quiz-fade-leave-to{transform:none}}@media(min-width:721px)and (max-width:1080px){.reed-quiz-results__cards{grid-template-columns:repeat(2,1fr)}.reed-quiz-results__cards .reed-quiz-card--hero{grid-column:span 2;flex-direction:row}.reed-quiz-results__cards .reed-quiz-card--hero .reed-quiz-card__media{width:42%;aspect-ratio:auto;flex:0 0 auto}.reed-quiz-results__cards .reed-quiz-card--hero .reed-quiz-card__body{padding:24px 28px}}@media(max-width:720px){.reed-quiz-section{--rq-stage-min-h: 720px;--rq-banner-h: auto}.reed-quiz-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px}.reed-quiz-banner__cta{align-self:stretch;text-align:center}.reed-quiz-expanded{padding:44px 16px 28px;border-radius:var(--rq-radius-md)}.reed-quiz-stage{max-width:100%}.reed-quiz-progress{top:-16px}.reed-quiz-back{margin-bottom:16px}.reed-quiz-options{grid-template-columns:1fr;gap:10px}.reed-quiz-option{min-height:56px;padding:12px 14px}.reed-quiz-options--grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.reed-quiz-results__cards{grid-template-columns:1fr;gap:14px}.reed-quiz-card__body{padding:14px 16px 16px}.reed-quiz-card__ribbon{top:12px;left:12px;font-size:10px;padding:4px 10px}.reed-quiz-card__reason{font-size:11px;padding:3px 9px 3px 7px}.reed-quiz-toast{flex-wrap:wrap;font-size:13px;padding:10px 14px;gap:8px}.reed-quiz-toast__link{margin-left:auto}.reed-quiz-btn--next{align-self:stretch;width:100%}.reed-quiz-results__footer{gap:12px}}@media(max-width:420px){.reed-quiz-section{--rq-stage-min-h: 680px}.reed-quiz-expanded{padding:40px 14px 24px}.reed-quiz-question__title{font-size:22px}.reed-quiz-options--grid{grid-template-columns:repeat(2,1fr);gap:8px}.reed-quiz-options--grid .reed-quiz-option{min-height:52px;padding:10px 12px}.reed-quiz-options--grid .reed-quiz-option__label{font-size:14px}.reed-quiz-toast{flex-direction:column;align-items:flex-start;gap:4px}.reed-quiz-toast__icon{margin-bottom:2px}.reed-quiz-toast__link{margin-left:0}.reed-quiz-banner__title{font-size:17px}.reed-quiz-banner__subtitle{font-size:13px}}@media(hover:none){.reed-quiz-banner:hover{background:var(--rq-primary)}.reed-quiz-card:hover{transform:none;box-shadow:0 1px 2px #244c580a,0 8px 20px #244c580a}.reed-quiz-option:hover{border-color:var(--rq-border);box-shadow:none}.reed-quiz-option.is-selected:hover{border-color:var(--rq-secondary)}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/reed-quiz.css.map */