/* KHONCHAIHERB Commerce v1.11 — order tracking journey */
.v111-mini-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0 2px}.v111-mini-progress i{height:4px;border-radius:999px;background:#e8e8e8}.v111-mini-progress i.done{background:#2c8a5c}.v111-mini-progress i.current{box-shadow:0 0 0 2px #e4f4ea}
.v111-progress{margin:12px 0;padding:14px;border-radius:16px;background:#f7faf8;border:1px solid #e4eee8}.v111-progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.v111-progress-head>div{display:flex;align-items:flex-start;gap:9px}.v111-progress-head>div>span{display:flex;flex-direction:column;gap:1px}.v111-progress-head b{font-size:14px}.v111-progress-head small{font-size:11px;color:#68766e}.v111-track-ready{font-size:10px;font-weight:800;color:#176b43;background:#e5f4eb;padding:5px 8px;border-radius:999px;white-space:nowrap}
.v111-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.v111-step{position:relative;text-align:center;min-width:0}.v111-step:before{content:'';position:absolute;height:2px;background:#dfe5e1;left:0;right:0;top:12px}.v111-step:first-child:before{left:50%}.v111-step:last-child:before{right:50%}.v111-step.done:before{background:#78b596}.v111-step i{position:relative;z-index:1;width:24px;height:24px;margin:0 auto 7px;border-radius:50%;background:#fff;border:2px solid #dce2de;display:grid;place-items:center;color:#a3aaa6}.v111-step i .material-symbols-rounded{font-size:14px}.v111-step.done i{border-color:#2c8a5c;color:#2c8a5c}.v111-step.current i{background:#2c8a5c;color:#fff;box-shadow:0 0 0 4px #e4f3ea}.v111-step span{display:flex;flex-direction:column;gap:2px;padding:0 3px}.v111-step b{font-size:10px;line-height:1.3}.v111-step small{font-size:9px;color:#89928d;line-height:1.25;word-break:break-word}.v111-step:not(.done) b{color:#9a9f9c}.v111-cod-note{margin-top:12px;padding-top:10px;border-top:1px dashed #d7e2db;font-size:11px;color:#53635a;display:flex;align-items:center;gap:6px}.v111-cod-note .material-symbols-rounded{font-size:17px}
.v111-cancelled{margin:10px 0;padding:12px;border-radius:13px;background:#fff4f4;border:1px solid #f2d6d6;color:#8a3535;display:flex;gap:9px;align-items:flex-start}.v111-cancelled>span{display:flex;flex-direction:column;gap:2px}.v111-cancelled b{font-size:13px}.v111-cancelled small{font-size:11px;color:#936464}
.v111-lookup-loading,.v111-lookup-success{margin-top:10px;padding:11px 12px;border-radius:12px;display:flex;gap:8px;align-items:flex-start}.v111-lookup-loading{background:#f6f6f6;color:#666}.v111-lookup-loading .material-symbols-rounded{animation:v111spin 1s linear infinite}.v111-lookup-success{background:#edf8f1;color:#246344;border:1px solid #d8ecdf}.v111-lookup-success>span{display:flex;flex-direction:column;gap:2px}.v111-lookup-success b{font-size:12px}.v111-lookup-success small{font-size:10px;color:#60796a}@keyframes v111spin{to{transform:rotate(360deg)}}
#lookup-result .v19-order{margin-top:10px;background:#fff;border:1px solid #ececec;border-radius:14px;padding:12px}
@media(max-width:430px){.v111-progress{padding:12px 10px}.v111-step b{font-size:9px}.v111-step small{font-size:8px}.v111-progress-head{margin-bottom:12px}}