/* GIA Shipment Tracking: /track-shipment/ only. Phone first. */
.gst{--n:#0B1F3A;--n2:#13305a;--g:#C9A84C;--gd:#8a6a1f;--c:#FAF3E2;--b:#F4F7FB;--gr:#5B6470;--t:#1A1A1A;--line:#e3e7ee;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t);font-size:17px;line-height:1.6;background:#fff;display:block}
.gst *,.gst *::before,.gst *::after{box-sizing:border-box}
.gst-wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.gst a{color:var(--n)}
.gst :focus-visible{outline:3px solid var(--g);outline-offset:3px;border-radius:4px}

/* hero */
.gst-hero{background:radial-gradient(120% 90% at 85% 10%,#173865 0%,var(--n) 55%,#081628 100%);color:#fff;padding:34px 0 30px;overflow:hidden}
.gst-hero-grid{display:grid;gap:22px}
.gst-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin:0 0 10px;font-weight:600}
.gst-hero h1{font-size:clamp(30px,7.4vw,50px);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;color:#fff;font-weight:600}
.gst-welcome{position:relative;min-height:3.4em;margin:0 0 20px}
.gst-slide{margin:0;color:#dfe5ee;font-size:clamp(17px,4.2vw,20px);line-height:1.45}
.gst-slide+.gst-slide{color:var(--c);font-style:italic}
@media (prefers-reduced-motion:no-preference){
.gst-welcome .gst-slide{position:absolute;left:0;top:0;right:0;opacity:0;transform:translateY(10px);animation:gstSlide 12s ease-in-out infinite}
.gst-welcome .gst-slide+.gst-slide{animation-delay:6s}
}
@keyframes gstSlide{0%{opacity:0;transform:translateY(10px)}8%,42%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-8px)}}
.gst-form label{display:block;font-weight:600;margin:0 0 8px;color:#fff;font-size:16px}
.gst-row{display:flex;gap:10px;flex-wrap:wrap}
.gst-row input{flex:1 1 220px;min-width:0;min-height:56px;padding:12px 16px;font-size:19px;border:2px solid var(--g);border-radius:10px;background:#fff;color:var(--n);letter-spacing:.05em;font-family:inherit}
.gst-row input::placeholder{color:#8b94a1;letter-spacing:.03em}
.gst-row input:focus{outline:3px solid #fff;outline-offset:2px}
.gst-hint{margin:8px 0 0;color:#b9c4d3;font-size:15px}
.gst-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;min-width:56px;padding:0 24px;border-radius:10px;font:inherit;font-weight:700;font-size:17px;text-decoration:none;cursor:pointer;border:2px solid transparent}
.gst-btn-gold{background:var(--g);color:var(--n)!important;border-color:var(--g)}
.gst-btn-gold:hover{background:#d8b961}
.gst-btn-line{background:#fff;color:var(--n)!important;border-color:var(--n)}
.gst-row .gst-btn{flex:0 0 auto;min-width:120px}
.gst-hero-art{display:grid;justify-items:center;gap:14px}
.gst-globe{position:relative;width:min(78vw,340px);aspect-ratio:1;contain:layout paint}
.gst-poster{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(250,243,226,.22) 0,rgba(250,243,226,0) 34%),radial-gradient(circle at 50% 50%,#1b4176 0,#0f2b52 58%,#0a1d38 100%);box-shadow:0 0 0 1px rgba(201,168,76,.35),0 0 60px rgba(201,168,76,.18),inset -18px -22px 50px rgba(0,0,0,.35)}
.gst-poster::after{content:"";position:absolute;left:52%;top:26%;width:9px;height:9px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px rgba(201,168,76,.25)}
.gst-globe canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}
.gst-globe.is-live canvas{opacity:1}
.gst-globe.is-live .gst-poster{opacity:0;transition:opacity .8s ease}
.gst-clocks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.gst-clock{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border:1px solid rgba(201,168,76,.35);border-radius:999px;background:rgba(255,255,255,.05);font-size:15px;color:#dfe5ee}
.gst-clock time{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
.gst-home{border-color:var(--g)}
.gst-clock.is-hidden{display:none}

/* results */
.gst-results{padding-top:22px;outline:none}
.gst-results:empty{padding-top:0}
.gst-msg{background:var(--b);border-radius:10px;padding:16px 18px;margin:0 0 18px;font-size:17px}
.gst-status{background:#fff;border:1px solid var(--line);border-top:5px solid var(--g);border-radius:14px;padding:22px 20px;margin:0 0 16px;box-shadow:0 4px 18px rgba(11,31,58,.07)}
.gst-status .gst-kicker{color:var(--gd);margin-bottom:6px}
.gst-status h2{font-size:clamp(26px,6vw,34px);line-height:1.15;margin:0 0 8px;color:var(--n);font-weight:600}
.gst-meta{color:var(--gr);margin:0 0 4px;font-size:16px}
.gst-eta{font-weight:600;color:var(--n);margin:10px 0 2px}
.gst-next-top{margin:12px 0 0;background:var(--b);border-radius:10px;color:var(--n);font-size:16px}
.gst-next-top a{display:flex;align-items:center;min-height:48px;padding:0 14px;font-weight:600}
.gst-exc{background:var(--c);border-left:5px solid var(--g);border-radius:10px;padding:16px 18px;margin:0 0 16px}
.gst-exc p{margin:6px 0 0}
.gst-home-card{display:grid;gap:4px;background:linear-gradient(135deg,var(--c),#fff);border:1px solid #efe3c2;border-radius:14px;padding:18px 20px;margin:0 0 16px}
.gst-greet{font-size:clamp(26px,6.5vw,34px);line-height:1.2;color:var(--n);font-weight:600;margin:0}
.gst-greet-sub{margin:0;color:var(--gr);font-size:16px}
.gst-local{margin:4px 0 0;color:var(--n);font-size:17px}
.gst-local time{font-weight:700;font-variant-numeric:tabular-nums}

/* carrier view: route, facts, travel history */
.gst-strong{color:var(--n)!important;font-weight:600}
.gst-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--n);color:#fff;border-radius:14px;padding:18px 20px;margin:0 0 16px}
.gst-route strong{display:block;font-size:18px;line-height:1.3}
.gst-route-k{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin-bottom:2px}
.gst-route-arrow{font-size:26px;color:var(--g)}
.gst-route-to{text-align:right}
.gst-facts,.gst-hist{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;margin:0 0 16px}
.gst-facts h2,.gst-hist h2{font-size:21px;color:var(--n);margin:0 0 12px;font-weight:600}
.gst-facts dl{margin:0;display:grid;gap:0}
.gst-facts dl div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.gst-facts dl div:first-child{border-top:0}
.gst-facts dt{color:var(--gr);font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.gst-facts dd{margin:0;color:var(--n);font-weight:600}
.gst-hist h3{font-size:15px;color:var(--gd);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.gst-hist ul{list-style:none;margin:0;padding:0}
.gst-hist li{display:grid;grid-template-columns:56px 1fr;gap:4px 12px;padding:10px 0;border-top:1px solid var(--line)}
.gst-hist-t{color:var(--n);font-weight:700;font-variant-numeric:tabular-nums}
.gst-hist-d{color:var(--t);font-weight:600}
.gst-hist-l{grid-column:2;color:var(--gr);font-size:14px}
.gst-hist-note{color:var(--gr);font-size:13px;margin:10px 0 0}
@media (min-width:600px){.gst-hist li{grid-template-columns:70px 1fr 200px}.gst-hist-l{grid-column:auto;text-align:right}}

/* timeline: vertical, never numbered */
.gst-tl-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px 6px;margin:0 0 16px}
.gst-tl-wrap h2,.gst-gal h2{font-size:21px;color:var(--n);margin:0 0 14px;font-weight:600}
.gst-line{list-style:none;margin:0;padding:0;position:relative}
.gst-line li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:0 0 18px}
.gst-line li::before{content:"";position:absolute;left:21px;top:44px;bottom:-2px;width:2px;background:var(--line)}
.gst-line li:last-child::before{display:none}
.gst-line li.gst-done::before{background:var(--g)}
.gst-ic{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #d5dbe4;color:#9aa3ae;position:relative;z-index:1}
.gst-line h3{font-size:17px;margin:10px 0 2px;color:#7b8590;font-weight:600;line-height:1.35}
.gst-line p{margin:0;color:var(--gr);font-size:15px}
.gst-done .gst-ic{border-color:var(--g);color:var(--n);background:var(--c)}
.gst-done h3{color:var(--n)}
.gst-now .gst-ic{border-color:var(--n);background:var(--n);color:#fff;box-shadow:0 0 0 6px rgba(201,168,76,.3)}
.gst-now h3{color:var(--n);font-size:18px}
.gst-now .gst-next{margin-top:6px;color:var(--n);background:var(--b);border-radius:8px;padding:8px 12px;font-size:15px}
.gst-note{color:var(--t)!important}

/* gallery */
.gst-gal{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;margin:0 0 16px}
.gst-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gst-grid a{display:block;border-radius:10px;overflow:hidden;background:var(--b)}
.gst-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.gst-grid figure{margin:0}
.gst-grid figcaption{font-size:14px;color:var(--gr);margin-top:6px}

/* static content */
.gst-content{padding-top:26px;padding-bottom:40px}
.gst-sec{margin:0 0 34px}
.gst-sec h2{font-size:clamp(23px,5vw,30px);line-height:1.2;color:var(--n);margin:0 0 12px;font-weight:600}
.gst-answer{font-size:18px;margin:0;max-width:760px}
.gst-cards{display:grid;gap:12px}
.gst-card-s{background:var(--b);border-radius:12px;padding:18px}
.gst-card-s h3{margin:0 0 6px;font-size:18px;color:var(--n)}
.gst-card-s p{margin:0;color:#2b3442}
.gst-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}
.gst-table{width:100%;border-collapse:collapse;font-size:16px;min-width:0}
.gst-table th,.gst-table td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.gst-table thead th{background:var(--n);color:#fff;border-top:0;font-weight:600}
.gst-table tbody th{color:var(--n);font-weight:600;width:38%}
.gst-note-s{color:var(--gr);margin:12px 0 0}
.gst-faq details{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;background:#fff}
.gst-faq summary{cursor:pointer;min-height:56px;display:flex;align-items:center;padding:12px 48px 12px 16px;font-weight:600;color:var(--n);position:relative;list-style:none}
.gst-faq summary::-webkit-details-marker{display:none}
.gst-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;border-right:2px solid var(--g);border-bottom:2px solid var(--g);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.gst-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.gst-faq details p{margin:0;padding:0 16px 16px;color:#2b3442}
.gst-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gst-links a{display:flex;align-items:center;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-left:4px solid var(--g);border-radius:10px;text-decoration:none;font-weight:600;background:#fff}
.gst-links a:hover{background:var(--b)}
.gst-help{background:var(--n);color:#fff;border-radius:14px;padding:22px 20px;margin:0 0 16px}
.gst-help h2{color:#fff;font-size:22px;margin:0 0 6px}
.gst-help p{margin:0 0 14px;color:#dfe5ee}
.gst-help-row{display:grid;gap:10px}
.gst-help .gst-btn-line{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.gst-help .gst-btn{width:100%}
.gst-small{color:var(--gr);font-size:15px}
.gst-foot{padding:18px;text-align:center;color:var(--gr);font-family:system-ui,Arial,sans-serif;font-size:14px;background:var(--b)}
.gst-foot a{color:var(--n)}

@media (min-width:600px){
.gst-grid{grid-template-columns:repeat(3,1fr)}
.gst-help-row{grid-template-columns:auto auto;justify-content:start}
.gst-help .gst-btn{width:auto}
}
@media (min-width:860px){
.gst-hero{padding:56px 0 50px}
.gst-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
.gst-globe{width:min(40vw,420px)}
.gst-cards{grid-template-columns:repeat(3,1fr)}
.gst-results{max-width:860px}
.gst-links{grid-template-columns:1fr 1fr}
}
/* Live updates: the carrier's own data in GIA style */
.gst-live{margin:28px 0;padding:20px;border:1px solid rgba(201,168,76,.35);border-radius:14px;background:rgba(201,168,76,.05)}
.gst-live-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.gst-live-head h2{margin:0 0 4px}
.gst-live-status{margin:0 0 2px;font-weight:600}
.gst-checked{margin:0;font-size:.9rem;opacity:.8}
.gst-refresh{min-height:44px;padding:8px 18px}
.gst-refresh:disabled{opacity:.6;cursor:wait}
.gst-live .gst-route,.gst-live .gst-facts,.gst-live .gst-hist{margin-top:14px}
.gst-facts dd,.gst-facts dt,.gst-status .gst-kicker,.gst-hist-d,.gst-hist-l{overflow-wrap:anywhere;min-width:0}
@media (max-width:480px){.gst-live{padding:14px}.gst-live-head{flex-direction:column}.gst-refresh{width:100%}}
@media (prefers-reduced-motion:reduce){
.gst *,.gst *::before,.gst *::after{animation:none!important;transition:none!important}
.gst-welcome{min-height:0}
.gst-welcome .gst-slide{position:static;opacity:1;transform:none}
}