.pq-fab{position:fixed;bottom:28px;right:28px;z-index:9998;display:flex;align-items:center;gap:8px;padding:14px 24px;background:#121212;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-family:var(--font-body-family),sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 24px #00000040,0 0 #12121266;transition:all .3s cubic-bezier(.4,0,.2,1);animation:pq-fab-pulse 3s ease-in-out infinite}.pq-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 32px #00000059;background:#1a1a1a}.pq-fab:active{transform:translateY(0) scale(.98)}.pq-fab__icon{font-size:18px;line-height:1}@keyframes pq-fab-pulse{0%,to{box-shadow:0 4px 24px #00000040,0 0 #12121266}50%{box-shadow:0 4px 24px #00000040,0 0 0 8px #12121200}}.pq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;padding:16px}.pq-overlay.pq-overlay--active{opacity:1;visibility:visible}.pq-modal{position:relative;width:100%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000004d;overflow:hidden;transform:translateY(30px) scale(.96);transition:transform .4s cubic-bezier(.16,1,.3,1)}.pq-overlay--active .pq-modal{transform:translateY(0) scale(1)}.pq-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000f;border:none;border-radius:50%;cursor:pointer;font-size:18px;color:#121212;transition:background .2s ease,transform .2s ease}.pq-close:hover{background:#0000001f;transform:rotate(90deg)}.pq-header{padding:32px 32px 0;text-align:center}.pq-header__title{font-family:var(--font-heading-family),serif;font-size:22px;font-weight:700;color:#121212;margin:0 0 4px;letter-spacing:-.01em}.pq-header__subtitle{font-size:13px;color:#888;margin:0;letter-spacing:.02em}.pq-progress{display:flex;align-items:center;gap:6px;padding:20px 32px 0;justify-content:center}.pq-progress__dot{width:32px;height:4px;border-radius:2px;background:#e5e5e5;transition:background .4s ease,width .4s ease}.pq-progress__dot.pq-progress__dot--active{background:#121212;width:40px}.pq-progress__dot.pq-progress__dot--done{background:#121212}.pq-body{padding:24px 32px 32px;min-height:320px;display:flex;flex-direction:column}.pq-step{display:none;flex-direction:column;animation:pq-fade-in .35s ease forwards}.pq-step.pq-step--active{display:flex}@keyframes pq-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pq-question{font-family:var(--font-heading-family),serif;font-size:18px;font-weight:600;color:#121212;margin:0 0 20px;text-align:center;letter-spacing:-.01em}.pq-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}.pq-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 12px;background:#fafafa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.pq-option:hover{background:#f0f0f0;border-color:#d0d0d0;transform:translateY(-2px)}.pq-option.pq-option--selected{background:#121212;border-color:#121212;color:#fff;transform:translateY(-2px)}.pq-option__emoji{font-size:28px;line-height:1}.pq-option__label{font-size:13px;font-weight:600;letter-spacing:.03em}.pq-option--selected .pq-option__label{color:#fff}.pq-options--three{grid-template-columns:1fr 1fr 1fr}.pq-options--single .pq-option{grid-column:1 / -1}.pq-nav{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px}.pq-btn{padding:12px 28px;border-radius:50px;font-size:14px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .25s ease;border:none;font-family:var(--font-body-family),sans-serif}.pq-btn--back{background:transparent;color:#888;padding:12px 16px}.pq-btn--back:hover{color:#121212}.pq-btn--next{background:#121212;color:#fff;margin-left:auto}.pq-btn--next:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.pq-btn--next:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.pq-result{display:none;flex-direction:column;align-items:center;text-align:center;gap:8px;animation:pq-fade-in .4s ease forwards;padding-top:8px}.pq-result.pq-result--active{display:flex}.pq-result__emoji{font-size:56px;animation:pq-bounce .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes pq-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.pq-result__heading{font-family:var(--font-heading-family),serif;font-size:22px;font-weight:700;color:#121212;margin:0}.pq-result__description{font-size:14px;color:#666;margin:0 0 8px;max-width:320px;line-height:1.5}.pq-result__cta{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:#121212;color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:all .25s ease;margin-top:8px}.pq-result__cta:hover{background:#333;transform:translateY(-2px);box-shadow:0 6px 24px #0003;color:#fff}.pq-result__restart{background:none;border:none;color:#888;font-size:13px;cursor:pointer;margin-top:8px;padding:8px;text-decoration:underline;text-underline-offset:3px;font-family:var(--font-body-family),sans-serif;transition:color .2s ease}.pq-result__restart:hover{color:#121212}@media screen and (max-width:480px){.pq-fab{bottom:20px;right:16px;padding:12px 20px;font-size:13px}.pq-modal{max-width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:90vh;overflow-y:auto}.pq-overlay{align-items:flex-end;padding:0}.pq-overlay--active .pq-modal{transform:translateY(0)}.pq-header{padding:24px 20px 0}.pq-body{padding:20px 20px 28px;min-height:280px}.pq-progress{padding:16px 20px 0}.pq-options--three{grid-template-columns:1fr 1fr}.pq-option{padding:16px 10px}.pq-option__emoji{font-size:24px}.pq-result__emoji{font-size:44px}.pq-header__title{font-size:20px}}.pq-overlay--active~.pq-fab,body.pq-quiz-open .pq-fab{opacity:0;pointer-events:none;transform:translateY(20px)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/product-quiz.css.map */