.order-tracker-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 0;min-width:fit-content}.order-tracker-container{max-width:1200px;margin:20px auto;padding:0 20px}.tracking-input-wrapper{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.tracking-input-wrapper input{width:360px;padding:10px 12px;border-radius:8px;border:1px solid #d0d5dd}.tracking-input-wrapper button{background:#3189c9;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}.tracking-results-label{text-align:center;margin-bottom:12px;color:#6b7280}.results-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.06);margin-top:20px}.order-details-title{text-align:center;color:#3189c9;font-size:1.35rem;font-weight:700;margin:6px 0 14px}.results-grid{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.order-summary{min-width:260px;max-width:320px;flex:1 1 300px;background:#f9fafb;border-radius:12px;padding:14px;box-shadow:0 6px 16px rgba(0,0,0,.04)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px}.summary-value{text-align:left}.stops-area{flex:2 1 600px;min-width:360px;background:#f9fafb;border-radius:12px;padding:12px;box-shadow:0 6px 16px rgba(0,0,0,.04)}.stops-table-header{display:grid;grid-template-columns:48px 1fr 1fr 2fr 1.4fr;gap:12px;align-items:center;padding:6px 8px;margin-bottom:6px}.header-col{color:#6b7280;font-weight:700;font-size:.85rem;text-transform:uppercase;margin-left:10px}.stops-list{display:flex;flex-direction:column;gap:12px}.stop-row{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:12px;padding:8px;background:#fff;border-radius:10px;border:1px solid #e6eef6;box-shadow:0 6px 12px rgba(0,0,0,.03)}.node-column{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:6px}.node{width:18px;height:18px;background:#3189c9;display:inline-block;box-shadow:0 0 0 6px #fff}.node-main{border-radius:4px;width:18px;height:14px;transform:translateY(2px)}.node-checkpoint{border-radius:50%;width:12px;height:12px;background:#3189c9;margin-top:3px}.node-line{width:2px;background:linear-gradient(#3189c9,#3189c9);flex:1;margin-top:6px;border-radius:2px;opacity:.12;min-height:40px}.node-line-last{min-height:0;height:20px;opacity:0}.cols{display:grid;grid-template-columns:1fr 1fr 2fr 1.2fr;gap:12px;align-items:center}.col{font-size:.95rem;color:#111827;padding:6px 8px}.date-col{color:#6b7280;font-weight:700}.status-col{color:#111827;font-weight:700}.note-col{color:#374151}.location-col{color:#111827;font-weight:600}.note-col{word-wrap:break-word;overflow-wrap:anywhere;max-width:100%;line-height:1.3}.main-note{display:flex;gap:14px;margin-top:14px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e6eef6;align-items:flex-start}.main-note-label{color:#3189c9;font-weight:800;min-width:90px}.main-note-text{color:red;font-weight:400;font-size:medium}@media (max-width:980px){.results-grid{flex-direction:column}.order-summary,.stops-area{width:100%}.stop-row{grid-template-columns:48px 1fr}.cols{grid-template-columns:1fr 1fr 1.8fr 1fr}}@media (max-width:600px){.tracking-input-wrapper input{width:200px}.cols{grid-template-columns:1fr 1fr 1fr 1fr}.note-col{font-size:.9rem}}.order-summary-card{background:#f9fafb;border-radius:12px;padding:18px 16px;box-shadow:0 6px 16px rgba(0,0,0,.05);flex:1 1 300px;min-width:260px;gap:12px}.order-summary-card,.summary-item{display:flex;flex-direction:column}.summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;box-shadow:0 4px 8px rgba(0,0,0,.03)}.summary-label{font-size:.8rem;color:#6b7280;text-transform:uppercase;font-weight:700;margin-bottom:3px}.summary-value{color:#111827;font-size:.95rem;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseNode{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(49,137,201,.4)}70%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(49,137,201,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(49,137,201,0)}}.main-note,.order-summary,.results-card,.stop-row,.stops-area{opacity:0;animation:fadeUp .6s ease-out forwards}.results-card{animation-delay:.1s}.order-summary{animation-delay:.2s}.stops-area{animation-delay:.3s}.stop-row{animation-delay:.4s}.main-note{animation-delay:.5s}.node,.node-checkpoint,.node-main{animation:pulseNode 2.8s ease-in-out infinite}.stop-row:first-child{animation-delay:.1s}.stop-row:nth-child(2){animation-delay:.2s}.stop-row:nth-child(3){animation-delay:.3s}.stop-row:nth-child(4){animation-delay:.4s}.stop-row:nth-child(5){animation-delay:.5s}.stop-row:nth-child(6){animation-delay:.6s}@media (max-width:1024px){.results-grid{flex-direction:column;gap:24px}.order-summary,.stops-area{width:100%;max-width:100%}.order-summary{padding:16px 12px}.stops-table-header{grid-template-columns:40px 1fr 1fr 1.5fr 1.2fr;gap:8px;font-size:.8rem}.node{width:14px;height:14px}.node-main{width:14px;height:10px}.node-line{min-height:32px}.cols{grid-template-columns:1fr 1fr 1.6fr 1fr;gap:8px}.col{font-size:.9rem}}@media (max-width:768px){.stop-row{grid-template-columns:32px 1fr;gap:10px;padding:10px}.cols{display:grid;grid-template-columns:1fr;gap:6px}.col{padding:4px 6px;border-left:3px solid #3189c9;background:#f8fafc;border-radius:6px}.date-col:before{content:"Date: ";font-weight:700;color:#3189c9}.status-col:before{content:"Status: ";font-weight:700;color:#3189c9}.note-col:before{content:"Note: ";font-weight:700;color:#3189c9}.location-col:before{content:"Location: ";font-weight:700;color:#3189c9}.note-col{word-break:break-word}.tracking-input-wrapper{flex-direction:column;align-items:center}.tracking-input-wrapper input{width:90%;max-width:300px}.tracking-input-wrapper button{width:90%;max-width:200px}.order-details-title{font-size:1.1rem}.main-note{flex-direction:column}.main-note-label{min-width:auto;font-size:.9rem}.main-note-text{font-size:.9rem}.order-summary-card{background:#f9fafb;border-radius:12px;padding:18px 16px;box-shadow:0 6px 16px rgba(0,0,0,.05);flex:1 1 300px;min-width:260px;display:flex;flex-direction:column;gap:12px;width:100%}}@media (max-width:480px){.results-card{padding:14px;min-width:fit-content}.order-summary,.stops-area{padding:10px}.stop-row{padding:8px}.node{width:12px;height:12px}.node-main{width:12px;height:9px}.node-line{min-height:24px}.col{font-size:.85rem}}@media (max-width:768px){.stops-table-header{display:none!important}}.order-summary,.order-tracker-container,.order-tracker-section,.results-card,.results-grid,.stops-area{max-width:100%;box-sizing:border-box}@media (max-width:768px){.order-tracker-section,.results-card{min-width:100%!important}.order-summary,.stops-area{min-width:auto!important}}.date-col,.location-col,.note-col,.status-col{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}