/* Quality Computer PC Builder styles, v1 (30 Oct 2026) */
.qc-pcb-page,.qc-pcb-sheet,.qc-pcb-bar{--qc-g:#1B6E44;--qc-g-d:#145233;--qc-g-l:#e8f3ed;--qc-line:#dfe3e6;--qc-ink:#1d2327;--qc-muted:#5b6670;--qc-bg:#f5f7f6;--qc-red:#b42318;--qc-red-l:#fdecea;--qc-amb:#8a4b00;--qc-amb-l:#fff4e0}
.qc-pcb-page,.qc-pcb-sheet{color:var(--qc-ink)}
.qc-pcb-page a{color:var(--qc-g)}
.qc-pcb-hero{background:var(--qc-bg);border-bottom:1px solid var(--qc-line);padding:18px 0 26px}
.qc-pcb-hero .breadcrumb{background:none;padding:0;margin:0 0 12px;font-size:.85rem}
.qc-pcb-hero h1{font-size:1.6rem;line-height:1.25;font-weight:700;margin:0 0 10px;color:var(--qc-ink)}
.qc-pcb-hero p{max-width:760px;margin-bottom:10px;color:#2f3a42}
.qc-pcb-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.qc-pcb-facts{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:16px 0 0;font-size:.875rem;color:var(--qc-muted)}
.qc-pcb-facts li::before{content:"\2713";color:var(--qc-g);font-weight:700;margin-right:6px}
@media (min-width:768px){.qc-pcb-hero{padding:26px 0 34px}.qc-pcb-hero h1{font-size:2.1rem}}
.qc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.95rem;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:background-color .15s;text-align:center}
.qc-btn-primary{background:var(--qc-g);color:#fff!important}
.qc-btn-primary:hover{background:var(--qc-g-d)}
.qc-btn-outline{background:#fff;color:var(--qc-g)!important;border-color:var(--qc-g)}
.qc-btn-outline:hover{background:var(--qc-g-l)}
.qc-btn-wa{background:#1d9e50;color:#fff!important}
.qc-btn-wa:hover{background:#178441}
.qc-btn-ghost{background:#fff;color:var(--qc-ink)!important;border-color:var(--qc-line)}
.qc-btn-ghost:hover{background:#f4f6f7}
.qc-btn-sm{min-height:38px;padding:6px 12px;font-size:.875rem}
.qc-btn-block{display:flex;width:100%}
.qc-btn:disabled,.qc-btn.is-off{opacity:.45;cursor:not-allowed;pointer-events:none}
.qc-pcb-page button:focus-visible,.qc-pcb-page a:focus-visible,.qc-pcb-sheet button:focus-visible,.qc-pcb-sheet a:focus-visible{outline:3px solid #8cc7a6;outline-offset:2px}
.qc-pcb-main{padding:26px 0 40px}
.qc-pcb-main h2{font-size:1.35rem;font-weight:700;margin:0 0 6px}
.qc-pcb-sub{color:var(--qc-muted);font-size:.9rem;margin-bottom:8px}
.qc-pcb-group{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qc-muted);margin:22px 0 8px}
.qc-pcb-slots{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.qc-pcb-slot{border:1px solid var(--qc-line);border-radius:10px;background:#fff;padding:14px 14px 12px}
.qc-pcb-slot.is-set{border-color:#b9d9c6}
.qc-pcb-slot.is-bad{border-color:#f0b3ac;background:#fffafa}
.qc-pcb-slot-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.qc-pcb-slot-name{font-weight:700;font-size:1rem;margin:0;color:var(--qc-ink)}
.qc-pcb-tag{font-size:.72rem;font-weight:600;border-radius:20px;padding:2px 9px;background:#eef1f3;color:var(--qc-muted)}
.qc-pcb-tag-req{background:var(--qc-g-l);color:var(--qc-g)}
.qc-pcb-tip{font-size:.85rem;color:var(--qc-muted);margin:4px 0 10px}
.qc-pcb-slot.is-set .qc-pcb-tip{display:none}
.qc-pcb-slot-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.qc-pcb-catlink{font-size:.85rem}
.qc-pcb-msgs:empty{display:none}
.qc-pcb-msg{font-size:.85rem;margin:8px 0 0;padding:6px 10px;border-radius:6px}
.qc-pcb-msg.lv-block{background:var(--qc-red-l);color:var(--qc-red)}
.qc-pcb-msg.lv-warn,.qc-pcb-msg.lv-missing{background:var(--qc-amb-l);color:var(--qc-amb)}
.qc-pcb-msg.lv-note{background:#f1f3f5;color:var(--qc-muted)}
.qc-pcb-item,.qc-pcb-row{display:flex;gap:12px;align-items:flex-start}
.qc-pcb-item{margin:6px 0 10px}
.qc-pcb-item img,.qc-pcb-row img{width:56px;height:56px;object-fit:contain;border:1px solid var(--qc-line);border-radius:6px;background:#fff;flex:none}
.qc-pcb-item-main,.qc-pcb-row-main{flex:1;min-width:0}
.qc-pcb-item-name{font-weight:600;color:var(--qc-ink)!important;display:block;line-height:1.35;font-size:.92rem}
.qc-pcb-chips{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}
.qc-chip{font-size:.72rem;padding:2px 7px;border-radius:4px;background:#f1f3f5;color:#3d4850;white-space:nowrap}
.qc-pcb-item-foot,.qc-pcb-row-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:4px}
.qc-pcb-price{font-weight:700;font-size:.98rem;color:var(--qc-ink)}
.qc-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}
.qc-badge-in{background:var(--qc-g-l);color:var(--qc-g)}
.qc-badge-order{background:#eef0f2;color:#4a555e}
.qc-pcb-x{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--qc-line);background:#fff;font-size:1.3rem;line-height:1;color:var(--qc-muted);cursor:pointer}
.qc-pcb-x:hover{background:#f4f6f7}
.qc-pcb-summary{border:1px solid var(--qc-line);border-radius:12px;background:#fff;padding:18px;margin-top:24px}
@media (min-width:992px){.qc-pcb-summary{position:sticky;top:96px;margin-top:0;max-height:calc(100vh - 112px);overflow:auto}}
.qc-pcb-total{font-size:1.75rem;font-weight:800;margin:2px 0;color:var(--qc-ink)}
.qc-pcb-total-sub{font-size:.85rem;color:var(--qc-muted);margin:0}
.qc-pcb-status{margin:14px 0 6px;font-weight:700;font-size:.92rem}
.qc-pcb-status.ok{color:var(--qc-g)}
.qc-pcb-status.bad{color:var(--qc-red)}
.qc-pcb-status.wait{color:var(--qc-amb)}
.qc-pcb-issues{list-style:none;padding:0;margin:0 0 6px;font-size:.84rem}
.qc-pcb-issues li{padding:6px 0 6px 10px;border-left:3px solid #d5dade;margin-bottom:6px}
.qc-pcb-issues li.lv-block{border-color:var(--qc-red);color:var(--qc-red)}
.qc-pcb-issues li.lv-missing,.qc-pcb-issues li.lv-warn{border-color:#e0a23a;color:var(--qc-amb)}
.qc-pcb-issues li.lv-note{color:var(--qc-muted)}
.qc-pcb-lines{list-style:none;padding:0;margin:12px 0 0;font-size:.84rem;border-top:1px solid var(--qc-line)}
.qc-pcb-lines li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f0f2f4}
.qc-pcb-lines .nm{min-width:0}
.qc-pcb-lines .nm b{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--qc-muted);font-weight:700}
.qc-pcb-lines .nm span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qc-pcb-lines .pr{white-space:nowrap;font-weight:600}
.qc-pcb-lines .ord{display:block;font-size:.72rem;color:var(--qc-muted);font-weight:400;text-align:right}
.qc-pcb-actions{display:grid;gap:8px;margin-top:14px}
.qc-pcb-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.qc-pcb-note{font-size:.78rem;color:var(--qc-muted);margin:12px 0 0}
.qc-pcb-quote{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--qc-line)}
.qc-pcb-quote[hidden]{display:none}
.qc-pcb-quote label{font-size:.85rem;font-weight:600;margin:0;display:block}
.qc-pcb-quote .form-control{margin-top:4px;min-height:44px;font-weight:400}
.qc-pcb-quote p{font-size:.85rem;margin:0;color:var(--qc-muted)}
.qc-pcb-flash{font-size:.85rem;margin:8px 0 0;color:var(--qc-g);font-weight:600}
.qc-pcb-flash:empty{display:none}
.qc-pcb-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1065}
.qc-pcb-sheet[hidden]{display:none}
.qc-pcb-sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(16,24,32,.5)}
.qc-pcb-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;background:#fff;border-radius:14px 14px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 30px rgba(0,0,0,.2);color:#1d2327}
@media (min-width:768px){.qc-pcb-sheet-panel{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:760px;max-width:94vw;max-height:86vh;border-radius:14px}}
.qc-pcb-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 16px;border-bottom:1px solid #dfe3e6}
.qc-pcb-sheet-head h2{font-size:1.1rem;font-weight:700;margin:0}
.qc-pcb-sheet-close{width:44px;height:44px;border:0;background:none;font-size:1.7rem;line-height:1;cursor:pointer;color:#5b6670}
.qc-pcb-sheet-tools{padding:12px 16px;border-bottom:1px solid #dfe3e6;display:grid;gap:10px}
.qc-pcb-sheet-tools .form-control{min-height:44px}
.qc-pcb-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qc-pcb-toggle{display:flex;align-items:center;gap:8px;font-size:.9rem;margin:0;cursor:pointer;min-height:38px}
.qc-pcb-toggle input{width:18px;height:18px}
.qc-pcb-sort{max-width:200px;min-height:38px;font-size:.875rem}
.qc-pcb-sheet-list{overflow:auto;padding:0 16px 16px;-webkit-overflow-scrolling:touch}
.qc-pcb-count{font-size:.8rem;color:#5b6670;margin:10px 0 0}
.qc-pcb-row{padding:12px 0;border-bottom:1px solid #eef0f2}
.qc-pcb-row.is-on{background:#e8f3ed;margin:0 -16px;padding:12px 16px}
.qc-pcb-row.is-unfit img,.qc-pcb-row.is-unfit .qc-pcb-row-name{opacity:.6}
.qc-pcb-row-name{font-weight:600;font-size:.9rem;line-height:1.35}
.qc-pcb-row .qc-btn{flex:none;align-self:center}
.qc-pcb-why{font-size:.8rem;color:#b42318;margin-top:4px}
.qc-pcb-ask{font-size:.8rem;font-weight:600;color:#1B6E44}
.qc-pcb-showall{display:block;width:100%;margin:14px 0 4px;min-height:44px;border:1px dashed #c9d0d5;border-radius:8px;background:#fafbfb;color:#1d2327;font-weight:600;font-size:.88rem;cursor:pointer}
.qc-pcb-empty{padding:24px 0;color:#5b6670;text-align:center;margin:0}
html.qc-pcb-lock,html.qc-pcb-lock body{overflow:hidden}
.qc-pcb-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid #dfe3e6;box-shadow:0 -4px 16px rgba(0,0,0,.08);transition:transform .2s,bottom .15s}
.qc-pcb-bar.is-hidden{transform:translateY(140%)}
.qc-pcb-bar-total{font-weight:800;font-size:1.05rem;color:#1d2327}
.qc-pcb-bar-sub{font-size:.75rem;color:#5b6670}
@media (min-width:992px){.qc-pcb-bar{display:none}}
@media (max-width:991.98px){.qc-pcb-main{padding-bottom:110px}}
.qc-pcb-content{padding:4px 0 48px}
.qc-pcb-content h2{font-size:1.35rem;font-weight:700;margin:30px 0 12px}
.qc-pcb-steps{padding-left:1.25rem;max-width:820px}
.qc-pcb-steps li{margin-bottom:10px}
.qc-pcb-faq{max-width:820px}
.qc-pcb-faq details{border:1px solid var(--qc-line);border-radius:8px;padding:0 14px;margin-bottom:8px;background:#fff}
.qc-pcb-faq summary{cursor:pointer;font-weight:600;padding:12px 0}
.qc-pcb-faq details p{margin:0 0 12px;color:#2f3a42}
.qc-pcb-links{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0;margin:0}
.qc-pcb-links a{display:block;padding:12px 14px;border:1px solid var(--qc-line);border-radius:8px;font-weight:600;text-decoration:none;background:#fff}
.qc-pcb-links a:hover{background:var(--qc-g-l)}
.qc-pcb-printout{display:none}
@media print{body *{visibility:hidden}.qc-pcb-printout,.qc-pcb-printout *{visibility:visible}.qc-pcb-printout{display:block;position:absolute;left:0;top:0;width:100%;font-size:12px;color:#000}.qc-pcb-printout table{width:100%;border-collapse:collapse}.qc-pcb-printout td,.qc-pcb-printout th{border:1px solid #999;padding:6px;text-align:left;vertical-align:top}}

/* theme resets */
.qc-pcb-page p,.qc-pcb-sheet p,.qc-pcb-bar p{margin-left:0;margin-right:0}
.qc-pcb-page li p{margin-bottom:0}
.qc-pcb-may{font-size:.78rem;color:var(--qc-amb);margin:4px 0 0;line-height:1.4}
.qc-pcb-may a{font-weight:600}
