#ss-calc{--g:#4f7f2e;--gd:#33581c;--gl:#f3f8ee;--bd:#d6e0cc;--tx:#1f2a17;--mu:#5d6b52;max-width:900px;margin:24px auto;padding:20px;border:1px solid var(--bd);border-radius:14px;background:#fff;color:var(--tx);font-family:inherit;line-height:1.5;box-sizing:border-box}
#ss-calc *{box-sizing:border-box}
#ss-calc h3{margin:0 0 4px;font-size:1.4rem;color:var(--gd)}
#ss-calc .ssc-sub{margin:0 0 16px;color:var(--mu);font-size:.95rem}
#ss-calc .ssc-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
#ss-calc button{font-family:inherit;cursor:pointer}
#ss-calc .ssc-tab{flex:1;min-width:160px;padding:11px 14px;border:1px solid var(--bd);border-radius:10px;background:var(--gl);color:var(--gd);font-weight:600;font-size:.95rem}
#ss-calc .ssc-tab.on{background:var(--g);border-color:var(--g);color:#fff}
#ss-calc .ssc-panel[hidden]{display:none}
#ss-calc label{display:block;font-weight:600;font-size:.88rem;margin-bottom:4px}
#ss-calc input,#ss-calc select{width:100%;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;font-size:1rem;font-family:inherit;background:#fff;color:var(--tx)}
#ss-calc input:focus,#ss-calc select:focus{outline:2px solid var(--g);outline-offset:1px}
#ss-calc .ssc-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:10px}
#ss-calc .ssc-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}
#ss-calc .ssc-list{max-height:280px;overflow:auto;border:1px solid var(--bd);border-radius:10px}
#ss-calc .ssc-cat{position:sticky;top:0;background:var(--gl);padding:6px 12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gd)}
#ss-calc .ssc-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #eef2e9}
#ss-calc .ssc-item .n{flex:1;font-size:.95rem}
#ss-calc .ssc-item .m{font-size:.82rem;color:var(--mu);white-space:nowrap}
#ss-calc .ssc-add{padding:6px 12px;border:0;border-radius:6px;background:var(--g);color:#fff;font-weight:600;font-size:.85rem}
#ss-calc .ssc-add:hover,#ss-calc .ssc-go:hover{background:var(--gd)}
#ss-calc h4{margin:18px 0 8px;font-size:1.05rem;color:var(--gd)}
#ss-calc .ssc-empty{padding:14px;border:1px dashed var(--bd);border-radius:10px;color:var(--mu);font-size:.93rem;text-align:center}
#ss-calc .ssc-cart{border:1px solid var(--bd);border-radius:10px}
#ss-calc .ssc-qty{display:flex;align-items:center;gap:6px}
#ss-calc .ssc-qty button{width:28px;height:28px;border:1px solid var(--bd);border-radius:6px;background:#fff;color:var(--gd);font-weight:700;line-height:1;padding:0}
#ss-calc .ssc-x{border:0;background:none;color:#a33;font-size:1.2rem;padding:0 4px}
#ss-calc .ssc-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#ss-calc .ssc-box{background:var(--gl);border:1px solid var(--bd);border-radius:10px;padding:12px;text-align:center}
#ss-calc .ssc-box b{display:block;font-size:1.7rem;color:var(--gd);line-height:1.2}
#ss-calc .ssc-box span{font-size:.82rem;color:var(--mu)}
#ss-calc .ssc-bar{height:8px;background:#e5ecdd;border-radius:6px;margin-top:10px;overflow:hidden}
#ss-calc .ssc-bar i{display:block;height:100%;background:var(--g);width:0}
#ss-calc .ssc-bar-t{font-size:.82rem;color:var(--mu);margin-top:4px;text-align:center}
#ss-calc .ssc-go{width:100%;padding:12px;border:0;border-radius:10px;background:var(--g);color:#fff;font-weight:700;font-size:1rem}
#ss-calc .ssc-clear{margin-top:10px;background:none;border:0;color:var(--mu);text-decoration:underline;font-size:.88rem;padding:0}
#ss-calc .ssc-note{margin:10px 0;font-size:.9rem;color:var(--mu)}
#ss-calc .ssc-combos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px}
#ss-calc .ssc-combo{border:1px solid var(--bd);border-radius:12px;padding:14px;display:flex;flex-direction:column}
#ss-calc .ssc-combo h5{margin:0 0 8px;font-size:.95rem;color:var(--gd)}
#ss-calc .ssc-combo ul{margin:0 0 10px;padding:0;list-style:none;flex:1}
#ss-calc .ssc-combo li{font-size:.92rem;padding:3px 0;border-bottom:1px solid #eef2e9}
#ss-calc .ssc-combo .t{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}
#ss-calc .ssc-load{padding:8px;border:1px solid var(--g);border-radius:8px;background:#fff;color:var(--gd);font-weight:600;font-size:.88rem}
#ss-calc .ssc-load:hover{background:var(--gl)}
#ss-calc .ssc-foot{margin-top:18px;font-size:.8rem;color:var(--mu)}
@media (max-width:600px){#ss-calc{padding:14px}#ss-calc .ssc-row,#ss-calc .ssc-row3{grid-template-columns:1fr}}