/* PC Configurator KZ — стили виджетов. Цвета берутся из переменных темы (--acc, --line, --price…), есть запасные значения. */
.pckz-cfg{--_acc:var(--acc,#1F4BEA);--_line:var(--line,#D9DEE7);--_paper:var(--paper,#fff);--_price:var(--price,#D9641A);--_steel:var(--steel,#5A6577)}
.pckz-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:20px;font-size:14px}
.pckz-presets span{color:var(--_steel);margin-right:4px}
.pckz-presets button{border:1px solid var(--_line);background:var(--_paper);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:inherit}
.pckz-presets button.act{background:var(--_acc);border-color:var(--_acc);color:#fff}
.pckz-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.pckz-slots{display:grid;gap:12px}
.pckz-slot label{display:block;font-size:13px;font-weight:600;color:var(--_steel);margin-bottom:4px}
.pckz-slot select{width:100%;padding:11px 12px;border:1px solid var(--_line);border-radius:8px;font:inherit;font-size:14.5px;background:var(--_paper);color:inherit}
.pckz-slot select:focus{border-color:var(--_acc);outline:0;box-shadow:0 0 0 3px #DCE4FF}
.pckz-side{position:sticky;top:84px;background:var(--_paper);border:1px solid var(--_line);border-radius:16px;padding:20px;display:grid;gap:14px}
.pckz-good{background:#E6F5EC;color:#155F3B;padding:10px 12px;border-radius:8px;font-weight:600;font-size:14px}
.pckz-bad{background:#FDECEA;color:#8C2A1F;padding:10px 12px;border-radius:8px;font-size:14px}
.pckz-bad ul,.pckz-warn{margin:6px 0 0;padding-left:18px}
.pckz-warn{color:#8A5A00;font-size:13px;background:#FFF6E0;padding:10px 12px 10px 28px;border-radius:8px}
.pckz-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:2px solid currentColor;padding-top:12px}
.pckz-total span{font-size:13px;color:var(--_steel)}
.pckz-sum{font-family:var(--display,inherit);font-size:30px;font-weight:800;color:var(--_price)}
.pckz-inst-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px dashed var(--_line)}
.pckz-actions{display:grid;gap:8px}
.pckz-actions .btn{width:100%}
.pckz-cfg-form{gap:10px}
.pckz-inst{max-width:420px;background:var(--paper,#fff);border:1px solid var(--line,#D9DEE7);border-radius:16px;padding:20px}
.pckz-inst label{display:block;font-size:13px;font-weight:600;color:var(--steel,#5A6577);margin-bottom:4px}
.pckz-inst input{width:100%;padding:11px 12px;border:1px solid var(--line,#D9DEE7);border-radius:8px;font:inherit;font-size:16px;margin-bottom:10px}
@media (max-width:800px){.pckz-grid{grid-template-columns:1fr}.pckz-side{position:static}}