/* Distinct Logistics theme: Orange/Amber */
body.logistics-page{
  --primary:#f97316;
  --primary-dark:#c2410c;
  --primary-light:#fb923c;
  --dark:#0f172a;
}

/* HERO */
.logx-hero{
  position:relative;
  padding:130px 0 90px;
  color:#fff;
  overflow:hidden;
}
.logx-hero__bg{
  position:absolute; inset:0;
  background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=1920&h=1080&fit=crop');
  background-size:cover; background-position:center;
}
.logx-hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(249,115,22,.42));
}
.logx-hero__grid{
  position:relative; z-index:2;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:40px;
  align-items:start;
}
.logx-hero__content{ max-width:720px; }
.logx-hero__content h1{ color:#fff; font-size:2.7rem; margin:16px 0 18px; }
.logx-hero__content p{ color:rgba(255,255,255,.85); font-size:1.05rem; margin-bottom:26px; max-width:620px; }
.logx-hero__actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:26px; }

.logx-stats{ display:flex; gap:28px; flex-wrap:wrap; margin-top:8px; }
.logx-stat h3{ font-family:'DM Serif Display', serif; font-size:2rem; color:#fff; }
.logx-stat p{ font-size:.78rem; color:rgba(255,255,255,.7); font-weight:800; letter-spacing:.5px; text-transform:uppercase; }

.logx-hero__card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  border-radius:var(--radius);
  padding:26px;
  box-shadow:var(--shadow-lg);
}
.logx-hero__card h3{ color:#fff; margin-bottom:8px; }
.muted{ color:rgba(255,255,255,.75); font-size:.9rem; margin-bottom:14px; }

.logx-track-form{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.logx-track-form input{
  width:100%;
  padding:12px 14px;
  border-radius:12px;
  border:1.5px solid rgba(255,255,255,.25);
  background:rgba(15,23,42,.35);
  color:#fff;
}
.logx-track-form input::placeholder{ color:rgba(255,255,255,.7); }
.btn-full{ width:100%; justify-content:center; }

.logx-mini-result{
  margin-top:14px;
  background:rgba(15,23,42,.45);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  padding:14px;
  color:#fff;
  display:none;
}
.logx-card-links{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.logx-card-links a{
  color:rgba(255,255,255,.85);
  font-weight:700;
  font-size:.88rem;
  display:flex;
  align-items:center;
  gap:10px;
}
.logx-card-links a i{ color:var(--primary-light); }

/* CAPABILITIES */
.cap-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:stretch;
}
.cap-menu{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}
.cap-item{
  width:100%;
  text-align:left;
  display:flex;
  gap:12px;
  align-items:center;
  padding:18px 18px;
  border-bottom:1px solid var(--border);
  font-weight:800;
  color:var(--ink);
  transition:var(--transition);
}
.cap-item i{
  width:38px; height:38px;
  border-radius:12px;
  background:rgba(249,115,22,.12);
  color:var(--primary-dark);
  display:flex; align-items:center; justify-content:center;
}
.cap-item:hover{ background:var(--bg-light); }
.cap-item.active{
  background:linear-gradient(135deg, rgba(249,115,22,.10), rgba(251,146,60,.10));
  border-left:4px solid var(--primary);
}
.cap-stage{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-md);
  display:grid;
  grid-template-rows:220px 1fr;
}
.cap-media{
  background-size:cover;
  background-position:center;
}
.cap-content{ padding:24px; }
.cap-tag{
  display:inline-block;
  background:rgba(249,115,22,.12);
  color:var(--primary-dark);
  font-weight:900;
  font-size:.72rem;
  letter-spacing:1px;
  padding:6px 12px;
  border-radius:999px;
  margin-bottom:10px;
}
.cap-content h3{ margin-bottom:10px; }
.cap-lists{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.cap-lists h4{
  font-size:.85rem;
  letter-spacing:.6px;
  text-transform:uppercase;
  color:var(--primary-dark);
  margin-bottom:10px;
}
.cap-lists ul li{
  display:flex; gap:10px;
  margin-bottom:10px;
  color:var(--ink);
  font-size:.92rem;
}
.cap-lists ul li::before{
  content:'\f00c';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  color:var(--primary);
  margin-top:2px;
  font-size:.78rem;
}
.cap-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }

/* TRACKING */
.track-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:start;
}
.track-panel{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow-sm);
}
.track-message{ margin-top:10px; font-weight:700; color:var(--primary-dark); }
.track-help{
  margin-top:18px;
  display:flex;
  gap:12px;
  padding:14px;
  border-radius:12px;
  background:var(--bg-light);
  border:1px solid var(--border);
  color:var(--muted);
}
.track-help i{ color:var(--primary); margin-top:2px; }

