:root{
  --cwc-accent: #2a8f3d;
  --cwc-dark: #232323;
  --cwc-border: #cfcfcf;
  --cwc-text: #222222;
}
.cwc-wrap{max-width:1100px;margin:40px auto 120px;text-align:center;box-sizing:border-box}
.cwc-heading{font-size:30px;margin-bottom:16px;font-weight:700}
.cwc-desc{max-width:900px;margin:0 auto 30px;color:var(--cwc-text);font-size:16px;line-height:1.6;font-weight:300}
.cwc-form{margin-top:30px}
.cwc-row{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.cwc-col{flex:0 0 45%;min-width:260px;text-align:left}
.cwc-col label{display:block;font-size:20px;font-weight:500}
.cwc-col input{width:100%;padding:10px 10px;border:1px solid #bfbfbf;font-size:16px;border-radius: 4px;font-family:inherit;outline:none;box-sizing:border-box}
.cwc-col input:focus{border-color:var(--cwc-accent);box-shadow:0 0 0 4px rgba(42,143,61,0.06)}
.cwc-submit-wrap{margin-top:28px;text-align:center}
.cwc-btn{background:var(--cwc-dark);color:#fff;padding:16px 36px;border:none;border-radius: 4px;cursor:pointer;font-weight:600}
.cwc-error{color:#ff0000;margin-bottom:16px;}
.cwc-order-box{border:1px solid #ddd;padding:24px;margin:20px auto;max-width:900px;box-sizing:border-box}
.cwc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;align-items:center}
.cwc-label{font-weight:700;text-transform:uppercase}
.cwc-value{font-size:18px}
.cwc-status-wrap{margin-top:20px}
.cwc-statustext{font-size:22px;margin-bottom:2px;font-weight:600}
.cwc-statustxt{font-weight:600;color:var(--cwc-accent)}
.cwc-date{font-size:20px;margin-bottom:26px;font-weight:400}
.cwc-timeline{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:30px auto;gap:20px;box-sizing:border-box}
.cwc-step{position:relative;text-align:center;flex:1;min-width:80px;z-index:1}
.cwc-step:not(:first-child):before{content:'';position:absolute;left:0;top:28px;height:1px;width:94%;background:var(--cwc-border);z-index:0;transform:translateX(-50%)}
.cwc-step .cwc-circle{width:56px;height:56px;border-radius:50%;border:1px solid var(--cwc-border);display:inline-flex;align-items:center;justify-content:center;background:#fff;z-index:2;position:relative;margin:0 auto;box-sizing:border-box}
.cwc-step .cwc-circle svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor}
.cwc-step.active .cwc-circle{border-color:var(--cwc-accent);color:var(--cwc-accent);box-shadow:0 6px 18px rgba(42,143,61,0.06)}
.cwc-step .cwc-step-label{margin-top:12px;font-size:14px;font-weight:700;text-transform:uppercase}
.cwc-step:not(.active) .cwc-step-label{color:#666;font-weight:600}
.cwc-back-wrap{margin-top:18px; border-color:var(--cwc-accent);}
.cwc-back{color:var(--cwc-text);text-decoration:underline;cursor:pointer}

/* ---------- 🆕 Order Items (Product Name + Purchase Note) ---------- */
/* Order Items box */
.cwc-items-wrap {
  max-width: 900px;
  margin: 20px auto;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fafafa;
}

.cwc-items-wrap h3 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}


/* Individual item */
.cwc-item {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  transition: box-shadow 0.2s;
}
.cwc-item:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Product name */
.cwc-item-name {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 6px;
}

/* Purchase note */
.cwc-item-note {
  font-size: 14px;
  color: #d60000;
  line-height: 1.4;
  background: #f9f9f9;
  padding: 8px 12px;
  border-left: 3px solid #0073aa;
  border-radius: 4px;
}

/* Back button */
.cwc-back-wrap {
  margin-top: 25px;
  text-align: center;
}
.cwc-back-wrap a.cwc-back {
  display: inline-block;
  padding: 10px 18px;
  background: #0073aa;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  border-radius: 5px;
  transition: 0.3s;
}
.cwc-back-wrap a.cwc-back:hover {
  background: #005f8d;
}