.ot-wrap{max-width:900px;margin:0 auto;font-family:inherit;color:#1f2a44}
.ot-lead{text-align:center;font-weight:700;font-size:18px;margin-bottom:18px}
.ot-card{background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:22px;margin-bottom:22px}
.ot-label{display:block;font-weight:600;margin:14px 0 6px;font-size:14px}
.ot-input{border:1px solid #d7dbe6;border-radius:10px;padding:12px 14px;display:flex;align-items:center}
.ot-input input{border:0;outline:0;width:100%;font-size:15px;background:transparent;text-align:right}
.ot-btn{margin-top:18px;background:#1e3fd8;color:#fff;border:0;border-radius:10px;padding:12px 26px;font-size:15px;font-weight:600;cursor:pointer;float:left}
.ot-btn:hover{background:#1a35b8}
.ot-btn:disabled{opacity:.6;cursor:default}
.ot-form::after{content:"";display:block;clear:both}
.ot-error{color:#b02020;background:#fdeaea;border-radius:8px;padding:10px 12px;margin-top:14px;clear:both}

.ot-section-title{font-weight:700;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #eef0f6}

.ot-steps{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ot-step{flex:1;min-width:110px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.ot-step-icon{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f2f6}
.ot-step-icon svg{width:34px;height:34px;fill:none;stroke:#c3c7d1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ot-step-label{font-size:13px;color:#9aa0ad}
.ot-step.ot-active .ot-step-icon{background:#c9eef2}
.ot-step.ot-active .ot-step-icon svg{stroke:#2fb3c4}
.ot-step.ot-active .ot-step-label{color:#1f2a44;font-weight:700}
.ot-step.ot-done .ot-step-icon{background:#e5f6ee}
.ot-step.ot-done .ot-step-icon svg{stroke:#37b26b}
.ot-step.ot-done .ot-step-label{color:#37b26b}

.ot-note{background:#effafb;border-radius:10px;padding:14px 16px;margin:22px 0;text-align:right;color:#3a4256}
.ot-meta{font-size:14px;line-height:2}
.ot-meta-row strong{color:#1e3fd8}
.ot-totals{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:16px;padding-top:16px;border-top:1px solid #eef0f6;font-size:14px}

.ot-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:16px;margin-bottom:16px}
.ot-item-img img{width:70px;height:70px;object-fit:contain;border-radius:8px}
.ot-item-body{flex:1}
.ot-item-title{font-weight:700;margin-bottom:8px}
.ot-stock{font-size:13px}
.ot-stock.in{color:#37b26b}
.ot-stock.out{color:#b02020}
.ot-item-link{display:inline-block;margin-top:8px;color:#1e3fd8;font-size:13px;text-decoration:none}
.ot-item-cart{display:flex;flex-direction:column;align-items:center;gap:8px}
.ot-cart-btn{width:48px;height:48px;border:1px solid #d7dbe6;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none}
.ot-contact{font-size:12px;color:#6b7280}

@media(max-width:640px){
  .ot-steps{gap:14px}
  .ot-step{min-width:45%}
  .ot-step-icon{width:60px;height:60px}
}

.ot-step-date{font-size:11px;color:#8a90a0;direction:ltr}
.ot-step.ot-done .ot-step-date{color:#37b26b}
.ot-step.ot-active .ot-step-date{color:#2fb3c4;font-weight:600}