.pq{width:100%}.pq__inner{width:100%;margin:0 auto}.pq__card{background:var(--color-background, #fff);border:1px solid var(--color-border-default);border-radius:var(--pq-radius, 16px);overflow:hidden}.pq__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.pq__main{padding:clamp(28px,3.6vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0}.pq__media{position:relative;aspect-ratio:1 / 1;background:var(--color-fill-default, #f4f5f1);border-left:1px solid var(--color-border-default)}.pq__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pq__media-el,.pq__placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pq__placeholder-svg{fill:var(--color-border-heavy, #d9d6cf);background:var(--color-fill-default)}.pq__progress{display:flex;gap:6px;margin-bottom:clamp(16px,2.5vw,26px)}.pq__seg{flex:1;appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;padding:9px 0;display:block;cursor:default}.pq__seg.is-clickable{cursor:pointer}.pq__seg[disabled]{cursor:default}.pq__seg:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px;border-radius:var(--radius-full, 100px)}.pq__seg-bar{display:block;height:3px;background:var(--color-border-light, rgba(0, 0, 0, .1));border-radius:var(--radius-full, 100px);overflow:hidden}.pq__seg-bar i{display:block;height:100%;width:0;background:var(--color-primary-6, var(--color-foreground));transition:width .5s cubic-bezier(.22,.61,.36,1)}.pq__seg.done .pq__seg-bar i,.pq__seg.active .pq__seg-bar i{width:100%}.pq__eyebrow{display:block;font-family:var(--font-body--family);font-size:11px;font-weight:var(--pq-label-fw, 500);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:14px}.pq__q{font-family:var(--font-heading--family);font-size:clamp(24px,2.4vw,36px);font-weight:var(--pq-q-fw, 500);letter-spacing:-.03em;line-height:1.06;margin:0 0 28px;max-width:18ch;color:var(--color-foreground);text-wrap:balance}.pq__opts{display:grid;grid-template-columns:1fr;gap:10px}.pq__opt{display:flex;align-items:center;gap:16px;text-align:left;width:100%;background:transparent;color:var(--color-foreground);border:1px solid var(--color-border-default);border-radius:var(--radius-full, 100px);padding:16px 26px;cursor:pointer;font-family:var(--font-body--family)}.pq__opt:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.pq__opt-k{font-size:12px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;width:18px;flex-shrink:0}.pq__opt-l{font-size:var(--font-size-base, 16px);font-weight:var(--pq-opt-fw, 500)}.pq__result .pq-name{font-family:var(--font-heading--family);font-size:clamp(28px,2.6vw,38px);font-weight:var(--pq-result-fw, 500);letter-spacing:-.03em;line-height:1.05;margin:8px 0 12px;color:var(--color-foreground);text-wrap:balance}.pq__result .pq-desc{font-family:var(--font-body--family);color:var(--color-text-secondary);line-height:1.5;max-width:44ch;margin-bottom:22px}.pq__lineitems{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}.pq__li{display:flex;align-items:center;gap:14px}.pq__li-media{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-lg, 8px);overflow:hidden;background:var(--color-fill-default)}.pq__li-img{width:100%;height:100%;object-fit:cover;display:block}.pq__li-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pq__li-title{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-foreground);line-height:1.3}.pq__li-meta{font-size:12px;color:var(--color-text-tertiary)}.pq__li-price{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.pq__result-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pq__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--btn-primary-bg, var(--color-foreground));background:var(--btn-primary-bg, var(--color-foreground));color:var(--btn-primary-text, #fff);font-family:var(--font-body--family);font-size:14px;font-weight:var(--pq-label-fw, 500);letter-spacing:.01em;padding:13px 22px;border-radius:var(--radius-full, 100px);white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-md)}.pq__btn--ghost{background:transparent;color:var(--color-foreground);border-color:var(--color-border-default)}.pq__btn .pq__price{font-variant-numeric:tabular-nums;opacity:.75}.pq__btn[disabled]{opacity:.4;cursor:not-allowed}.pq-sheet__intro{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0 0 20px}.pq-sheet__product{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--color-border-light)}.pq-sheet__product:first-of-type{border-top:none;padding-top:0}.pq-sheet__pimg{width:64px;height:64px;border-radius:var(--radius-lg, 8px);object-fit:cover;flex-shrink:0;background:var(--color-fill-default)}.pq-sheet__pbody{flex:1;min-width:0}.pq-sheet__ptitle{font-family:var(--font-heading--family);font-size:var(--font-size-base, 16px);font-weight:500;color:var(--color-foreground);margin-bottom:12px}.pq-sheet__group{margin-bottom:14px}.pq-sheet__group:last-child{margin-bottom:0}.pq-sheet__group-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:8px}.pq-sheet__values{display:flex;flex-wrap:wrap;gap:8px}.pq-sheet__pill{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);padding:8px 14px;border:1px solid var(--color-border-default);border-radius:var(--vp-option-radius, var(--radius-full, 100px));background:transparent;color:var(--color-foreground);cursor:pointer}.pq-sheet__pill.is-selected{background:var(--vp-selected, var(--color-foreground));color:var(--color-background);border-color:var(--vp-selected, var(--color-foreground))}.pq-sheet__pill.is-unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}.pq-sheet__swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--color-border-default);border-radius:var(--vp-option-radius, var(--radius-full, 100px));background:transparent;color:var(--color-foreground);cursor:pointer;font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px)}.pq-sheet__swatch.is-selected{border-color:var(--vp-selected, var(--color-foreground));box-shadow:inset 0 0 0 1px var(--vp-selected, var(--color-foreground))}.pq-sheet__swatch.is-unavailable{opacity:.4;cursor:not-allowed}.pq-sheet__chip{width:var(--vp-chip-size, 18px);height:var(--vp-chip-size, 18px);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;flex-shrink:0}.pq-sheet__add{width:100%;margin-top:20px}@media screen and (max-width:749px){.pq__grid{grid-template-columns:1fr}.pq__media{aspect-ratio:21 / 9;order:-1;align-self:start;width:100%;border-left:none;border-bottom:1px solid var(--color-border-default)}.pq__main{padding:clamp(24px,6vw,36px)}.pq__q{font-size:clamp(24px,7vw,32px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-quiz.css.map */