{"id":3286,"date":"2025-11-24T13:39:21","date_gmt":"2025-11-24T13:39:21","guid":{"rendered":"https:\/\/mesoforming.com\/?page_id=3286"},"modified":"2025-12-29T18:50:15","modified_gmt":"2025-12-29T18:50:15","slug":"melacak-pengiriman-anda","status":"publish","type":"page","link":"https:\/\/mesoforming.com\/id\/melacak-pengiriman-anda\/","title":{"rendered":"Lacak Pengiriman Anda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3286\" class=\"elementor elementor-3286\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c62a5 e-con-full e-flex e-con e-parent\" data-id=\"f1c62a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8baff23 e-con-full e-flex e-con e-child\" data-id=\"8baff23\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fe3654 elementor-widget elementor-widget-html\" data-id=\"4fe3654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =======================================================\r\n     MESOFORMING TRACKING MODULE (Optimized v2.0)\r\n     Integration: WordPress \/ Elementor Compatible\r\n     Performance: High Speed \/ LCP Optimized \/ Responsive\r\n     Language: English Only\r\n     ======================================================= -->\r\n\r\n<!-- 1. Schema Markup (JSON-LD) for SEO -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"Service\",\r\n    \"name\": \"Mesoforming Thermoforming Machinery Shipment Tracking\",\r\n    \"serviceType\": \"Logistics Tracking\",\r\n    \"description\": \"Real-time tracking for Mesoforming thermoforming machinery orders and industrial equipment shipments worldwide.\",\r\n    \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Mesoforming Machinery\",\r\n        \"url\": \"https:\/\/mesoforming.com\"\r\n    },\r\n    \"areaServed\": \"Worldwide\",\r\n    \"hasOfferCatalog\": {\r\n        \"@type\": \"OfferCatalog\",\r\n        \"name\": \"Industrial Machinery Shipping Services\",\r\n        \"itemListElement\": [\r\n            { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Global Machinery Shipping\" } },\r\n            { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Express Spare Parts Delivery\" } }\r\n        ]\r\n    }\r\n}\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"BreadcrumbList\",\r\n    \"itemListElement\": [{\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 1,\r\n        \"name\": \"Home\",\r\n        \"item\": \"https:\/\/mesoforming.com\/\"\r\n    },{\r\n        \"@type\": \"ListItem\",\r\n        \"position\": 2,\r\n        \"name\": \"Track Your Shipment\",\r\n        \"item\": \"https:\/\/mesoforming.com\/track-your-shipment\"\r\n    }]\r\n}\r\n<\/script>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"mainEntity\": [{\r\n        \"@type\": \"Question\",\r\n        \"name\": \"How long does shipping typically take for Mesoforming machinery?\",\r\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Standard delivery for Mesoforming thermoforming machines to Europe and North America typically takes 15-25 business days. Express shipping options are available for urgent industrial equipment orders.\" }\r\n    }, {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"What if my Mesoforming tracking number isn't updating?\",\r\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"If your shipment tracking information has not updated for more than 3 business days, please contact our logistics team at logistics@mesoforming.com or call (+86)18025612076 for immediate assistance.\" }\r\n    }, {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"Do you provide installation support after machine delivery?\",\r\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes, Mesoforming provides comprehensive installation and training services. Our technical team offers both remote support and on-site visits globally to ensure your thermoforming machinery is set up correctly.\" }\r\n    }, {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"How are customs delays handled for international machinery shipments?\",\r\n        \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Our logistics team prepares all necessary documentation to minimize delays. We work directly with international carriers to resolve any customs issues quickly, ensuring your equipment arrives on schedule.\" }\r\n    }]\r\n}\r\n<\/script>\r\n\r\n<!-- 2. Styles (Scoped & Optimized) -->\r\n<style>\r\n    \/* Font Import with Swap for Performance *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap');\r\n\r\n    \/* =========================================\r\n       CSS Namespace Isolation System\r\n       ID: #meso-tracking-module\r\n       Fixes: Layout Coverage \/ Z-Index Bleed\r\n       ========================================= *\/\r\n    \r\n    #meso-tracking-module {\r\n        \/* Core Variables *\/\r\n        --meso-primary: #6614d3;\r\n        --meso-primary-hover: #5510b0;\r\n        --meso-light: #f8f9fa;\r\n        --meso-border: #e9ecef;\r\n        --meso-text: #212529;\r\n        --meso-text-light: #6c757d;\r\n        --meso-white: #ffffff;\r\n        --meso-font: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\r\n        --meso-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.12), 0 4px 8px -4px rgba(0, 0, 0, 0.05);\r\n        \r\n        \/* Layout Safety & Isolation *\/\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        background-color: transparent;\r\n        font-family: var(--meso-font);\r\n        line-height: 1.6;\r\n        color: var(--meso-text);\r\n        padding: 20px 0;\r\n        position: relative;\r\n        z-index: 1; \/* Establishes local stack level *\/\r\n        isolation: isolate; \/* PREVENTS OVERLAPPING with other site elements *\/\r\n        clear: both; \/* Ensures it sits below floated headers *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* Strict Box Model Reset *\/\r\n    #meso-tracking-module *, \r\n    #meso-tracking-module *::before, \r\n    #meso-tracking-module *::after {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Header Section *\/\r\n    #meso-tracking-module .meso-header {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-header h2 {\r\n        font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n        font-weight: 700;\r\n        color: var(--meso-text);\r\n        margin-bottom: 16px;\r\n        line-height: 1.2;\r\n        border: none;\r\n        text-transform: none;\r\n        letter-spacing: normal;\r\n    }\r\n\r\n    #meso-tracking-module .meso-header p {\r\n        font-size: 1.1rem;\r\n        color: var(--meso-text-light);\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Breadcrumbs *\/\r\n    #meso-tracking-module .meso-breadcrumbs {\r\n        margin-top: 16px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs ol {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs li {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        color: var(--meso-text-light);\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs a {\r\n        color: var(--meso-text-light);\r\n        text-decoration: none;\r\n        transition: color 0.2s ease;\r\n        font-weight: 400;\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs a:hover {\r\n        color: var(--meso-primary);\r\n        text-decoration: underline;\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs .meso-sep {\r\n        margin: 0 10px;\r\n        color: #ccc;\r\n        font-size: 0.8em;\r\n    }\r\n\r\n    #meso-tracking-module .meso-breadcrumbs span[aria-current=\"page\"] {\r\n        color: var(--meso-primary);\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Gallery Section *\/\r\n    #meso-tracking-module .meso-gallery-wrapper {\r\n        width: 100%;\r\n        margin-bottom: 40px;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: var(--meso-shadow);\r\n        position: relative;\r\n        background-color: var(--meso-border);\r\n        aspect-ratio: 16\/9;\r\n        max-height: 500px;\r\n        transform: translateZ(0); \/* Hardware acceleration *\/\r\n    }\r\n\r\n    #meso-tracking-module .meso-slides-track {\r\n        display: flex;\r\n        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        height: 100%;\r\n        width: 100%;\r\n    }\r\n\r\n    #meso-tracking-module .meso-slide {\r\n        min-width: 100%;\r\n        height: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    #meso-tracking-module .meso-slide img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n        border: none;\r\n    }\r\n\r\n    #meso-tracking-module .meso-caption-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);\r\n        color: var(--meso-white);\r\n        padding: 60px 30px 30px;\r\n        text-align: left;\r\n        z-index: 2; \/* Local stack *\/\r\n        pointer-events: none;\r\n    }\r\n\r\n    #meso-tracking-module .meso-caption-overlay h3 {\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        color: var(--meso-white);\r\n        margin-bottom: 6px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    #meso-tracking-module .meso-caption-overlay p {\r\n        font-size: 1rem;\r\n        color: rgba(255, 255, 255, 0.95);\r\n    }\r\n\r\n    #meso-tracking-module .meso-nav-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background-color: rgba(255, 255, 255, 0.9);\r\n        border: none;\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        font-size: 24px;\r\n        color: var(--meso-text);\r\n        transition: all 0.2s ease;\r\n        z-index: 3; \/* Local stack *\/\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n        padding: 0;\r\n        outline: none;\r\n    }\r\n\r\n    #meso-tracking-module .meso-nav-btn:hover {\r\n        background-color: var(--meso-white);\r\n        transform: translateY(-50%) scale(1.1);\r\n        box-shadow: 0 6px 14px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    #meso-tracking-module .meso-prev { left: 20px; }\r\n    #meso-tracking-module .meso-next { right: 20px; }\r\n\r\n    #meso-tracking-module .meso-dots {\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        gap: 10px;\r\n        z-index: 3; \/* Local stack *\/\r\n    }\r\n\r\n    #meso-tracking-module .meso-dot {\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background-color: rgba(255, 255, 255, 0.4);\r\n        border: 2px solid transparent;\r\n        cursor: pointer;\r\n        padding: 0;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    #meso-tracking-module .meso-dot.active {\r\n        background-color: var(--meso-white);\r\n        transform: scale(1.2);\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* Grid Layout *\/\r\n    #meso-tracking-module .meso-grid-section {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 32px;\r\n        margin-bottom: 48px;\r\n        width: 100%;\r\n    }\r\n\r\n    #meso-tracking-module .meso-card {\r\n        background-color: var(--meso-white);\r\n        border-radius: 12px;\r\n        box-shadow: var(--meso-shadow);\r\n        padding: 32px;\r\n        border: 1px solid rgba(0,0,0,0.02);\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;\r\n    }\r\n\r\n    #meso-tracking-module .meso-status-badge {\r\n        background-color: var(--meso-primary);\r\n        color: var(--meso-white);\r\n        padding: 14px;\r\n        border-radius: 8px;\r\n        margin-bottom: 24px;\r\n        text-align: center;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        letter-spacing: 0.5px;\r\n        box-shadow: 0 4px 10px rgba(102, 20, 211, 0.2);\r\n    }\r\n\r\n    #meso-tracking-module .meso-form-group {\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    #meso-tracking-module label.meso-label {\r\n        display: block;\r\n        font-weight: 600;\r\n        margin-bottom: 10px;\r\n        color: var(--meso-text);\r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    #meso-tracking-module input.meso-input {\r\n        width: 100%;\r\n        padding: 14px 16px;\r\n        border: 2px solid var(--meso-border);\r\n        border-radius: 6px;\r\n        font-family: var(--meso-font);\r\n        font-size: 16px;\r\n        transition: all 0.2s ease;\r\n        background-color: #fff;\r\n        color: var(--meso-text);\r\n        height: auto;\r\n    }\r\n\r\n    #meso-tracking-module input.meso-input:focus {\r\n        outline: none;\r\n        border-color: var(--meso-primary);\r\n    }\r\n\r\n    #meso-tracking-module .meso-track-btn {\r\n        background-color: var(--meso-primary);\r\n        color: var(--meso-white);\r\n        border: none;\r\n        border-radius: 6px;\r\n        padding: 16px 24px;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s, transform 0.1s;\r\n        text-align: center;\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        width: 100%;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 4px 6px rgba(102, 20, 211, 0.15);\r\n    }\r\n\r\n    #meso-tracking-module .meso-track-btn:hover {\r\n        background-color: var(--meso-primary-hover);\r\n    }\r\n\r\n    #meso-tracking-module .meso-track-btn:active {\r\n        transform: translateY(1px);\r\n    }\r\n\r\n    #YQContainer {\r\n        margin-top: 24px;\r\n        border-radius: 6px;\r\n        overflow: hidden;\r\n        background: #fff;\r\n        min-height: 50px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-info-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 20px;\r\n        margin-bottom: 24px;\r\n        padding-bottom: 24px;\r\n        border-bottom: 1px solid var(--meso-border);\r\n    }\r\n\r\n    #meso-tracking-module .meso-info-item {\r\n        background-color: var(--meso-light);\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-info-item h4 {\r\n        font-size: 0.75rem;\r\n        font-weight: 700;\r\n        color: var(--meso-text-light);\r\n        margin-bottom: 6px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    #meso-tracking-module .meso-info-item p {\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        color: var(--meso-text);\r\n        margin: 0;\r\n        word-break: break-word;\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline {\r\n        position: relative;\r\n        padding-left: 28px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: 8px;\r\n        top: 10px;\r\n        bottom: 0;\r\n        width: 2px;\r\n        background-color: var(--meso-border);\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline-item {\r\n        position: relative;\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        left: -25px;\r\n        top: 6px;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-radius: 50%;\r\n        background-color: var(--meso-white);\r\n        border: 3px solid var(--meso-border);\r\n        z-index: 2;\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline-item.active::before {\r\n        border-color: var(--meso-primary);\r\n        background-color: var(--meso-primary);\r\n    }\r\n\r\n    #meso-tracking-module .meso-timeline-content {\r\n        display: flex;\r\n        gap: 15px;\r\n        background: var(--meso-light);\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    #meso-tracking-module .meso-icon {\r\n        font-size: 1.4rem;\r\n        line-height: 1;\r\n        padding-top: 2px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-text h4 {\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        margin-bottom: 4px;\r\n        color: var(--meso-text);\r\n    }\r\n\r\n    #meso-tracking-module .meso-text p {\r\n        font-size: 0.9rem;\r\n        color: var(--meso-text-light);\r\n    }\r\n\r\n    \/* Features Section *\/\r\n    #meso-tracking-module .meso-features {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 24px;\r\n        margin-bottom: 48px;\r\n        content-visibility: auto; \/* Browser Optimization *\/\r\n    }\r\n\r\n    #meso-tracking-module .meso-feat-card {\r\n        background-color: var(--meso-white);\r\n        border-radius: 12px;\r\n        box-shadow: var(--meso-shadow);\r\n        padding: 30px;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        border: 1px solid rgba(0,0,0,0.02);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    \r\n    #meso-tracking-module .meso-feat-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    #meso-tracking-module .meso-feat-icon {\r\n        font-size: 2.5rem;\r\n        margin-bottom: 20px;\r\n        line-height: 1;\r\n    }\r\n\r\n    #meso-tracking-module .meso-feat-card h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: 600;\r\n        margin-bottom: 12px;\r\n        color: var(--meso-text);\r\n    }\r\n\r\n    #meso-tracking-module .meso-feat-card p {\r\n        font-size: 0.95rem;\r\n        color: var(--meso-text-light);\r\n        margin-bottom: 24px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    #meso-tracking-module .meso-feat-card .meso-track-btn {\r\n        width: auto;\r\n        padding: 10px 24px;\r\n        font-size: 0.9rem;\r\n        box-shadow: none;\r\n    }\r\n\r\n    \/* FAQ Section *\/\r\n    #meso-tracking-module .meso-faq-container {\r\n        background-color: var(--meso-white);\r\n        border-radius: 12px;\r\n        box-shadow: var(--meso-shadow);\r\n        padding: 40px;\r\n        border: 1px solid rgba(0,0,0,0.02);\r\n        content-visibility: auto;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-container h2 {\r\n        font-size: 1.8rem;\r\n        font-weight: 600;\r\n        margin-bottom: 30px;\r\n        text-align: center;\r\n        color: var(--meso-text);\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-item {\r\n        border: 1px solid var(--meso-border);\r\n        border-radius: 8px;\r\n        margin-bottom: 16px;\r\n        overflow: hidden;\r\n        background-color: #fff;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-question {\r\n        padding: 20px 24px;\r\n        background-color: var(--meso-light);\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-weight: 500;\r\n        color: var(--meso-text);\r\n        transition: background-color 0.2s;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-question:hover {\r\n        background-color: #e2e6ea;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-question::after {\r\n        content: '+';\r\n        font-size: 1.5rem;\r\n        font-weight: 300;\r\n        line-height: 1;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-item.active .meso-faq-question::after {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        padding: 0 24px;\r\n        transition: all 0.3s cubic-bezier(0, 1, 0, 1);\r\n        background-color: var(--meso-white);\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-item.active .meso-faq-answer {\r\n        padding: 20px 24px;\r\n        max-height: 500px;\r\n    }\r\n\r\n    #meso-tracking-module .meso-faq-footer {\r\n        text-align: center;\r\n        margin-top: 40px;\r\n        padding-top: 24px;\r\n        border-top: 1px solid var(--meso-border);\r\n    }\r\n    \r\n    #meso-tracking-module .meso-faq-footer p {\r\n        font-size: 1rem;\r\n        color: var(--meso-text);\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    #meso-tracking-module a.meso-text-link {\r\n        color: var(--meso-primary);\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        transition: color 0.2s;\r\n    }\r\n\r\n    #meso-tracking-module a.meso-text-link:hover {\r\n        color: var(--meso-primary-hover);\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n        #meso-tracking-module .meso-grid-section {\r\n            grid-template-columns: 1fr;\r\n            gap: 24px;\r\n        }\r\n        #meso-tracking-module .meso-gallery-wrapper {\r\n            aspect-ratio: 4\/3;\r\n            max-height: none;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        #meso-tracking-module { padding: 10px 0; }\r\n        #meso-tracking-module .meso-card, \r\n        #meso-tracking-module .meso-faq-container { padding: 24px 20px; }\r\n        #meso-tracking-module .meso-info-grid { grid-template-columns: 1fr; }\r\n        #meso-tracking-module .meso-caption-overlay { padding: 40px 20px 20px; }\r\n        #meso-tracking-module .meso-caption-overlay h3 { font-size: 1.25rem; }\r\n        #meso-tracking-module .meso-header h2 { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<!-- 3. Main HTML Container (Isolated) -->\r\n<div id=\"meso-tracking-module\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"meso-header\">\r\n        <h2>Track Your Mesoforming Machinery Shipment<\/h2>\r\n        <p>Monitor the status of your Mesoforming thermoforming machine order in real-time. Enter your tracking number to get the latest updates on your industrial equipment delivery.<\/p>\r\n        \r\n        <nav class=\"meso-breadcrumbs\" aria-label=\"Breadcrumb\">\r\n            <ol>\r\n                <li><a href=\"https:\/\/mesoforming.com\/\">Home<\/a><\/li>\r\n                <li class=\"meso-sep\">\/<\/li>\r\n                <li><a href=\"https:\/\/mesoforming.com\/track-your-shipment\" aria-current=\"page\">Track Your Shipment<\/a><\/li>\r\n            <\/ol>\r\n        <\/nav>\r\n    <\/div>\r\n    \r\n    <!-- Carousel Gallery (LCP Optimized) -->\r\n    <div class=\"meso-gallery-wrapper\" id=\"mesoFactoryGallery\">\r\n        <div class=\"meso-slides-track\">\r\n            <!-- Slide 1: High Priority -->\r\n            <div class=\"meso-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/mesoforming.com\/wp-content\/uploads\/2024\/06\/2024061106072669.webp\" \r\n                     alt=\"Workers loading wooden crates into shipping container on trailer\" \r\n                     fetchpriority=\"high\"\r\n                     width=\"1200\" height=\"675\">\r\n                <div class=\"meso-caption-overlay\">\r\n                    <h3>Advanced Manufacturing<\/h3>\r\n                    <p>State-of-the-art production facility ensuring precision engineering.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Slide 2: Lazy Load -->\r\n            <div class=\"meso-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=80\" \r\n                     alt=\"Quality Control Center for industrial thermoforming equipment\" \r\n                     loading=\"lazy\" \r\n                     width=\"1200\" height=\"675\">\r\n                <div class=\"meso-caption-overlay\">\r\n                    <h3>Quality Control<\/h3>\r\n                    <p>Rigorous testing and quality assurance for every machine.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Slide 3: Lazy Load -->\r\n            <div class=\"meso-slide\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581093458872-786b13dba66d?auto=format&fit=crop&w=1200&q=80\" \r\n                     alt=\"Global Shipping logistics for Mesoforming machinery export\" \r\n                     loading=\"lazy\" \r\n                     width=\"1200\" height=\"675\">\r\n                <div class=\"meso-caption-overlay\">\r\n                    <h3>Global Logistics<\/h3>\r\n                    <p>Efficient worldwide distribution network to your location.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <button class=\"meso-nav-btn meso-prev\" aria-label=\"Previous Slide\">\u276e<\/button>\r\n        <button class=\"meso-nav-btn meso-next\" aria-label=\"Next Slide\">\u276f<\/button>\r\n        \r\n        <div class=\"meso-dots\">\r\n            <button class=\"meso-dot active\" aria-label=\"Go to Slide 1\"><\/button>\r\n            <button class=\"meso-dot\" aria-label=\"Go to Slide 2\"><\/button>\r\n            <button class=\"meso-dot\" aria-label=\"Go to Slide 3\"><\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tracking Grid -->\r\n    <div class=\"meso-grid-section\">\r\n        <!-- Input Card -->\r\n        <div class=\"meso-card\">\r\n            <div class=\"meso-status-badge\" id=\"mesoCurrentStatus\">\r\n                Enter tracking number to check status\r\n            <\/div>\r\n            <div class=\"meso-form\">\r\n                <div class=\"meso-form-group\">\r\n                    <label for=\"mesoYQNum\" class=\"meso-label\">Tracking Number<\/label>\r\n                    <input type=\"text\" id=\"mesoYQNum\" class=\"meso-input\" maxlength=\"50\" placeholder=\"e.g., MSF123456789\" \/>\r\n                <\/div>\r\n                \r\n                <button type=\"button\" class=\"meso-track-btn\" id=\"mesoTrackBtn\">TRACK SHIPMENT<\/button>\r\n                \r\n                <!-- 17Track API Container -->\r\n                <div id=\"YQContainer\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Details Card -->\r\n        <div class=\"meso-card\">\r\n            <div class=\"meso-status-badge\">Shipment Details<\/div>\r\n            \r\n            <div class=\"meso-info-grid\">\r\n                <div class=\"meso-info-item\">\r\n                    <h4>Tracking No.<\/h4>\r\n                    <p id=\"resTrackNum\">-<\/p>\r\n                <\/div>\r\n                <div class=\"meso-info-item\">\r\n                    <h4>Status<\/h4>\r\n                    <p id=\"resStatus\">-<\/p>\r\n                <\/div>\r\n                <div class=\"meso-info-item\">\r\n                    <h4>Est. Delivery<\/h4>\r\n                    <p id=\"resDelivery\">-<\/p>\r\n                <\/div>\r\n                <div class=\"meso-info-item\">\r\n                    <h4>Last Update<\/h4>\r\n                    <p id=\"resUpdate\">-<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"meso-timeline\" id=\"mesoTimeline\">\r\n                <div class=\"meso-timeline-item\">\r\n                    <div class=\"meso-timeline-content\">\r\n                        <div class=\"meso-icon\">\ud83d\udcdd<\/div>\r\n                        <div class=\"meso-text\">\r\n                            <h4>Ready to Track<\/h4>\r\n                            <p>Please enter your tracking number.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Features -->\r\n    <div class=\"meso-features\">\r\n        <div class=\"meso-feat-card\">\r\n            <div class=\"meso-feat-icon\">\ud83d\ude9a<\/div>\r\n            <h3>Real-Time Tracking<\/h3>\r\n            <p>Monitor your machinery shipment progress with live global updates.<\/p>\r\n            <a href=\"#\" class=\"meso-track-btn\">Learn More<\/a>\r\n        <\/div>\r\n        <div class=\"meso-feat-card\">\r\n            <div class=\"meso-feat-icon\">\ud83d\udce6<\/div>\r\n            <h3>Global Shipping<\/h3>\r\n            <p>We ship thermoforming machines to over 40 countries securely.<\/p>\r\n            <a href=\"#\" class=\"meso-track-btn\">Shipping Info<\/a>\r\n        <\/div>\r\n        <div class=\"meso-feat-card\">\r\n            <div class=\"meso-feat-icon\">\u23f1\ufe0f<\/div>\r\n            <h3>Fast Delivery<\/h3>\r\n            <p>Optimized logistics ensure your industrial equipment arrives on time.<\/p>\r\n            <a href=\"#\" class=\"meso-track-btn\">Timeframes<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- FAQ -->\r\n    <div class=\"meso-faq-container\">\r\n        <h2>Frequently Asked Questions<\/h2>\r\n        \r\n        <div class=\"meso-faq-item\">\r\n            <div class=\"meso-faq-question\">How long does shipping typically take?<\/div>\r\n            <div class=\"meso-faq-answer\">\r\n                <p>Standard delivery to Europe\/North America takes 15-25 business days. Express options are available for urgent orders.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"meso-faq-item\">\r\n            <div class=\"meso-faq-question\">What if tracking isn't updating?<\/div>\r\n            <div class=\"meso-faq-answer\">\r\n                <p>If not updated for 3+ business days, please contact logistics@mesoforming.com or call (+86)18025612076 for assistance.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"meso-faq-item\">\r\n            <div class=\"meso-faq-question\">Do you provide installation support?<\/div>\r\n            <div class=\"meso-faq-answer\">\r\n                <p>Yes, we offer comprehensive remote and on-site installation and training services worldwide.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"meso-faq-item\">\r\n            <div class=\"meso-faq-question\">How are customs delays handled?<\/div>\r\n            <div class=\"meso-faq-answer\">\r\n                <p>Our team prepares all documentation to minimize delays and works directly with carriers to resolve customs issues quickly.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"meso-faq-footer\">\r\n            <p>Looking for more information? Visit our complete FAQ page for detailed answers to all your questions.<\/p>\r\n            <br>\r\n            <a href=\"\/faq\" class=\"meso-text-link\">Visit Complete FAQ Page \u2192<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- 4. Logic Scripts (Deferred for Speed) -->\r\n<script type=\"text\/javascript\" src=\"\/\/www.17track.net\/externalcall.js\" defer><\/script>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \r\n    \/\/ Scoped execution to prevent global window pollution\r\n    (function() {\r\n        \/\/ --- Gallery Logic ---\r\n        const initGallery = () => {\r\n            const track = document.querySelector('.meso-slides-track');\r\n            const slides = document.querySelectorAll('.meso-slide');\r\n            const dots = document.querySelectorAll('.meso-dot');\r\n            const prevBtn = document.querySelector('.meso-prev');\r\n            const nextBtn = document.querySelector('.meso-next');\r\n            \r\n            if(!track || slides.length === 0) return;\r\n\r\n            let currentIndex = 0;\r\n            let autoSlideInterval;\r\n\r\n            const updateSlide = () => {\r\n                track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n                dots.forEach((dot, idx) => {\r\n                    dot.classList.toggle('active', idx === currentIndex);\r\n                });\r\n            };\r\n\r\n            const nextSlide = () => {\r\n                currentIndex = (currentIndex + 1) % slides.length;\r\n                updateSlide();\r\n            };\r\n\r\n            const prevSlide = () => {\r\n                currentIndex = (currentIndex - 1 + slides.length) % slides.length;\r\n                updateSlide();\r\n            };\r\n\r\n            const startAuto = () => {\r\n                clearInterval(autoSlideInterval);\r\n                autoSlideInterval = setInterval(nextSlide, 5000);\r\n            };\r\n\r\n            const stopAuto = () => clearInterval(autoSlideInterval);\r\n\r\n            if(nextBtn) {\r\n                nextBtn.addEventListener('click', (e) => { \r\n                    e.stopPropagation(); nextSlide(); startAuto(); \r\n                });\r\n            }\r\n            \r\n            if(prevBtn) {\r\n                prevBtn.addEventListener('click', (e) => { \r\n                    e.stopPropagation(); prevSlide(); startAuto(); \r\n                });\r\n            }\r\n\r\n            dots.forEach((dot, index) => {\r\n                dot.addEventListener('click', (e) => {\r\n                    e.stopPropagation(); currentIndex = index; updateSlide(); startAuto();\r\n                });\r\n            });\r\n\r\n            \/\/ Touch Support\r\n            let touchStartX = 0;\r\n            track.addEventListener('touchstart', e => {\r\n                touchStartX = e.changedTouches[0].screenX; stopAuto();\r\n            }, {passive: true});\r\n            \r\n            track.addEventListener('touchend', e => {\r\n                let touchEndX = e.changedTouches[0].screenX;\r\n                if (touchStartX - touchEndX > 50) nextSlide();\r\n                if (touchEndX - touchStartX > 50) prevSlide();\r\n                startAuto();\r\n            }, {passive: true});\r\n\r\n            const wrapper = document.getElementById('mesoFactoryGallery');\r\n            if(wrapper) {\r\n                wrapper.addEventListener('mouseenter', stopAuto);\r\n                wrapper.addEventListener('mouseleave', startAuto);\r\n            }\r\n\r\n            startAuto();\r\n        };\r\n\r\n        initGallery();\r\n\r\n        \/\/ --- FAQ Logic ---\r\n        const faqItems = document.querySelectorAll('.meso-faq-item');\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.meso-faq-question');\r\n            if(question) {\r\n                question.addEventListener('click', () => {\r\n                    faqItems.forEach(other => {\r\n                        if(other !== item) other.classList.remove('active');\r\n                    });\r\n                    item.classList.toggle('active');\r\n                });\r\n            }\r\n        });\r\n\r\n        \/\/ --- Tracking Logic ---\r\n        const trackBtn = document.getElementById('mesoTrackBtn');\r\n        const inputField = document.getElementById('mesoYQNum');\r\n\r\n        const getFutureDate = (days) => {\r\n            const d = new Date();\r\n            d.setDate(d.getDate() + days);\r\n            return d.toLocaleDateString();\r\n        };\r\n\r\n        const runTracking = () => {\r\n            const num = inputField.value.trim();\r\n            if(!num) {\r\n                alert(\"Please enter a tracking number.\");\r\n                return;\r\n            }\r\n\r\n            document.getElementById(\"mesoCurrentStatus\").textContent = \"Tracking: \" + num;\r\n            document.getElementById(\"resTrackNum\").textContent = num;\r\n            document.getElementById(\"resStatus\").textContent = \"Processing...\";\r\n            document.getElementById(\"resDelivery\").textContent = \"Calculating...\";\r\n            document.getElementById(\"resUpdate\").textContent = new Date().toLocaleDateString();\r\n\r\n            \/\/ 17Track API Call\r\n            if(typeof YQV5 !== 'undefined') {\r\n                YQV5.trackSingle({\r\n                    YQ_ContainerId: \"YQContainer\",\r\n                    YQ_Height: 560,\r\n                    YQ_Fc: \"0\",\r\n                    YQ_Lang: \"en\",\r\n                    YQ_Num: num\r\n                });\r\n            } else {\r\n                console.warn(\"Tracking API not loaded yet.\");\r\n            }\r\n\r\n            \/\/ Timeline Simulation (Visual Feedback)\r\n            const timeline = document.getElementById('mesoTimeline');\r\n            timeline.innerHTML = `\r\n                <div class=\"meso-timeline-item completed\">\r\n                    <div class=\"meso-timeline-content\">\r\n                        <div class=\"meso-icon\">\ud83d\udccb<\/div>\r\n                        <div class=\"meso-text\">\r\n                            <h4>Order Processed<\/h4>\r\n                            <p>${new Date().toLocaleDateString()} - Factory<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-timeline-item active\">\r\n                    <div class=\"meso-timeline-content\">\r\n                        <div class=\"meso-icon\">\ud83d\ude9a<\/div>\r\n                        <div class=\"meso-text\">\r\n                            <h4>In Transit<\/h4>\r\n                            <p>Latest Status: In Transit to Destination<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"meso-timeline-item\">\r\n                    <div class=\"meso-timeline-content\">\r\n                        <div class=\"meso-icon\">\ud83c\udfc1<\/div>\r\n                        <div class=\"meso-text\">\r\n                            <h4>Expected Delivery<\/h4>\r\n                            <p>Est: ${getFutureDate(15)}<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        };\r\n\r\n        if(trackBtn) trackBtn.addEventListener('click', runTracking);\r\n        if(inputField) {\r\n            inputField.addEventListener('keypress', (e) => {\r\n                if(e.key === 'Enter') runTracking();\r\n            });\r\n        }\r\n    })();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Track Your Mesoforming Machinery Shipment Monitor the status of your Mesoforming thermoforming machine order in real-time. Enter your tracking number to get the latest updates on your industrial equipment delivery. Home \/ Track Your Shipment Advanced Manufacturing State-of-the-art production facility ensuring precision engineering. Quality Control Rigorous testing and quality assurance for every machine. Global Logistics [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/3286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/comments?post=3286"}],"version-history":[{"count":0,"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/pages\/3286\/revisions"}],"wp:attachment":[{"href":"https:\/\/mesoforming.com\/id\/wp-json\/wp\/v2\/media?parent=3286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}