:root{--pq-primary: #074E84;--pq-hover: #042C4A;--pq-bg: #ffffffff;--pq-white: #FFFFFF;--pq-border: rgba(7, 78, 132, .15);--pq-border-hover: rgba(7, 78, 132, .4);--pq-text-muted: rgba(7, 78, 132, .6);--pq-radius: 12px;--pq-radius-sm: 8px;--pq-transition: .25s cubic-bezier(.4, 0, .2, 1)}.pq-quiz{background:var(--pq-bg);min-height:100vh;padding-block:clamp(1rem,4vw,3rem);font-family:Tajawal,Cairo,system-ui,-apple-system,sans-serif;color:var(--pq-primary)}.pq-container{max-width:720px;margin-inline:auto;padding-inline:1rem}.pq-progress{margin-block-end:2rem;display:flex;align-items:center;gap:12px}.pq-progress__track{flex:1;height:6px;background:#074e841a;border-radius:3px;overflow:hidden}.pq-progress__fill{height:100%;background:var(--pq-primary);border-radius:3px;width:0;transition:width .4s var(--pq-transition)}.pq-progress__label{font-size:13px;font-weight:500;color:var(--pq-text-muted);white-space:nowrap}.pq-screen{display:none;animation:pqFadeIn .4s ease-out}.pq-screen--active{display:block}@keyframes pqFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pq-landing{text-align:center;padding-block:clamp(1rem,5vw,3rem)}.pq-landing__badge{display:inline-flex;align-items:center;gap:6px;background:var(--pq-white);border:1px solid var(--pq-border);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;margin-block-end:1.5rem}.pq-landing__title{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;color:var(--pq-primary);margin:0 0 .75rem;line-height:1.2}.pq-landing__subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--pq-text-muted);margin:0 0 2rem;line-height:1.6}.pq-landing__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block-end:2.5rem}.pq-stat{background:var(--pq-white);border:1px solid var(--pq-border);border-radius:var(--pq-radius-sm);padding:16px 8px;text-align:center}.pq-stat__value{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--pq-primary);margin-block-end:4px}.pq-stat__label{font-size:12px;color:var(--pq-text-muted)}.pq-landing__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-block-start:2rem;font-size:13px;color:var(--pq-text-muted)}.pq-trust-item span{color:var(--pq-primary);font-weight:700;margin-inline-end:4px}.pq-question{text-align:center;padding-block:1rem}.pq-question__number{display:inline-block;background:var(--pq-white);border:1px solid var(--pq-border);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;color:var(--pq-text-muted);margin-block-end:1.25rem}.pq-question__title{font-size:clamp(1.375rem,3.5vw,1.875rem);font-weight:700;color:var(--pq-primary);margin:0 0 .5rem;line-height:1.3}.pq-question__subtitle{font-size:14px;color:var(--pq-text-muted);margin:0 0 2rem}.pq-options{display:grid;gap:12px;margin-block-end:2rem}.pq-options--3{grid-template-columns:repeat(3,1fr)}.pq-options--2x2{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.pq-options--3{grid-template-columns:1fr}}.pq-option{background:var(--pq-white);border:2px solid var(--pq-border);border-radius:var(--pq-radius);padding:20px 12px;cursor:pointer;transition:all var(--pq-transition);font-family:inherit;color:var(--pq-primary);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:160px}.pq-option:hover{border-color:var(--pq-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #074e8414}.pq-option--selected{border-color:var(--pq-primary);background:#074e8408;box-shadow:0 0 0 3px #074e841f}.pq-option__icon{color:var(--pq-primary);display:flex;align-items:center;justify-content:center;opacity:.85}.pq-option__title{font-size:15px;font-weight:700;color:var(--pq-primary)}.pq-option__subtitle{font-size:12px;color:var(--pq-text-muted)}.pq-option__budget-value{font-size:18px;font-weight:700;color:var(--pq-primary)}.pq-option__check{position:absolute;inset-inline-start:12px;inset-block-start:12px;width:24px;height:24px;background:var(--pq-primary);color:var(--pq-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;opacity:0;transform:scale(.6);transition:all var(--pq-transition)}.pq-option--multi.pq-option--selected .pq-option__check{opacity:1;transform:scale(1)}.pq-option--budget{justify-content:center;min-height:100px}.pq-nav{display:flex;justify-content:space-between;gap:12px;margin-block-start:2rem;padding-block-start:1.5rem;border-block-start:1px solid var(--pq-border)}.pq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--pq-radius-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--pq-transition);border:2px solid transparent;text-decoration:none;white-space:nowrap}.pq-btn--lg{padding:16px 32px;font-size:16px;border-radius:var(--pq-radius)}.pq-btn--primary{background:var(--pq-primary);color:var(--pq-white);border-color:var(--pq-primary)}.pq-btn--primary:hover:not(:disabled){background:var(--pq-hover);border-color:var(--pq-hover)}.pq-btn--primary:disabled{opacity:.35;cursor:not-allowed}.pq-btn--ghost{background:transparent;color:var(--pq-primary);border-color:var(--pq-border)}.pq-btn--ghost:hover{border-color:var(--pq-primary);background:#074e840a}.pq-loading{text-align:center;padding-block:4rem 3rem}.pq-loading__animation{margin-block-end:2rem}.pq-loading__circle{transform:rotate(-90deg);transform-origin:center;animation:pqCircleDraw 1.5s ease-out forwards}.pq-loading__check{stroke-dasharray:60;stroke-dashoffset:60;animation:pqCheckDraw .5s 1.4s ease-out forwards}@keyframes pqCircleDraw{to{stroke-dashoffset:0}}@keyframes pqCheckDraw{to{stroke-dashoffset:0}}.pq-loading__title{font-size:1.5rem;font-weight:700;color:var(--pq-primary);margin:0 0 .5rem}.pq-loading__subtitle{font-size:14px;color:var(--pq-text-muted);margin:0}.pq-error{text-align:center;padding-block:4rem 2rem}.pq-error__icon{margin-block-end:1.5rem}.pq-error__title{font-size:1.5rem;font-weight:700;color:var(--pq-primary);margin:0 0 .5rem}.pq-error__subtitle{font-size:14px;color:var(--pq-text-muted);margin:0 0 2rem}.pq-error__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.pq-screen,.pq-option,.pq-progress__fill,.pq-loading__circle,.pq-loading__check{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pillow-quiz.css.map */