main{padding-bottom:80px}.breadcrumb{font-size:13px;color:var(--muted);padding:20px 0 14px;display:flex;align-items:center;flex-wrap:wrap}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color 0.2s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{margin:0 8px;color:#adb3b8}.track-hero{text-align:center;padding:32px 0 28px;position:relative}.track-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--primary-dark);font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:var(--primary-soft);padding:6px 16px;border-radius:20px;margin-bottom:14px}.track-hero h1{font-size:38px;line-height:1.22;margin:0 0 12px;letter-spacing:-.9px;color:var(--text);font-weight:800}.track-hero p{max-width:620px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.6}.track-search-card{max-width:680px;margin:28px auto 0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow)}.track-search-label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;text-align:left}.track-search-form{display:flex;gap:10px;align-items:stretch}.track-input-wrap{position:relative;flex:1;display:flex;align-items:center;border:1.5px solid var(--border);border-radius:12px;background:#fff;transition:border-color 0.2s,box-shadow 0.2s;padding:0 14px}.track-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgb(255 152 0 / .16)}.track-input-icon{display:flex;align-items:center;color:var(--muted);margin-right:10px;flex-shrink:0}.track-input{width:100%;border:none;outline:none;font-size:15px;color:var(--text);background:#fff0;padding:13px 0;font-family:inherit;font-weight:600}.track-input::placeholder{color:#9ea5ab;font-weight:400;font-size:14px}.track-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:0 24px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 4px 14px rgb(255 152 0 / .3)}.track-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgb(255 152 0 / .4)}.track-submit-btn:active{transform:translateY(0)}.track-samples-wrap{margin-top:16px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px}.track-samples-label{color:var(--muted);font-weight:600}.track-sample-chip{background:#f5f6f8;border:1px solid var(--border);border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;transition:all 0.2s ease}.track-sample-chip:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.track-sample-chip.active{background:var(--text);color:#fff;border-color:var(--text)}.track-result-section{max-width:960px;margin:36px auto 0}.track-result-header-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow);margin-bottom:20px;position:relative;overflow:hidden}.track-result-header-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#16845f,#25d366,var(--primary))}.track-order-meta-grid{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid #f0f2f5}.track-meta-title-col h2{font-size:24px;font-weight:800;margin:0 0 4px;color:var(--text);letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.track-meta-title-col p{margin:0;font-size:13px;color:var(--muted)}.track-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.track-status-pill.in-transit{background:#e6f7ff;color:#0070ba;border:1px solid #b5e4ff}.track-status-pill.out-for-delivery{background:#eafaf1;color:#16845f;border:1px solid #bfe8d1}.track-status-pill.delivered{background:#e8f8ee;color:#137333;border:1px solid #a8e8bc}.track-status-pill.processing{background:#fff8e6;color:#d97706;border:1px solid #fde68a}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;position:relative}.status-pulse-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:currentColor;opacity:.4;animation:statusPulse 1.8s infinite}@keyframes statusPulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(2.2);opacity:0}100%{transform:scale(1);opacity:0}}.track-secondary-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px}.track-sec-col{display:flex;flex-direction:column;gap:3px}.track-sec-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}.track-sec-val{font-size:14.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.track-awb-copy-btn{background:none;border:none;cursor:pointer;color:var(--primary-dark);padding:2px 4px;border-radius:4px;display:inline-flex;align-items:center;transition:background 0.2s}.track-awb-copy-btn:hover{background:var(--primary-soft)}.track-stepper-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px 28px;box-shadow:var(--shadow);margin-bottom:20px}.track-stepper{display:flex;align-items:flex-start;justify-content:space-between;position:relative;max-width:860px;margin:0 auto}.track-stepper::before{content:'';position:absolute;top:20px;left:40px;right:40px;height:4px;background:#e5e8eb;z-index:1}.track-stepper-progress{position:absolute;top:20px;left:40px;height:4px;background:#16845f;z-index:2;transition:width 0.4s ease}.track-step-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;width:140px}.track-step-circle{width:42px;height:42px;border-radius:50%;background:#fff;border:3px solid #d5d9de;display:flex;align-items:center;justify-content:center;color:#9ea5ab;font-weight:700;font-size:14px;margin-bottom:12px;transition:all 0.3s ease;box-shadow:0 0 0 4px #fff}.track-step-node.completed .track-step-circle{background:#16845f;border-color:#16845f;color:#fff}.track-step-node.active .track-step-circle{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px rgb(255 152 0 / .25);animation:activePulse 2s infinite}@keyframes activePulse{0%{box-shadow:0 0 0 4px rgb(255 152 0 / .3)}50%{box-shadow:0 0 0 8px rgb(255 152 0 / .1)}100%{box-shadow:0 0 0 4px rgb(255 152 0 / .3)}}.track-step-title{font-size:13.5px;font-weight:700;color:var(--muted);margin-bottom:3px;line-height:1.3}.track-step-node.completed .track-step-title,.track-step-node.active .track-step-title{color:var(--text)}.track-step-time{font-size:11.5px;color:var(--muted);white-space:nowrap}.track-details-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.track-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--shadow)}.track-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f0f2f5}.track-card-header h3{font-size:17px;font-weight:800;margin:0;color:var(--text);display:flex;align-items:center;gap:8px}.track-live-badge{font-size:11px;font-weight:700;color:#16845f;background:#eafaf1;padding:3px 9px;border-radius:12px}.track-timeline-list{position:relative;padding-left:24px;margin:0;list-style:none}.track-timeline-list::before{content:'';position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#e5e8eb}.track-timeline-item{position:relative;padding-bottom:22px}.track-timeline-item:last-child{padding-bottom:0}.track-timeline-dot{position:absolute;left:-24px;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #b0b7be;z-index:2}.track-timeline-item.latest .track-timeline-dot{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 4px rgb(255 152 0 / .2)}.track-timeline-content{display:flex;flex-direction:column;gap:3px}.track-timeline-status{font-size:14px;font-weight:700;color:var(--text)}.track-timeline-item.latest .track-timeline-status{color:var(--primary-dark)}.track-timeline-desc{font-size:13px;color:#555b62;line-height:1.45}.track-timeline-meta{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-top:2px}.track-info-group{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #f2f4f6}.track-info-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.track-group-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:8px}.track-recipient-name{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:3px}.track-recipient-address{font-size:13px;color:#555b62;line-height:1.45;margin-bottom:4px}.track-recipient-phone{font-size:12.5px;color:var(--muted)}.track-item-row{display:flex;align-items:center;gap:12px;padding:8px 0}.track-item-img{width:48px;height:48px;border-radius:8px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;border:1px solid var(--border)}.track-item-info{flex:1}.track-item-title{font-size:13.5px;font-weight:700;color:var(--text);line-height:1.3}.track-item-variant{font-size:12px;color:var(--muted)}.track-item-price{font-size:13.5px;font-weight:700;color:var(--text);text-align:right;white-space:nowrap}.track-item-qty{font-size:11.5px;color:var(--muted);display:block}.track-payment-box{background:#f8fafc;border:1px solid #e7ebf0;border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.track-pay-method{font-size:13px;color:var(--text);font-weight:600}.track-pay-amount{font-size:15px;font-weight:800;color:#16845f}.track-help-banner{max-width:960px;margin:24px auto 0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 4px 16px rgb(20 25 30 / .04)}.track-help-text h4{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--text)}.track-help-text p{margin:0;font-size:13px;color:var(--muted)}.track-help-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.track-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:all 0.2s;border:1px solid #fff0}.track-action-btn.whatsapp{background:#e8f8ee;color:#128c7e;border-color:#b9e9cb}.track-action-btn.whatsapp:hover{background:#25d366;color:#fff}.track-action-btn.call{background:var(--primary-soft);color:var(--primary-dark);border-color:#ffd899}.track-action-btn.call:hover{background:var(--primary);color:#fff}.track-action-btn.support{background:#f5f6f8;color:var(--text);border-color:var(--border)}.track-action-btn.support:hover{background:#e9ecef}.track-faq-section{max-width:960px;margin:40px auto 0}.track-faq-title{font-size:20px;font-weight:800;margin:0 0 16px;color:var(--text);text-align:center}.track-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.track-faq-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px rgb(20 25 30 / .03)}.track-faq-card h4{font-size:14.5px;font-weight:700;margin:0 0 8px;color:var(--text);line-height:1.35}.track-faq-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}@media (max-width:900px){.track-hero h1{font-size:32px}.track-details-grid{grid-template-columns:1fr}.track-faq-grid{grid-template-columns:1fr}.track-secondary-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.track-hero{padding:24px 0 18px}.track-hero h1{font-size:26px}.track-hero p{font-size:14px}.track-search-card{padding:18px 16px}.track-search-form{flex-direction:column}.track-submit-btn{padding:13px;width:100%}.track-result-header-card{padding:20px 16px}.track-order-meta-grid{flex-direction:column;align-items:flex-start}.track-secondary-meta{grid-template-columns:1fr 1fr;gap:12px}.track-stepper-card{padding:20px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.track-stepper{min-width:580px;padding-bottom:6px}.track-card{padding:18px 16px}.track-help-banner{padding:18px 16px;flex-direction:column;align-items:flex-start}.track-help-actions{width:100%;display:grid;grid-template-columns:1fr}.track-action-btn{justify-content:center}}