.track-result{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow-sm);
  min-height:260px;
}
.track-empty{
  text-align:center;
  color:var(--muted);
  padding:40px 10px;
}
.track-empty i{ font-size:2.2rem; color:var(--border); margin-bottom:10px; }

.track-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.track-status{
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-weight:900;
  color:var(--ink);
}
.track-pill{
  display:inline-block;
  background:rgba(249,115,22,.12);
  color:var(--primary-dark);
  padding:6px 12px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
}

.progress{
  height:10px;
  border-radius:999px;
  background:var(--bg-light);
  border:1px solid var(--border);
  overflow:hidden;
  margin:14px 0 18px;
}
.progress > div{
  height:100%;
  width:0%;
  background:linear-gradient(135deg, var(--primary), var(--primary-light));
  border-radius:999px;
  transition:width .6s ease;
}

.track-meta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  color:var(--muted);
  font-weight:700;
  font-size:.86rem;
  margin-bottom:14px;
}
.track-meta i{ color:var(--primary); margin-right:6px; }

.timeline{
  margin-top:10px;
  border-top:1px solid var(--border);
  padding-top:14px;
}
.t-item{
  display:flex;
  gap:12px;
  padding:10px 0;
}
.t-dot{
  width:14px; height:14px;
  border-radius:50%;
  margin-top:4px;
  background:var(--border);
}
.t-item.done .t-dot{ background:var(--primary); }
.t-body h4{ font-size:.92rem; margin-bottom:2px; }
.t-body p{ font-size:.86rem; color:var(--muted); }

/* REQUEST SUPPORT */
.request-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:24px;
  align-items:start;
}
.request-info{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:26px;
  box-shadow:var(--shadow-sm);
}
.request-bullets{
  margin-top:14px;
  display:grid;
  gap:12px;
  color:var(--ink);
  font-weight:700;
}
.request-bullets i{ color:var(--primary); margin-right:10px; }

.request-note{
  margin-top:18px;
  display:flex;
  gap:12px;
  padding:14px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(249,115,22,.10), rgba(251,146,60,.10));
  border:1px solid rgba(249,115,22,.18);
  color:var(--muted);
}
.request-note i{ color:var(--primary-dark); margin-top:2px; }

.request-form-wrap{ position:relative; }
.request-form{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:26px;
  box-shadow:var(--shadow-md);
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
@media (max-width:680px){ .form-row{ grid-template-columns:1fr; } }

.form-group{ margin-bottom:16px; }
.form-group label{ display:block; font-weight:800; font-size:.85rem; margin-bottom:6px; color:var(--ink); }
.req{ color:#e53935; }

.form-group input, .form-group select, .form-group textarea{
  width:100%;
  padding:12px 14px;
  border:1.5px solid var(--border);
  border-radius:10px;
  background:#fafafa;
  transition:var(--transition);
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{
  outline:none;
  border-color:var(--primary);
  background:#fff;
  box-shadow:0 0 0 3px rgba(249,115,22,.14);
}
.form-group textarea{ min-height:120px; resize:vertical; }

.error-text{ display:none; color:#e53935; font-size:.78rem; margin-top:6px; font-weight:700; }
.form-group.invalid .error-text{ display:block; }
.form-group.invalid input,
.form-group.invalid select,
.form-group.invalid textarea{ border-color:#e53935; }

.form-hint{ margin-top:10px; font-size:.8rem; color:var(--muted); }

.request-success{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:34px;
  text-align:center;
  box-shadow:var(--shadow-lg);
  border-top:4px solid #10b981;
}
.request-success i{ font-size:2.8rem; color:#10b981; margin-bottom:12px; }
.btn-outline{
  background:#fff;
  border:1.5px solid var(--border);
  color:var(--ink);
}
.btn-outline:hover{ border-color:var(--primary); color:var(--primary); }

/* FAQ */
.faq{ max-width:900px; margin:0 auto; }
.faq-q{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:18px 18px;
  border-radius:14px;
  background:#fff;
  border:1px solid var(--border);
  font-weight:900;
  color:var(--ink);
  margin-bottom:12px;
  box-shadow:var(--shadow-sm);
}
.faq-q i{ color:var(--primary); transition:transform .2s ease; }
.faq-q.active i{ transform:rotate(45deg); }
.faq-a{
  display:none;
  padding:0 18px 18px;
  margin-top:-6px;
  margin-bottom:16px;
  color:var(--muted);
}
.faq-a.show{ display:block; }

/* Responsive */
@media (max-width:992px){
  .logx-hero__grid{ grid-template-columns:1fr; }
  .cap-grid{ grid-template-columns:1fr; }
  .cap-lists{ grid-template-columns:1fr; }
  .track-grid{ grid-template-columns:1fr; }
  .request-grid{ grid-template-columns:1fr; }
}
@media (max-width:768px){
  .logx-hero__content h1{ font-size:2.05rem; }
}