.tracking-page {
    margin: 0;
    color: #333;
    background: #fff;
    font-family: Poppins-Regular, sans-serif;
}

.tracking-page a { transition: color .25s ease, border-color .25s ease, background .25s ease; }
.store-payment-method { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 28px; margin: 2px; padding: 3px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px; background: #fff; }
.store-payment-method img { display: block; width: 100%; height: 100%; object-fit: contain; }
.store-payment-method-fallback { color: #333; font-size: 10px; font-weight: 600; line-height: 1; text-align: center; }

.tracking-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}
.tracking-content { min-height: 540px; }
.tracking-content > .container > .row { align-items: flex-start; }
.store-checkout-panel { padding: 30px; border: 1px solid #e6e6e6; background: #fff; }
.tracking-card,
.tracking-help { margin-top: 0; }
.tracking-card-heading { margin-bottom: 28px; }
.tracking-card h2,
.tracking-help h2,
.tracking-result h2 { margin: 0 0 8px; }
.tracking-card-heading p,
.tracking-help p { margin: 0; line-height: 1.7; }
.tracking-card .form-group { margin-bottom: 22px; }
.tracking-card label { display: block; margin-bottom: 9px; color: #444; font-family: Poppins-Medium, sans-serif; font-size: 13px; }
.tracking-card .form-control {
    height: 52px;
    padding: 0 17px;
    color: #333;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
}
.tracking-card .form-control:focus { border-color: #717fe0; box-shadow: none; }
.tracking-submit {
    gap: 10px;
}
.tracking-submit:disabled { opacity: .65; cursor: wait; }
.tracking-privacy { display: flex; align-items: flex-start; gap: 8px; margin: 22px 0 0; color: #999; font-size: 11px; line-height: 1.6; }
.tracking-privacy i { margin-top: 2px; color: #717fe0; font-size: 15px; }
.tracking-help h2 { margin-bottom: 12px; }
.tracking-help p { margin-bottom: 24px; }
.tracking-help a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    color: #555;
    border-top: 1px solid #eee;
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px;
}
.tracking-help a:hover { color: #717fe0; }

.size-guide-table th,
.size-guide-table td { vertical-align: middle; }

.tracking-feedback { margin: 0 0 50px; padding: 22px 26px; color: #6a5518; border: 1px solid #f2e1a5; background: #fffaf0; font-size: 13px; line-height: 1.7; }
.tracking-feedback.is-error { color: #8c3434; border-color: #f0c4c4; background: #fff6f6; }
.tracking-result { margin-bottom: 50px; padding: 38px 42px; background: #fff; }
.tracking-result.is-cancelled { border-color: #f0c4c4; }
.tracking-result-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; padding-bottom: 30px; border-bottom: 1px solid #eee; }
.tracking-result-header .tracking-eyebrow { color: #717fe0; }
.tracking-result-date { text-align: right; }
.tracking-result-date span { display: block; margin-bottom: 4px; color: #999; font-size: 11px; text-transform: uppercase; }
.tracking-result-date strong { color: #444; font-size: 13px; }
.tracking-timeline { display: grid; grid-template-columns: repeat(5, 1fr); margin: 42px 0 24px; padding: 0; list-style: none; }
.tracking-timeline li { position: relative; padding: 0 12px; text-align: center; }
.tracking-timeline li::before {
    position: absolute;
    top: 17px;
    right: 50%;
    width: 100%;
    height: 2px;
    background: #e7e7e7;
    content: "";
}
.tracking-timeline li:first-child::before { display: none; }
.tracking-step-marker {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 14px;
    color: #aaa;
    border: 2px solid #ddd;
    border-radius: 50%;
    background: #fff;
}
.tracking-timeline li.is-complete::before,
.tracking-timeline li.is-current::before { background: #717fe0; }
.tracking-timeline li.is-complete .tracking-step-marker {
    color: #fff;
    border-color: #717fe0;
    background: #717fe0;
}
.tracking-timeline li.is-current .tracking-step-marker {
    color: #717fe0;
    border-color: #717fe0;
    box-shadow: 0 0 0 6px rgba(113,127,224,.12);
}
.tracking-timeline li strong { display: block; color: #444; font-size: 12px; line-height: 1.5; }
.tracking-timeline li span:last-child { display: block; margin-top: 5px; color: #999; font-size: 10px; line-height: 1.5; }
.tracking-code {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 35px;
    padding: 18px 22px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #f7f7f7;
}
.tracking-code > span { color: #888; font-size: 11px; text-transform: uppercase; }
.tracking-code > strong { color: #333; font-size: 14px; letter-spacing: .5px; }
.tracking-code button { margin-left: auto; color: #717fe0; border: 0; background: transparent; font-family: Poppins-Medium, sans-serif; font-size: 12px; cursor: pointer; }

.returns-request[hidden],
.returns-success[hidden],
.returns-status-result[hidden] { display: none !important; }
.returns-items { border-top: 1px solid #e6e6e6; }
.returns-item { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0; border-bottom: 1px solid #e6e6e6; }
.returns-item-choice { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 !important; cursor: pointer; }
.returns-item-choice input { width: 18px; height: 18px; margin-top: 2px; accent-color: #717fe0; }
.returns-item-choice strong { display: block; color: #333; font-size: 13px; }
.returns-item-choice small { display: block; padding-top: 4px; color: #888; font-size: 11px; }
.returns-item-quantity { flex: 0 0 105px; }
.returns-item-quantity label { display: block; margin-bottom: 5px; color: #777; font-size: 10px; }
.returns-item-quantity select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #e6e6e6; background: #fff; }
.returns-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.returns-form-grid label { display: block; margin-bottom: 9px; color: #444; font-family: Poppins-Medium, sans-serif; font-size: 13px; }
.returns-form-grid .form-control { min-height: 48px; border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: none; }
.returns-form-grid textarea.form-control { padding: 13px 15px; resize: vertical; }
.returns-field-wide { grid-column: 1 / -1; }
.returns-change-order { border: 0; background: transparent; cursor: pointer; }
.returns-status-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 240px; align-items: end; gap: 20px; }
.returns-status-form label { display: block; margin-bottom: 9px; color: #444; font-family: Poppins-Medium, sans-serif; font-size: 13px; }
.returns-status-form .form-control { height: 48px; border: 1px solid #e6e6e6; border-radius: 2px; box-shadow: none; }
.returns-status-items { display: grid; gap: 10px; }
.returns-status-item { padding: 13px 15px; border: 1px solid #e6e6e6; background: #f7f7f7; }
.returns-status-item strong { display: block; color: #333; font-size: 12px; }
.returns-status-item small { color: #888; font-size: 11px; }

@media (max-width: 767px) {
    .tracking-card,
    .tracking-result { padding: 28px 22px; }
    .tracking-result-header { display: block; }
    .tracking-result-date { margin-top: 15px; text-align: left; }
    .tracking-timeline { grid-template-columns: 1fr; gap: 0; margin-top: 28px; }
    .tracking-timeline li { display: grid; grid-template-columns: 44px 1fr; min-height: 78px; padding: 0; text-align: left; }
    .tracking-timeline li::before { top: -42px; left: 17px; width: 2px; height: 60px; }
    .tracking-timeline li > div { padding-left: 7px; }
    .tracking-code { align-items: flex-start; flex-direction: column; gap: 6px; }
    .tracking-code button { margin: 7px 0 0; }
    .tracking-footer-inner { align-items: flex-start; flex-direction: column; gap: 28px; }
    .tracking-footer nav { flex-wrap: wrap; gap: 14px 24px; }
    .returns-form-grid { grid-template-columns: 1fr; }
    .returns-field-wide { grid-column: auto; }
    .returns-item { align-items: flex-start; flex-direction: column; gap: 12px; }
    .returns-item-quantity { width: 120px; flex-basis: auto; }
    .returns-status-form { grid-template-columns: 1fr; }
}