/* Curl & Crop dedicated customer tracking page */
.track-page{
  padding-top:clamp(44px,7vw,82px);
  padding-bottom:clamp(64px,8vw,100px);
}
.track-shell{max-width:820px}
.track-page .section__head{margin-bottom:28px}
.track-page .section__head h1{
  color:#482e39;
  font-size:clamp(2.4rem,6vw,4.5rem);
  line-height:1.04;
  margin:8px 0 14px;
}
.track-card,.track-result-card{
  background:#fffaf8;
  border:1px solid #ead8da;
  border-radius:20px;
  padding:clamp(20px,4vw,32px);
  box-shadow:0 12px 34px rgba(83,48,62,.07);
}
.track-card h2,.track-result-card h3{
  color:#563845;
  margin:0 0 8px;
}
.track-intro{color:#79646c;margin:0 0 24px;max-width:65ch}
.track-card .field{margin-bottom:12px}
.track-card .field input{
  min-height:54px;
  border-color:#e5cfd3;
  background:#fffdfb;
}
.track-card .field input:focus{
  outline:3px solid rgba(143,88,108,.15);
  border-color:#9b687b;
}
.track-feedback{min-height:1.2em;margin:8px 0 10px}
.track-card button{min-width:190px}
.track-card button:disabled{opacity:.65;cursor:wait}
.track-help{margin:22px 0 8px;color:#70515d}
.track-help a{color:#754657;font-weight:700}
.track-privacy{font-size:.82rem;color:#89757d;max-width:74ch}
.track-result{display:grid;gap:14px;margin-top:24px;scroll-margin-top:100px}
.track-order-number{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.5rem);margin:3px 0 14px;color:#482e39}
.track-status{
  display:inline-flex;
  align-items:center;
  border:1px solid #dec3ca;
  border-radius:999px;
  background:#f8edec;
  color:#754657;
  padding:7px 12px;
  font-size:.82rem;
  font-weight:700;
}
.track-details{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.track-detail{
  min-width:0;
  border-top:1px solid #ead8da;
  padding-top:12px;
}
.track-detail__label{display:block;color:#89757d;font-size:.78rem;margin-bottom:5px}
.track-detail__value{display:block;color:#563845;font-size:.92rem;overflow-wrap:anywhere}
.track-items{padding-left:20px;margin:12px 0 0;color:#624a53}
.track-items li+li{margin-top:8px}
.track-timeline{
  list-style:none;
  padding:0 0 0 10px;
  margin:18px 0 0 5px;
  border-left:2px solid #e8d4d9;
}
.track-timeline li{
  position:relative;
  padding:0 0 22px 18px;
}
.track-timeline li:last-child{padding-bottom:0}
.track-timeline li::before{
  content:"";
  position:absolute;
  left:-16px;
  top:5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#9b687b;
  box-shadow:0 0 0 4px #f8edec;
}
.track-timeline strong{display:block;color:#563845}
.track-timeline p{margin:5px 0;color:#70515d}
.track-timeline time{font-size:.78rem;color:#89757d}
@media(max-width:640px){
  .track-details{grid-template-columns:1fr;gap:10px}
  .track-detail{padding-top:10px}
  .track-card button{width:100%}
}