.mra-sc{--bd:rgba(255,255,255,.14);--bg:#222;--tx:#fff;--mu:rgba(255,255,255,.65);--ac:var(--wd-primary-color,#009eff);--btn:var(--btn-accented-bgcolor,#0081ea);--acs:rgba(0,158,255,.12);--ok:#3ecf7e;--oks:rgba(62,207,126,.1);--er:#ff7b6e;direction:rtl;font:inherit;color:var(--tx);background:var(--bg);border:1px solid var(--bd);border-radius:18px;padding:18px;margin:20px auto;max-width:760px;line-height:1.8}
.mra-sc *{box-sizing:border-box}
.mra-sc h3{margin:0 0 4px;font-size:1.2em}
.mra-sc .m-h p{margin:0 0 14px;color:var(--mu);font-size:.92em}
.mra-sc .m-s{margin:0 0 16px}
.mra-sc .m-s>b,.mra-sc .m-fm>b{display:block;margin-bottom:8px}
.mra-sc input:not([type=radio]):not([type=checkbox]),.mra-sc select,.mra-sc textarea{width:100%;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit;font-size:1em}
.mra-sc input:focus,.mra-sc select:focus,.mra-sc textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
.mra-sc label{display:block;font-size:.88em;color:var(--mu)}
.mra-sc h3{color:var(--tx)}
.mra-sc input::placeholder,.mra-sc textarea::placeholder{color:var(--mu);opacity:.7}
.mra-sc .m-items{display:grid;gap:8px}
.mra-sc .m-it{display:grid;grid-template-columns:1fr 72px 40px;gap:8px}
.mra-sc .m-it .m-it-q{text-align:center}
.mra-sc .m-del{border:1px solid var(--bd);border-radius:10px;background:transparent;color:var(--mu);font-size:1.2em;line-height:1;padding:0;min-height:0;cursor:pointer}
.mra-sc .m-more{justify-self:start;border:1px dashed var(--ac);border-radius:10px;background:transparent;color:var(--ac);padding:8px 14px;font:inherit;font-size:.9em;min-height:0;cursor:pointer}
.mra-sc .m-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mra-sc .m-hint{margin:8px 0 0;font-size:.85em;color:var(--mu)}
.mra-sc .m-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.mra-sc .m-plan{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;cursor:pointer;color:var(--tx);position:relative}
.mra-sc .m-plan input{position:absolute;opacity:0;pointer-events:none}
.mra-sc .m-plan span{display:block;font-weight:600}
.mra-sc .m-plan em{font-style:normal;font-size:.82em;color:var(--ac)}
.mra-sc .m-plan.on{border-color:var(--ac);background:var(--acs)}
.mra-sc .m-add{display:grid;gap:8px}
.mra-sc .m-add label{display:flex;align-items:center;gap:10px;border:1px solid var(--bd);border-radius:10px;padding:8px 12px;color:var(--tx);cursor:pointer}
.mra-sc .m-add input{width:18px;height:18px;flex:none}
.mra-sc .m-add span{flex:1}
.mra-sc .m-add em{font-style:normal;color:var(--mu);font-size:.85em;white-space:nowrap}
.mra-sc .m-res{display:none;margin-top:6px;border:1px solid var(--ac);background:var(--acs);border-radius:14px;padding:14px}
.mra-sc .m-res.on{display:block}
.mra-sc .m-rows>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--bd);font-size:.93em}
.mra-sc .m-rows span{color:var(--mu)}
.mra-sc .m-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:1.05em}
.mra-sc .m-total b{font-size:1.5em;color:var(--ac)}
.mra-sc .m-sub{margin-top:6px;font-size:.9em}
.mra-sc .m-note{margin:10px 0 0;font-size:.8em;color:var(--mu)}
.mra-sc .m-fm{margin-top:16px;display:grid;gap:10px}
.mra-sc .m-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mra-sc .m-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.mra-sc .m-err{color:var(--er);font-size:.9em;min-height:1.2em}
.mra-sc .m-go{display:inline-block;text-align:center;border:0;border-radius:12px;background:var(--btn);color:#fff;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.mra-sc .m-go:disabled{opacity:.6;cursor:wait}
.mra-sc label i{color:var(--er);font-style:normal}
.mra-sc .m-order-head{border-top:1px solid var(--bd);padding-top:14px}
.mra-sc .m-order-head p{margin:0;color:var(--mu);font-size:.92em}
.mra-sc .m-notice{border:1px solid var(--ac);background:var(--acs);border-radius:12px;padding:10px 12px;font-size:.92em;margin-top:10px}
.mra-sc .m-code{font-size:1.15em;letter-spacing:.5px;color:var(--ac)}
.mra-sc .m-done p{margin:6px 0}
.mra-sc .m-rows b{text-align:left}
.mra-sc .m-up{border:1px dashed var(--bd);border-radius:12px;padding:10px}
.mra-sc .m-up input{margin-top:6px;padding:6px!important}
.mra-sc .m-up img{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:8px;margin-top:8px}
.mra-sc .m-up img[hidden]{display:none}
@media(max-width:520px){.mra-sc{padding:14px;border-radius:14px}.mra-sc .m-dims,.mra-sc .m-grid{grid-template-columns:1fr}.mra-sc .m-dims{grid-template-columns:repeat(3,1fr)}.mra-sc .m-total b{font-size:1.3em}}