/* BilgisayarAVM Phase 2 — customer shipment experience */
.shipment-tracker{margin:24px 0 30px;padding:28px;border:1px solid #dce6f2;border-radius:22px;background:linear-gradient(125deg,#f8fbff 0%,#fff 63%);box-shadow:0 12px 40px rgba(13,35,69,.055);color:#152944}
.shipment-tracker-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.shipment-overline{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#3669a9;letter-spacing:.12em}
.shipment-live-dot,.shipment-list-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19a883;box-shadow:0 0 0 4px rgba(25,168,131,.11)}
.shipment-tracker h2{font-size:clamp(20px,2.2vw,27px);margin:12px 0 5px;letter-spacing:-.03em;color:#122745}
.shipment-tracker-top p{margin:0;font-size:13px;color:#718198;line-height:1.6}
.shipment-mode{white-space:nowrap;padding:8px 11px;border-radius:100px;background:#eaf7f3;color:#08765d;font-weight:800;font-size:11px}
.shipment-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:32px 0 26px;padding:0;gap:0}
.shipment-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 4px;min-width:0}
.shipment-step:before{content:"";position:absolute;left:calc(-50% + 17px);width:calc(100% - 34px);top:17px;height:3px;background:#e6edf5;z-index:0}
.shipment-step:first-child:before{display:none}
.shipment-step.is-complete:before,.shipment-step.is-current:before{background:#11ad84}
.shipment-step-symbol{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid #dfe8f2;background:#fff;color:#8ba0b8;font-size:12px;font-weight:800}
.shipment-step.is-complete .shipment-step-symbol{background:#11ad84;border-color:#11ad84;color:#fff}
.shipment-step.is-current .shipment-step-symbol{background:#173c70;border-color:#173c70;color:#fff;box-shadow:0 0 0 5px #e8f0fb}
.shipment-step-name{font-weight:750;color:#9caac0;font-size:11px;line-height:1.5}
.shipment-step.is-complete .shipment-step-name,.shipment-step.is-current .shipment-step-name{color:#193555}
.shipment-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-radius:15px;border:1px solid #e3ebf5;background:#fff;padding:18px 20px}
.shipment-meta>div{flex:1;min-width:130px;display:flex;flex-direction:column;gap:4px}
.shipment-meta small{font-size:11px;color:#8593a6;font-weight:650}
.shipment-meta strong{font-size:12px;overflow-wrap:anywhere;color:#183353}
.shipment-track-link{color:#176cb4;font-size:12px;font-weight:800;text-decoration:none}
.shipment-events-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px}
.shipment-events-header h3{margin:0;font-size:15px;color:#142c4a}.shipment-events-header span{font-size:11px;color:#8899af}
.shipment-activity{list-style:none;padding:0;margin:0 0 8px}.shipment-activity li{display:flex;gap:15px;padding:0 0 17px;align-items:flex-start;position:relative}.shipment-activity li:not(:last-child):before{content:"";position:absolute;left:6px;top:13px;bottom:0;width:1px;background:#dce8f3}.shipment-event-mark{margin-top:5px;flex-shrink:0;width:13px;height:13px;background:#d4e7ff;border:3px solid #3d85d0;border-radius:50%}.shipment-activity li:first-child .shipment-event-mark{background:#11ad84;border-color:#11ad84}
.shipment-activity li div{display:flex;flex-direction:column;gap:3px}.shipment-activity strong{font-size:12px;color:#183450}.shipment-activity time{font-size:11px;color:#8193a9}
.shipment-footnote{margin:10px 0 0;color:#8593a6;font-size:11px;line-height:1.6}.shipment-alert{padding:12px 16px;margin:14px 0;border-radius:12px;background:#fff5ed;border:1px solid #ffdbb8;color:#8c4c19}.shipment-alert p{margin:3px 0 0;font-size:12px}
.shipment-list-status{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0;border-radius:12px;background:#f2f8fd;border:1px solid #dfeef9}.shipment-list-status>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.shipment-list-status strong{font-size:12px;color:#164366}.shipment-list-status small{font-size:11px;color:#8796a9}.shipment-list-status a{font-size:12px;font-weight:800;color:#1773b5;text-decoration:none}
@media(max-width:900px){.shipment-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.shipment-step:nth-child(4):before{display:none}}
@media(max-width:520px){.shipment-tracker{padding:19px 15px;border-radius:17px}.shipment-tracker-top{flex-wrap:wrap}.shipment-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin:25px 0}.shipment-step-name{font-size:10px}.shipment-meta{padding:13px}.shipment-list-status{flex-wrap:wrap}.shipment-mode{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shipment-tracker *{scroll-behavior:auto!important;animation:none!important}}