.tsg-order{--g:#2f6b3f;--g2:#e8f1ea;--b:#d6d9d6;--t:#222;font:16px/1.45 inherit;color:var(--t);max-width:1100px;margin:0 auto;box-sizing:border-box}
.tsg-order *{box-sizing:border-box}
.tsg-order .tsg-notice{padding:12px 14px;border-radius:8px;background:var(--g2);margin:0 0 14px}
.tsg-order .tsg-notice.closed{background:#fbe9e7}
.tsg-order .tsg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.tsg-order .tsg-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.tsg-order input[type=text],.tsg-order input[type=email],.tsg-order input[type=search],.tsg-order select,.tsg-order textarea{width:100%;padding:10px;border:1px solid var(--b);border-radius:6px;font:inherit;background:#fff}
.tsg-order .tsg-tools input{flex:2 1 220px;width:auto}.tsg-order .tsg-tools select{flex:1 1 180px;width:auto}
.tsg-order .tsg-row{display:flex;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--b)}
.tsg-order .tsg-info{flex:1;min-width:0}.tsg-order .tsg-name{font-weight:600;word-break:break-word}
.tsg-order .tsg-meta{font-size:.85em;color:#666}
.tsg-order .tsg-price{white-space:nowrap;font-weight:600;min-width:64px;text-align:right}
.tsg-order button{cursor:pointer;font:inherit;border-radius:6px;border:1px solid var(--g);background:#fff;color:var(--g);padding:7px 12px}
.tsg-order button.primary{background:var(--g);color:#fff;width:100%;padding:12px;font-weight:600}
.tsg-order button:disabled{opacity:.5;cursor:not-allowed}
.tsg-order .tsg-step{display:inline-flex;align-items:center;gap:6px}.tsg-order .tsg-step button{padding:3px 10px}
.tsg-order .tsg-step span{min-width:20px;text-align:center}
.tsg-order .tsg-cart{position:sticky;top:12px;border:1px solid var(--b);border-radius:10px;padding:14px;background:#fff}
.tsg-order .tsg-cart h3{margin:0 0 8px}
.tsg-order .tsg-line{display:flex;justify-content:space-between;gap:8px;font-size:.92em;padding:4px 0;border-bottom:1px dashed var(--b)}
.tsg-order .tsg-total{display:flex;justify-content:space-between;font-weight:700;font-size:1.1em;margin:10px 0}
.tsg-order .tsg-cart label{display:block;font-size:.85em;margin:8px 0 2px}
.tsg-order .tsg-err{color:#b3261e;margin:8px 0;font-size:.92em}
.tsg-order .tsg-more{margin:14px auto;display:block}
.tsg-order .tsg-done{padding:20px;border:2px solid var(--g);border-radius:10px;background:var(--g2)}
.tsg-order .tsg-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.tsg-order .tsg-toggle{display:none}
@media(max-width:820px){
 .tsg-order{padding-bottom:70px}
 .tsg-order .tsg-wrap{grid-template-columns:1fr}
 .tsg-order .tsg-cart{position:static}
 .tsg-order .tsg-toggle{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;width:auto;padding:13px;background:var(--g);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3)}
 .tsg-order .tsg-row{flex-wrap:wrap}.tsg-order .tsg-price{min-width:0}
}

.tsg-order .tsg-thumb{flex:0 0 64px;width:64px;height:64px;border-radius:8px;overflow:hidden;background:var(--g2);display:block}
.tsg-order .tsg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tsg-order .tsg-link{color:var(--g);text-decoration:none;white-space:nowrap}
.tsg-order .tsg-link:hover{text-decoration:underline}