/* ===== v0.3 т.1 · МЕНЮТО С КАРТИНКИ „А+“ (menu2) · 15.10.2026 — стиловете от одобрения макет (final/app.css), в кожата на програмата ===== */
#rdM2,#m2Ov,#m2Toast,#m2Back{
  --m2navy:#1c2c44;--m2gold:#e8b978;--m2goldDk:#b98a46;--m2goldInk:#8a6227;
  --m2surface:#ffffff;--m2text:#1c2430;--m2muted:#5c6a7d;--m2faint:#9aa5b5;--m2border:#d9dee6;
  --m2track:#eef2f7;--m2tile:#f4f2ed;--m2pale:#fbf3e3;--m2paleB:#ecd6ae;--m2paleOn:#e8b978;--m2bg:#f6f7f9;
  --m2shadow:0 8px 28px rgba(28,44,68,.10);--m2ok:#2e7d4f;--m2frame:var(--m2navy);
  --m2mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
html.dark #rdM2,html.dark #m2Ov,html.dark #m2Toast,html.dark #m2Back{
  --m2surface:#1b2940;--m2text:#e6ecf5;--m2muted:#9fb0c6;--m2faint:#6f8099;--m2border:#2b3f60;--m2bg:#16202e;
  --m2track:#22324a;--m2tile:#ece8e0;--m2pale:#2d2a22;--m2paleB:#5a4a2c;--m2goldInk:#e8b978;--m2frame:var(--m2gold);
  --m2shadow:0 10px 30px rgba(0,0,0,.35);--m2ok:#6fd49a}

/* ── мястото: дясната колона става по-широка, старото меню се крие (остава в DOM) ── */
body.rdM2on #rdCabMenu{display:none !important}
@media (min-width:901px){
  body.rdM2on{--m2W:460px}
  body.rdM2on:not(.rdSbClosed) .sidebar{width:var(--m2W) !important}
  body.rdM2on:not(.rdSbClosed) .main{margin-right:var(--m2W) !important}
  body.rdM2on #rdSbTg.rdTongue{right:var(--m2W)}
  body.rdM2on.rdSbClosed #rdSbTg.rdTongue{right:0}
}
@media (min-width:1300px){ body.rdM2on{--m2W:520px} }

#rdM2{color:var(--m2text);background:var(--m2bg);font-size:13px;position:relative;min-height:100%;display:flex;flex-direction:column}
#rdM2 *{box-sizing:border-box}
#rdM2 button{font:inherit;color:inherit}
#rdM2 img{display:block}
#rdM2 svg{flex:none}

