/* MinerBoss Подборщик — светлая тема (v1.1): белый фон, медный акцент, mono-данные */
.mb-podbor{
  --mbp-bg:#ffffff;--mbp-s:#ffffff;--mbp-s2:#f7f8f7;--mbp-tr:#e5e9e5;--mbp-tr2:#cfd6cf;
  --mbp-cu:#c0731f;--mbp-cub:#9c5c17;--mbp-cud:#c0731f;--mbp-tint:#faf3ea;
  --mbp-tx:#17211b;--mbp-mut:#61706a;
  --mbp-ok:#2e8b45;--mbp-warn:#c78a1d;--mbp-err:#c94436;
  --mbp-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --mbp-t:.18s cubic-bezier(.4,0,.2,1);
  background:var(--mbp-s);color:var(--mbp-tx);border:1px solid var(--mbp-tr);border-radius:8px;
  padding:26px;font-size:15px;line-height:1.5;font-family:inherit;box-sizing:border-box;
  box-shadow:0 10px 30px -18px rgba(23,33,27,.25)}
.mb-podbor *,.mb-podbor *::before,.mb-podbor *::after{box-sizing:border-box}
.mb-podbor button{font-family:inherit;cursor:pointer}
.mb-podbor select,.mb-podbor input{font-family:inherit}
.mb-podbor :focus-visible{outline:2px solid var(--mbp-cu);outline-offset:2px}
.mb-podbor .btn{background:var(--mbp-cu);color:#fff;border:0;border-radius:6px;padding:10px 22px;font-weight:700;font-size:14px;transition:background var(--mbp-t)}
.mb-podbor .btn:hover{background:var(--mbp-cub)}
.mb-podbor .btn.ghost{background:transparent;color:var(--mbp-mut);border:1.5px solid var(--mbp-tr2)}
.mb-podbor .btn.ghost:hover{color:var(--mbp-tx);border-color:var(--mbp-cu)}
.mb-podbor .hint{font-size:12.5px;color:var(--mbp-mut);margin-top:14px}
.mb-podbor input[type=range]{-webkit-appearance:none;appearance:none;flex:1;min-width:200px;height:4px;background:var(--mbp-tr2);border-radius:2px}
.mb-podbor input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--mbp-cu);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--mbp-cu)}
.mb-podbor .budget-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0 18px}
.mb-podbor .budget-val{font-family:var(--mbp-mono);font-size:22px;font-weight:600;color:var(--mbp-cub);min-width:130px}
/* — мастер — */
.mb-podbor .steps{display:flex;margin-bottom:26px;flex-wrap:wrap}
.mb-podbor .step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mbp-mut);padding-right:26px;position:relative}
.mb-podbor .step:not(:last-child)::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:2px;background:var(--mbp-tr2)}
.mb-podbor .step .dot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--mbp-tr2);display:grid;place-items:center;font-family:var(--mbp-mono);font-size:12px;background:#fff}
.mb-podbor .step.on{color:var(--mbp-tx);font-weight:600}
.mb-podbor .step.on .dot{border-color:var(--mbp-cu);color:var(--mbp-cu)}
.mb-podbor .step.done .dot{background:var(--mbp-cu);border-color:var(--mbp-cu);color:#fff}
.mb-podbor .usecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.mb-podbor .ucard{background:#fff;border:1px solid var(--mbp-tr);border-radius:6px;padding:18px 16px;text-align:left;color:var(--mbp-tx);transition:transform var(--mbp-t),border-color var(--mbp-t),box-shadow var(--mbp-t)}
.mb-podbor .ucard:hover{border-color:var(--mbp-cu);transform:translateY(-2px);box-shadow:0 10px 30px -18px rgba(23,33,27,.25)}
.mb-podbor .ucard.sel{border-color:var(--mbp-cu);box-shadow:0 0 0 1px var(--mbp-cu);background:var(--mbp-tint)}
.mb-podbor .ucard .ico{display:none}
.mb-podbor .ucard b{display:block;font-size:14px;margin-bottom:4px}
.mb-podbor .ucard span{font-size:12px;color:var(--mbp-mut)}
.mb-podbor .wizres{display:grid;grid-template-columns:1fr 240px;gap:20px}
@media(max-width:700px){.mb-podbor .wizres{grid-template-columns:1fr}}
.mb-podbor .parts-list{display:flex;flex-direction:column;gap:8px}
.mb-podbor .pline{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--mbp-s2);border:1px solid var(--mbp-tr);border-radius:5px;font-size:13.5px}
.mb-podbor .pline .cat{color:var(--mbp-mut);font-family:var(--mbp-mono);font-size:11px;min-width:86px;padding-top:2px}
.mb-podbor .pline .nm{flex:1;font-weight:600}
.mb-podbor .pline .pr{font-family:var(--mbp-mono);color:var(--mbp-cub);white-space:nowrap}
.mb-podbor .wiz-side{background:var(--mbp-s2);border:1px solid var(--mbp-tr);border-radius:6px;padding:18px;height:fit-content}
.mb-podbor .side-label{font-family:var(--mbp-mono);font-size:11px;color:var(--mbp-mut);letter-spacing:.12em;text-transform:uppercase}
.mb-podbor .big-price{font-size:24px;font-weight:800;color:var(--mbp-cub);margin:4px 0 12px;font-family:var(--mbp-mono)}
.mb-podbor .meter{margin:10px 0}
.mb-podbor .meter label{font-size:11px;font-family:var(--mbp-mono);color:var(--mbp-mut);text-transform:uppercase;letter-spacing:.1em}
.mb-podbor .bar{height:5px;background:var(--mbp-tr);border-radius:3px;margin-top:5px;overflow:hidden}
.mb-podbor .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mbp-cu),#e0a25c);border-radius:3px;transition:width .4s ease}
.mb-podbor .wnav{display:flex;gap:10px;margin-top:24px}
.mb-podbor .hidden{display:none}
/* — конструктор — */
.mb-podbor table.cfg{width:100%;border-collapse:collapse;font-size:13.5px;margin:0}
.mb-podbor table.cfg th{font-family:var(--mbp-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mbp-mut);font-weight:500;text-align:left;padding:8px 10px;border-bottom:1px solid var(--mbp-tr);background:var(--mbp-s2)}
.mb-podbor table.cfg td{padding:9px 10px;border-bottom:1px solid var(--mbp-tr);vertical-align:middle;background:none}
.mb-podbor table.cfg tbody tr{transition:background var(--mbp-t)}
.mb-podbor table.cfg tbody tr:hover{background:var(--mbp-tint)}
.mb-podbor table.cfg select{width:100%;background:#fff;color:var(--mbp-tx);border:1.5px solid var(--mbp-tr2);border-radius:5px;padding:7px 8px;font-size:13px;max-width:none;transition:border-color var(--mbp-t)}
.mb-podbor table.cfg select:hover{border-color:var(--mbp-cu)}
.mb-podbor .cfg-cat{font-family:var(--mbp-mono);font-size:11.5px;color:var(--mbp-mut);white-space:nowrap}
.mb-podbor .cfg-price{font-family:var(--mbp-mono);color:var(--mbp-cub);text-align:right;white-space:nowrap}
.mb-podbor .cfg-note{font-size:11.5px}
.mb-podbor .ok-t{color:var(--mbp-ok)}.mb-podbor .warn-t{color:var(--mbp-warn)}.mb-podbor .err-t{color:var(--mbp-err)}
.mb-podbor .cfg-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px;padding:14px 16px;background:var(--mbp-s2);border:1px solid var(--mbp-tr);border-radius:6px}
.mb-podbor .cfg-tot{font-size:20px;font-weight:800;color:var(--mbp-cub);font-family:var(--mbp-mono)}
.mb-podbor .badge{font-family:var(--mbp-mono);font-size:11px;padding:5px 10px;border-radius:99px;border:1px solid}
.mb-podbor .badge.ok{color:var(--mbp-ok);border-color:currentColor;background:#f0f7f2}
.mb-podbor .badge.err{color:var(--mbp-err);border-color:currentColor;background:#fbf0ee}
.mb-podbor .watts{font-family:var(--mbp-mono);font-size:13px;color:var(--mbp-mut)}
/* — уровни — */
.mb-podbor .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:860px){.mb-podbor .tiers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mb-podbor .tiers{grid-template-columns:1fr}}
.mb-podbor .tier{background:#fff;border:1px solid var(--mbp-tr);border-radius:6px;padding:16px;position:relative;transition:border-color var(--mbp-t),box-shadow var(--mbp-t)}
.mb-podbor .tier h3{font-size:14px;font-weight:800;margin:0 0 2px}
.mb-podbor .tier .range{font-family:var(--mbp-mono);font-size:11.5px;color:var(--mbp-cu);margin-bottom:12px;display:block}
.mb-podbor .tier ul{list-style:none;font-size:12.5px;color:var(--mbp-mut);margin:0;padding:0}
.mb-podbor .tier li{padding:4px 0;border-bottom:1px dashed var(--mbp-tr);margin:0}
.mb-podbor .tier li b{color:var(--mbp-tx)}
.mb-podbor .tier .fps{margin-top:10px;font-family:var(--mbp-mono);font-size:11px;color:var(--mbp-mut)}
.mb-podbor .tier.active{border-color:var(--mbp-cu);box-shadow:0 0 0 1px var(--mbp-cu),0 10px 30px -18px rgba(192,115,31,.5);background:var(--mbp-tint)}
.mb-podbor .tier.active::after{content:"ВАШ БЮДЖЕТ";position:absolute;top:-9px;left:12px;background:var(--mbp-cu);color:#fff;font-family:var(--mbp-mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;padding:2px 8px;border-radius:2px}
/* — ИИ-калькулятор — */
.mb-podbor .ai-grid{display:grid;grid-template-columns:minmax(260px,1fr) 1.2fr;gap:22px}
@media(max-width:820px){.mb-podbor .ai-grid{grid-template-columns:1fr}}
.mb-podbor .field{margin-bottom:16px}
.mb-podbor .field>label{display:block;font-family:var(--mbp-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mbp-mut);margin-bottom:7px}
.mb-podbor .field select{width:100%;background:#fff;color:var(--mbp-tx);border:1.5px solid var(--mbp-tr2);border-radius:5px;padding:9px 10px;font-size:14px;max-width:none;transition:border-color var(--mbp-t)}
.mb-podbor .field select:hover{border-color:var(--mbp-cu)}
.mb-podbor .seg{display:flex;gap:6px}
.mb-podbor .seg button{flex:1;background:#fff;border:1.5px solid var(--mbp-tr2);color:var(--mbp-mut);border-radius:5px;padding:8px 4px;font-family:var(--mbp-mono);font-size:12px;transition:all var(--mbp-t)}
.mb-podbor .seg button.sel{border-color:var(--mbp-cu);color:var(--mbp-cub);background:var(--mbp-tint)}
.mb-podbor .vram-out{background:var(--mbp-s2);border:1px solid var(--mbp-tr);border-radius:6px;padding:16px;margin-top:6px}
.mb-podbor .vram-num{font-size:30px;font-weight:600;color:var(--mbp-cub);font-family:var(--mbp-mono)}
.mb-podbor .vram-num small{font-size:13px;color:var(--mbp-mut);font-weight:400;font-family:inherit}
.mb-podbor .gpu-fit{display:flex;flex-direction:column;gap:8px}
.mb-podbor .gline{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--mbp-tr);border-radius:6px;font-size:13.5px;transition:border-color var(--mbp-t)}
.mb-podbor .gline:hover{border-color:var(--mbp-cu)}
.mb-podbor .gline .gname{flex:1;font-weight:600}
.mb-podbor .gline .gv{font-family:var(--mbp-mono);font-size:12px;color:var(--mbp-mut);min-width:64px}
.mb-podbor .gbar{flex:2;height:6px;background:var(--mbp-s2);border-radius:3px;overflow:hidden;min-width:80px}
.mb-podbor .gbar i{display:block;height:100%;border-radius:3px;transition:width .4s ease}
.mb-podbor .fit-ok i{background:var(--mbp-ok)}.mb-podbor .fit-part i{background:var(--mbp-warn)}.mb-podbor .fit-no i{background:var(--mbp-err)}
.mb-podbor .fit-tag{font-family:var(--mbp-mono);font-size:10.5px;min-width:104px;text-align:right}
.mb-podbor .fit-ok .fit-tag{color:var(--mbp-ok)}.mb-podbor .fit-part .fit-tag{color:var(--mbp-warn)}.mb-podbor .fit-no .fit-tag{color:var(--mbp-err)}
.mb-podbor .tps{color:var(--mbp-mut);font-size:11px}
/* — стенд — */
.mb-podbor .vis-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}
@media(max-width:820px){.mb-podbor .vis-grid{grid-template-columns:1fr}}
.mb-podbor .mobo{background:linear-gradient(160deg,#122019,#0e1712);border:1px solid #3d5747;border-radius:8px;position:relative;min-height:340px}
.mb-podbor .slot{position:absolute;border:1.5px dashed #5a7263;border-radius:4px;display:grid;place-items:center;font-family:var(--mbp-mono);font-size:10.5px;color:#9fb0a6;background:rgba(19,27,22,.5);text-align:center;line-height:1.3;padding:4px;transition:border-color var(--mbp-t),color var(--mbp-t)}
.mb-podbor .slot:hover{border-color:#e0a25c;color:#fff}
.mb-podbor .slot.filled{border-style:solid;border-color:#e0a25c;color:#f0b070;background:rgba(217,146,79,.12)}
.mb-podbor .slot.picking{border-color:#f0b070;box-shadow:0 0 0 2px rgba(240,176,112,.35)}
.mb-podbor .vis-side h3{font-size:15px;font-weight:800;margin:0 0 12px}
.mb-podbor .pick-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-height:120px}
.mb-podbor .pick{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--mbp-tr);border-radius:5px;padding:9px 12px;font-size:13px;color:var(--mbp-tx);text-align:left;transition:border-color var(--mbp-t)}
.mb-podbor .pick:hover{border-color:var(--mbp-cu)}
.mb-podbor .pick.sel{border-color:var(--mbp-cu);background:var(--mbp-tint)}
.mb-podbor .pick .pr{font-family:var(--mbp-mono);color:var(--mbp-cub);white-space:nowrap}
.mb-podbor .pick-empty{color:var(--mbp-mut);font-size:13px;padding:20px 0;text-align:center}
.mb-podbor .vis-meters{background:var(--mbp-s2);border:1px solid var(--mbp-tr);border-radius:6px;padding:16px}
.mb-podbor .vm-row{display:flex;justify-content:space-between;font-family:var(--mbp-mono);font-size:13px;padding:6px 0;border-bottom:1px dashed var(--mbp-tr)}
.mb-podbor .vm-row:last-child{border:0}
.mb-podbor .vm-row b{color:var(--mbp-cub);font-weight:600}
@media(prefers-reduced-motion:reduce){.mb-podbor *{transition:none!important}}

/* ===== v1.2: фирменные SVG-иконки ===== */
.mb-podbor .svgi{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--mbp-tint);color:var(--mbp-cu);padding:7px;flex:none}
.mb-podbor .svgi svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb-podbor .svgi.sm{width:26px;height:26px;padding:4.5px;border-radius:6px}
.mb-podbor .ucard .svgi{margin-bottom:10px}
.mb-podbor .ucard.sel .svgi{background:var(--mbp-cu);color:#fff}
.mb-podbor .cfg-cat{display:flex;align-items:center;gap:8px}
.mb-podbor .tier h3{display:flex;align-items:center;gap:8px}
.mb-podbor .tier.active .svgi.sm{background:var(--mbp-cu);color:#fff}
.mb-podbor .gline .svgi.sm{width:24px;height:24px;padding:4px}
.mb-podbor .slot svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 5px;opacity:.9}

/* ===== v1.4: стенд — корпус ПК, строгая сетка, светлый ===== */
.mb-podbor .pcase{background:linear-gradient(165deg,#fbfcfb,#f1f3f1);border:1.5px solid var(--mbp-tr2);border-radius:14px;position:relative;aspect-ratio:8/7;min-height:380px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 1px 3px rgba(23,33,27,.06)}
.mb-podbor .pcase>i{position:absolute;pointer-events:none;display:block}
.mb-podbor .pcase .screw{width:9px;height:9px;border-radius:50%;background:#e7ebe7;border:1px solid #c6cfc6}
.mb-podbor .pcase .screw::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:1.5px;background:#a9b5a9;transform:translate(-50%,-50%) rotate(45deg)}
.mb-podbor .pcase .s1{left:1.8%;top:2%}.mb-podbor .pcase .s2{right:1.8%;top:2%}.mb-podbor .pcase .s3{left:1.8%;bottom:2.4%}.mb-podbor .pcase .s4{right:1.8%;bottom:2.4%}
.mb-podbor .pcase .board{left:8%;top:8%;width:52%;height:64%;background:#fff;border:1.5px solid #d9e0d9;border-radius:10px;box-shadow:0 1px 4px rgba(23,33,27,.05)}
.mb-podbor .pcase .board::after{content:"";position:absolute;inset:10px;background-image:radial-gradient(rgba(23,33,27,.08) 1px,transparent 1px);background-size:15px 15px;border-radius:6px}
.mb-podbor .pcase .board-tag{position:absolute;left:16%;top:9.5%;font-family:var(--mbp-mono);font-size:9.5px;letter-spacing:.14em;color:#a9b5a9;pointer-events:none}
.mb-podbor .pcase .io-shield{left:4.4%;top:14%;width:3.6%;height:20%;background:#eef1ee;border:1px solid #c6cfc6;border-radius:3px}
.mb-podbor .pcase .io-shield::after{content:"";position:absolute;left:20%;right:20%;top:12%;height:60%;background:repeating-linear-gradient(180deg,#c6cfc6 0 2px,transparent 2px 7px)}
.mb-podbor .pcase .frontline{left:72%;top:4%;width:0;height:68%;border-left:1.5px dashed #d3dad3}
.mb-podbor .pcase .zone-tag{position:absolute;left:76%;top:5%;font-family:var(--mbp-mono);font-size:9.5px;letter-spacing:.14em;color:#a9b5a9;pointer-events:none}
.mb-podbor .pcase .fan{border-radius:50%;border:2px solid #c6cfc6;background:repeating-conic-gradient(#eef1ee 0 25deg,#e0e6e0 25deg 45deg);box-shadow:inset 0 0 10px rgba(23,33,27,.07)}
.mb-podbor .pcase .fan::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px solid #e0e6e0}
.mb-podbor .pcase .fan b{position:absolute;left:50%;top:50%;width:28%;height:28%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:2px solid var(--mbp-cu);display:block}
.mb-podbor .pcase .f1{left:77%;top:11%;width:18%;aspect-ratio:1}
.mb-podbor .pcase .f2{left:77%;top:42%;width:18%;aspect-ratio:1}
.mb-podbor .pcase .basement{left:0;right:0;top:74%;bottom:0;background:linear-gradient(180deg,#eef1ee,#e8ece8);border-top:1.5px solid #d3dad3}
.mb-podbor .pcase .cage{left:76%;width:18%;height:6.5%;background:#f4f6f4;border:1px solid #cfd6cf;border-radius:4px}
.mb-podbor .pcase .c1{top:79%}.mb-podbor .pcase .c2{top:87.5%}
.mb-podbor .pcase .cage::after{content:"";position:absolute;right:8%;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--mbp-cu);opacity:.6}
.mb-podbor .pcase .chipset{left:44%;top:59%;width:10%;height:8%;background:#eef1ee;border:1px solid #cfd6cf;border-radius:4px}
.mb-podbor .pcase .glass{inset:0;background:linear-gradient(115deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,.15) 24%,transparent 42%)}
.mb-podbor .pcase .slot{z-index:2;border:1.5px dashed #a9b5a9;color:var(--mbp-mut);background:rgba(255,255,255,.72);border-radius:7px}
.mb-podbor .pcase .slot:hover{border-color:var(--mbp-cu);color:var(--mbp-cub);background:#fff}
.mb-podbor .pcase .slot.filled{border-style:solid;border-color:var(--mbp-cu);color:var(--mbp-cub);background:var(--mbp-tint)}
.mb-podbor .pcase .slot.picking{border-color:var(--mbp-cu);box-shadow:0 0 0 3px rgba(192,115,31,.18)}