.reorder-card[hidden]{display:none!important}
.reorder-card{margin:14px 0 20px;padding:12px 24px;border:1px solid #315c56;border-radius:12px;background:linear-gradient(120deg,#102421,#0b1111)}
.reorder-card h3{margin:0 0 3px;font-size:24px;color:var(--teal,#60d9cc)}
.reorder-card p{margin:0;color:#bdcbc8;font-size:14px;line-height:1.4}
.reorder-card .reorder-sample{margin-top:4px;font-size:11px;color:var(--teal,#60d9cc)}
.reorder-grid{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:15.3px;margin:8px auto 0;overflow-x:auto;padding:3px;scrollbar-color:#315c56 transparent}
.reorder-item{display:flex;flex:0 0 158.5px;flex-direction:column;gap:3px;min-width:0}
.reorder-item img{display:block;width:85%;height:auto;margin-inline:auto;aspect-ratio:1;object-fit:contain;background:#080d0d;border:1px solid #29413d;border-radius:8px}
.reorder-item strong{font-size:11.05px;line-height:1.4;color:#edf5f3}
.reorder-item span{font-size:10.2px;color:#b5c5c1}
.reorder-item button{margin-top:auto;min-height:34px;padding:6.8px;border:1px solid var(--teal,#60d9cc);border-radius:5px;background:transparent;color:var(--teal,#60d9cc);font:inherit;font-size:10.2px;cursor:pointer}
.reorder-item button:hover:not(:disabled){background:var(--teal,#60d9cc);color:#08100f}
.reorder-item button:disabled{opacity:.5;cursor:default}
.reorder-item button:focus-visible{outline:2px solid white;outline-offset:3px}
.reorder-card .reorder-status{margin-top:5px;font-size:12px}
@media(max-width:600px){.reorder-card{padding:10px 16px}.reorder-card h3{font-size:21px}}

.reorder-card .reorder-status:empty{display:none}