.ofcore-tracking{max-width:700px;margin:40px auto;padding:0 20px}.ofcore-tracking h2{margin:0 0 8px;font-size:28px;color:#1b1815}.ofcore-tracking-form-wrap>p{margin:0;color:#746c63;font-size:14px}.ofcore-tracking-form{display:grid;gap:16px;margin-top:20px}.ofcore-tracking-field label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:#555}.ofcore-tracking-field input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.ofcore-tracking-submit{background:#1b1815;color:#fff;border:none;padding:14px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background 0.15s}.ofcore-tracking-submit:hover{background:#ae895c}.ofcore-tracking-submit:disabled{opacity:.6;cursor:wait}.ofcore-tracking-result{margin-top:30px}.ofcore-tracking-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #eee;flex-wrap:wrap}.ofcore-tracking-header strong{font-size:18px;color:#1b1815}.ofcore-tracking-status-badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;background:#e9f0eb;color:#52705c}.ofcore-timeline{display:flex;justify-content:space-between;margin:40px 0;position:relative}.ofcore-timeline::before{content:"";position:absolute;top:12px;left:5%;right:5%;height:2px;background:#eee;z-index:0}.ofcore-timeline-step{position:relative;z-index:1;text-align:center;flex:1}.ofcore-timeline-dot{width:26px;height:26px;border-radius:50%;background:#eee;border:3px solid #fff;margin:0 auto 8px;transition:background 0.2s,box-shadow 0.2s;box-sizing:border-box}.ofcore-timeline-step.is-done .ofcore-timeline-dot{background:#647e6b}.ofcore-timeline-step.is-current .ofcore-timeline-dot{background:#ae895c;box-shadow:0 0 0 4px rgb(174 137 92 / .2)}.ofcore-timeline-label{font-size:12px;font-weight:600;color:#1b1815}.ofcore-timeline-date{font-size:11px;color:#999;margin-top:2px}.ofcore-tracking-cargo{background:#f9f6f1;padding:20px;border-radius:8px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ofcore-tracking-cargo p{margin:0;font-size:13px;color:#1b1815}.ofcore-tracking-cargo-btn{background:#1b1815;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-size:13px;font-weight:600;display:inline-block}.ofcore-tracking-cargo-btn:hover{background:#ae895c;color:#fff}.ofcore-tracking-items{margin:20px 0}.ofcore-tracking-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.ofcore-tracking-item img{width:50px;height:62px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#f5f5f5}.ofcore-tracking-item-info{flex:1;min-width:0}.ofcore-tracking-item-info strong{display:block;font-size:14px;color:#1b1815}.ofcore-tracking-item-info span{font-size:12px;color:#999}.ofcore-tracking-total{display:flex;justify-content:space-between;padding-top:16px;font-weight:700;font-size:15px;color:#1b1815}.ofcore-tracking-address{margin-top:16px;font-size:13px;color:#746c63}.ofcore-tracking-error{background:#fff5f3;color:#9a5d55;padding:14px;border-radius:4px;border-left:3px solid #9a5d55;margin-top:16px;font-size:14px}.ofcore-tracking-back{margin-top:24px;background:none;border:1px solid #ddd;padding:10px 16px;border-radius:4px;cursor:pointer;font-size:13px}@media (max-width:600px){.ofcore-timeline{flex-wrap:wrap;gap:16px}.ofcore-timeline::before{display:none}.ofcore-timeline-step{flex:0 0 45%}}