.pq{width:100%}.pq__inner{width:100%;margin:0 auto}.pq__card{background:var(--color-background, var(--color-background));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, var(--color-background));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, var(--color-border-default));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(--pq-opt-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{gap:8px;font-family:var(--font-body--family);letter-spacing:.01em;white-space:nowrap}.pq__btn .pq__price{font-variant-numeric:tabular-nums;opacity:.75}@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/41/assets/product-quiz.css.map */