/* ============================================
   MY ORDERS
============================================ */
.my-orders-hero{text-align:center;padding:30px 20px 24px;background:#fff;
  border-radius:24px;box-shadow:0 10px 30px rgba(196,110,160,.1);
  border:1px solid rgba(255,255,255,.9);margin-bottom:16px;margin-top:6px;}
.my-orders-icon{width:80px;height:80px;border-radius:28px;margin:0 auto 16px;
  display:grid;place-items:center;font-size:32px;color:#fff;
  background:linear-gradient(135deg,#ff8fb1,#c084fc);
  box-shadow:0 12px 28px rgba(200,90,180,.35);}
.my-orders-hero h1{font-size:20px;font-weight:900;margin-bottom:8px;
  background:linear-gradient(120deg,#ff5c93,#a855f7);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.my-orders-hero p{font-size:13px;color:#93829d;line-height:1.9;}

.my-orders-header{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:16px;background:linear-gradient(135deg,#fff5fb,#f0e8ff);
  border-radius:20px;border:1px solid #f3eaf8;margin-bottom:14px;margin-top:6px;}
.my-orders-header-info{display:flex;align-items:center;gap:12px;min-width:0;}
.my-orders-avatar{width:48px;height:48px;border-radius:16px;
  background:linear-gradient(135deg,#ff8fb1,#c084fc);color:#fff;
  display:grid;place-items:center;font-size:20px;flex-shrink:0;
  box-shadow:0 6px 16px rgba(200,90,180,.35);}
.my-orders-hello{font-size:14px;font-weight:800;color:#2e1c38;}
.my-orders-phone{font-size:11.5px;color:#7c3aed;font-weight:700;margin-top:2px;}
.my-orders-logout{display:inline-flex;align-items:center;gap:6px;
  padding:9px 13px;border-radius:12px;background:#fff;
  color:#d32f2f;font-size:11.5px;font-weight:700;text-decoration:none;
  border:1px solid #ffd0d0;flex-shrink:0;}

.my-orders-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}
.my-orders-stat{display:flex;align-items:center;gap:7px;padding:10px;
  background:#fff;border-radius:14px;box-shadow:0 4px 14px rgba(196,110,160,.08);
  border:1px solid rgba(255,255,255,.9);}
.my-orders-stat i{font-size:15px;color:var(--c,#a855f7);}
.my-orders-stat b{display:block;font-size:15px;font-weight:900;color:#2e1c38;line-height:1;}
.my-orders-stat span{font-size:9.5px;color:#93829d;}

.my-orders-list{display:flex;flex-direction:column;gap:12px;}
.my-order-card{background:#fff;border-radius:20px;padding:16px;
  box-shadow:0 4px 14px rgba(196,110,160,.1);
  border:1px solid rgba(255,255,255,.9);
  border-right:3px solid var(--accent,#a855f7);}
.my-order-head{display:flex;align-items:flex-start;justify-content:space-between;
  gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.my-order-num{font-size:14px;font-weight:900;color:#2e1c38;}
.my-order-date{font-size:10.5px;color:#93829d;margin-top:3px;
  display:flex;align-items:center;gap:5px;}
.my-order-status{display:inline-flex;align-items:center;gap:5px;
  padding:5px 11px;border-radius:100px;font-size:11px;font-weight:700;}
.my-order-status i{font-size:10px;}

.my-order-items{display:flex;gap:6px;margin-bottom:12px;}
.my-order-item{position:relative;width:52px;height:52px;border-radius:13px;
  overflow:hidden;display:grid;place-items:center;color:#fff;font-size:20px;flex-shrink:0;}
.my-order-item img{width:100%;height:100%;object-fit:cover;}
.my-order-item-qty{position:absolute;bottom:2px;right:2px;
  padding:1px 5px;border-radius:6px;background:rgba(255,255,255,.9);
  color:#2e1c38;font-size:9px;font-weight:800;}
.my-order-item-more{width:52px;height:52px;border-radius:13px;
  background:#f3eaf8;color:#7c3aed;display:grid;place-items:center;
  font-size:13px;font-weight:800;flex-shrink:0;}

.my-order-info{padding:10px 0;border-top:1px dashed #f0e4f2;}
.my-order-info-row{display:flex;justify-content:space-between;align-items:center;}
.my-order-info-row > span{font-size:12px;color:#6d5a78;display:flex;align-items:center;gap:5px;}
.my-order-info-row i{color:#a855f7;font-size:11px;}
.my-order-total{font-size:15px;font-weight:900;color:#e0356f;}
.my-order-total small{font-size:10px;color:#93829d;font-weight:500;}

.my-order-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:10px;}
.my-order-btn{flex:1;min-width:80px;display:inline-flex;align-items:center;
  justify-content:center;gap:6px;padding:9px 12px;border-radius:12px;
  background:#f3eaf8;color:#7c3aed;font-size:11.5px;font-weight:700;
  font-family:inherit;border:none;cursor:pointer;text-decoration:none;}
.my-order-btn.is-cancel{background:#ffe8e8;color:#d32f2f;}
.my-order-btn.is-order-again{background:linear-gradient(135deg,#ff8fb1,#c084fc);color:#fff;}

.my-order-details{max-height:0;overflow:hidden;transition:max-height .4s;}
.my-order-details.open{max-height:800px;margin-top:12px;
  padding-top:12px;border-top:1px dashed #f0e4f2;}
.my-order-details-title{font-size:12.5px;font-weight:800;color:#2e1c38;margin-bottom:10px;}
.my-order-detail-item{display:flex;justify-content:space-between;gap:10px;
  padding:8px 0;font-size:11.5px;border-bottom:1px dashed #f8f1fb;}
.my-order-detail-name{flex:1;font-weight:700;color:#2e1c38;}
.my-order-detail-qty{color:#93829d;}
.my-order-detail-sub{font-weight:800;color:#e0356f;white-space:nowrap;}
.my-order-details-sep{height:1px;background:#f0e4f2;margin:10px 0;}
.my-order-detail-line{font-size:11.5px;color:#6d5a78;line-height:1.9;padding:4px 0;}
.my-order-detail-line b{color:#2e1c38;font-weight:800;margin-left:4px;}

@media (max-width:420px){
  .my-orders-stats{grid-template-columns:repeat(2,1fr);}
  .my-order-btn{font-size:11px;padding:8px 10px;}
}

/* ============ OTP STEP ============ */
#otpInput {
  letter-spacing: 12px !important;
  font-family: monospace !important;
  text-align: center !important;
}
.my-orders-form .cart-checkout {
  margin-top: 6px;
}
#otpTimer {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #d97706;
  font-weight: 700;
}
#otpTimer b { color: #d97706; }