.em-os-wrap{max-width:1100px;margin:40px auto;padding:0 16px;}
.em-os-card{background:#fff;border:1px solid #e7eef8;border-radius:18px;padding:18px 18px;margin-bottom:16px;box-shadow:0 1px 0 rgba(0,0,0,0.02);}
.em-os-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}
.em-os-title{font-size:22px;font-weight:800;}
.em-os-sub{color:#6b7280;font-size:13px;}
.em-os-statusline{margin-top:6px;color:#111827;font-weight:800;text-transform:capitalize;}
.em-os-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:900px){.em-os-grid{grid-template-columns:1fr;}}
.em-os-card-title{font-weight:800;margin-bottom:10px;}
.em-os-items .em-os-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef2f7;}
.em-os-items .em-os-item:last-child{border-bottom:0;}
.em-os-items .n{font-weight:700;color:#111827;}
.em-os-items .q{color:#6b7280;font-weight:700;margin-left:6px;}
.em-os-items .p{font-weight:800;color:#111827;}


/* Address block */
.em-os-addr{display:flex;flex-direction:column;gap:10px;}
.em-os-addr-line{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.em-os-addr-line strong{min-width:120px;color:#6b7280;font-weight:800;font-size:13px;}
.em-os-addr-line span{flex:1;color:#111827;font-weight:700;font-size:14px;line-height:1.35;text-align:left;}
.em-os-addr-muted{color:#6b7280;font-size:13px;margin-top:6px;}

/* Items */
.em-os-items{display:flex;flex-direction:column;gap:10px;}
.em-os-item-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #eef2f7;}
.em-os-item-row:last-child{border-bottom:none;}
.em-os-item-left{display:flex;align-items:baseline;gap:10px;min-width:0;}
.em-os-item-name{font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;}
.em-os-item-qty{color:#6b7280;font-weight:800;font-size:13px;white-space:nowrap;}
.em-os-item-right{font-weight:900;color:#111827;white-space:nowrap;}

/* Hide cart UI on order status page */
.ezm-cart-button,.ezm-cart-bar,.ezm-cart-bottom,.ezm-cart-fab,.tm-cart-fab,.tm-cart-button,.tm-cart,.ezm-cart{display:none!important;}

.em-os-addr-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #f1f5f9;}
.em-os-addr-row:last-child{border-bottom:0;}
.em-os-addr-row .k{color:#64748b;font-weight:600;font-size:13px;}
.em-os-addr-row .v{color:#0f172a;font-weight:600;font-size:13px;text-align:right;max-width:70%;}
.em-os-item-price{font-weight:700;}

/* Mini game card */
.em-os-game{padding:16px 18px;}
.em-os-game-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.em-os-game-title{font-weight:900;color:#111827;}
.em-os-game-link{background:transparent;border:0;color:#6b7280;font-weight:800;cursor:pointer;padding:6px 8px;border-radius:10px;}
.em-os-game-link:hover{background:#f1f5f9;}
.em-os-game-text{color:#111827;font-weight:700;margin-bottom:10px;}
.em-os-game-sub{color:#6b7280;font-weight:800;font-size:13px;margin-top:8px;}
.em-os-game-btn{background:#111827;color:#fff;border:0;border-radius:14px;padding:10px 14px;font-weight:900;cursor:pointer;}
.em-os-game-btn:hover{opacity:.92;}
.em-os-game-disabled{color:#6b7280;font-weight:800;font-size:13px;}

.em-os-tap-row{display:flex;align-items:center;gap:12px;}
.em-os-prog{flex:1;height:12px;border-radius:999px;background:#eef2f7;overflow:hidden;}
.em-os-prog-bar{height:100%;background:#ef4444;width:0%;}

.em-os-stir{width:100%;}

.em-os-pack{display:flex;flex-direction:column;gap:8px;margin-top:6px;}
.em-os-pack-row{display:flex;align-items:center;gap:10px;font-weight:800;color:#111827;}
.em-os-pack-row input{width:18px;height:18px;}

.em-os-stars{display:flex;align-items:center;gap:8px;font-size:28px;line-height:1;}
.em-os-star{background:transparent;border:0;cursor:pointer;color:#d1d5db;padding:0;}
.em-os-star.is-on{color:#ef4444;}

/* Snoonu-like stepper */
.ezm-stepper{
  --ezm-accent: #ef4444;
  --ezm-muted: #e5e7eb;
  --ezm-text: #111827;
  --ezm-sub: #6b7280;
  position: relative;
  padding: 14px 12px 6px;
}
.ezm-stepper-track{
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    var(--ezm-accent) 0%,
    var(--ezm-accent) var(--ezm-progress),
    var(--ezm-muted) var(--ezm-progress),
    var(--ezm-muted) 100%
  );
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
}
.ezm-stepper-steps{
  display: grid;
  gap: 0;
  margin-top: -16px;
}
.ezm-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding: 0 4px;
}
.ezm-dot{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #fff;
  border: 2px solid var(--ezm-muted);
  box-shadow: 0 6px 14px rgba(16,24,40,.08);
  transition: all .25s ease;
}
.ezm-ico{
  width: 18px;
  height: 18px;
  color: #9ca3af;
  transition: all .25s ease;
}
.ezm-label{
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--ezm-sub);
}
/* Done */
.ezm-step.is-done .ezm-dot{
  background: var(--ezm-accent);
  border-color: var(--ezm-accent);
}
.ezm-step.is-done .ezm-ico{ color:#fff; }
.ezm-step.is-done .ezm-label{ color: var(--ezm-text); }
/* Current */
.ezm-step.is-current .ezm-dot{
  background: var(--ezm-accent);
  border-color: var(--ezm-accent);
  box-shadow: 0 0 0 6px rgba(239,68,68,.16), 0 10px 18px rgba(16,24,40,.10);
}
.ezm-step.is-current .ezm-ico{ color:#fff; }
.ezm-step.is-current .ezm-label{ color: var(--ezm-text); }

@media (max-width: 420px){
  .ezm-label{ font-size: 11px; }
  .ezm-dot{ width: 30px; height: 30px; }
  .ezm-ico{ width: 16px; height: 16px; }
}


/* Short message under stepper */
.em-os-stepline{margin-top:8px;font-size:14px;color:#6B7280;font-weight:500;}

/* Order summary rich cards */
.em-os-item-card{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f7;align-items:flex-start;}
.em-os-item-card:last-child{border-bottom:none;padding-bottom:0;}
.em-os-thumb-wrap{width:64px;min-width:64px;height:64px;border-radius:16px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;}
.em-os-thumb{width:100%;height:100%;object-fit:cover;display:block;}
.em-os-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
.em-os-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.em-os-item-title-wrap{min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.em-os-item-name{font-weight:800;color:#111827;font-size:18px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset;max-width:none;}
.em-os-item-qty{color:#64748b;font-weight:800;font-size:13px;white-space:nowrap;}
.em-os-item-price{font-weight:900;color:#111827;white-space:nowrap;font-size:18px;}
.em-os-addon-groups{display:flex;flex-direction:column;gap:10px;}
.em-os-addon-group{display:flex;flex-direction:column;gap:6px;}
.em-os-addon-group-title{font-weight:800;color:#0f172a;font-size:14px;}
.em-os-addon-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#334155;}
.em-os-addon-price{font-weight:700;white-space:nowrap;color:#0f172a;}
.em-os-note-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;}
.em-os-note-title{font-weight:800;color:#111827;font-size:13px;}
.em-os-note-text{color:#475569;font-size:14px;line-height:1.45;}
.em-os-price-meta{display:flex;flex-direction:column;gap:4px;}
.em-os-price-meta-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#64748b;}
.em-os-price-meta-row strong{color:#0f172a;font-weight:800;}
@media(max-width:640px){
  .em-os-item-card{gap:10px;}
  .em-os-thumb-wrap{width:56px;min-width:56px;height:56px;border-radius:14px;}
  .em-os-item-head{flex-direction:column;align-items:flex-start;gap:4px;}
  .em-os-item-price{font-size:16px;}
  .em-os-item-name{font-size:16px;}
  .em-os-addon-row,.em-os-price-meta-row{font-size:13px;}
}


/* Order status summary aligned with checkout cards */
.em-os-checkout-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef2f7;}
.em-os-checkout-item:last-child{border-bottom:0;padding-bottom:0;}
.em-os-checkout-thumb{width:64px;min-width:64px;height:64px;border-radius:16px;overflow:hidden;background:#f8fafc;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;}
.em-os-checkout-thumb--empty{background:#f8fafc;}
.em-os-checkout-main{flex:1;min-width:0;}
.em-os-checkout-name{font-weight:800;color:#0f172a;font-size:16px;line-height:1.3;margin-bottom:6px;}
.em-os-checkout-sub{color:#64748b;font-size:13px;line-height:1.45;}
.em-os-checkout-addon-line{margin-top:2px;}
.em-os-addon-inline-price{color:#475569;font-weight:700;}
.em-os-checkout-price{margin-top:8px;font-weight:900;color:#0f172a;font-size:16px;}
.em-os-checkout-qty{margin-left:auto;align-self:center;display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:999px;padding:6px 10px;min-width:46px;justify-content:center;}
.em-os-checkout-qty span{min-width:18px;text-align:center;font-weight:800;color:#0f172a;}
.em-os-note-box{margin-top:8px;}
.em-os-price-meta,.em-os-price-meta-row{display:none!important;}
@media(max-width:640px){
  .em-os-checkout-item{gap:10px;align-items:flex-start;}
  .em-os-checkout-thumb{width:56px;min-width:56px;height:56px;border-radius:14px;}
  .em-os-checkout-name,.em-os-checkout-price{font-size:15px;}
}


.em-os-totals{margin-top:12px;padding-top:12px;border-top:1px solid #eef2f7;display:flex;flex-direction:column;gap:10px;}
.em-os-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.45;}
.em-os-total-row span{color:#475569;font-weight:700;}
.em-os-total-row strong{color:#0f172a;font-weight:800;text-align:right;white-space:nowrap;}
.em-os-total-row--grand{padding-top:12px;border-top:1px solid #eef2f7;font-size:22px;line-height:1.2;}
.em-os-total-row--grand span,.em-os-total-row--grand strong{color:#0f172a;font-weight:900;}

/* RTL support for the public order status page */
.em-os-wrap[dir="rtl"],
.em-os-wrap.is-rtl{
  direction: rtl;
  text-align: right;
}
.em-os-wrap[dir="rtl"] .em-os-header,
.em-os-wrap.is-rtl .em-os-header{
  flex-direction: row-reverse;
}
.em-os-wrap[dir="rtl"] .ezm-stepper-track,
.em-os-wrap.is-rtl .ezm-stepper-track{
  background: linear-gradient(
    270deg,
    var(--ezm-accent) 0%,
    var(--ezm-accent) var(--ezm-progress),
    var(--ezm-muted) var(--ezm-progress),
    var(--ezm-muted) 100%
  );
}
.em-os-wrap[dir="rtl"] .em-os-checkout-item,
.em-os-wrap.is-rtl .em-os-checkout-item{
  flex-direction: row-reverse;
}
.em-os-wrap[dir="rtl"] .em-os-checkout-qty,
.em-os-wrap.is-rtl .em-os-checkout-qty{
  margin-left: 0;
  margin-right: auto;
}
.em-os-wrap[dir="rtl"] .em-os-total-row,
.em-os-wrap.is-rtl .em-os-total-row,
.em-os-wrap[dir="rtl"] .em-os-addr-row,
.em-os-wrap.is-rtl .em-os-addr-row{
  flex-direction: row-reverse;
}
.em-os-wrap[dir="rtl"] .em-os-addr-row .v,
.em-os-wrap.is-rtl .em-os-addr-row .v,
.em-os-wrap[dir="rtl"] .em-os-total-row strong,
.em-os-wrap.is-rtl .em-os-total-row strong{
  text-align: left;
}
