/* Presentation-only tracking refresh. */
:root { --track-navy:#082b4c; --track-blue:#0b63ce; --track-accent:#08a6a6; --track-bg:#e8f2fa; --track-surface:color-mix(in srgb,var(--track-bg) 62%,#fff); --track-line:color-mix(in srgb,var(--track-blue) 15%,#dfe8f2); }
body.tracking-result-loading { overflow:hidden; }
.tracking-result-preloader { align-items:center; background:linear-gradient(135deg,color-mix(in srgb,var(--track-bg) 88%,#fff),color-mix(in srgb,var(--track-accent) 12%,#fff)); display:flex; inset:0; justify-content:center; opacity:1; position:fixed; transition:opacity .4s ease,visibility .4s ease; visibility:visible; z-index:10050; }.tracking-result-preloader--hidden { opacity:0; pointer-events:none; visibility:hidden; }.tracking-result-preloader__card { align-items:center; background:#fff; border:1px solid #dbe6f4; border-radius:20px; box-shadow:0 20px 55px rgba(10,33,64,.16); display:flex; flex-direction:column; min-width:280px; padding:28px 32px; text-align:center; }.tracking-result-preloader__card strong { color:var(--track-navy); font-size:17px; margin-top:16px; }.tracking-result-preloader__card small { color:#718096; font-size:12px; margin-top:5px; }.tracking-result-preloader__orbit { align-items:center; animation:tracking-orbit 1.3s linear infinite; border:3px solid color-mix(in srgb,var(--track-blue) 16%,#fff); border-radius:50%; border-top-color:var(--track-blue); display:flex; height:68px; justify-content:center; padding:5px; width:68px; }.tracking-result-preloader__orbit span { align-items:center; animation:tracking-orbit-reverse 1.3s linear infinite; background:linear-gradient(135deg,var(--track-blue),var(--track-accent)); border-radius:50%; color:#fff; display:flex; font-size:25px; height:100%; justify-content:center; width:100%; }@keyframes tracking-orbit { to { transform:rotate(360deg); } }@keyframes tracking-orbit-reverse { to { transform:rotate(-360deg); } }
.faq-area { background:var(--track-bg); }
.faq-area .faq-form { max-width:780px; border-radius:18px; padding:42px; border:1px solid var(--track-line); box-shadow:0 18px 55px rgba(17,44,77,.10); }
.faq-area .faq-form .section-title h2 { color:var(--track-navy); font-weight:700; }
.faq-area .faq-form .section-title span { color:var(--track-blue); }
.faq-area .faq-form .form-control { min-height:54px; border:1px solid #cfdaea; border-radius:9px; background:#fff; padding:14px 16px; }
.faq-area .faq-form .form-control:focus { border-color:var(--track-blue); box-shadow:0 0 0 4px rgba(23,105,224,.12); }
.faq-area .faq-form .faq-form-btn { border-radius:9px; background:var(--track-blue); padding:15px 30px; box-shadow:0 7px 18px rgba(23,105,224,.22); }
.faq-area .faq-form .faq-form-btn:hover { background:var(--track-navy); }
#shipment-status #result-status-header { background:linear-gradient(100deg,var(--track-navy),var(--track-accent)) !important; border-radius:10px; box-shadow:0 6px 18px rgba(10,33,64,.16); }
.current-shipment-status { align-items:center; background:#fff; border:1px solid var(--track-line); border-left:4px solid var(--status-colour,#087b56); border-radius:14px; box-shadow:0 8px 22px rgba(17,44,77,.08); display:inline-flex; gap:12px; margin:0 0 22px; min-width:280px; padding:11px 18px 11px 12px; text-align:left; }
.shipment-status-icon { align-items:center; background:var(--status-colour,#087b56); border-radius:10px; box-shadow:0 5px 12px color-mix(in srgb, var(--status-colour,#087b56) 34%, transparent); color:#fff; display:inline-flex; flex:0 0 38px; font-size:21px; height:38px; justify-content:center; width:38px; }
.shipment-status-copy { display:flex; flex-direction:column; gap:1px; line-height:1.25; }
.shipment-status-label { color:#718096; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.shipment-status-copy strong { color:var(--status-colour,#087b56); font-size:16px; font-weight:800; }
.shipment-journey-map { background:#fff; border:1px solid var(--track-line); border-radius:16px; box-shadow:0 10px 28px rgba(17,44,77,.08); margin:22px 0 28px; overflow:hidden; padding:20px; }
.shipment-journey-map__heading { align-items:center; display:flex; justify-content:space-between; gap:16px; margin-bottom:13px; }
.shipment-journey-map__eyebrow { color:#718096; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.shipment-journey-map h3 { color:var(--track-navy); font-size:20px; font-weight:800; margin:2px 0 0; }
.shipment-journey-mode { align-items:center; background:#edf5ff; border-radius:999px; color:var(--track-blue); display:inline-flex; font-size:12px; font-weight:800; gap:6px; padding:8px 11px; }
.shipment-journey-mode i { font-size:17px; }.shipment-journey-mode--ship { background:#e7f7fb; color:#087b9a; }.shipment-journey-mode--flight { background:#eee8ff; color:#6741c7; }
.shipment-journey-map__stops { color:#53657c; display:flex; flex-wrap:wrap; font-size:12px; font-weight:700; gap:8px 18px; margin:0 0 15px; }.shipment-journey-map__stops i { color:var(--track-blue); font-size:14px; margin-right:3px; }
#shipment-journey-map-canvas { height:440px; overflow:hidden; width:100%; }.shipment-journey-map__canvas-wrap { border:1px solid #dbe6f1; border-radius:12px; overflow:hidden; position:relative; }.shipment-journey-map__message { color:#718096; font-size:12px; margin:10px 0 0; }
.shipment-route-card { background:rgba(255,255,255,.97); border-radius:5px; box-shadow:0 3px 12px rgba(10,33,64,.22); left:14px; max-width:365px; padding:12px 15px; position:absolute; top:14px; width:calc(100% - 28px); z-index:500; }.shipment-route-card__stop { align-items:center; color:#172033; display:flex; font-size:14px; font-weight:700; gap:11px; min-height:39px; }.shipment-route-card__stop i { font-size:21px; }.shipment-route-card__stop span { display:flex; flex-direction:column; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.shipment-route-card__stop small { color:#718096; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.shipment-route-card__stop--origin i { color:#556070; }.shipment-route-card__stop--current i { color:#087b56; }.shipment-route-card__stop--destination i { color:#e5484d; }.shipment-route-card__eta { align-items:center; border-top:1px solid #e7edf5; color:#155eef; display:flex; font-size:13px; font-weight:800; gap:7px; margin-top:7px; padding-top:9px; }.shipment-route-card__eta i { font-size:20px; }
.journey-map-marker { align-items:center; border:3px solid #fff; border-radius:50%; box-shadow:0 4px 12px rgba(10,33,64,.25); color:#fff; display:flex; font-size:18px; height:34px!important; justify-content:center; width:34px!important; }.journey-map-marker--origin { background:var(--track-blue); }.journey-map-marker--current { background:var(--track-accent); animation:journey-marker-pulse 1.8s infinite; }.journey-map-marker--destination { background:#c9364c; }@keyframes journey-marker-pulse { 50% { box-shadow:0 0 0 9px color-mix(in srgb,var(--track-accent) 0%,transparent),0 4px 12px rgba(10,33,64,.25); } }
.timeline-event-status { background:var(--status-colour,#087b56); border-radius:999px; color:#fff; display:inline-block; font-size:10px; font-weight:800; letter-spacing:.04em; line-height:1.2; margin-top:8px; padding:5px 9px; text-transform:uppercase; }
.shipment-timeline-connector { align-items:flex-start; display:flex; justify-content:center; min-height:92px; position:relative; width:38px; }
.shipment-timeline-connector::before { background:linear-gradient(to bottom, var(--status-colour,#087b56), color-mix(in srgb, var(--status-colour,#087b56) 34%, #fff)); border-radius:999px; content:''; height:100%; left:18px; position:absolute; top:14px; width:3px; }
.shipment-timeline-connector::after { animation:parcel-route 2.4s ease-in-out infinite; background:#fff; border:3px solid var(--status-colour,#087b56); border-radius:50%; box-shadow:0 0 0 4px color-mix(in srgb, var(--status-colour,#087b56) 16%, transparent); content:''; height:9px; left:12px; position:absolute; top:43px; width:9px; }
.shipment-timeline-node { align-items:center; background:var(--status-colour,#087b56); border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 4px color-mix(in srgb, var(--status-colour,#087b56) 20%, transparent),0 5px 12px color-mix(in srgb, var(--status-colour,#087b56) 35%, transparent); color:#fff; display:flex; font-size:16px; height:31px; justify-content:center; position:relative; width:31px; z-index:1; }
@keyframes parcel-route { 0%,100% { opacity:.25; transform:translateY(0); } 50% { opacity:1; transform:translateY(25px); } }
@media (prefers-reduced-motion:reduce) { .shipment-timeline-connector::after { animation:none; } }
.detail-section { background:#fff; border:1px solid var(--track-line); border-radius:14px; padding:18px; margin-bottom:20px; box-shadow:0 8px 24px rgba(17,44,77,.06); }
.detail-section h3 { color:var(--track-navy); font-size:18px; font-weight:700; margin-bottom:13px; }
.table { background:#fff; border:1px solid var(--track-line); border-radius:12px; overflow:hidden; }
.table th { color:#3f526a; background:var(--track-bg); font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.table td,.table th { border-color:var(--track-line); padding:14px 16px; vertical-align:middle; }
.page-banner .page-content h2 { letter-spacing:.03em; }
@media (max-width:767px) { .faq-area .faq-form { padding:25px 20px; } .table { display:block; overflow-x:auto; } .shipment-journey-map { padding:15px; }.shipment-journey-map__heading { align-items:flex-start; flex-direction:column; gap:8px; }#shipment-journey-map-canvas { height:390px; }.shipment-route-card { max-width:none; }.shipment-route-card__stop { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .tracking-result-preloader__orbit,.tracking-result-preloader__orbit span { animation:none; } }

/* Shared public-site palette. The values are supplied by Site Settings. */
body { background:var(--track-bg); }
body, p { color:color-mix(in srgb,var(--track-navy) 64%,#fff); }
h1,h2,h3,h4,h5,h6 { color:var(--track-navy); }
a { color:inherit; }
a:hover,a:focus { color:var(--track-blue); }
.top-header { background:var(--track-navy); }
.top-header .left-info li a:hover,.top-header .left-info li a:hover i,.top-header .right-info li a:hover { color:var(--track-accent); }
.top-header .right-info li a:hover i { background:var(--track-accent); color:#fff; }
.ferry-nav .navbar .navbar-nav .nav-item a,.ferry-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { color:var(--track-navy); }
.ferry-nav .navbar .navbar-nav .nav-item a:hover,.ferry-nav .navbar .navbar-nav .nav-item a:focus,.ferry-nav .navbar .navbar-nav .nav-item a.active,.ferry-nav .navbar .navbar-nav .nav-item:hover > a,.ferry-nav .navbar .navbar-nav .nav-item.active > a,.ferry-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,.ferry-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,.ferry-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color:var(--track-blue); }
.navbar-area.navbar-color-white.is-sticky { background-color:var(--track-navy)!important; }
.ferry-responsive-nav .mean-container a.meanmenu-reveal { color:var(--track-blue); }
.ferry-responsive-nav .mean-container a.meanmenu-reveal span { background:var(--track-blue); }
.ferry-responsive-nav .mean-container .mean-nav ul li a.active,.ferry-responsive-nav .mean-container .mean-nav ul li a:hover { color:var(--track-blue); }
.default-btn-one,.faq-area .faq-form .faq-form-btn { background:var(--track-blue); border-color:var(--track-blue); color:#fff; }
.default-btn-one:hover,.default-btn-one:focus,.faq-area .faq-form .faq-form-btn:hover,.faq-area .faq-form .faq-form-btn:focus { background:var(--track-navy); border-color:var(--track-navy); color:#fff; }
.default-btn-two:hover,.default-btn-two:focus { background:var(--track-accent); border-color:var(--track-accent); color:#fff; }
.section-title span,.about-area .about-content span,.service-card .service-text span { color:var(--track-blue); }
.page-banner::before,.main-banner::before { background-color:color-mix(in srgb,var(--track-navy) 86%,transparent); }
.page-banner .page-content h2,.page-banner .page-content ul li,.page-banner .page-content ul li a { color:#fff; }
.page-banner .page-content ul li a:hover { color:var(--track-accent); }
.bg-f9f9f9,.faq-area { background-color:var(--track-bg); }
.contact-form,.sign-in-area .sign-in-form,.sign-up-area .sign-up-form,.faq-area .faq-form { background:#fff; }
.contact-form form .form-group .form-control,.sign-in-area .sign-in-form .form-control,.sign-up-area .sign-up-form .form-control,.faq-area .faq-form .form-control { border-color:color-mix(in srgb,var(--track-blue) 18%,#dfe8f2); }
.contact-form form .form-group .form-control:focus,.sign-in-area .sign-in-form .form-control:focus,.sign-up-area .sign-up-form .form-control:focus,.faq-area .faq-form .form-control:focus { border-color:var(--track-blue); box-shadow:0 0 0 3px color-mix(in srgb,var(--track-blue) 17%,transparent)!important; }
.sign-in-area .sign-in-form .account-decs a,.sign-up-area .sign-up-form .account-decs a,.contact-info i,.contact-info p a:hover { color:var(--track-blue); }
.contact-info i { background:color-mix(in srgb,var(--track-blue) 10%,#fff); }
.service-sidebar ul li a:hover { background:var(--track-navy); }
.service-sidebar ul li i,.widget-area .widget-title::before,.widget-area .widget_categories ul li::before { color:var(--track-blue); background-color:var(--track-blue); }
.footer-area { background:var(--track-navy); }
.footer-area .footer-widget h3,.footer-area .footer-widget p,.footer-area .footer-widget .footer-text li a,.footer-area .footer-widget .info-list li,.footer-area .footer-widget .info-list li a { color:#fff; }
.footer-area .footer-widget .footer-text li a:hover,.footer-area .footer-widget .info-list li a:hover,.footer-area .footer-widget .info-list li i,.footer-area .footer-socials li a:hover { color:var(--track-accent); }
.footer-bottom { background:color-mix(in srgb,var(--track-navy) 88%,#000); }
.footer-bottom p { color:#fff; }
.go-top { background:var(--track-blue); }
.go-top:hover,.go-top:focus { background:var(--track-navy); color:#fff; }
.go-top i { background:var(--track-blue); color:#fff; }
.go-top i:hover { background:var(--track-accent); color:#fff; }
.hero-slider .hero-slider-item::before,.hero-slider-two .hero-slider-two-item::before { background:var(--track-navy); }
.hero-slider.owl-theme .owl-nav .owl-prev:hover,.hero-slider.owl-theme .owl-nav .owl-next:hover { background:var(--track-blue); }
.hero-slider .banner-content .default-btn-one { box-shadow:0 10px 24px color-mix(in srgb,var(--track-blue) 30%,transparent); }

/* Supplied air-cargo photography for the public-facing pages. */
.hero-slider .hero-slider-item.item-bg1 { background-image:url('../../IM/1.jpeg'); }
.hero-slider .hero-slider-item.item-bg2 { background-image:url('../../IM/14.jpeg'); }
.hero-slider .hero-slider-item.item-bg3 { background-image:url('../../IM/13.jpeg'); }
.page-banner.bg-1 { background-image:url('../../IM/5.jpeg'); }
.page-banner.bg-2 { background-image:url('../../IM/3.jpeg'); }
.page-banner.bg-3 { background-image:url('../../IM/11.jpeg'); }
.service-card-two > img,.logistic-image > img,.faq-image > img,.about-image > img,.safe-image > img,.digital-image > img,.speciality-card > img { height:260px; object-fit:cover; width:100%; }
.service-card-link { color:inherit; display:block; height:calc(100% - 30px); text-decoration:none; }
.service-card-link:hover { color:inherit; transform:translateY(-5px); }
.service-detail-page { background:var(--track-bg); }
.service-detail-hero { margin-bottom:60px; }
.service-detail-eyebrow { color:var(--track-blue); display:block; font-size:12px; font-weight:800; letter-spacing:.11em; margin-bottom:12px; text-transform:uppercase; }
.service-detail-hero h1,.service-detail-panel h2 { color:var(--track-navy); font-weight:800; }
.service-detail-hero h1 { font-size:44px; margin-bottom:18px; }
.service-detail-lead { color:var(--track-navy); font-size:21px; font-weight:600; line-height:1.55; }
.service-detail-image { border-radius:18px; box-shadow:0 22px 50px rgba(8,43,76,.17); height:390px; object-fit:cover; width:100%; }
.service-detail-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.default-btn-outline { border:1px solid var(--track-blue); border-radius:2px; color:var(--track-blue); display:inline-block; font-weight:600; padding:15px 30px; }
.default-btn-outline:hover { background:var(--track-navy); border-color:var(--track-navy); color:#fff; }
.service-detail-grid { row-gap:24px; }
.service-detail-panel { background:var(--track-surface); border:1px solid var(--track-line); border-radius:16px; box-shadow:0 12px 30px rgba(8,43,76,.08); height:100%; padding:32px; }
.service-detail-panel h2 { font-size:24px; margin-bottom:22px; }
.service-detail-list { list-style:none; margin:0; padding:0; }
.service-detail-list li { align-items:flex-start; color:color-mix(in srgb,var(--track-navy) 75%,#fff); display:flex; font-weight:600; gap:11px; margin:0 0 16px; }
.service-detail-list li i { align-items:center; background:color-mix(in srgb,var(--track-accent) 15%,#fff); border-radius:50%; color:var(--track-accent); display:inline-flex; flex:0 0 24px; font-size:17px; height:24px; justify-content:center; }
.service-detail-step { align-items:flex-start; border-top:1px solid var(--track-line); display:flex; gap:13px; padding:13px 0; }
.service-detail-step span { color:var(--track-blue); font-size:12px; font-weight:800; letter-spacing:.08em; }
.service-detail-step p { color:var(--track-navy); font-weight:600; margin:0; }
@media (max-width:767px) { .service-detail-hero h1 { font-size:34px; }.service-detail-image { height:275px; margin-top:30px; }.service-detail-panel { padding:24px; } }

/* Make the selected page background visible behind every public content area. */
.about-area,.choose-area,.speciality-area,.feedback-area,.freight-area,.frequently-area,.clients-area,.digital-area,.our-services-area,.team-area,.contact-form-area,.best-logistic-area,.about-text-area,.about-info-area,.partner-area { background:var(--track-bg); }
.service-card,.service-card-two .service-caption,.speciality-card .speciality-text,.shipping-card,.clients-area .clients-slider .clients-slider-item,.feedback-area .feedback-slider .feedback-slider-item,.about-area .about-tabs .tab-contant,.contact-form,.faq-area .faq-form,.sign-in-area .sign-in-form,.sign-up-area .sign-up-form { background:var(--track-surface); }
.contact-area .contact-content,.services-area,.testimonials-area .testimonials-slider .testimonials-card,.transportation-area,.newsletter-content,.digital-area .digital-card-contant { background:var(--track-navy); }
.contact-area .contact-content .contact-card i,.service-card i,.choose-area .choose-contant .choose-card i { background:var(--track-blue); color:#fff; }
.service-card:hover i { background:var(--track-accent); color:#fff; }
.services-area .view-btn .default-btn,.services-area .view-btn .default-btn:hover { border-color:var(--track-accent); background:var(--track-accent); color:#fff; }
.about-area .about-tabs .tab-contant .nav-tabs .nav-link.active { border-bottom-color:var(--track-accent); }
.about-area .about-tabs .tab-contant .nav-tabs .nav-link { color:var(--track-navy); }
.newsletter-area::before { background:var(--track-bg); }
.newsletter-content .newsletter-form .btn { background:var(--track-accent); }
.newsletter-content .newsletter-form .btn:hover { background:var(--track-blue); }
/* Public tracking result — Logixo-compatible shipment dashboard */
.tracking-result-loading #smooth-wrapper{opacity:0;visibility:hidden}.tracking-result-preloader{position:fixed;z-index:100100;inset:0;display:grid;place-items:center;padding:24px;color:#fff;background:radial-gradient(circle at center,rgba(26,79,126,.92),#071b34 72%);transition:opacity .35s ease,visibility .35s ease}.tracking-result-preloader.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.tracking-result-preloader__content{width:min(360px,100%);text-align:center}.tracking-result-preloader__circle{position:relative;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 22px;border-radius:50%;background:conic-gradient(#fff 0deg,#fff 360deg,rgba(255,255,255,.2) 360deg);animation:tracking-loader-circle 5s linear forwards;box-shadow:0 18px 45px rgba(0,0,0,.24)}.tracking-result-preloader__circle:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#0c3158}.tracking-result-preloader__circle i{position:relative;z-index:1;font-size:34px}.tracking-result-preloader strong{display:block;font-size:22px}.tracking-result-preloader p{margin:8px 0 5px;color:rgba(255,255,255,.82)}.tracking-result-preloader small{color:rgba(255,255,255,.6);font-size:12px}@keyframes tracking-loader-circle{from{background:conic-gradient(#fff 0deg,rgba(255,255,255,.2) 0deg)}to{background:conic-gradient(#fff 360deg,rgba(255,255,255,.2) 360deg)}}
.tracking-result-hero{position:relative;padding:150px 0 118px;color:#fff;background:linear-gradient(90deg,rgba(3,19,45,.94),rgba(3,19,45,.58)),url('../../logixo-theme/assets/img/inner/service/service-bg-img.jpg') center/cover no-repeat}.tracking-result-hero .container{display:flex;align-items:end;justify-content:space-between;gap:30px}.tracking-result-hero .sub-title{color:#fff}.tracking-result-hero h1{color:#fff;max-width:660px;font-size:clamp(38px,5vw,68px);margin:16px 0}.tracking-result-hero p{max-width:600px;color:rgba(255,255,255,.86);font-size:17px}.tracking-result-hero .theme-btn{white-space:nowrap;background:var(--theme,#3655ff);border-radius:30px}
.tracking-result-page{background:#f4f8fc;padding:0 0 90px}.tracking-summary-card{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr auto;gap:24px;align-items:stretch;margin-top:-72px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(6,31,72,.14)}.tracking-summary-card__code{padding:2px 10px}.tracking-summary-card__code>span,.tracking-summary-card small,.tracking-eyebrow{display:block;color:#718099;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tracking-summary-card__code strong{display:block;margin:5px 0 14px;color:#071b34;font-size:clamp(21px,3vw,32px);letter-spacing:.05em}.tracking-barcode{max-width:350px;padding:11px 13px 8px;border:1px solid #dce5f1;border-radius:8px;background:#fff}.tracking-barcode svg{display:block;width:100%;height:58px}.tracking-barcode small{margin-top:3px;text-align:center;font-size:10px;letter-spacing:.18em}.tracking-summary-card__status{display:flex;gap:14px;align-items:center;padding:20px;border-radius:14px;background:color-mix(in srgb,var(--shipment-status) 11%,#fff);border:1px solid color-mix(in srgb,var(--shipment-status) 28%,#fff)}.tracking-summary-card__status-icon{display:grid;place-items:center;flex:0 0 47px;width:47px;height:47px;border-radius:50%;color:#fff;background:var(--shipment-status)}.tracking-summary-card__status strong{display:block;margin:4px 0;color:#071b34;font-size:18px}.tracking-summary-card__status p{margin:5px 0 0;color:#5e6f88;font-size:13px}.tracking-summary-card__status p i{color:var(--shipment-status)}.tracking-summary-card__mode{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:130px;padding:20px;border-radius:14px;color:#071b34;background:#edf3fb;font-weight:700;text-align:center}.tracking-summary-card__mode i{font-size:28px;color:var(--theme,#3655ff)}
.tracking-panel{margin-top:28px;padding:32px;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(6,31,72,.06)}.tracking-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.tracking-panel__heading h2{margin:5px 0 0;color:#071b34;font-size:28px}.tracking-eyebrow{color:var(--theme,#3655ff)}.tracking-count,.tracking-mode{padding:8px 12px;border-radius:99px;color:#46607d;background:#edf3fb;font-size:13px;font-weight:700}.tracking-mode i{margin-right:5px;color:var(--theme,#3655ff)}.tracking-timeline{margin:0;padding:4px 0 0;list-style:none}.tracking-timeline__item{position:relative;display:grid;grid-template-columns:44px 210px 1fr;gap:16px;padding:0 0 28px}.tracking-timeline__item:not(:last-child):before{content:'';position:absolute;left:20px;top:38px;bottom:-2px;width:3px;border-radius:3px;background:linear-gradient(var(--timeline-color),color-mix(in srgb,var(--timeline-color) 18%,#fff))}.tracking-timeline__marker{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:4px solid var(--timeline-soft);border-radius:50%;color:#fff;background:var(--timeline-color);box-shadow:0 0 0 5px #fff}.tracking-timeline__time{padding-top:10px;color:#52657e;font-size:13px;font-weight:700}.tracking-timeline__time i{margin-right:5px;color:var(--timeline-color)}.tracking-timeline__time span{display:block;margin:5px 0 0;color:var(--timeline-color);font-size:12px}.tracking-timeline__content{padding:14px 18px;border-left:4px solid var(--timeline-color);border-radius:0 10px 10px 0;background:var(--timeline-soft)}.tracking-timeline__content h3{margin:0;color:#12253e;font-size:17px}.tracking-timeline__content h3 i{margin-right:6px;color:var(--timeline-color)}.tracking-timeline__content p{margin:7px 0 0;color:#52657e;line-height:1.55}.tracking-empty{padding:38px;text-align:center;color:#64748b;background:#f5f8fc;border-radius:12px}.tracking-empty i{font-size:28px;color:var(--theme,#3655ff)}
.tracking-route__stops{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.tracking-route__stops>div{position:relative;padding:14px 14px 14px 39px;border-radius:10px;background:#f5f8fc}.tracking-route__stops i{position:absolute;left:14px;top:17px;color:var(--theme,#3655ff)}.tracking-route__stops>div:nth-child(2) i{color:#087b56}.tracking-route__stops>div:nth-child(3) i{color:#c9364c}.tracking-route__stops small{display:block;color:#718099;font-size:11px;text-transform:uppercase}.tracking-route__stops strong{display:block;margin-top:3px;color:#12253e;font-size:14px}.tracking-route__map{height:380px;border-radius:13px;overflow:hidden;background:#e5edf6}.tracking-route__message{margin:12px 0 0;color:#64748b;font-size:13px}.tracking-map-pin{background:transparent!important;border:0!important}.tracking-map-pin span{display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.25)}.tracking-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tracking-details-grid .tracking-panel{margin-top:28px}.tracking-definition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}.tracking-definition-list>div{padding:15px 14px;border-top:1px solid #e9eef5}.tracking-definition-list dt{color:#718099;font-size:12px;font-weight:700;text-transform:uppercase}.tracking-definition-list dd{margin:5px 0 0;color:#12253e;font-weight:600;line-height:1.45}
.tracking-contact-groups>section+section{margin-top:24px}.tracking-contact-groups h3{margin:0;color:#12253e;font-size:16px}.tracking-contact-groups h3 i{margin-right:7px;color:var(--theme,#3655ff)}.tracking-contact-groups .tracking-definition-list{margin-top:10px}.tracking-definition-list__wide{grid-column:1/-1}
.tracking-package-preview{margin:24px 0 0;padding:13px;border:1px solid #dce7f2;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#eff5fb)}.tracking-package-preview figcaption{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#52657e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tracking-package-preview figcaption i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:var(--theme,#3655ff);font-size:12px}.tracking-package-preview img{display:block;width:100%;height:220px;border-radius:9px;object-fit:cover;box-shadow:0 8px 18px rgba(6,31,72,.12)}.tracking-package-preview__empty{display:grid;min-height:130px;place-items:center;align-content:center;gap:9px;border:1px dashed #cbd9e7;border-radius:9px;color:#7b8ba0;text-align:center;font-size:13px}.tracking-package-preview__empty i{font-size:25px;color:#9caec1}@media(max-width:650px){.tracking-package-preview img{height:190px}}
.tracking-result-preloader{background:rgba(244,248,252,.97)}.tracking-result-preloader__content{width:auto;padding:18px 22px;border:1px solid #dce7f3;border-radius:16px;color:#102c4b;background:#fff;box-shadow:0 14px 36px rgba(6,31,72,.14)}.tracking-result-preloader__circle{width:58px;height:58px;margin:0 auto 10px;border:4px solid #dce8f5;border-top-color:var(--theme,#3655ff);border-right-color:#087b56;background:transparent!important;box-shadow:none;animation:tracking-loader-spin .82s linear infinite}.tracking-result-preloader__circle:before{display:none}.tracking-result-preloader__circle i{font-size:19px;color:var(--theme,#3655ff)}.tracking-result-preloader__label{display:block;color:#52657e;font-size:12px;font-weight:700;letter-spacing:.03em}@keyframes tracking-loader-spin{to{transform:rotate(360deg)}}
.tracking-route-progress{position:relative;margin:4px 14px 28px}.tracking-route-progress__line{position:absolute;top:22px;right:11%;left:11%;height:5px;overflow:hidden;border-radius:99px;background:#e1eaf5}.tracking-route-progress__line span{display:block;width:var(--route-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--theme,#3655ff),#087b56);transition:width .6s ease}.tracking-route-progress__points{position:relative;z-index:1;display:flex;justify-content:space-between}.tracking-route-progress__points>div{display:grid;justify-items:center;gap:7px;min-width:82px;color:#8290a4;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase}.tracking-route-progress__points span{display:grid;place-items:center;width:45px;height:45px;border:4px solid #fff;border-radius:50%;color:#8b9bb0;background:#e1eaf5;box-shadow:0 0 0 1px #d6e1ee}.tracking-route-progress__points .is-complete span{color:#fff;background:var(--theme,#3655ff);box-shadow:0 0 0 1px var(--theme,#3655ff)}.tracking-route-progress__points .is-current{color:#087b56}.tracking-route-progress__points .is-current span{color:#fff;background:#087b56;box-shadow:0 0 0 6px #dff5eb;animation:tracking-pulse 1.8s infinite}.tracking-route-progress>p{margin:14px 0 0;color:#667991;font-size:13px;text-align:center}.tracking-route-progress>p strong{color:#087b56}@keyframes tracking-pulse{50%{box-shadow:0 0 0 11px rgba(8,123,86,.09)}}
@media (max-width:991px){.tracking-result-hero .container{align-items:flex-start;flex-direction:column}.tracking-summary-card{grid-template-columns:1fr 1fr}.tracking-summary-card__mode{grid-column:span 2;flex-direction:row}.tracking-details-grid{grid-template-columns:1fr}}@media (max-width:650px){.tracking-result-hero{padding:115px 0 90px}.tracking-summary-card{grid-template-columns:1fr;margin-top:-48px;padding:18px}.tracking-summary-card__mode{grid-column:auto}.tracking-panel{padding:21px}.tracking-panel__heading{align-items:flex-start;flex-direction:column}.tracking-timeline__item{grid-template-columns:42px 1fr;gap:11px}.tracking-timeline__time{grid-column:2;padding-top:0}.tracking-timeline__content{grid-column:2}.tracking-route__stops,.tracking-definition-list{grid-template-columns:1fr}.tracking-route__map{height:300px}}
@media (max-width:650px){.tracking-result-hero h1{font-size:clamp(31px,10vw,42px);line-height:1.12}.tracking-result-hero .theme-btn{width:100%;text-align:center}.tracking-summary-card__code,.tracking-summary-card__status{min-width:0}.tracking-summary-card__code strong,.tracking-summary-card__status strong,.tracking-route__stops strong,.tracking-definition-list dd{overflow-wrap:anywhere;word-break:break-word}.tracking-route-progress{margin-right:0;margin-left:0}.tracking-route-progress__points>div{min-width:62px;font-size:9px}.tracking-route-progress__line{right:9%;left:9%}}@media(max-width:390px){.tracking-result-page{padding-bottom:55px}.tracking-summary-card{padding:14px}.tracking-panel{padding:16px}.tracking-panel__heading h2{font-size:23px}.tracking-barcode svg{height:49px}.tracking-route__map{height:240px}.tracking-timeline__content{padding:12px}.tracking-timeline__content h3{font-size:15px}}