.custom-tracking-wrapper {
  max-width: 480px;
  margin: 30px auto;
  background: #ffffff;
  padding: 30px 25px;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
  font-family: "IranSans", sans-serif;
}
.custom-tracking-wrapper h3 {
  text-align: center;
  font-size: 22px;
  color: #333;
  margin-bottom: 10px;
}
.tracking-subtitle {
  text-align: center;
  font-size: 15px;
  color: #666;
  margin-bottom: 25px;
}
.custom-track-form .input-group {
  position: relative;
  margin-bottom: 18px;
}
.custom-track-form .input-group i {
  position: absolute;
  right: 12px;
  top: 12px;
  color: #999;
}
.custom-track-form input {
  width: 100%;
  padding: 10px 40px 10px 10px !important;
  border: 1px solid #ddd;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.custom-track-form input:focus {
  border-color: #3f51b5;
  box-shadow: 0 0 6px rgba(63,81,181,0.2);
}
.track-btn {
  width: 100%;
  background: linear-gradient(135deg, #3f51b5, #2196f3);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 0;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.track-btn i {
  margin-left: 7px;
}
.track-btn:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
.loading {
  text-align: center;
  padding: 20px;
  color: #666;
}
.result-box {
  margin-top: 25px;
  border-left: 4px solid #3f51b5;
  background: #f9f9fc;
  border-radius: 8px;
  padding: 20px;
}
.result-box h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
}
.result-box h4 i {
  color: #3f51b5;
  margin-left: 6px;
}
.result-box span {
  font-weight: 700;
  color: #000;
}
.result-box p {
  margin-bottom: 8px;
  color: #555;
}
.result-box .order-details.button {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 6px;
  background: #4caf50;
  color: #fff !important;
  font-size: 14px;
  text-decoration: none;
  transition: 0.3s;
}
.result-box .order-details:hover {
  background: #388e3c;
}
.error {
  background: #fff5f5;
  color: #e53935;
  border: 1px solid #ffcdd2;
  text-align: center;
  border-radius: 6px;
  padding: 12px;
  margin-top: 15px;
}