.sf-trk{max-width:calc(960px + 2 * var(--sf-gutter));padding:48px var(--sf-gutter) 0;flex-direction:column;gap:32px;margin-inline:auto;display:flex}.sf-trk-form{border:1px solid var(--sf-line);border-radius:var(--sf-radius);flex-direction:column;gap:18px;padding:36px;display:flex}.sf-trk-form__lead{font:400 17px/1.5 var(--sf-font)}.sf-trk-form__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.sf-trk-form__grid>.sf-btn{margin-top:26px;padding:0 32px}.sf-trk-result{flex-direction:column;gap:20px;display:flex}.sf-trk-result__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sf-trk-result__head h2{font:500 28px/1.2 var(--sf-font);overflow-wrap:anywhere}.sf-trk-result__head h2 .sf-mono{font-size:.82em}.sf-trk-result__ship{font:400 15px/1.4 var(--sf-font);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;display:flex}.sf-trk-result__ship .sf-mono{color:var(--sf-text-1)}.sf-trk-result__link{align-items:center;gap:4px;min-height:32px;margin-left:4px;display:inline-flex}.sf-trk-result__link .sf-icon{font-size:16px}.sf-trk-result__head .sf-status{flex-shrink:0;height:28px}.sf-trk-timeline{border:1px solid var(--sf-line);border-radius:var(--sf-radius);padding:28px 32px 4px}.sf-trk-ev{grid-template-columns:24px minmax(0,1fr) auto;gap:20px;padding-bottom:24px;display:grid;position:relative}.sf-trk-ev:not(:last-child):before{content:"";background:var(--sf-line);width:1px;position:absolute;top:22px;bottom:2px;left:11.5px}.sf-trk-ev__dot{background:var(--sf-bg);border:1px solid var(--sf-text-3);border-radius:50%;width:14px;height:14px;margin:4px auto 0}.sf-trk-ev.is-current .sf-trk-ev__dot{background:var(--sf-gold-500);border-color:var(--sf-gold-500)}.sf-trk-ev__body{flex-direction:column;gap:2px;min-width:0;display:flex}.sf-trk-ev__body strong{font:500 17px/1.35 var(--sf-font);color:var(--sf-text-1)}.sf-trk-ev.is-current .sf-trk-ev__body strong{color:var(--sf-gold-500)}.sf-trk-ev__body span{font:400 14px/1.4 var(--sf-font);color:var(--sf-text-3)}.sf-trk-ev time{font:400 14px/1.4 var(--sf-font);color:var(--sf-text-3);white-space:nowrap}.sf-trk-items{background:var(--sf-surface);border-radius:var(--sf-radius);flex-direction:column;gap:12px;padding:24px 28px;display:flex}.sf-trk-items h3{font:500 18px/1.2 var(--sf-font)}.sf-trk-items li{border-bottom:1px solid var(--sf-line);font:400 15px/1.4 var(--sf-font);grid-template-columns:minmax(0,1fr) auto auto;gap:16px;padding:10px 0;display:grid}.sf-trk-items__name{color:var(--sf-text-1)}.sf-trk-items__qty{color:var(--sf-text-3);white-space:nowrap}.sf-trk-items__line{color:var(--sf-text-1);white-space:nowrap;font-weight:600}.sf-trk-items__total{justify-content:space-between;align-items:baseline;padding-top:4px;display:flex}.sf-trk-items__total span{font:500 17px/1 var(--sf-font);color:var(--sf-text-1)}.sf-trk-items__total strong{font:600 22px/1 var(--sf-font);color:var(--sf-gold-500)}@media (width<=767px){.sf-trk{gap:24px;padding-top:28px}.sf-trk-form{padding:20px 16px}.sf-trk-form__lead{font-size:15px}.sf-trk-form__grid{grid-template-columns:minmax(0,1fr)}.sf-trk-form__grid>.sf-btn{width:100%;margin-top:4px}.sf-trk-result__head{flex-direction:column}.sf-trk-result__head h2{font-size:22px}.sf-trk-timeline{padding:20px 16px 0}.sf-trk-ev{grid-template-columns:16px minmax(0,1fr);gap:4px 12px;padding-bottom:20px}.sf-trk-ev:not(:last-child):before{left:7.5px}.sf-trk-ev__dot{width:12px;height:12px}.sf-trk-ev time{grid-column:2;font-size:13px}.sf-trk-items{padding:20px 16px}.sf-trk-items li{grid-template-columns:minmax(0,1fr) auto}.sf-trk-items__qty{grid-area:2/1;font-size:13px}.sf-trk-items__line{grid-row:1/span 2;align-self:center}}