/* Vehicle tracking page. All rules are scoped to this page. */
.vehicle-track-page{background:#f4f7fb;min-height:620px;color:#1f2736}
.vehicle-track-page .container{max-width:1160px}
.vehicle-track-hero{position:relative;isolation:isolate;overflow:hidden;background:#112849;padding:148px 0 128px}
.vehicle-track-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 12%,rgba(116,155,205,.22),transparent 30%),linear-gradient(125deg,rgba(6,21,42,.42),transparent 62%);z-index:-1}
.vehicle-track-hero::after{content:"";position:absolute;right:-130px;bottom:-260px;width:560px;height:560px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.018);z-index:-1}
.vehicle-track-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 36px;font-size:13px;font-weight:600;color:#aebed4}
.vehicle-track-breadcrumb a{color:#d9e4f2;text-decoration:none}
.vehicle-track-breadcrumb a:hover{color:#fff;text-decoration:underline}
.vehicle-track-breadcrumb i{font-size:9px;color:#c8102e}
.vehicle-track-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:64px;align-items:center}
.vehicle-track-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 19px;color:#c8102e;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.vehicle-track-eyebrow::before{content:"";width:24px;height:2px;background:#c8102e;border-radius:2px}
.vehicle-track-heading h1{margin:0;color:#fff;font-family:'Rethink Sans',sans-serif;font-size:clamp(42px,5vw,68px);font-weight:750;letter-spacing:-.035em;line-height:1.04}
.vehicle-track-heading h1 span{color:#c8102e}
.vehicle-track-heading>p{max-width:580px;margin:23px 0 0;color:#d0ddec;font-size:17px;line-height:1.65}
.vehicle-track-hero-meta{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:29px;color:#e7eff9;font-size:13px;font-weight:600}
.vehicle-track-hero-meta span{display:inline-flex;align-items:center;gap:9px}
.vehicle-track-hero-meta i{color:#c8102e}
.vehicle-track-visual{position:relative;min-height:290px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.06);box-shadow:0 30px 65px rgba(0,0,0,.2)}
.vehicle-track-visual img{display:block;width:100%;height:300px;object-fit:cover;object-position:center;border-radius:17px}
.vehicle-track-visual-caption{position:absolute;right:-18px;bottom:-20px;display:flex;align-items:center;gap:12px;max-width:250px;padding:14px 18px;background:#fff;border-radius:13px;box-shadow:0 17px 40px rgba(5,21,41,.25);color:#1a3464;font-size:12px;font-weight:700;line-height:1.35}
.vehicle-track-visual-caption i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#fdebf0;color:#c8102e;font-size:16px}
.vehicle-track-content{position:relative;margin-top:-92px;padding-bottom:90px;z-index:2}
.vehicle-track-card,.vehicle-track-result{background:#fff;border:1px solid #e1e8f1;border-radius:20px;box-shadow:0 20px 55px rgba(17,40,73,.09)}
.vehicle-track-card{padding:30px 34px 32px}
.vehicle-track-card-head{display:flex;align-items:center;gap:16px;margin-bottom:23px}
.vehicle-track-card-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:#fce9ed;color:#c8102e;font-size:20px}
.vehicle-track-card-head h2{margin:0;color:#18345f;font-family:'Rethink Sans',sans-serif;font-size:24px;font-weight:750;line-height:1.15}
.vehicle-track-card-head p{margin:4px 0 0;color:#61738a;font-size:14px;line-height:1.4}
.vehicle-track-card label{display:block;margin-bottom:9px;color:#203a63;font-size:13px;font-weight:800;letter-spacing:.02em}
.vehicle-track-row{display:flex;gap:12px}
.vehicle-track-row input{flex:1;min-width:0;min-height:58px;padding:14px 18px;border:1.5px solid #ccd8e7;border-radius:11px;background:#fbfcfe;color:#172d50;font:600 16px 'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s}
.vehicle-track-row input::placeholder{color:#8191a5;font-weight:400}
.vehicle-track-row input:focus{outline:0;border-color:#c8102e;box-shadow:0 0 0 4px rgba(200,16,46,.12);background:#fff}
.vehicle-track-row button{flex:none;min-width:177px;min-height:58px;padding:14px 21px;border:0;border-radius:11px;background:#c8102e;color:#fff;font:800 15px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.vehicle-track-row button::after{content:"\f061";font-family:'Font Awesome 6 Free';font-weight:900;font-size:12px;margin-left:12px}
.vehicle-track-row button:hover:not(:disabled){background:#a00d24;transform:translateY(-2px);box-shadow:0 9px 22px rgba(200,16,46,.24)}
.vehicle-track-row button:focus-visible,.vehicle-track-map:focus-visible,.vehicle-track-help a:focus-visible{outline:3px solid #e45b73;outline-offset:3px}
.vehicle-track-row button:disabled{opacity:.65;cursor:wait}
.vehicle-track-note{display:flex;align-items:flex-start;gap:8px;margin:13px 0 0;color:#687b93;font-size:12.5px;line-height:1.5}
.vehicle-track-note i{margin-top:3px;color:#c8102e}
.vehicle-track-message{margin:20px 0 0;padding:14px 17px;border:1px solid #d8e6f6;border-radius:10px;background:#eff6fd;color:#1a3464;font-size:14px}
.vehicle-track-message.is-error{border-color:#f5d5dd;background:#fff1f3;color:#99223a}
.vehicle-track-result{margin-top:27px;padding:32px 34px 34px}
.vehicle-track-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:23px;border-bottom:1px solid #e8edf4;margin-bottom:23px}
.vehicle-track-result-tag{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#c8102e;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.vehicle-track-result-tag i{font-size:11px}
.vehicle-track-result h2{margin:0;color:#18345f;font-family:'Rethink Sans',sans-serif;font-size:29px;font-weight:750;letter-spacing:-.02em}
.vehicle-track-reference{align-self:center;margin:0;padding:9px 13px;border:1px solid #dfe7f1;border-radius:8px;background:#f5f8fc;color:#61738a;font:600 12px var(--mono,monospace)}
.vehicle-track-reference span{color:#203a63;overflow-wrap:anywhere}
.vehicle-track-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0}
.vehicle-detail{min-width:0;padding:17px 18px;border:1px solid #e5ebf3;border-radius:12px;background:#f9fbfd}
.vehicle-detail dt{margin-bottom:6px;color:#74839a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vehicle-detail dd{margin:0;color:#1b355d;font-size:16px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.vehicle-track-position{margin-top:28px;padding-top:28px;border-top:1px solid #e8edf4}
.vehicle-track-position-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.vehicle-track-position-head h3{display:flex;align-items:center;gap:10px;margin:0;color:#18345f;font-family:'Rethink Sans',sans-serif;font-size:20px;font-weight:750}
.vehicle-track-position-head h3 i{color:#c8102e;font-size:17px}
.vehicle-track-position-head span{color:#526983;font:600 12px var(--mono,monospace)}
.vehicle-track-map-frame{display:block;width:100%;height:390px;border:1px solid #e1e8f1;border-radius:13px;background:#eef2f7}
.vehicle-track-map{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#c8102e;font-size:14px;font-weight:800;text-decoration:none}
.vehicle-track-map:hover{color:#7d1025;text-decoration:underline}
.vehicle-track-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
.vehicle-track-info-item{display:flex;gap:13px;padding:18px;border:1px solid #e1e8f1;border-radius:13px;background:#fff}
.vehicle-track-info-item>i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#fce9ed;color:#c8102e;font-size:14px}
.vehicle-track-info-item h3{margin:1px 0 4px;color:#203a63;font:750 14px 'DM Sans',sans-serif}
.vehicle-track-info-item p{margin:0;color:#657991;font-size:12px;line-height:1.5}
.vehicle-track-help{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:25px 0 0;padding:22px 26px;border-radius:13px;background:#e9eff7;color:#203a63;font-size:14px;font-weight:600}
.vehicle-track-help a{color:#c8102e;font-weight:800;text-decoration:none}
.vehicle-track-help a:hover{text-decoration:underline}
.vehicle-track-page [hidden]{display:none!important}
@media(max-width:950px){.vehicle-track-hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(270px,.78fr)}.vehicle-track-visual img{height:270px}.vehicle-track-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.vehicle-track-hero{padding:125px 0 122px}.vehicle-track-breadcrumb{margin-bottom:30px}.vehicle-track-hero-grid{grid-template-columns:1fr}.vehicle-track-heading h1{font-size:clamp(39px,10vw,56px)}.vehicle-track-heading>p{font-size:15px}.vehicle-track-visual{max-width:540px;margin-top:5px}.vehicle-track-visual img{height:230px}.vehicle-track-content{margin-top:-73px;padding-bottom:65px}.vehicle-track-card,.vehicle-track-result{padding:24px}.vehicle-track-info-grid{grid-template-columns:1fr}.vehicle-track-info-item{align-items:center}}
@media(max-width:520px){.vehicle-track-visual-caption{right:10px;bottom:-19px}.vehicle-track-row{flex-direction:column}.vehicle-track-row button{width:100%}.vehicle-track-fields{grid-template-columns:1fr}.vehicle-track-result h2{font-size:25px}.vehicle-track-map-frame{height:310px}.vehicle-track-help{padding:20px}.vehicle-track-card-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.vehicle-track-row button,.vehicle-track-row input{transition:none}}