/* ── глава: какво е, размерът, цената, Лесно/Про, „Класическо меню“ ── */
#rdM2 .m2Top{display:flex;gap:10px;align-items:flex-start;padding:14px 14px 8px;background:var(--m2surface);border-bottom:1px solid var(--m2border)}
#rdM2 .m2Id{flex:1;min-width:0}
#rdM2 .m2Tt{display:flex;align-items:baseline;gap:8px;min-width:0}
#rdM2 .m2Tt b{font-size:15.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2Lnk2{border:0;background:none;color:var(--m2goldInk);font-size:11.5px;font-weight:800;cursor:pointer;padding:0;white-space:nowrap}
#rdM2 .m2Lnk2:hover{text-decoration:underline}
#rdM2 .m2Sz{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;font-size:11.5px;color:var(--m2muted)}
#rdM2 .m2SzB{border:1px solid var(--m2border);background:var(--m2surface);border-radius:8px;padding:2px 7px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--m2text)}
#rdM2 .m2SzB small{font-weight:600;color:var(--m2muted)}
#rdM2 .m2SzB svg{width:12px;height:12px;color:var(--m2muted)}
#rdM2 .m2SzB:hover{border-color:var(--m2navy)}
#rdM2 .m2SzEd{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:8px 14px 10px;background:var(--m2surface);border-bottom:1px solid var(--m2border)}
#rdM2 .m2SzEd label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;font-weight:800;color:var(--m2muted);text-transform:uppercase;letter-spacing:.05em}
#rdM2 .m2SzEd input{width:84px;border:1px solid var(--m2border);border-radius:9px;padding:7px 8px;font:inherit;font-size:13.5px;font-weight:700;background:var(--m2surface);color:var(--m2text)}
#rdM2 .m2Price{position:relative;text-align:right;line-height:1.1;min-width:96px}
#rdM2 .m2Price b{display:block;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#rdM2 .m2Price small{font-size:10px;color:var(--m2muted)}
#rdM2 .m2Price small.m2Tbd{display:block;max-width:150px;margin-left:auto;margin-top:2px;white-space:normal;line-height:1.25;color:var(--m2goldInk)}
#rdM2 .m2Bump{position:absolute;right:0;top:-12px;font-size:11px;font-weight:800;color:var(--m2goldInk);background:var(--m2pale);border:1px solid var(--m2paleB);border-radius:99px;padding:1px 7px;opacity:0;pointer-events:none;white-space:nowrap}
#rdM2 .m2Bump.minus{color:var(--m2ok)}
#rdM2 .m2Bump.go{animation:m2bump 1.6s ease forwards}
@keyframes m2bump{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
#rdM2 .m2Bar{display:flex;align-items:center;gap:10px;padding:8px 14px 10px;background:var(--m2surface);border-bottom:1px solid var(--m2border)}
#rdM2 .m2Mode .rdSeg2Btn{font-size:12px;padding:6px 14px}
#rdM2 .m2Classic{margin-left:auto;border:0;background:none;font-size:11px;font-weight:700;color:var(--m2muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:4px 0}
#rdM2 .m2Classic:hover{color:var(--m2text)}
#m2Back{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);margin:12px 12px 0;border:1px dashed var(--m2paleB);background:var(--m2pale);color:var(--m2goldInk);border-radius:12px;padding:9px 12px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
#m2Back svg{width:16px;height:16px}
#m2Back:hover{border-style:solid}

/* ── Б1 сегментите (програмата: .rdSeg2) ── */
#rdM2 .m2Seg{flex-wrap:wrap}
#rdM2 .rdSeg2Btn{color:#5c6a7d}
#rdM2 .rdSeg2Btn:hover{color:#1c2c44}
#rdM2 .rdSeg2Btn.on{color:#e8b978}
html.dark #rdM2 .rdSeg2Btn{color:#8fa9cf}
html.dark #rdM2 .rdSeg2Btn:hover{color:#e6ecf5}
html.dark #rdM2 .rdSeg2Btn.on{color:#1c2c44}
#rdM2 .m2Seg .rdSeg2Btn{font-size:11.5px;padding:6px 10px;display:inline-flex;align-items:center;gap:5px}
#rdM2 .m2Seg .rdSeg2Btn svg{width:14px;height:14px}
#rdM2 .m2Seg.big .rdSeg2Btn{font-size:12.5px;padding:8px 12px}
#rdM2 .m2Seg .rdSeg2Btn[disabled]{opacity:.42;cursor:not-allowed}
#rdM2 .m2Seg .m2Man{align-self:center;font-size:11px;font-weight:800;color:var(--m2goldInk);padding:0 8px}
#rdM2 .m2SoonDot{font-style:normal;font-size:9px;font-weight:800;color:var(--m2goldInk);background:var(--m2pale);border-radius:99px;padding:0 5px}

/* ── тяло: релса | плочки ── */
#rdM2 .m2Body{display:grid;grid-template-columns:70px minmax(0,1fr);flex:1;align-items:start}
#rdM2 .m2Rail{position:sticky;top:0;display:flex;flex-direction:column;gap:3px;padding:10px 5px;max-height:calc(100vh - 60px);overflow-y:auto;scrollbar-width:none;border-right:1px solid var(--m2border);background:var(--m2bg);z-index:3}
#rdM2 .m2Rail::-webkit-scrollbar{display:none}
#rdM2 .m2Ri{position:relative;border:0;background:none;border-radius:12px;padding:7px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--m2muted);transition:background .15s,color .15s}
#rdM2 .m2Ri:hover{background:var(--m2surface);color:var(--m2text)}
#rdM2 .m2Ri svg{width:21px;height:21px}
#rdM2 .m2Ri span{font-size:9.5px;font-weight:700;line-height:1.15;text-align:center;word-break:break-word}
#rdM2 .m2Ri.on{background:var(--m2navy);color:var(--m2gold)}
#rdM2 .m2Ri.on span{color:#fff}
html.dark #rdM2 .m2Ri.on{background:var(--m2gold);color:var(--m2navy)}
html.dark #rdM2 .m2Ri.on span{color:var(--m2navy)}
#rdM2 .m2Ri .dot{position:absolute;top:4px;right:6px;min-width:15px;height:15px;border-radius:99px;background:var(--m2gold);color:var(--m2navy);font-size:9px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;padding:0 4px}
#rdM2 .m2Ri .m2Mini+.stn{position:absolute;top:2px;left:3px}
#rdM2 .m2Ri .stn{width:17px;height:17px;border-radius:50%;background:var(--m2track);color:var(--m2text);font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--m2bg)}
#rdM2 .m2Ri.on .stn,#rdM2 .m2Ri.done .stn{background:var(--m2gold);color:var(--m2navy)}
#rdM2 .m2Ri .m2Mini{width:52px;height:39px;border-radius:7px;background:var(--m2tile);overflow:hidden}
#rdM2 .m2Ri .m2Mini img{width:100%;height:100%;object-fit:contain}
#rdM2 .m2Ri.soonQ .m2Mini img{filter:grayscale(1);opacity:.5}
#rdM2 .m2Ri.dim{opacity:.6}
#rdM2 .m2Ri.fin{border:1px dashed var(--m2border)}
#rdM2 .m2Ri.glow{box-shadow:0 0 0 2px var(--m2gold)}
#rdM2 .m2Rsep{height:1px;background:var(--m2border);margin:5px 8px}
#rdM2 .m2Panel{padding:12px 12px 16px;min-width:0}

/* ── заглавие на екрана ── */
#rdM2 .m2Ph{padding:2px 2px 10px}
#rdM2 .m2Kick{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--m2goldInk)}
#rdM2 .m2Ph h2{margin:3px 0 2px;font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--m2text)}
#rdM2 .m2Ph p{margin:0;font-size:12.5px;color:var(--m2muted);line-height:1.45}
#rdM2 .m2Tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}
#rdM2 .m2Search{flex:1;min-width:160px;display:flex;align-items:center;gap:7px;background:var(--m2surface);border:1px solid var(--m2border);border-radius:11px;padding:0 10px}
#rdM2 .m2Search svg{width:15px;height:15px;color:var(--m2muted)}
#rdM2 .m2Search input{flex:1;border:0;background:none;font:inherit;font-size:13px;color:var(--m2text);padding:8px 0;outline:none;min-width:0}
#rdM2 .m2Rel{display:flex;gap:5px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--m2muted);margin-top:8px}
#rdM2 .m2Rel button{border:1px solid var(--m2border);background:var(--m2surface);border-radius:99px;font-size:11px;font-weight:800;padding:3px 9px;cursor:pointer}
#rdM2 .m2Rel button:hover{border-color:var(--m2navy)}

/* ── опцията ── */
#rdM2 .m2Opt{background:var(--m2surface);border:1px solid var(--m2border);border-radius:16px;padding:12px;margin-bottom:10px;transition:box-shadow .3s,border-color .3s}
#rdM2 .m2Opt.flash{border-color:var(--m2gold);box-shadow:0 0 0 3px rgba(232,185,120,.35)}
#rdM2 .m2Opt.soon{background:linear-gradient(var(--m2surface),var(--m2surface)) padding-box;border-style:dashed}
#rdM2 .m2Oh{display:flex;align-items:center;gap:7px;margin:0 1px 9px;flex-wrap:wrap}
#rdM2 .m2No{font:700 10px var(--m2mono);color:var(--m2muted);background:var(--m2track);border-radius:6px;padding:2px 5px}
#rdM2 .m2Onm{font-size:13.5px;font-weight:800}
#rdM2 .m2Cur{font-size:12px;font-weight:700;color:var(--m2goldInk)}
#rdM2 .m2Sp{margin-left:auto;display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#rdM2 .m2Bdg{font-size:9.5px;font-weight:800;border-radius:99px;padding:1px 6px;border:1px solid var(--m2border);color:var(--m2muted);white-space:nowrap}
#rdM2 .m2Bdg.soon{border-color:var(--m2paleB);background:var(--m2pale);color:var(--m2goldInk)}
#rdM2 .m2Bdg.k3{border-color:transparent;background:var(--m2navy);color:var(--m2gold)}
html.dark #rdM2 .m2Bdg.k3{background:var(--m2gold);color:var(--m2navy)}
#rdM2 .m2Lnk{border:0;background:none;color:var(--m2muted);cursor:pointer;padding:2px 4px;border-radius:6px;display:inline-flex;align-items:center}
#rdM2 .m2Lnk:hover{color:var(--m2text);background:var(--m2track)}
#rdM2 .m2Lnk svg{width:14px;height:14px}
#rdM2 .m2Hint{font-size:11px;color:var(--m2muted);margin:8px 2px 0;line-height:1.4}

/* плочките в Б1 рамка — рамката се плъзга до избраната */
#rdM2 .m2Grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;background:var(--m2track);border-radius:14px}
#rdM2 .m2Grid.g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#rdM2 .m2Grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}
#rdM2 .m2Tile{position:relative;z-index:1;display:block;width:100%;border:0;background:var(--m2surface);border-radius:10px;padding:5px 5px 7px;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}
#rdM2 .m2Tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,44,68,.12)}
#rdM2 .m2Im{display:block;background:var(--m2tile);border-radius:7px;aspect-ratio:4/3;overflow:hidden;position:relative}
#rdM2 .m2Im img{width:100%;height:100%;object-fit:contain}
#rdM2 .m2Im img.live{animation:m2in .35s ease}
@keyframes m2in{from{opacity:.25}to{opacity:1}}
#rdM2 .m2NoPic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b9b2a4}
#rdM2 .m2NoPic svg{width:34%;height:34%}
#rdM2 .m2Lb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;font-weight:700;line-height:1.25;margin:6px 2px 0}
#rdM2 .m2Sb{display:block;font-size:10.5px;color:var(--m2muted);margin:2px 2px 0;line-height:1.3}
#rdM2 .m2Tile.dis{cursor:not-allowed}
#rdM2 .m2Tile.dis .m2Im img{filter:grayscale(1);opacity:.4}
#rdM2 .m2Tile.dis .m2Lb{opacity:.5}
#rdM2 .m2Tile.dis:hover{transform:none;box-shadow:none}
#rdM2 .m2Why{position:absolute;left:5px;right:5px;bottom:5px;font-size:10px;font-weight:800;color:var(--m2navy);background:rgba(255,255,255,.93);border-radius:6px;padding:3px 5px;line-height:1.25}
#rdM2 .m2Soon{position:absolute;left:5px;top:5px;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;color:#8a6227;background:#fbf3e3;border:1px solid #ecd6ae;border-radius:99px;padding:1px 6px}
#rdM2 .m2Soon svg{width:11px;height:11px}
#rdM2 .m2Df{position:absolute;left:5px;bottom:5px;font-size:9px;font-weight:800;color:#5c6a7d;background:rgba(255,255,255,.88);border-radius:6px;padding:1px 5px}
#rdM2 .m2Frame{position:absolute;z-index:2;pointer-events:none;border:2.5px solid var(--m2frame);border-radius:12px;box-shadow:0 8px 22px rgba(28,44,68,.18);transition:left .32s cubic-bezier(.3,.7,.2,1),top .32s cubic-bezier(.3,.7,.2,1),width .32s cubic-bezier(.3,.7,.2,1),height .32s cubic-bezier(.3,.7,.2,1);opacity:0}
#rdM2 .m2Frame.show{opacity:1}
#rdM2 .m2Frame b{position:absolute;right:-8px;top:-8px;width:21px;height:21px;border-radius:50%;background:var(--m2gold);color:var(--m2navy);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(28,44,68,.25)}
#rdM2 .m2Frame b svg{width:12px;height:12px}
#rdM2 .m2Key{display:flex;gap:10px;align-items:center}
#rdM2 .m2Kim{flex:none;width:112px;border-radius:9px;background:var(--m2tile);aspect-ratio:4/3;overflow:hidden}
#rdM2 .m2Kim img{width:100%;height:100%;object-fit:contain}
/* много от много: бледозлатни бутони */
#rdM2 .m2Tgs{display:flex;flex-wrap:wrap;gap:6px}
#rdM2 .m2Tg{border:1px solid var(--m2paleB);background:var(--m2pale);color:var(--m2text);border-radius:10px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s}
#rdM2 .m2Tg:hover{border-color:var(--m2goldDk)}
#rdM2 .m2Tg svg{width:12px;height:12px;opacity:0}
#rdM2 .m2Tg.on{background:var(--m2paleOn);border-color:var(--m2goldDk);color:#1c2c44}
#rdM2 .m2Tg.on svg{opacity:1}
#rdM2 .m2Tg.soon,#rdM2 .m2Tg[disabled]{opacity:.55;cursor:not-allowed}
#rdM2 .m2Tg.dis{opacity:.5;cursor:not-allowed;border-style:dashed}   /* all73 · FIX B1: неприложим отвор — сив, с причината */
#rdM2 .m2Tg.dis:hover{border-color:var(--m2paleB)}
#rdM2 .m2Sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:11.5px;font-weight:800;color:var(--m2muted)}
/* „Уточни“, „по-късно“, навигацията */
#rdM2 .m2More{width:100%;border:1px dashed var(--m2border);background:transparent;border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:9px;cursor:pointer;margin:2px 0 10px;text-align:left}
#rdM2 .m2More:hover{border-color:var(--m2navy);background:var(--m2surface)}
#rdM2 .m2More b{font-size:12.5px;white-space:nowrap}
#rdM2 .m2More span{font-size:11px;color:var(--m2muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2More svg{width:15px;height:15px;transition:transform .2s}
#rdM2 .m2More.open svg{transform:rotate(180deg)}
#rdM2 .m2Later{font-size:11.5px;color:var(--m2muted);line-height:1.55;padding:9px 12px;border-radius:13px;background:var(--m2track);margin:2px 0 10px}
#rdM2 .m2Later b{color:var(--m2text);font-weight:800}
#rdM2 .m2Later div{margin-top:3px}
#rdM2 .m2Subh{margin:12px 0 6px 2px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--m2muted);display:flex;align-items:center;gap:8px}
#rdM2 .m2Subh:after{content:"";flex:1;height:1px;background:var(--m2border)}
#rdM2 .m2Nav{display:flex;justify-content:space-between;gap:8px;margin:12px 0 4px}
#rdM2 .m2Btn{border:1px solid var(--m2border);background:var(--m2surface);border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;color:var(--m2text)}
#rdM2 .m2Btn svg{width:15px;height:15px}
#rdM2 .m2Btn:hover{border-color:var(--m2navy)}
#rdM2 .m2Btn.pri{background:var(--m2navy);color:var(--m2gold);border-color:var(--m2navy)}
html.dark #rdM2 .m2Btn.pri{background:var(--m2gold);color:var(--m2navy);border-color:var(--m2gold)}
#rdM2 .m2Hid .h{display:flex;gap:9px;padding:8px 4px;border-bottom:1px solid var(--m2border);font-size:12px}
#rdM2 .m2Hid .h:last-child{border-bottom:0}
#rdM2 .m2Hid .h em{font-style:normal;color:var(--m2muted);margin-left:auto;text-align:right}
/* Крой / Обков под опцията */
#rdM2 .m2Crop{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11px;color:var(--m2muted);margin:9px 2px 0;line-height:1.4}
#rdM2 .m2Crop b{color:var(--m2text);font-weight:800;margin-right:4px}
/* плъзгачът за радиус */
#rdM2 .m2Rad{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;background:var(--m2track);border-radius:14px;padding:9px 12px 11px 9px}
#rdM2 .m2Rp{position:relative;background:var(--m2surface);border-radius:10px;aspect-ratio:4/3;overflow:hidden}
#rdM2 .m2Rp img{width:100%;height:100%;object-fit:contain}
#rdM2 .m2Rv{position:absolute;left:7px;top:7px;font:800 12px var(--m2mono);color:#1c2c44;background:var(--m2gold);border-radius:6px;padding:1px 6px}
#rdM2 .m2Rk{font-size:10px;font-weight:800;color:var(--m2goldInk);letter-spacing:.04em;text-transform:uppercase}
#rdM2 .m2Rad input[type=range]{width:100%;margin:9px 0 4px;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--m2navy) 0 var(--p),var(--m2border) var(--p) 100%);outline:none}
#rdM2 .m2Rad input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--m2gold);border:3px solid var(--m2navy);cursor:grab;box-shadow:0 3px 10px rgba(28,44,68,.3)}
#rdM2 .m2Rad input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--m2gold);border:3px solid var(--m2navy);cursor:grab}
#rdM2 .m2Tk{display:flex;justify-content:space-between;gap:2px}
#rdM2 .m2Tk button{border:0;background:none;font:700 10.5px var(--m2mono);color:var(--m2muted);padding:5px 2px;cursor:pointer;border-radius:6px;min-width:32px}
#rdM2 .m2Tk button.on{color:#1c2c44;background:var(--m2gold)}
#rdM2 .m2Rh{font-size:11.5px;color:var(--m2muted);margin-top:6px;line-height:1.45}
#rdM2 .m2Rh b{color:var(--m2text)}
/* Про: компактни редове */
#rdM2 .m2Opt.m2row{padding:0;overflow:hidden;margin-bottom:7px;border-radius:13px}
#rdM2 .m2RowH{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:7px 10px 7px 7px;text-align:left;cursor:pointer;min-height:58px}
#rdM2 .m2RowH:hover{background:var(--m2track)}
#rdM2 .m2Rim{flex:none;width:64px;height:48px;border-radius:8px;background:var(--m2tile);overflow:hidden;position:relative;display:block}
#rdM2 .m2Rim img{width:100%;height:100%;object-fit:contain}
#rdM2 .m2Rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#rdM2 .m2Rt .l1{display:flex;gap:6px;align-items:center;min-width:0}
#rdM2 .m2Rt .l1 .m2Onm{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2Rt .l2{font-size:12px;font-weight:700;color:var(--m2goldInk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2Cnt{flex:none;font-size:10.5px;font-weight:700;color:var(--m2muted)}
#rdM2 .m2RowH>svg{width:17px;height:17px;color:var(--m2muted);transition:transform .2s}
#rdM2 .m2Opt.m2row.open .m2RowH>svg{transform:rotate(180deg)}
#rdM2 .m2Opt.m2row.open .m2RowH{border-bottom:1px solid var(--m2border)}
#rdM2 .m2Opt.m2row.ch .m2Rim{box-shadow:0 0 0 2px var(--m2gold)}
#rdM2 .m2Opt.m2row.soon .m2Rim img{filter:grayscale(1);opacity:.45}
#rdM2 .m2RowB{padding:9px 10px 11px}
#rdM2 .m2Opt.m2row.inl{padding:10px 11px 11px}
/* стиловете */
#rdM2 .m2Styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#rdM2 .m2Sty{position:relative;border:1px solid var(--m2border);background:var(--m2surface);border-radius:14px;padding:12px 12px 11px;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;flex-direction:column;gap:3px}
#rdM2 .m2Sty:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(28,44,68,.12)}
#rdM2 .m2Sty.on{border:2.5px solid var(--m2frame);padding:11px 11px 10px}
#rdM2 .m2Sty .im{display:block;border-radius:9px;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(120% 95% at 50% 38%,#ffffff 0%,#f1eee8 62%,#e7e2d9 100%);margin-bottom:5px}
html.dark #rdM2 .m2Sty .im{background:radial-gradient(120% 95% at 50% 38%,#22324c 0%,#18253b 62%,#111b2c 100%)}
#rdM2 .m2Sty .im img{width:100%;height:100%;object-fit:contain}
#rdM2 .m2Sty .im .m2NoPic{position:static;height:100%}
#rdM2 .m2Sty b{font-size:14.5px}
#rdM2 .m2Sty .t{font-size:11px;color:var(--m2muted);line-height:1.35}
#rdM2 .m2Sty .p{display:flex;justify-content:space-between;gap:6px;font-size:11px;font-weight:800;color:var(--m2goldInk);margin-top:5px}
#rdM2 .m2Sty .p em{font-style:normal;color:var(--m2muted)}
#rdM2 .m2Sty.clean{border-style:dashed}
#rdM2 .m2Refine{margin-top:10px}
#rdM2 .m2Rk2{font-size:11.5px;font-weight:800;color:var(--m2muted);margin:0 2px 6px;display:flex;gap:8px;align-items:center}
#rdM2 .m2Rk2:after{content:"";flex:1;height:1px;background:var(--m2border)}
/* „Готово“ */
#rdM2 .m2Sent{font-size:14.5px;line-height:1.55;font-weight:600;background:var(--m2surface);border:1px solid var(--m2border);border-left:4px solid var(--m2gold);border-radius:13px;padding:12px 14px;margin:0 0 10px}
#rdM2 .m2Sent b{font-weight:800}
#rdM2 .m2Bill{background:var(--m2surface);border:1px solid var(--m2border);border-radius:13px;overflow:hidden;margin-bottom:10px}
#rdM2 .m2Bill .r{display:flex;gap:8px;align-items:baseline;padding:7px 12px;border-top:1px solid var(--m2border);font-size:12.5px}
#rdM2 .m2Bill .r:first-child{border-top:0}
#rdM2 .m2Bill .r .n{flex:1;min-width:0}
#rdM2 .m2Bill .r .n em{font-style:normal;color:var(--m2muted)}
#rdM2 .m2Bill .r b{font-variant-numeric:tabular-nums;white-space:nowrap}
#rdM2 .m2Bill .r.m2tot{background:var(--m2navy);color:#fff;font-size:13.5px}
#rdM2 .m2Bill .r.m2tot b{color:var(--m2gold);font-size:16px}
#rdM2 .m2Bill .x{border:0;background:var(--m2track);color:var(--m2muted);width:21px;height:21px;border-radius:50%;cursor:pointer;flex:none}
#rdM2 .m2Bill .x:hover{background:var(--m2navy);color:var(--m2gold)}
#rdM2 .m2Cutl{background:var(--m2surface);border:1px solid var(--m2border);border-radius:13px;padding:5px 12px 8px;margin-bottom:10px}
#rdM2 .m2Cutl div{font-size:12px;padding:5px 0;border-top:1px dashed var(--m2border);line-height:1.45}
#rdM2 .m2Cutl div:first-child{border-top:0}
#rdM2 .m2Cutl span{color:var(--m2muted)}
/* поправка (verify, 15.10): истинската разлика в кроя (+ / −), „така е днес“ при опциите „скоро“, мм на блендите */
#rdM2 .m2Cutl ul{list-style:none;margin:3px 0 0;padding:0}
#rdM2 .m2Cutl li{font-size:11.5px;color:var(--m2muted);font-variant-numeric:tabular-nums;padding:1px 0}
#rdM2 .m2Cutl li.p{color:var(--m2text)}
#rdM2 .m2Cutl li.more{font-style:italic}
#rdM2 .m2Soon.td{color:#fff;background:var(--m2navy);border-color:var(--m2navy)}
html.dark #rdM2 .m2Soon.td{color:var(--m2navy);background:var(--m2gold);border-color:var(--m2gold)}
#rdM2 .m2Tile.today{cursor:default}
#rdM2 .m2Fill label{display:inline-flex;align-items:center;gap:5px;font-weight:700}
#rdM2 .m2Fill input{width:64px;padding:5px 6px;border:1px solid var(--m2border);border-radius:8px;background:var(--m2surface);color:var(--m2text);font:inherit;font-variant-numeric:tabular-nums}
#rdM2 .m2Acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}

/* ── „Твоят избор“: № и × и разликата в цената ── */
#rdM2 .m2Picks{position:sticky;bottom:0;z-index:4;display:flex;gap:8px;align-items:flex-end;padding:9px 12px 10px;background:var(--m2surface);border-top:1px solid var(--m2border);box-shadow:0 -6px 18px rgba(28,44,68,.06)}
#rdM2 .m2PkList{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center;max-height:62px;overflow-y:auto;scrollbar-width:thin}
#rdM2 .m2PkList .pl{flex:none;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--m2muted);margin-right:2px}
#rdM2 .m2PkList .pl b{display:inline-flex;min-width:17px;height:17px;border-radius:99px;background:var(--m2navy);color:var(--m2gold);font-size:9.5px;align-items:center;justify-content:center;margin-left:5px;padding:0 5px;letter-spacing:0}
#rdM2 .m2PkList .none{font-size:11px;color:var(--m2muted)}
#rdM2 .m2Chip{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 4px 3px 9px;border-radius:99px;border:1px solid var(--m2border);background:var(--m2surface);cursor:pointer;white-space:nowrap;max-width:100%}
#rdM2 .m2Chip:hover{border-color:var(--m2navy)}
#rdM2 .m2Chip em{font-style:normal;color:var(--m2muted);font-weight:600}
#rdM2 .m2Chip .cv{max-width:130px;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2Chip .dd{font-style:normal;font-size:10px;font-weight:800;color:var(--m2goldInk)}
#rdM2 .m2Chip .dd.minus{color:var(--m2ok)}
#rdM2 .m2Chip .x{width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--m2track);color:var(--m2muted);font-size:12px}
#rdM2 .m2Chip .x:hover{background:var(--m2navy);color:var(--m2gold)}
#rdM2 .m2Go{flex:none;border:0;border-radius:11px;background:var(--m2navy);color:var(--m2gold);font-size:12px;font-weight:800;padding:8px 12px;cursor:pointer;box-shadow:0 6px 18px rgba(28,44,68,.22);text-align:left}
#rdM2 .m2Go small{display:block;color:#fff;font-size:10px;font-weight:700;opacity:.85;font-variant-numeric:tabular-nums}
html.dark #rdM2 .m2Go{background:var(--m2gold);color:var(--m2navy)}
html.dark #rdM2 .m2Go small{color:var(--m2navy)}
#rdM2 .m2Mbar{display:none}

/* ── върху 3D-то: пиновете, „Преглед“, картинката на стойността ── */
#m2Ov{position:absolute;inset:0;z-index:40;pointer-events:none;display:none}
#m2Ov.on{display:block}
#m2Pins .m2Pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 9px 3px 4px;border-radius:99px;border:1px solid var(--m2border);background:color-mix(in srgb,var(--m2surface) 88%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font:800 11px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--m2text);cursor:pointer;box-shadow:0 4px 14px rgba(28,44,68,.14);transition:transform .15s,border-color .2s}
#m2Pins .m2Pin i{width:16px;height:16px;border-radius:50%;background:var(--m2track);border:2px solid var(--m2navy);flex:none;position:relative}
#m2Pins .m2Pin i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--m2navy)}
#m2Pins .m2Pin:hover{transform:translate(-50%,-50%) scale(1.06);border-color:var(--m2navy)}
#m2Pins .m2Pin.ch i{background:var(--m2gold);border-color:var(--m2goldDk)}
#m2Pins .m2Pin em{font-style:normal;color:var(--m2goldInk);font-size:10px}
#m2Tag{position:absolute;left:50%;top:16px;font:800 11px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;padding:5px 10px;border-radius:99px;background:#1c2c44;color:#e8b978;opacity:0;transform:translate(-50%,-4px);transition:opacity .15s,transform .15s;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#m2Tag.show{opacity:1;transform:translate(-50%,0)}
#m2Pip{position:absolute;left:12px;bottom:14px;width:200px;background:var(--m2surface);border-radius:14px;box-shadow:var(--m2shadow);border:1px solid var(--m2border);padding:7px;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .18s,transform .18s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--m2text)}
#m2Pip.show{opacity:1;transform:none}
#m2Pip .pim{background:var(--m2tile);border-radius:9px;aspect-ratio:4/3;overflow:hidden}
#m2Pip .pim img{width:100%;height:100%;object-fit:contain;display:block}
#m2Pip .pc{padding:6px 3px 1px}
#m2Pip .pc b{display:block;font-size:12px;line-height:1.25}
#m2Pip .pc span{display:block;font-size:10.5px;color:var(--m2muted)}
#m2Pip .pc em{display:inline-block;margin-top:4px;font-style:normal;font-size:9.5px;font-weight:800;color:#8a6227;background:#fbf3e3;border:1px solid #ecd6ae;border-radius:99px;padding:1px 6px}
#m2Toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:2147482000;background:#1c2c44;color:#fff;font:700 12.5px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;border-radius:12px;padding:10px 15px;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(520px,calc(100vw - 32px))}
#m2Toast.on{opacity:1;transform:translate(-50%,0)}
#m2Toast b{color:#e8b978}

/* ── тесни колони ── */
@media (max-width:1299px) and (min-width:701px){
  #rdM2 .m2Grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rdM2 .m2Rad{grid-template-columns:1fr}
  #rdM2 .m2Rp{max-width:220px}
}
/* ── телефон: 3D отгоре, менюто е лист отдолу; релсата → хоризонтални чипове; плочки по 2 ── */
@media (max-width:700px){
  #rdM2{border-top:1px solid var(--m2border);border-radius:18px 18px 0 0;overflow:visible;margin-top:6px;box-shadow:0 -8px 24px rgba(28,44,68,.08)}
  #rdM2 .m2Top{border-radius:18px 18px 0 0;padding:12px 14px 6px}
  #rdM2 .m2Body{display:block}
  #rdM2 .m2Rail{position:sticky;top:0;flex-direction:row;overflow-x:auto;max-height:none;padding:8px 12px;gap:6px;border-right:0;border-bottom:1px solid var(--m2border);background:var(--m2bg);z-index:6}
  #rdM2 .m2Ri{flex:none;flex-direction:row;padding:6px 10px 6px 7px;border-radius:99px;gap:5px;background:var(--m2surface);border:1px solid var(--m2border)}
  #rdM2 .m2Ri.on{border-color:var(--m2navy)}
  #rdM2 .m2Ri svg{width:16px;height:16px}
  #rdM2 .m2Ri span{font-size:11.5px;white-space:nowrap}
  #rdM2 .m2Ri .m2Mini{display:none}
  #rdM2 .m2Ri .stn,#rdM2 .m2Ri .m2Mini+.stn{position:static;box-shadow:none;flex:none}
  #rdM2 .m2Rail{flex-wrap:nowrap}
  #rdM2 .m2Ri .dot{position:static;margin-left:2px}
  #rdM2 .m2Ri span br{display:none}
  #rdM2 .m2Rsep{display:none}
  #rdM2 .m2Panel{padding:10px 12px 76px}
  #rdM2 .m2Grid,#rdM2 .m2Grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rdM2 .m2Rad{grid-template-columns:1fr}
  #rdM2 .m2Rp{max-width:240px;justify-self:center;width:100%}
  #rdM2 .m2Rim{width:56px;height:42px}
  #rdM2 .m2Cnt{display:none}
  #rdM2 .m2Picks{display:none}
  #rdM2 .m2Mbar{display:none;position:fixed;left:0;right:0;bottom:var(--rdRailH,calc(58px + env(safe-area-inset-bottom)));z-index:1250;align-items:center;gap:12px;padding:9px 16px;background:var(--m2surface);border-top:1px solid var(--m2border);box-shadow:0 -6px 20px rgba(28,44,68,.10)}
  #rdM2.m2Vis .m2Mbar{display:flex}
  #rdM2 .m2Mbar .p{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
  #rdM2 .m2Mbar .s{font-size:10.5px;color:var(--m2muted)}
  #rdM2 .m2Mbar .m2Btn{margin-left:auto}
  #m2Pins,#m2Pip{display:none}
  #m2Toast{bottom:84px}
  /* поправка (verify I15): цели за пръст ≥ 32–44 px */
  #rdM2 .m2Lnk2{min-height:36px;padding:0 10px;margin-left:-4px;display:inline-flex;align-items:center}
  #rdM2 .m2Classic{min-height:40px;padding:0 4px}
  #rdM2 .m2SzB{min-height:36px;padding:4px 10px}
  #rdM2 .m2Mode .rdSeg2Btn{padding:10px 16px}
  #rdM2 .m2Seg .rdSeg2Btn{min-height:36px;padding:8px 12px}
  #rdM2 .m2Chip .x,#rdM2 .m2Bill .x{width:32px;height:32px}
  #rdM2 .m2Lnk{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
  #rdM2 .m2Fill input{min-height:36px}
}

/* ── doors60 (15.10): „Коя точно?“ — моделите на двигателя под №18 / №110 (снимките: thumbs/doors/, от двигателя) ── */
#rdM2 .m2Dp .m2DpN{font-weight:600;color:var(--m2faint);white-space:nowrap}
#rdM2 .m2DpF{margin:0 0 8px}
/* verify I3: 6-те фамилии на един ред (бройката под името) — и в страничното меню, и на телефон */
#rdM2 .m2DpF{display:flex;flex-wrap:nowrap;width:100%;box-sizing:border-box}
#rdM2 .m2DpF .rdSeg2Btn{flex:1 1 auto;min-width:0;min-height:36px;padding:4px 2px;flex-direction:column;justify-content:center;gap:1px;line-height:1.1}
#rdM2 .m2DpF .m2DpT{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#rdM2 .m2DpF .rdSeg2Btn i{display:block;font-style:normal;font-size:9.5px;font-weight:800;opacity:.65;line-height:1}
#rdM2 .m2DpG .m2Sb{color:var(--m2goldInk);font-weight:700}
/* само 60-те, живи (22.10.2026): №18 / №110 без картите отгоре; до живата снимка — статичната, приглушена; тясно чело — едно изречение */
#rdM2 .m2Dp60{margin-top:4px}
#rdM2 .m2DpG .m2Im img.pend{opacity:.55;filter:saturate(.6)}
#rdM2 .m2DpG .m2Im img.live{opacity:1;filter:none;transition:opacity .18s ease}
#rdM2 .m2DpWhy{margin:0 2px 10px;color:var(--m2text);font-size:11.5px;line-height:1.45}
#rdM2 .m2DpG + .m2DpWhy{margin-top:10px}
#rdM2 .m2DpWhy .m2Lnk2{white-space:normal;text-align:left;font-size:11.5px}
#rdM2 .m2DpK{margin:0 0 10px}
#rdM2 .m2DpK .m2Tg{max-width:100%;text-align:left}
/* rest · Стъпка 0 (15.10.2026): семействата — изборът на секция (S2: Б1 сегмент над опциите на секцията + пиновете С1…Сn на 3D-то),
   подменюто с число/текст (ширини, мм, брой), значката на избраната секция */
#rdM2 .m2SecB{display:flex;align-items:center;gap:9px;margin:2px 0 12px;padding:8px 10px;border:1px solid var(--m2border);border-radius:12px;background:var(--m2surface);font-size:11.5px;font-weight:800;color:var(--m2muted);flex-wrap:wrap}
#rdM2 .m2SecB .m2Seg{flex:1 1 auto;min-width:0}
#rdM2 .m2Bdg.sec{border-color:var(--m2goldDk);color:var(--m2goldInk);background:var(--m2pale)}
#m2Pins .m2Pin.sec{padding:3px 8px 3px 4px;font-size:10.5px}
#m2Pins .m2Pin.sec i{border-color:var(--m2goldDk)}
#m2Pins .m2Pin.sec.ch{border-color:var(--m2goldDk);box-shadow:0 0 0 2px color-mix(in srgb,var(--m2gold) 55%,transparent),0 4px 14px rgba(28,44,68,.14)}
#rdM2 .m2Fill input.w{width:150px}
@media (max-width:700px){ #rdM2 .m2SecB .rdSeg2Btn{min-height:36px} #rdM2 .m2Fill input.w{width:100%;min-height:36px} }
/* ── decor (16.10.2026 вечер): декорите на проекта — входът „Материалите на проекта (N)“ горе; блокът „Декорът“ (роли Б1 · кой шкаф Б1 ·
   плочки = снимката на декора, сегашният в рамката · „+ още от каталога“); декорът на плота → картата на плота ── */
#rdM2 .m2Bar{flex-wrap:wrap}
#rdM2 .m2Lib{order:3;flex:1 1 100%;display:flex;align-items:center;gap:7px;min-width:0;border:1px solid var(--m2paleB);background:var(--m2pale);color:var(--m2goldInk);border-radius:10px;padding:5px 9px 5px 6px;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
#rdM2 .m2Lib:hover{border-color:var(--m2goldDk);box-shadow:0 4px 12px rgba(28,44,68,.10)}
#rdM2 .m2Lib:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(232,185,120,.45)}
#rdM2 .m2Lib>span:not(.m2LibSw){overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2Lib b{font-weight:800;background:var(--m2surface);color:var(--m2text);border-radius:99px;padding:1px 7px;font-size:10.5px;font-variant-numeric:tabular-nums}
#rdM2 .m2Lib svg{width:16px;height:16px}
#rdM2 .m2Lib .m2LibGo{margin-left:auto;width:15px;height:15px}
#rdM2 .m2LibSw{display:inline-flex;flex:none}
#rdM2 .m2LibSw i{width:17px;height:17px;border-radius:50%;border:2px solid var(--m2surface);margin-left:-6px;box-shadow:0 0 0 1px rgba(28,44,68,.18)}
#rdM2 .m2LibSw i:first-child{margin-left:0}
#rdM2 .m2Dec{border-color:var(--m2paleB)}
#rdM2 .m2Dec .m2Oh .m2Sp .m2Lnk2{font-size:11px}
#rdM2 .m2DecIc{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(28,44,68,.25),inset 0 0 0 2px rgba(255,255,255,.55)}
#rdM2 .m2DecR{margin:0 0 8px}
#rdM2 .m2DecDot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(28,44,68,.28)}
#rdM2 .m2DecSc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 1px 8px;font-size:11px;font-weight:800;color:var(--m2muted)}
#rdM2 .m2DecSc .rdSeg2Btn i{font-style:normal;font-size:10px;font-weight:800;opacity:.7}
#rdM2 .m2Dec .m2Sw{display:block}
#rdM2 .m2DecT .m2Lb{-webkit-line-clamp:2}
#rdM2 .m2DecT .m2Sb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2DecT.dis .m2Sw{filter:grayscale(1);opacity:.45}
#rdM2 .m2DecAdd .m2Im{display:flex;align-items:center;justify-content:center;background:var(--m2pale);border:1.5px dashed var(--m2paleB);color:var(--m2goldInk)}
#rdM2 .m2DecAdd .m2Im svg{width:26px;height:26px}
#rdM2 .m2DecAdd:hover .m2Im{border-color:var(--m2goldDk)}
#rdM2 .m2DecAdd .m2Lb{color:var(--m2goldInk)}
#rdM2 .m2DecH .m2Lnk2{padding:0;margin:0 0 0 2px;min-height:0}
#rdM2 .m2Wt{padding:0;overflow:hidden}
#rdM2 .m2WtB{display:flex;align-items:center;gap:10px;width:100%;border:0;background:var(--m2surface);padding:10px 12px;cursor:pointer;text-align:left}
#rdM2 .m2WtB:hover{background:var(--m2pale)}
#rdM2 .m2WtSw{width:46px;height:34px;border-radius:8px;flex:none;box-shadow:0 0 0 1px rgba(28,44,68,.18)}
#rdM2 .m2WtT{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#rdM2 .m2WtT b{font-size:12.5px;font-weight:800}
#rdM2 .m2WtT small{font-size:11px;color:var(--m2muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rdM2 .m2WtGo{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--m2goldInk);white-space:nowrap}
#rdM2 .m2WtGo svg{width:14px;height:14px}
html.dark #rdM2 .m2Lib b{background:var(--m2track)}
@media (max-width:700px){ #rdM2 .m2Lib{min-height:40px;padding:6px 10px 6px 7px} #rdM2 .m2DecSc .rdSeg2Btn,#rdM2 .m2DecR .rdSeg2Btn{min-height:36px} #rdM2 .m2WtB{min-height:52px} }
/* телефон легнал (21.10, завъртане): 3D-то е малко — пиновете на частите не лягат върху шкафа (както в изправено) */
@media (max-width:1000px) and (orientation:landscape) and (max-height:520px){ #m2Pins,#m2Pip{display:none} }
/* №16 · шкаф по шкаф: „Същото и на други“ — Б1 сегментът след смяната (броят е вътре в бутона, без хапче); изреченията за реда; обковът — само за четене */
#rdM2 .m2Spr{margin:8px 1px 2px;display:grid;gap:4px}
#rdM2 .m2Spr .m2Seg{display:flex;width:100%;box-sizing:border-box;flex-wrap:nowrap}
#rdM2 .m2Spr .rdSeg2Btn{flex:1 1 0;justify-content:center;text-align:center;white-space:normal;min-width:0}
#rdM2 .m2Spr .rdSeg2Btn .s{display:none}
#rdM2 .m2SprH{margin:0;font-size:11px}
#rdM2 .m2SprRow{padding-top:0}
#rdM2 .m2RunH{border-left:3px solid var(--m2gold);padding-left:8px;color:var(--m2text)}
#rdM2 .m2Hw .m2Hint{margin-top:4px}
@media (max-width:520px){ #rdM2 .m2Spr .rdSeg2Btn .l{display:none} #rdM2 .m2Spr .rdSeg2Btn .s{display:inline} #rdM2 .m2Spr .rdSeg2Btn{min-height:36px;padding:8px 6px} }