:root {
  --pot-navy:#06245F;
  --pot-navy-dark:#041B49;
  --pot-cream:#FAF8F3;
  --pot-border:#D9E0EA;
  --pot-text:#0F172A;
  --pot-muted:#64748B;
}

.pot-track-wrap,
.pot-track-wrap * {
  box-sizing:border-box;
}

.pot-track-wrap {
  width:min(100%, 900px);
  margin:0 auto;
  padding:0 16px;
  font-family:inherit;
}

.pot-track-card {
  width:100%;
  background:var(--pot-cream);
  border:1px solid var(--pot-border);
  border-radius:28px;
  padding:44px;
}

.pot-truck-icon {
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--pot-navy);
  color:#fff;
}

.pot-truck-icon svg {
  width:30px;
  height:30px;
}

.pot-track-card h2 {
  margin:28px 0 0;
  color:var(--pot-navy);
  font-size:clamp(28px,3vw,34px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
}

.pot-subtitle {
  margin:12px 0 0;
  color:var(--pot-muted);
  font-size:16px;
  line-height:1.7;
}

.pot-woo-form {
  margin-top:30px;
}

.pot-woo-form .woocommerce,
.pot-woo-form form.track_order,
.pot-woo-form .woocommerce-form-track-order {
  width:100%;
}

.pot-woo-form form.track_order,
.pot-woo-form .woocommerce-form-track-order {
  border:0!important;
  padding:0!important;
  margin:0!important;
}

.pot-woo-form form.track_order > p:first-child,
.pot-woo-form .woocommerce-form-track-order > p:first-child {
  display:none!important;
}

.pot-woo-form .form-row {
  float:none!important;
  width:100%!important;
  margin:0 0 20px!important;
}

.pot-woo-form label {
  display:block!important;
  margin:0 0 10px!important;
  color:var(--pot-navy)!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:800!important;
}

.pot-woo-form input.input-text {
  width:100%!important;
  min-height:58px!important;
  border:1px solid #C7D2E0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--pot-text)!important;
  padding:14px 18px!important;
  font-size:16px!important;
  box-shadow:none!important;
  outline:none!important;
}

.pot-woo-form input.input-text:focus {
  border-color:var(--pot-navy)!important;
}

.pot-woo-form button.button {
  width:100%!important;
  min-height:58px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--pot-navy)!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
  padding:14px 24px!important;
  box-shadow:none!important;
  transition:.2s ease;
}

.pot-woo-form button.button:hover {
  background:var(--pot-navy-dark)!important;
  color:#fff!important;
}

.pot-woo-form .clear {
  display:none!important;
}

.pot-notice {
  width:min(900px,calc(100% - 32px));
  margin:20px auto;
  padding:16px;
  border-radius:12px;
  background:#fff3f2;
  color:#8a1c18;
  border:1px solid #ffd4d1;
}

@media (max-width:767px) {
  .pot-track-wrap {
    padding:0 12px;
  }

  .pot-track-card {
    padding:30px 22px;
    border-radius:22px;
  }

  .pot-truck-icon {
    width:54px;
    height:54px;
  }

  .pot-track-card h2 {
    margin-top:22px;
  }

  .pot-subtitle {
    font-size:15px;
  }

  .pot-woo-form input.input-text,
  .pot-woo-form button.button {
    min-height:54px!important;
  }
}

@media (max-width:480px) {
  .pot-track-card {
    padding:24px 18px;
  }

  .pot-track-card h2 {
    font-size:26px;
  }
}