{"id":9235,"date":"2026-04-14T16:12:45","date_gmt":"2026-04-14T08:12:45","guid":{"rendered":"https:\/\/tiiocti.com\/?page_id=9235"},"modified":"2026-05-19T15:25:41","modified_gmt":"2026-05-19T07:25:41","slug":"moving-bags-manufacturer-landing-page","status":"publish","type":"page","link":"https:\/\/tiiocti.com\/es\/moving-bags-manufacturer-landing-page\/","title":{"rendered":"moving bags manufacturer-Landing page"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-lp-hero-main\">\n    <style>\n        #tiio-lp-hero-main {\n            --tiio-primary: #0d6efd; \n            --tiio-primary-hover: #0b5ed7;\n            --tiio-icon-bg: #e7f1ff;\n            --tiio-text-dark: #12151a;\n            --tiio-text-body: #495057;\n            --tiio-text-muted: #6c757d;\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            position: relative;\n            width: 100%;\n            display: flex;\n            align-items: center;\n            font-family: var(--font-body);\n            background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255,255,255,0.85) 65%, rgba(255,255,255,0) 100%), url('\/wp-content\/uploads\/2026\/01\/tiiocti-factory-6.png') center right \/ cover no-repeat;\n            padding: 80px 0; \n        }\n\n        #tiio-lp-hero-main .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            width: 100%;\n            position: relative;\n            z-index: 2;\n        }\n\n        #tiio-lp-hero-main .text-wrapper {\n            max-width: 650px;\n        }\n\n        #tiio-lp-hero-main .trust-badge {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 20px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--tiio-text-muted);\n            letter-spacing: 0.5px;\n        }\n\n        #tiio-lp-hero-main .stars {\n            color: #ffc107; \n            font-size: 16px;\n            letter-spacing: 2px;\n        }\n\n        #tiio-lp-hero-main h1 {\n            font-family: var(--font-head);\n            font-size: clamp(40px, 4.5vw, 56px);\n            font-weight: 800;\n            line-height: 1.15;\n            margin: 0 0 20px 0;\n            color: var(--tiio-text-dark);\n            letter-spacing: -1px;\n        }\n\n        #tiio-lp-hero-main h1 span {\n            color: var(--tiio-primary);\n            display: block;\n        }\n\n        #tiio-lp-hero-main .hook-text {\n            font-size: 18px;\n            line-height: 1.6;\n            color: var(--tiio-text-body);\n            margin: 0 0 35px 0;\n            font-weight: 400;\n        }\n\n        #tiio-lp-hero-main .action-area {\n            margin-bottom: 0; \n        }\n\n        #tiio-lp-hero-main .btn-group {\n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n            margin-bottom: 12px;\n        }\n\n        #tiio-lp-hero-main .btn {\n            font-weight: 600;\n            padding: 16px 32px;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: all 0.2s ease;\n            font-size: 16px;\n            cursor: pointer;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        #tiio-lp-hero-main .btn-primary {\n            background-color: var(--tiio-primary);\n            color: #ffffff !important;\n            border: 2px solid var(--tiio-primary);\n            box-shadow: 0 4px 15px rgba(13, 110, 253, 0.2);\n        }\n\n        #tiio-lp-hero-main .btn-primary:hover {\n            background-color: var(--tiio-primary-hover);\n            border-color: var(--tiio-primary-hover);\n            transform: translateY(-2px);\n        }\n\n        #tiio-lp-hero-main .btn-outline {\n            background-color: transparent;\n            color: var(--tiio-primary) !important;\n            border: 2px solid var(--tiio-primary);\n        }\n\n        #tiio-lp-hero-main .btn-outline:hover {\n            background-color: var(--tiio-icon-bg);\n            transform: translateY(-2px);\n        }\n\n        #tiio-lp-hero-main .guarantee-text {\n            font-size: 13px;\n            color: var(--tiio-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        #tiio-lp-hero-main .guarantee-text svg {\n            width: 14px;\n            height: 14px;\n            fill: #198754; \n        }\n\n        @media (max-width: 980px) {\n            #tiio-lp-hero-main {\n                background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.9) 100%), url('\/wp-content\/uploads\/2026\/01\/tiiocti-factory-6.png') center top \/ cover no-repeat;\n                padding: 60px 0;\n                text-align: center;\n            }\n            #tiio-lp-hero-main .text-wrapper {\n                margin: 0 auto;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n            #tiio-lp-hero-main .btn-group { justify-content: center; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-lp-hero-main .container { padding: 0 20px; }\n            #tiio-lp-hero-main h1 { font-size: 34px; }\n            #tiio-lp-hero-main .btn-group { flex-direction: column; width: 100%; }\n            #tiio-lp-hero-main .btn { width: 100%; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        <div class=\"text-wrapper\">\n            <div class=\"trust-badge\">\n                <span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                <span>Trusted by 500+ US Movers & Brands<\/span>\n            <\/div>\n\n            <h1>\n                Factory-Direct\n                <span>Custom Moving Bags<\/span>\n            <\/h1>\n\n            <p class=\"hook-text\">\n                Stop overpaying middlemen. Get heavy-duty, customized moving bags directly from the source. We handle everything from prototyping to global delivery.\n            <\/p>\n\n            <div class=\"action-area\">\n                <div class=\"btn-group\">\n                    <a href=\"#request-sample\" class=\"btn btn-primary open-popup\">\n                        Claim Free Samples\n                    <\/a>\n                    <a href=\"#get-quote\" class=\"btn btn-outline open-popup\">\n                        Get a Custom Quote\n                    <\/a>\n                <\/div>\n                <div class=\"guarantee-text\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\n                    No hidden fees. Fast turnaround guaranteed.\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\" data-et-multi-view-load-phone-hidden=\"true\"><div id=\"tiio-lp-features\">\n    <style>\n        #tiio-lp-features {\n            --tiio-primary: #0d6efd; \n            --tiio-icon-bg: #e7f1ff;\n            --tiio-text-dark: #12151a;\n            --tiio-text-muted: #6c757d;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            font-family: var(--font-body);\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            box-sizing: border-box;\n            position: relative;\n            z-index: 10;\n        }\n\n        #tiio-lp-features .features-bar {\n            background: #ffffff;\n            border-radius: 12px;\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 20px;\n            padding: 24px 28px;\n            border: 1px solid #e9ecef;\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #tiio-lp-features .feature-item {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            position: relative;\n        }\n\n        #tiio-lp-features .feature-item:not(:last-child)::after {\n            content: \"\";\n            position: absolute;\n            right: -10px;\n            top: 15%;\n            height: 70%;\n            width: 1px;\n            background: #e9ecef;\n        }\n\n        #tiio-lp-features .feat-icon {\n            width: 44px;\n            height: 44px;\n            background: var(--tiio-icon-bg);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            color: var(--tiio-primary);\n        }\n\n        #tiio-lp-features .feat-icon svg {\n            width: 22px;\n            height: 22px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        #tiio-lp-features .feat-text {\n            display: flex;\n            flex-direction: column;\n        }\n\n        #tiio-lp-features .feat-title {\n            font-weight: 700;\n            font-size: 15px;\n            color: var(--tiio-text-dark);\n            margin-bottom: 2px;\n        }\n\n        #tiio-lp-features .feat-desc {\n            font-size: 13px;\n            color: var(--tiio-text-muted);\n        }\n\n        @media (max-width: 1100px) {\n            #tiio-lp-features .features-bar { grid-template-columns: repeat(2, 1fr); }\n            #tiio-lp-features .feature-item:nth-child(2)::after { display: none; }\n            #tiio-lp-features .feature-item:not(:last-child)::after { right: -10px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-lp-features { padding: 0 20px; }\n            #tiio-lp-features .features-bar {\n                grid-template-columns: 1fr;\n                gap: 16px;\n                padding: 20px;\n            }\n            #tiio-lp-features .feature-item:not(:last-child)::after { display: none; }\n        }\n    <\/style>\n\n    <div class=\"features-bar\">\n        <div class=\"feature-item\">\n            <div class=\"feat-icon\">\n                <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 12 12 17 22 12\"><\/polyline><polyline points=\"2 17 12 22 22 17\"><\/polyline><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n                <span class=\"feat-title\">Zero MOQ<\/span>\n                <span class=\"feat-desc\">Start small, scale fast<\/span>\n            <\/div>\n        <\/div>\n        \n        <div class=\"feature-item\">\n            <div class=\"feat-icon\">\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n                <span class=\"feat-title\">Custom Logo<\/span>\n                <span class=\"feat-desc\">OEM brand printing<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n            <div class=\"feat-icon\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"><\/path><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n                <span class=\"feat-title\">Fast Prototyping<\/span>\n                <span class=\"feat-desc\">Ready for takeoff<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"feature-item\">\n            <div class=\"feat-icon\">\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><path d=\"M15 10.5c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2s.9 2 2 2h2c1.1 0 2 .9 2 2s-.9 2-2 2h-2c-1.1 0-2-.9-2-2\"><\/path><\/svg>\n            <\/div>\n            <div class=\"feat-text\">\n                <span class=\"feat-title\">Free Samples<\/span>\n                <span class=\"feat-desc\">Save money, risk-free<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-lp-divider\">\n    <style>\n        #tiio-lp-divider {\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            background-color: #0d6efd;\n            color: #ffffff;\n            font-family: var(--font-body);\n            padding: 45px 0; \n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #tiio-lp-divider .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            gap: 20px; \n        }\n\n        #tiio-lp-divider h2 {\n            font-family: var(--font-head);\n            font-size: 36px; \n            font-weight: 800;\n            margin: 0; \n            color: #ffffff;\n            letter-spacing: -0.5px;\n            text-transform: capitalize; \n            line-height: 1.2;\n        }\n\n        #tiio-lp-divider p {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0; \n            color: rgba(255,255,255,0.9);\n            max-width: 700px;\n            font-weight: 400;\n            text-transform: lowercase; \n        }\n\n        #tiio-lp-divider .btn-white {\n            background-color: #ffffff;\n            color: #0d6efd !important;\n            font-weight: 800;\n            padding: 16px 40px;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: all 0.2s ease;\n            font-size: 16px;\n            cursor: pointer;\n            border: 2px solid #ffffff;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            text-transform: uppercase;\n        }\n\n        #tiio-lp-divider .btn-white:hover {\n            background-color: #f8f9fa;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n        }\n\n        #tiio-lp-divider .btn-white svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n        }\n\n        @media (max-width: 980px) {\n            #tiio-lp-divider { padding: 40px 0; }\n            #tiio-lp-divider h2 { font-size: 30px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-lp-divider { padding: 35px 0; }\n            #tiio-lp-divider .container { gap: 16px; }\n            #tiio-lp-divider h2 { font-size: 26px; }\n            #tiio-lp-divider p { font-size: 14px; }\n            #tiio-lp-divider .btn-white { width: 100%; justify-content: center; padding: 14px 20px; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        <h2>Explore Our Wholesale Solutions<\/h2>\n        \n        <p>browse our top-selling heavy-duty moving bags engineered for durability and branding. find the perfect fit for your inventory below.<\/p>\n        \n        <a href=\"#request-quote\" class=\"btn-white open-popup\">\nGet Free Smaple NOW\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-new-series-launch\">  \n     <script type=\"application\/ld+json\">  \n     {  \n       \"@context\": \"https:\/\/schema.org\",  \n       \"@type\": \"ItemList\",  \n       \"name\": \"Laminated PP Woven Bags Series\",  \n       \"itemListOrder\": \"https:\/\/schema.org\/ItemListOrderDescending\",  \n       \"itemListElement\": [  \n         { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Matte Finish Laminated Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Glossy Promotional Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Heavy Duty Shopping Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Custom Full Print Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 5, \"name\": \"Reinforced Handle Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 6, \"name\": \"Eco-Friendly Recycled Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 7, \"name\": \"Industrial Logistics Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 8, \"name\": \"Waterproof Storage Bag\" },  \n         { \"@type\": \"ListItem\", \"position\": 9, \"name\": \"Bulk Transportation Sack\" }  \n       ]  \n     }  \n     <\/script>  \n  \n     <style>\n    #tiio-new-series-launch {\n        --tiio-primary: #0056b3;\n        --tiio-primary-hover: #004494;\n        --tiio-text-dark: #0f172a;\n        --tiio-text-body: #475569;\n        --tiio-bg: #ffffff;\n        --font-head: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        --font-body: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        padding: 100px 0;\n        background-color: var(--tiio-bg);\n        font-family: var(--font-body);\n        width: 100%;\n        box-sizing: border-box;\n    }\n    #tiio-new-series-launch * { box-sizing: border-box; }\n    #tiio-new-series-launch .container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 40px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 60px;\n    }\n    #tiio-new-series-launch .content-side {\n        flex: 0 0 40%;\n        max-width: 500px;\n        display: flex;\n        flex-direction: column;\n    }\n    #tiio-new-series-launch .section-tag {\n        display: inline-block;\n        background: #f0f7ff;\n        color: var(--tiio-primary);\n        font-family: var(--font-head);\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        padding: 6px 14px;\n        border-radius: 4px;\n        margin-bottom: 25px;\n        align-self: flex-start;\n    }\n    #tiio-new-series-launch .content-side h2 {\n        font-family: var(--font-head);\n        font-size: clamp(32px, 3.5vw, 42px);\n        font-weight: 800;\n        color: var(--tiio-text-dark);\n        margin: 0 0 20px 0;\n        line-height: 1.15;\n        letter-spacing: -0.5px;\n    }\n    #tiio-new-series-launch .content-side p.lead {\n        font-size: 16px;\n        color: var(--tiio-text-body);\n        line-height: 1.7;\n        margin: 0 0 40px 0;\n    }\n    #tiio-new-series-launch .benefit-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 45px 0;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n    #tiio-new-series-launch .benefit-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 15px;\n        color: var(--tiio-text-dark);\n        font-weight: 500;\n    }\n    #tiio-new-series-launch .benefit-icon {\n        flex-shrink: 0;\n        width: 22px;\n        height: 22px;\n        color: var(--tiio-primary);\n        background: #f0f7ff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 4px;\n    }\n    #tiio-new-series-launch .benefit-icon svg {\n        width: 100%;\n        height: 100%;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 3;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n    #tiio-new-series-launch .btn-primary-action {\n        display: inline-block;\n        text-align: center;\n        padding: 16px 40px;\n        background-color: var(--tiio-primary);\n        color: #ffffff !important;\n        font-family: var(--font-head);\n        font-weight: 600;\n        font-size: 15px;\n        text-decoration: none;\n        border-radius: 6px;\n        transition: all 0.3s ease;\n        width: 100%;\n    }\n    #tiio-new-series-launch .btn-primary-action:hover {\n        background-color: var(--tiio-primary-hover);\n        transform: translateY(-2px);\n    }\n    #tiio-new-series-launch .gallery-side {\n        flex: 0 0 55%;\n        display: flex;\n        justify-content: flex-end;\n    }\n    #tiio-new-series-launch .image-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 40px 20px;\n        width: 100%;\n    }\n    #tiio-new-series-launch .grid-card {\n        background: transparent;\n        border: none;\n        box-shadow: none;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n    }\n    #tiio-new-series-launch .img-box {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 1;\n        background: transparent;\n        border: none;\n        border-radius: 4px;\n        cursor: zoom-in;\n        overflow: hidden;\n        box-shadow: none;\n    }\n    #tiio-new-series-launch .img-box img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    #tiio-new-series-launch .grid-card:hover .img-box img {\n        transform: scale(1.08);\n    }\n    #tiio-new-series-launch .zoom-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 0, 0, 0.2);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    #tiio-new-series-launch .grid-card:hover .zoom-overlay {\n        opacity: 1;\n    }\n    #tiio-new-series-launch .zoom-overlay svg {\n        width: 32px;\n        height: 32px;\n        fill: #ffffff;\n        transform: scale(0.8);\n        transition: transform 0.3s ease;\n    }\n    #tiio-new-series-launch .grid-card:hover .zoom-overlay svg {\n        transform: scale(1);\n    }\n    #tiio-new-series-launch .card-title {\n        font-family: var(--font-head);\n        font-size: 15px;\n        font-weight: 600;\n        color: var(--tiio-text-dark);\n        margin: 0;\n        text-align: center;\n        line-height: 1.4;\n    }\n    body.tiio-lb-open { overflow: hidden !important; }\n    #tiio-new-series-launch .tiio-lightbox {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(15, 23, 42, 0.95);\n        z-index: 2147483647; display: flex; align-items: center; justify-content: center;\n        opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;\n    }\n    #tiio-new-series-launch .tiio-lightbox.active { opacity: 1; visibility: visible; }\n    #tiio-new-series-launch .tiio-lightbox img {\n        max-width: 90vw; max-height: 90vh; border-radius: 4px;\n        transform: scale(0.95); transition: transform 0.3s ease; object-fit: contain;\n    }\n    #tiio-new-series-launch .tiio-lightbox.active img { transform: scale(1); }\n    #tiio-new-series-launch .lightbox-close {\n        position: absolute; top: 30px; right: 40px; color: #ffffff; font-size: 40px;\n        font-weight: 300; cursor: pointer; line-height: 1; transition: color 0.3s;\n    }\n    #tiio-new-series-launch .lightbox-close:hover { color: #94a3b8; }\n    @media (max-width: 1024px) {\n        #tiio-new-series-launch .container { flex-direction: column; text-align: center; }\n        #tiio-new-series-launch .content-side { max-width: 800px; align-items: center; flex: 1; }\n        #tiio-new-series-launch .section-tag { align-self: center; }\n        #tiio-new-series-launch .benefit-list { align-items: flex-start; margin-left: auto; margin-right: auto; text-align: left;}\n        #tiio-new-series-launch .gallery-side { width: 100%; flex: 1; justify-content: center; margin-top: 20px;}\n        #tiio-new-series-launch .image-grid { max-width: 800px; }\n    }\n    @media (max-width: 767px) {\n        #tiio-new-series-launch { padding: 40px 0; }\n        #tiio-new-series-launch .container { padding: 0 10px; width: 100%; }\n        #tiio-new-series-launch .content-side h2 { font-size: 28px; }\n        #tiio-new-series-launch .image-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 10px;\n            width: 100%;\n        }\n        #tiio-new-series-launch .grid-card { gap: 8px; }\n        #tiio-new-series-launch .card-title { font-size: 13px; }\n    }\n<\/style>\n  \n     <div class=\"container\">  \n         <div class=\"content-side\">  \n             <span class=\"section-tag\">Direct Manufacturer<\/span>  \n             <h2>Custom Moving Bags Solutions<\/h2>  \n             <p class=\"lead\">Stop overpaying middlemen. Get heavy-duty, customized moving bags directly from the source. We handle everything from prototyping to global delivery.<\/p>  \n             <ul class=\"benefit-list\">  \n                 <li class=\"benefit-item\">  \n                     <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>  \n                     Zero MOQ Requirements  \n                 <\/li>  \n                 <li class=\"benefit-item\">  \n                     <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>  \n                     Custom Logo Printing  \n                 <\/li>  \n                 <li class=\"benefit-item\">  \n                     <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>  \n                     Fast Prototyping  \n                 <\/li>  \n                 <li class=\"benefit-item\">  \n                     <div class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>  \n                     Free Samples Available  \n                 <\/li>  \n             <\/ul>  \n             <a href=\"#request-quote\" class=\"btn-primary-action\">GET A CUSTOM QUOTE<\/a>  \n         <\/div>  \n  \n         <div class=\"gallery-side\">  \n             <div class=\"image-grid\" id=\"tiio-gallery-grid\">  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Matte Laminated Bag\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Matte Finish<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Glossy Finish\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Glossy Finish<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Heavy Duty Handle\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Heavy Duty Webbing<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Full Color Print\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Full Custom Print<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Eco Material\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Eco-Friendly Series<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Retail Packaging\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Retail Packaging<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Industrial Logistics\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Logistics Bag<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Waterproof Storage\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Storage Bag<\/h3>  \n                 <\/div>  \n  \n                 <div class=\"grid-card\">  \n                     <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">  \n                         <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Bulk Transportation\">  \n                         <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>  \n                     <\/div>  \n                     <h3 class=\"card-title\">Bulk Sack<\/h3>  \n                 <\/div>  \n  \n             <\/div>  \n         <\/div>  \n  \n     <\/div>  \n  \n     <div class=\"tiio-lightbox\" id=\"tiio-series-lb\">  \n         <span class=\"lightbox-close\" id=\"tiio-series-lb-close\">&times;<\/span>  \n         <img decoding=\"async\" id=\"tiio-series-lb-img\" src=\"\" alt=\"Gallery Detail\">  \n     <\/div>  \n  \n     <script>  \n         document.addEventListener('DOMContentLoaded', function() {  \n             const lightbox = document.getElementById('tiio-series-lb');  \n             const lbImg = document.getElementById('tiio-series-lb-img');  \n             const lbClose = document.getElementById('tiio-series-lb-close');  \n  \n             if (!lightbox) return;  \n  \n             const grid = document.getElementById('tiio-gallery-grid');  \n             if (grid) {  \n                 grid.addEventListener('click', function(e) {  \n                     const trigger = e.target.closest('.lightbox-trigger');  \n                     if (trigger) {  \n                         e.preventDefault();  \n                         lbImg.src = trigger.getAttribute('data-img');  \n                         lightbox.classList.add('active');  \n                         document.body.classList.add('tiio-lb-open');  \n                     }  \n                 });  \n             }  \n  \n             function closeLightbox() {  \n                 lightbox.classList.remove('active');  \n                 document.body.classList.remove('tiio-lb-open');  \n                 setTimeout(() => { lbImg.src = ''; }, 300);  \n             }  \n  \n             lbClose.addEventListener('click', closeLightbox);  \n  \n             lightbox.addEventListener('click', function(e) {  \n                 if (e.target === lightbox) {  \n                     closeLightbox();  \n                 }  \n             });  \n               \n             document.addEventListener('keydown', function(e) {  \n                 if (e.key === 'Escape' && lightbox.classList.contains('active')) {  \n                     closeLightbox();  \n                 }  \n             });  \n         });  \n     <\/script>  \n <\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-lp-divider\">\n    <style>\n        #tiio-lp-divider {\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            background-color: #0d6efd;\n            color: #ffffff;\n            font-family: var(--font-body);\n            padding: 45px 0; \n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #tiio-lp-divider .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            gap: 20px; \n        }\n\n        #tiio-lp-divider h2 {\n            font-family: var(--font-head);\n            font-size: 36px; \n            font-weight: 800;\n            margin: 0; \n            color: #ffffff;\n            letter-spacing: -0.5px;\n            text-transform: capitalize; \n            line-height: 1.2;\n        }\n\n        #tiio-lp-divider p {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0; \n            color: rgba(255,255,255,0.9);\n            max-width: 700px;\n            font-weight: 400;\n            text-transform: lowercase; \n        }\n\n        #tiio-lp-divider .btn-white {\n            background-color: #ffffff;\n            color: #0d6efd !important;\n            font-weight: 800;\n            padding: 16px 40px;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: all 0.2s ease;\n            font-size: 16px;\n            cursor: pointer;\n            border: 2px solid #ffffff;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            text-transform: uppercase;\n        }\n\n        #tiio-lp-divider .btn-white:hover {\n            background-color: #f8f9fa;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n        }\n\n        #tiio-lp-divider .btn-white svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n        }\n\n        @media (max-width: 980px) {\n            #tiio-lp-divider { padding: 40px 0; }\n            #tiio-lp-divider h2 { font-size: 30px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-lp-divider { padding: 35px 0; }\n            #tiio-lp-divider .container { gap: 16px; }\n            #tiio-lp-divider h2 { font-size: 26px; }\n            #tiio-lp-divider p { font-size: 14px; }\n            #tiio-lp-divider .btn-white { width: 100%; justify-content: center; padding: 14px 20px; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        <h2>Explore Our Wholesale Solutions<\/h2>\n        \n        <p>browse our top-selling heavy-duty moving bags engineered for durability and branding. find the perfect fit for your inventory below.<\/p>\n        \n        <a href=\"#request-quote\" class=\"btn-white open-popup\">\nGet Free Smaple NOW\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-new-series-launch\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ItemList\",\n      \"name\": \"Laminated PP Woven Bags Series\",\n      \"itemListOrder\": \"https:\/\/schema.org\/ItemListOrderDescending\",\n      \"itemListElement\": [\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Matte Finish Laminated Bag\" },\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Glossy Promotional Bag\" },\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Heavy Duty Shopping Bag\" },\n        { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Custom Full Print Bag\" },\n        { \"@type\": \"ListItem\", \"position\": 5, \"name\": \"Reinforced Handle Bag\" },\n        { \"@type\": \"ListItem\", \"position\": 6, \"name\": \"Eco-Friendly Recycled Bag\" }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-new-series-launch {\n            --tiio-primary: #0d6efd;\n            --tiio-primary-hover: #0b5ed7;\n            --tiio-text-dark: #12151a;\n            --tiio-text-body: #495057;\n            --tiio-text-muted: #868e96;\n            --tiio-bg: #ffffff;\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            padding: 100px 0;\n            background-color: var(--tiio-bg);\n            font-family: var(--font-body);\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #tiio-new-series-launch * { box-sizing: border-box; }\n\n        #tiio-new-series-launch .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            align-items: center; \n            justify-content: space-between;\n            gap: 50px; \n        }\n\n        \/* ====== Left Side: Content ====== *\/\n        #tiio-new-series-launch .content-side {\n            flex: 0 0 42%; \/* \u5de6\u4fa7\u5360\u636e\u7ea6 42% \u7684\u5bbd\u5ea6 *\/\n            max-width: 550px; \n            display: flex;\n            flex-direction: column;\n        }\n\n        #tiio-new-series-launch .section-tag {\n            display: inline-block;\n            background: rgba(13, 110, 253, 0.1);\n            color: var(--tiio-primary);\n            font-family: var(--font-head);\n            font-size: 12px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            padding: 6px 14px;\n            border-radius: 4px;\n            margin-bottom: 25px;\n            align-self: flex-start;\n        }\n\n        #tiio-new-series-launch .content-side h2 {\n            font-family: var(--font-head);\n            font-size: clamp(32px, 3.5vw, 42px); \n            font-weight: 800;\n            color: var(--tiio-text-dark);\n            margin: 0 0 20px 0;\n            line-height: 1.15;\n            letter-spacing: -1px;\n            text-transform: capitalize;\n        }\n\n        #tiio-new-series-launch .content-side p.lead {\n            font-size: 16px;\n            color: var(--tiio-text-body);\n            line-height: 1.6;\n            margin: 0 0 35px 0;\n            font-weight: 400;\n        }\n\n        #tiio-new-series-launch .benefit-list {\n            list-style: none;\n            padding: 0; \n            margin: 0 0 40px 0;\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        #tiio-new-series-launch .benefit-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-size: 15px;\n            color: var(--tiio-text-dark);\n            font-weight: 500;\n        }\n\n        #tiio-new-series-launch .benefit-icon {\n            flex-shrink: 0;\n            width: 20px;\n            height: 20px;\n            color: var(--tiio-primary);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #tiio-new-series-launch .benefit-icon svg {\n            width: 100%;\n            height: 100%;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 3;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        #tiio-new-series-launch .action-box {\n            margin-top: 10px;\n        }\n\n        #tiio-new-series-launch .btn-primary-action {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px 40px;\n            background-color: var(--tiio-primary);\n            color: #ffffff !important;\n            font-family: var(--font-head);\n            font-weight: 800;\n            font-size: 14px;\n            text-transform: uppercase;\n            text-decoration: none;\n            letter-spacing: 0.5px;\n            border-radius: 6px;\n            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: 0 10px 25px rgba(13, 110, 253, 0.2);\n            gap: 10px;\n        }\n\n        #tiio-new-series-launch .btn-primary-action:hover {\n            background-color: var(--tiio-primary-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 35px rgba(13, 110, 253, 0.3);\n        }\n\n        #tiio-new-series-launch .btn-primary-action svg {\n            width: 16px;\n            height: 16px;\n            fill: currentColor;\n            transition: transform 0.2s;\n        }\n\n        #tiio-new-series-launch .btn-primary-action:hover svg {\n            transform: translateX(5px);\n        }\n\n        \/* ====== Right Side: 3-Column Grid (Match Red Box) ====== *\/\n        #tiio-new-series-launch .gallery-side {\n            flex: 0 0 55%; \/* \u53f3\u4fa7\u5360\u636e\u7ea6 55% \u7684\u7a7a\u95f4 *\/\n            display: flex;\n            justify-content: flex-end; \n        }\n\n        #tiio-new-series-launch .image-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr); \/* \u5b8c\u7f8e\u7684 3 \u5217\u6392\u7248 *\/\n            gap: 20px; \/* \u5361\u7247\u95f4\u9699 *\/\n            width: 100%;\n        }\n\n        #tiio-new-series-launch .grid-card {\n            background: #ffffff;\n            border: 1px solid #e9ecef;\n            border-radius: 8px;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n        }\n\n        #tiio-new-series-launch .grid-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(13, 110, 253, 0.08);\n            border-color: rgba(13, 110, 253, 0.3);\n        }\n\n        #tiio-new-series-launch .img-box {\n            position: relative;\n            width: 100%;\n            padding-top: 90%; \/* \u6bd4\u4f8b\u9002\u4e2d\uff0c\u4e0d\u4f1a\u663e\u5f97\u592a\u9ad8 *\/\n            background: #fdfdfd;\n            border-bottom: 1px solid #f0f2f5;\n            cursor: zoom-in;\n            overflow: hidden;\n        }\n\n        #tiio-new-series-launch .img-box img {\n            position: absolute;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            object-fit: contain; \n            padding: 15px; \/* \u56fe\u7247\u5185\u90e8\u7559\u767d *\/\n            transition: transform 0.5s ease;\n        }\n\n        #tiio-new-series-launch .grid-card:hover .img-box img {\n            transform: scale(1.08);\n        }\n\n        #tiio-new-series-launch .zoom-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(18, 21, 26, 0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        #tiio-new-series-launch .grid-card:hover .zoom-overlay {\n            opacity: 1;\n        }\n\n        #tiio-new-series-launch .zoom-overlay svg {\n            width: 32px;\n            height: 32px;\n            fill: #ffffff;\n            transform: scale(0.5);\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        #tiio-new-series-launch .grid-card:hover .zoom-overlay svg {\n            transform: scale(1);\n        }\n\n        #tiio-new-series-launch .card-text {\n            padding: 15px 12px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            gap: 5px;\n        }\n\n        #tiio-new-series-launch .card-title {\n            font-family: var(--font-head);\n            font-size: 14px; \n            font-weight: 800;\n            color: var(--tiio-text-dark);\n            margin: 0;\n            line-height: 1.3;\n        }\n\n        #tiio-new-series-launch .card-subtitle {\n            font-size: 12px; \n            color: var(--tiio-text-muted);\n            margin: 0;\n            line-height: 1.3;\n        }\n\n        \/* ====== Lightbox ====== *\/\n        body.tiio-lb-open { overflow: hidden !important; }\n        body.tiio-lb-open header, body.tiio-lb-open #main-header { z-index: 1 !important; }\n\n        #tiio-new-series-launch .tiio-lightbox {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(18, 21, 26, 0.95); backdrop-filter: blur(8px);\n            z-index: 2147483647; display: flex; align-items: center; justify-content: center;\n            opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;\n        }\n        #tiio-new-series-launch .tiio-lightbox.active { opacity: 1; visibility: visible; }\n        #tiio-new-series-launch .tiio-lightbox img {\n            max-width: 90vw; max-height: 90vh; border-radius: 8px; box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n            transform: scale(0.95); transition: transform 0.3s ease; object-fit: contain; background: #fff; padding: 15px;\n        }\n        #tiio-new-series-launch .tiio-lightbox.active img { transform: scale(1); }\n        #tiio-new-series-launch .lightbox-close {\n            position: absolute; top: 25px; right: 35px; color: #ffffff; font-size: 40px;\n            font-family: sans-serif; cursor: pointer; line-height: 1; transition: color 0.3s; z-index: 2;\n        }\n        #tiio-new-series-launch .lightbox-close:hover { color: var(--tiio-primary); }\n\n        \/* ====== Responsive ====== *\/\n        @media (max-width: 1100px) {\n            #tiio-new-series-launch .container { gap: 30px; }\n            #tiio-new-series-launch .content-side { flex: 0 0 45%; }\n            #tiio-new-series-launch .gallery-side { flex: 0 0 52%; }\n        }\n\n        @media (max-width: 1024px) {\n            #tiio-new-series-launch .container { flex-direction: column; gap: 50px; text-align: center; }\n            #tiio-new-series-launch .content-side { max-width: 800px; align-items: center; flex: 1; }\n            #tiio-new-series-launch .section-tag { align-self: center; }\n            #tiio-new-series-launch .benefit-list { align-items: flex-start; margin-left: auto; margin-right: auto; }\n            #tiio-new-series-launch .gallery-side { width: 100%; flex: 1; justify-content: center; }\n            #tiio-new-series-launch .image-grid { max-width: 800px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-new-series-launch { padding: 60px 0; }\n            #tiio-new-series-launch .container { padding: 0 20px !important; }\n            #tiio-new-series-launch .content-side h2 { font-size: 28px; letter-spacing: -1px; }\n            \n            #tiio-new-series-launch .image-grid {\n                grid-template-columns: repeat(2, 1fr); \/* \u624b\u673a\u7aef\u4f9d\u7136\u4fdd\u63012\u5217\uff0c\u9632\u6b62\u592a\u5c0f *\/\n                gap: 12px;\n            }\n            #tiio-new-series-launch .img-box img { padding: 10px; }\n            #tiio-new-series-launch .btn-primary-action { width: 100%; justify-content: center; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        \n        <div class=\"content-side\">\n            <span class=\"section-tag\">New Collection Launch<\/span>\n            <h2>Laminated PP Woven Shopping Bags<\/h2>\n            \n            <p class=\"lead\">Engineered for commercial strength and vibrant branding. High-quality lamination ensures superior graphics and enhanced durability for wholesale distribution.<\/p>\n            \n            <ul class=\"benefit-list\">\n                <li class=\"benefit-item\">\n                    <div class=\"benefit-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    Premium 180gsm Precision Weaving\n                <\/li>\n                <li class=\"benefit-item\">\n                    <div class=\"benefit-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    Vibrant Full-Color CMYK Printing\n                <\/li>\n                <li class=\"benefit-item\">\n                    <div class=\"benefit-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    Heavy-Duty reinforced Handle Assembly\n                <\/li>\n                <li class=\"benefit-item\">\n                    <div class=\"benefit-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    Eco-Friendly Recycled Material Options\n                <\/li>\n                <li class=\"benefit-item\">\n                    <div class=\"benefit-icon\">\n                        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    <\/div>\n                    Zero MOQ Accepted for Trial Orders\n                <\/li>\n            <\/ul>\n\n            <div class=\"action-box\">\n                <a href=\"#request-quote\" class=\"btn-primary-action open-popup\">\n                    GET FACTORY QUOTE NOW\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"gallery-side\">\n            <div class=\"image-grid\" id=\"tiio-gallery-grid\">\n                \n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Matte Laminated\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Matte Finish<\/h4>\n                        <p class=\"card-subtitle\">Waterproof &#038; Anti-scratch<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Glossy Finish\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Glossy Finish<\/h4>\n                        <p class=\"card-subtitle\">High impact graphics<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Heavy Duty Handle\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Heavy Duty Webbing<\/h4>\n                        <p class=\"card-subtitle\">Reinforced X-stitching<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Full Color Print\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Full Custom Print<\/h4>\n                        <p class=\"card-subtitle\">CMYK edge-to-edge<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Eco Material\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Eco-Friendly Series<\/h4>\n                        <p class=\"card-subtitle\">Recyclable PP material<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid-card\">\n                    <div class=\"img-box lightbox-trigger\" data-img=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                        <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Retail Packaging\">\n                        <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                    <\/div>\n                    <div class=\"card-text\">\n                        <h4 class=\"card-title\">Retail Packaging<\/h4>\n                        <p class=\"card-subtitle\">Stand up straight base<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"tiio-lightbox\" id=\"tiio-series-lb\">\n        <div class=\"lightbox-close\" id=\"tiio-series-lb-close\">\u00d7<\/div>\n        <img decoding=\"async\" id=\"tiio-series-lb-img\" src=\"\" alt=\"Gallery Detail\">\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const lightbox = document.getElementById('tiio-series-lb');\n            const lbImg = document.getElementById('tiio-series-lb-img');\n            const lbClose = document.getElementById('tiio-series-lb-close');\n\n            if (!lightbox) return;\n\n            const grid = document.getElementById('tiio-gallery-grid');\n            if (grid) {\n                grid.addEventListener('click', function(e) {\n                    const trigger = e.target.closest('.lightbox-trigger');\n                    if (trigger) {\n                        e.preventDefault();\n                        lbImg.src = trigger.getAttribute('data-img');\n                        lightbox.classList.add('active');\n                        document.body.classList.add('tiio-lb-open');\n                    }\n                });\n            }\n\n            function closeLightbox() {\n                lightbox.classList.remove('active');\n                document.body.classList.remove('tiio-lb-open');\n            }\n\n            lbClose.addEventListener('click', closeLightbox);\n\n            lightbox.addEventListener('click', function(e) {\n                if (e.target === lightbox) {\n                    closeLightbox();\n                }\n            });\n        });\n    <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-mattress-banner-refined\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Product\",\n      \"name\": \"Professional Mattress Moving Bag\",\n      \"description\": \"Wholesale heavy-duty mattress protection bags. Available for custom OEM colors and distributor bulk orders.\",\n      \"image\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/04\/81YfeU5LmQL.jpg\",\n      \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"TIIOCTI\"\n      }\n    }\n    <\/script>\n\n    <style>\n        #tiio-mattress-banner-refined {\n            --tiio-slate: #0f172a;\n            --tiio-brand-blue: #2b70fa;\n            --tiio-brand-blue-hover: #1e5de6;\n            --tiio-contrast: #ff6b00;\n            --font-main: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            \n            width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            padding: 55px 0;\n            font-family: var(--font-main);\n            overflow: visible;\n            display: flex;\n            align-items: center;\n            box-sizing: border-box;\n        }\n\n        #tiio-mattress-banner-refined .banner-bg {\n            position: absolute;\n            top: 0; \n            left: 0; \n            width: 100vw; \n            height: 100%;\n            background-image: url('https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/04\/81YfeU5LmQL.jpg');\n            background-size: cover;\n            background-position: center 10%; \n            z-index: 1;\n        }\n\n        #tiio-mattress-banner-refined .banner-overlay {\n            position: absolute;\n            top: 0; \n            left: 0; \n            width: 100vw; \n            height: 100%;\n            background: linear-gradient(90deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.88) 40%, rgba(0, 86, 179, 0.3) 100%);\n            z-index: 2;\n        }\n\n        #tiio-mattress-banner-refined .container {\n            position: relative;\n            z-index: 3;\n            max-width: 1350px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: 100%;\n            gap: 40px;\n        }\n\n        #tiio-mattress-banner-refined .text-group {\n            flex: 1;\n        }\n\n        #tiio-mattress-banner-refined .banner-title {\n            font-size: clamp(24px, 3vw, 32px);\n            font-weight: 800;\n            color: #ffffff;\n            margin: 0 0 12px 0;\n            line-height: 1.2;\n            letter-spacing: -0.5px;\n        }\n\n        #tiio-mattress-banner-refined .banner-features {\n            font-size: 15px;\n            color: rgba(255, 255, 255, 0.9);\n            margin: 0;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        #tiio-mattress-banner-refined .feature-item {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        #tiio-mattress-banner-refined .feature-item svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: var(--tiio-contrast);\n            stroke-width: 3;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        #tiio-mattress-banner-refined .action-group {\n            flex-shrink: 0;\n        }\n\n        #tiio-mattress-banner-refined .btn-cta {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--tiio-brand-blue);\n            color: #ffffff !important;\n            font-weight: 700;\n            padding: 18px 40px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 4px;\n            transition: all 0.3s ease;\n            font-size: 16px;\n            letter-spacing: 1px;\n            gap: 12px;\n            border: none;\n        }\n\n        #tiio-mattress-banner-refined .btn-cta:hover {\n            background-color: var(--tiio-brand-blue-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(43, 112, 250, 0.3);\n        }\n\n        #tiio-mattress-banner-refined .btn-cta svg {\n            width: 20px;\n            height: 20px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: transform 0.3s ease;\n        }\n\n        #tiio-mattress-banner-refined .btn-cta:hover svg {\n            transform: translateX(5px);\n        }\n\n        @media (max-width: 980px) {\n            #tiio-mattress-banner-refined .container {\n                flex-direction: column;\n                text-align: center;\n            }\n            #tiio-mattress-banner-refined .banner-features {\n                justify-content: center;\n            }\n            #tiio-mattress-banner-refined .banner-overlay {\n                background: linear-gradient(180deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.85) 100%);\n            }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-mattress-banner-refined { padding: 45px 0; }\n            #tiio-mattress-banner-refined .container { padding: 0 20px; }\n            #tiio-mattress-banner-refined .btn-cta { width: 100%; box-sizing: border-box; }\n        }\n    <\/style>\n\n    <div class=\"banner-bg\"><\/div>\n    <div class=\"banner-overlay\"><\/div>\n\n    <div class=\"container\">\n        <div class=\"text-group\">\n            <h2 class=\"banner-title\">Premium Mattress Protection Bags<\/h2>\n            <div class=\"banner-features\">\n                <span class=\"feature-item\">\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    Wholesale Distribution\n                <\/span>\n                <span class=\"feature-item\">\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    OEM Custom Colors\n                <\/span>\n                <span class=\"feature-item\">\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    High-Density Material\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"action-group\">\n            <a href=\"#quote\" class=\"btn-cta\">\n                GET FACTORY QUOTE NOW\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-factory-gallery\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"HowTo\",\n      \"name\": \"Moving Bags Manufacturing Quality Control Process\",\n      \"step\": [\n        { \"@type\": \"HowToStep\", \"name\": \"Raw Material Sourcing\", \"text\": \"Premium PP material selection.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Automated Cutting\", \"text\": \"Precision laser cutting for uniform dimensions.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Panel Printing\", \"text\": \"Silk screen and heat transfer printing.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Cross-Stitching\", \"text\": \"Reinforced X-stitching on all handles.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Handle Assembly\", \"text\": \"Heavy-duty webbing attachment.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Load Testing\", \"text\": \"Static 80lbs suspension test.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"AQL Inspection\", \"text\": \"Strict AQL 2.5 defect checking.\" },\n        { \"@type\": \"HowToStep\", \"name\": \"Export Packing\", \"text\": \"5-layer corrugated carton palletizing.\" }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-factory-gallery {\n            --tiio-primary: #0d6efd;\n            --tiio-primary-hover: #0b5ed7;\n            --tiio-text-dark: #12151a;\n            --tiio-text-body: #495057;\n            --tiio-bg: #ffffff;\n            --tiio-bg-light: #f8f9fa;\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            padding: 100px 0;\n            background-color: var(--tiio-bg);\n            width: 100%;\n            font-family: var(--font-body);\n            box-sizing: border-box;\n        }\n\n        #tiio-factory-gallery * { box-sizing: border-box; }\n\n        #tiio-factory-gallery .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        #tiio-factory-gallery .matrix-header {\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 60px auto;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        #tiio-factory-gallery .matrix-header h2 {\n            font-family: var(--font-head);\n            font-size: clamp(32px, 4vw, 42px);\n            font-weight: 800;\n            color: var(--tiio-text-dark);\n            margin: 0 0 20px 0;\n            text-transform: capitalize;\n            letter-spacing: -0.5px;\n            line-height: 1.15;\n            position: relative;\n            padding-bottom: 20px;\n        }\n\n        #tiio-factory-gallery .matrix-header h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background: var(--tiio-primary);\n        }\n\n        #tiio-factory-gallery .matrix-header p {\n            font-size: 16px;\n            color: var(--tiio-text-body);\n            line-height: 1.6;\n            margin: 0 0 35px 0;\n        }\n\n        #tiio-factory-gallery .btn-primary-action {\n            background-color: var(--tiio-primary);\n            color: #FFFFFF !important;\n            font-family: var(--font-head);\n            font-weight: 800;\n            padding: 18px 45px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 2px solid var(--tiio-primary);\n            letter-spacing: 1px;\n            font-size: 15px;\n            cursor: pointer;\n            box-shadow: 0 10px 25px rgba(13, 110, 253, 0.2);\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        #tiio-factory-gallery .btn-primary-action:hover {\n            background-color: var(--tiio-primary-hover);\n            border-color: var(--tiio-primary-hover);\n            box-shadow: 0 15px 35px rgba(13, 110, 253, 0.3);\n            transform: translateY(-2px);\n        }\n\n        #tiio-factory-gallery .btn-primary-action svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n            transition: transform 0.2s;\n        }\n\n        #tiio-factory-gallery .btn-primary-action:hover svg {\n            transform: translateX(4px);\n        }\n\n        #tiio-factory-gallery .matrix-body {\n            display: grid;\n            grid-template-columns: 0.3fr 0.7fr;\n            gap: 30px;\n            align-items: stretch;\n            min-height: 450px;\n        }\n\n        #tiio-factory-gallery .text-panel {\n            background: var(--tiio-bg-light);\n            padding: 40px 35px;\n            border-radius: 8px;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            border-top: 4px solid var(--tiio-primary);\n        }\n\n        #tiio-factory-gallery .text-panel h3 {\n            font-family: var(--font-head);\n            font-size: 22px;\n            font-weight: 800;\n            color: var(--tiio-text-dark);\n            margin: 0 0 20px 0;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            border-bottom: 1px solid #e9ecef;\n            padding-bottom: 15px;\n        }\n\n        #tiio-factory-gallery .text-panel p {\n            font-size: 15px;\n            color: var(--tiio-text-body);\n            line-height: 1.6;\n            margin: 0 0 30px 0;\n        }\n\n        #tiio-factory-gallery .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n            justify-content: flex-start;\n        }\n\n        #tiio-factory-gallery .feature-list li {\n            font-size: 15px;\n            color: var(--tiio-text-dark);\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            line-height: 1.4;\n        }\n\n        #tiio-factory-gallery .feature-list li::before {\n            content: '\u2713';\n            color: var(--tiio-primary);\n            font-weight: 900;\n            margin-right: 12px;\n            font-size: 18px;\n        }\n\n        #tiio-factory-gallery .image-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            grid-template-rows: repeat(2, 1fr);\n            gap: 15px;\n            height: 100%;\n        }\n\n        #tiio-factory-gallery .img-box {\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\n            background: var(--tiio-bg-light);\n            cursor: zoom-in;\n            height: 100%;\n            width: 100%;\n            min-height: 180px;\n        }\n\n        #tiio-factory-gallery .img-box img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n\n        #tiio-factory-gallery .img-box:hover img {\n            transform: scale(1.08);\n        }\n\n        #tiio-factory-gallery .zoom-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(18, 21, 26, 0.6);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        #tiio-factory-gallery .img-box:hover .zoom-overlay {\n            opacity: 1;\n        }\n\n        #tiio-factory-gallery .zoom-overlay svg {\n            width: 36px;\n            height: 36px;\n            fill: #ffffff;\n            transform: scale(0.5);\n            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        #tiio-factory-gallery .img-box:hover .zoom-overlay svg {\n            transform: scale(1);\n        }\n\n        body.lightbox-open-fix header,\n        body.lightbox-open-fix #main-header,\n        body.lightbox-open-fix .et-l--header,\n        body.lightbox-open-fix .elementor-location-header {\n            z-index: 1 !important;\n            opacity: 0 !important;\n            pointer-events: none !important;\n        }\n\n        #tiio-factory-gallery .tiio-lightbox {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(18, 21, 26, 0.95);\n            backdrop-filter: blur(8px);\n            z-index: 2147483647;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n        }\n\n        #tiio-factory-gallery .tiio-lightbox.active {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        #tiio-factory-gallery .tiio-lightbox img {\n            max-width: 90vw;\n            max-height: 90vh;\n            border-radius: 4px;\n            box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n            transform: scale(0.95);\n            transition: transform 0.3s ease;\n            object-fit: contain;\n        }\n\n        #tiio-factory-gallery .tiio-lightbox.active img {\n            transform: scale(1);\n        }\n\n        #tiio-factory-gallery .lightbox-close {\n            position: absolute;\n            top: 25px;\n            right: 35px;\n            color: #ffffff;\n            font-size: 40px;\n            font-family: sans-serif;\n            cursor: pointer;\n            line-height: 1;\n            transition: color 0.3s;\n            z-index: 2;\n        }\n\n        #tiio-factory-gallery .lightbox-close:hover {\n            color: var(--tiio-primary);\n        }\n\n        @media (max-width: 1024px) {\n            #tiio-factory-gallery .matrix-body {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            #tiio-factory-gallery .feature-list {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 15px;\n            }\n            #tiio-factory-gallery .image-grid {\n                grid-template-rows: repeat(2, 250px);\n            }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-factory-gallery { padding: 60px 0; }\n            #tiio-factory-gallery .container { padding: 0 20px; }\n            #tiio-factory-gallery .matrix-header h2 { font-size: 28px; }\n            #tiio-factory-gallery .btn-primary-action { width: 100%; justify-content: center; }\n            #tiio-factory-gallery .feature-list { grid-template-columns: 1fr; }\n            #tiio-factory-gallery .image-grid { \n                grid-template-columns: repeat(2, 1fr); \n                grid-template-rows: repeat(4, 180px);\n                gap: 12px; \n            }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        \n        <div class=\"matrix-header\">\n            <h2>Verified Factory Production Standards<\/h2>\n            <p>We invite professional buyers to inspect our workflow. From automated raw material cutting to final 5-layer carton packing, every process is strictly optimized for heavy-duty performance and global export safety.<\/p>\n            <a href=\"#contact\" class=\"btn-primary-action open-popup\">\n                Schedule Factory Audit\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n            <\/a>\n        <\/div>\n\n        <div class=\"matrix-body\">\n            \n            <div class=\"text-panel\">\n                <h3>Core Capabilities<\/h3>\n                <p>Our 500,000+ monthly capacity facility is equipped with advanced manufacturing infrastructure to guarantee zero-defect rates across bulk moving bag orders.<\/p>\n                \n                <ul class=\"feature-list\">\n                    <li>180gsm Precision PP Weaving<\/li>\n                    <li>Automated Laser Cutting Lines<\/li>\n                    <li>Reinforced X-Stitching Handles<\/li>\n                    <li>80lbs Static Load Testing<\/li>\n                    <li>Smooth Zipper Cycle Validation<\/li>\n                    <li>Strict AQL 2.5 Quality Inspection<\/li>\n                    <li>5-Layer Corrugated Export Cartons<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"image-grid\">\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-37-scaled.jpg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-37-scaled.jpg\" alt=\"Raw Material\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-39.jpg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-39.jpg\" alt=\"Auto Cutting\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-35-scaled.jpg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-35-scaled.jpg\" alt=\"Panel Printing\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-32-scaled.jpg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-32-scaled.jpg\" alt=\"Cross-Stitching\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-24.png\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-24.png\" alt=\"Handle Assembly\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-20.png\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-20.png\" alt=\"Load Testing\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-15-scaled.jpg\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-15-scaled.jpg\" alt=\"AQL Inspection\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n\n                <div class=\"img-box lightbox-trigger\" data-img=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-5.png\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-5.png\" alt=\"Export Packing\">\n                    <div class=\"zoom-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"tiio-lightbox\" id=\"tiio-lb\">\n        <div class=\"lightbox-close\" id=\"tiio-lb-close\">&times;<\/div>\n        <img decoding=\"async\" id=\"tiio-lb-img\" src=\"\" alt=\"Factory Detail\">\n    <\/div>\n\n    <script>\n        (function() {\n            const triggers = document.querySelectorAll('#tiio-factory-gallery .lightbox-trigger');\n            const lightbox = document.getElementById('tiio-lb');\n            const lbImg = document.getElementById('tiio-lb-img');\n            const lbClose = document.getElementById('tiio-lb-close');\n\n            if (!lightbox || triggers.length === 0) return;\n\n            function openLightbox(e) {\n                e.preventDefault();\n                lbImg.src = this.getAttribute('data-img');\n                lightbox.classList.add('active');\n                document.body.classList.add('lightbox-open-fix');\n            }\n\n            function closeLightbox() {\n                lightbox.classList.remove('active');\n                document.body.classList.remove('lightbox-open-fix');\n            }\n\n            triggers.forEach(function(trigger) {\n                trigger.addEventListener('click', openLightbox);\n            });\n\n            lbClose.addEventListener('click', closeLightbox);\n\n            lightbox.addEventListener('click', function(e) {\n                if (e.target === lightbox) {\n                    closeLightbox();\n                }\n            });\n        })();\n    <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-social-proof\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Product\",\n      \"name\": \"TIIOCTI Industrial Custom Bags & OEM Solutions\",\n      \"image\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2024\/04\/cropped-cropped-logo-yuncaili-.png\",\n      \"brand\": { \"@type\": \"Brand\", \"name\": \"TIIOCTI\" },\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"5.0\",\n        \"reviewCount\": \"128\"\n      },\n      \"review\": [\n        {\n          \"@type\": \"Review\",\n          \"author\": { \"@type\": \"Person\", \"name\": \"James L. Harrison\" },\n          \"reviewBody\": \"Handling US Sec 301 tariffs was a nightmare until we found TIIOCTI. Their DDP service is seamless.\"\n        }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-social-proof {\n            --tiio-primary: #0d6efd;\n            --tiio-primary-hover: #0b5ed7;\n            --tiio-text-dark: #12151a;\n            --tiio-text-body: #495057;\n            --tiio-star: #ffc107;\n            --tiio-bg: #f8f9fa;\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            padding: 100px 0;\n            background-color: var(--tiio-bg);\n            width: 100%;\n            font-family: var(--font-body);\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        #tiio-social-proof * { box-sizing: border-box; }\n\n        #tiio-social-proof .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        #tiio-social-proof .section-header {\n            text-align: center;\n            max-width: 850px;\n            margin: 0 auto 60px auto;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        #tiio-social-proof .section-header h2 {\n            font-family: var(--font-head);\n            font-size: clamp(32px, 4vw, 42px);\n            font-weight: 800;\n            color: var(--tiio-text-dark);\n            margin: 0 0 20px 0;\n            text-transform: capitalize;\n            letter-spacing: -0.5px;\n            position: relative;\n            padding-bottom: 20px;\n        }\n\n        #tiio-social-proof .section-header h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background: var(--tiio-primary);\n        }\n\n        #tiio-social-proof .section-header p {\n            font-size: 16px;\n            color: var(--tiio-text-body);\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        #tiio-social-proof .photo-grid {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n            margin-bottom: 80px;\n        }\n\n        #tiio-social-proof .reveal-card {\n            position: relative;\n            height: 360px;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n            background: #ffffff;\n        }\n\n        #tiio-social-proof .card-bg {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n        }\n\n        #tiio-social-proof .reveal-card:hover .card-bg {\n            transform: scale(1.08);\n        }\n\n        #tiio-social-proof .review-title {\n            text-align: center;\n            margin-bottom: 40px;\n            padding-top: 60px;\n            border-top: 1px solid #e9ecef;\n        }\n\n        #tiio-social-proof .review-title h3 {\n            font-family: var(--font-head);\n            color: var(--tiio-text-dark);\n            font-size: 28px;\n            font-weight: 800;\n            margin: 0;\n            letter-spacing: -0.5px;\n        }\n\n        #tiio-social-proof .review-slider {\n            width: 100%;\n            overflow: hidden;\n            mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n            -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n            margin-bottom: 60px;\n            padding: 20px 0;\n        }\n\n        #tiio-social-proof .review-track {\n            display: flex;\n            gap: 30px;\n            width: max-content;\n            animation: tiioScroll 40s linear infinite;\n        }\n\n        #tiio-social-proof .review-track:hover {\n            animation-play-state: paused;\n        }\n\n        @keyframes tiioScroll {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(calc(-50% - 15px)); }\n        }\n\n        #tiio-social-proof .review-card {\n            flex: 0 0 420px;\n            background: #ffffff;\n            padding: 35px 30px;\n            border-radius: 8px;\n            border: 1px solid #e9ecef;\n            border-left: 4px solid var(--tiio-primary);\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);\n            transition: transform 0.3s, box-shadow 0.3s;\n        }\n\n        #tiio-social-proof .review-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 35px rgba(13, 110, 253, 0.08);\n        }\n\n        #tiio-social-proof .user-info {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 20px;\n        }\n\n        #tiio-social-proof .user-info img {\n            width: 55px; height: 55px;\n            border-radius: 50%;\n            border: 2px solid #e9ecef;\n            padding: 2px;\n            object-fit: cover;\n        }\n\n        #tiio-social-proof .user-meta h4 {\n            margin: 0 0 5px 0;\n            font-size: 16px;\n            color: var(--tiio-text-dark);\n            font-family: var(--font-head);\n            font-weight: 700;\n        }\n\n        #tiio-social-proof .stars {\n            color: var(--tiio-star);\n            font-size: 14px;\n            letter-spacing: 2px;\n        }\n\n        #tiio-social-proof .review-body {\n            font-size: 14.5px;\n            line-height: 1.8;\n            color: var(--tiio-text-body);\n            font-style: italic;\n        }\n\n        #tiio-social-proof .review-body strong {\n            color: var(--tiio-text-dark);\n            font-weight: 700;\n        }\n\n        #tiio-social-proof .footer-cta {\n            text-align: center;\n            margin-top: 10px;\n        }\n\n        #tiio-social-proof .btn-primary-action {\n            background-color: var(--tiio-primary);\n            color: #FFFFFF !important;\n            font-family: var(--font-head);\n            font-weight: 800;\n            padding: 18px 45px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 2px solid var(--tiio-primary);\n            letter-spacing: 1px;\n            font-size: 15px;\n            cursor: pointer;\n            box-shadow: 0 10px 25px rgba(13, 110, 253, 0.2);\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            will-change: transform;\n        }\n\n        #tiio-social-proof .btn-primary-action:hover {\n            background-color: var(--tiio-primary-hover);\n            border-color: var(--tiio-primary-hover);\n            box-shadow: 0 15px 35px rgba(13, 110, 253, 0.3);\n            color: #ffffff !important;\n        }\n\n        #tiio-social-proof .btn-primary-action svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n            transition: transform 0.2s;\n        }\n\n        #tiio-social-proof .btn-primary-action:hover svg {\n            transform: translateX(4px);\n        }\n\n        @media (max-width: 1024px) {\n            #tiio-social-proof .photo-grid { grid-template-columns: repeat(3, 1fr); }\n            #tiio-social-proof .reveal-card:nth-child(n+4) { display: none; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-social-proof { padding: 60px 0; }\n            #tiio-social-proof .container { padding: 0 20px; }\n            #tiio-social-proof .section-header h2 { font-size: 28px; }\n            #tiio-social-proof .photo-grid { \n                display: flex; \n                overflow-x: auto; \n                scroll-snap-type: x mandatory; \n                gap: 15px; \n                padding-bottom: 15px;\n                margin-bottom: 50px;\n            }\n            #tiio-social-proof .reveal-card { \n                flex: 0 0 85vw; \n                scroll-snap-align: center; \n                height: 280px; \n            }\n            #tiio-social-proof .reveal-card:nth-child(n+4) { display: block; }\n            #tiio-social-proof .review-card { flex: 0 0 85vw; padding: 25px 20px; }\n            #tiio-social-proof .btn-primary-action { width: 100%; justify-content: center; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        <div class=\"section-header\">\n            <h2>Our Canton Fair Showcase<\/h2>\n            <p>Direct engagement with supply chain professionals and global retail leaders since 2011.<\/p>\n        <\/div>\n\n        <div class=\"photo-grid\">\n            <div class=\"reveal-card\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/03\/28Canton-Fair.jpg\" class=\"card-bg\" alt=\"Global Trade Canton Fair\">\n            <\/div>\n            <div class=\"reveal-card\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/03\/30Canton-Fair.jpg\" class=\"card-bg\" alt=\"Global Trade Exhibition\">\n            <\/div>\n            <div class=\"reveal-card\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/03\/41Canton-Fair-scaled.jpg\" class=\"card-bg\" alt=\"Custom Bag Manufacturing Expo\">\n            <\/div>\n            <div class=\"reveal-card\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/03\/50Canton-Fair-scaled.jpg\" class=\"card-bg\" alt=\"B2B Supply Chain Fair\">\n            <\/div>\n            <div class=\"reveal-card\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/03\/27Canton-Fair.jpg\" class=\"card-bg\" alt=\"Wholesale Distributor Meeting\">\n            <\/div>\n        <\/div>\n\n        <div class=\"review-title\">\n            <h3>Real Feedback From Our Global Clients<\/h3>\n        <\/div>\n\n        <div class=\"review-slider\">\n            <div class=\"review-track\" id=\"tiio-review-track\">\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=usa\" alt=\"James L. Harrison\">\n                        <div class=\"user-meta\"><h4>James L. Harrison<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;Handling US Sec 301 tariffs was a nightmare. TIIOCTI&#8217;s <strong>DDP service<\/strong> is seamless and reliable.&#8221;<\/div>\n                <\/div>\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=ger\" alt=\"Anke Schmidt\">\n                        <div class=\"user-meta\"><h4>Anke Schmidt<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;<strong>GRS 4.0 certification<\/strong> and BSCI audit report were comprehensive. They truly understand European compliance.&#8221;<\/div>\n                <\/div>\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=aus\" alt=\"Michael P. Chen\">\n                        <div class=\"user-meta\"><h4>Michael P. Chen<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;Superior <strong>AQL 2.5 protocol<\/strong>. A professional factory with a clear edge in mass production.&#8221;<\/div>\n                <\/div>\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=uk\" alt=\"Robert J. Davies\">\n                        <div class=\"user-meta\"><h4>Robert J. Davies<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;Every milestone from sample to mass production was clearly documented. 100% Transparency.&#8221;<\/div>\n                <\/div>\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=can\" alt=\"Sarah Thompson\">\n                        <div class=\"user-meta\"><h4>Sarah Thompson<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;World-class <strong>ODM capability<\/strong> for professional-grade packaging solutions.&#8221;<\/div>\n                <\/div>\n                \n                <div class=\"review-card\">\n                    <div class=\"user-info\">\n                        <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=nl\" alt=\"Pieter van Dijk\">\n                        <div class=\"user-meta\"><h4>Pieter van Dijk<\/h4><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div>\n                    <\/div>\n                    <div class=\"review-body\">&#8220;TIIOCTI&#8217;s logistics team is flawless. Ready for distribution across Europe.&#8221;<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-cta\">\n            <a href=\"#request-quote\" class=\"btn-primary-action mag-btn open-popup\">\n                Get Factory Quote Now\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const track = document.getElementById('tiio-review-track');\n            if (track) {\n                const cards = track.innerHTML;\n                track.innerHTML = cards + cards; \n            }\n\n            const btn = document.querySelector('#tiio-social-proof .mag-btn');\n            if (btn && window.matchMedia(\"(hover: hover)\").matches) {\n                btn.addEventListener('mousemove', function(e) {\n                    const rect = btn.getBoundingClientRect();\n                    const x = e.clientX - rect.left - rect.width \/ 2;\n                    const y = e.clientY - rect.top - rect.height \/ 2;\n                    btn.style.transform = 'translate(' + (x * 0.2) + 'px, ' + (y * 0.2) + 'px)';\n                });\n                btn.addEventListener('mouseleave', function() {\n                    btn.style.transform = 'translate(0px, 0px)';\n                });\n            }\n        })();\n    <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_9 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_9 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_9 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-b2b-promo-banner\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"SpecialAnnouncement\",\n      \"name\": \"20% OFF B2B Trial Order Discount\",\n      \"description\": \"Exclusive 20% discount on first-time bulk OEM moving bag orders for new B2B partners.\",\n      \"provider\": {\n        \"@type\": \"Organization\",\n        \"name\": \"TIIOCTI Factory\"\n      }\n    }\n    <\/script>\n\n    <style>\n        #tiio-b2b-promo-banner {\n            --tiio-slate: #0f172a;\n            --tiio-brand-blue: #0056b3;\n            --tiio-contrast: #ff6b00;\n            --tiio-contrast-hover: #e66000;\n            --tiio-white: #ffffff;\n            --font-head: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            --font-body: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            \n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            padding: 90px 0;\n            font-family: var(--font-body);\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n        }\n\n        #tiio-b2b-promo-banner .bg-image {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            object-fit: cover;\n            object-position: center 30%;\n            z-index: 1;\n        }\n\n        #tiio-b2b-promo-banner .bg-overlay {\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(90deg, rgba(15, 23, 42, 0.95) 0%, rgba(0, 86, 179, 0.85) 100%);\n            z-index: 2;\n        }\n\n        #tiio-b2b-promo-banner .container {\n            position: relative;\n            z-index: 3;\n            max-width: 1350px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 50px;\n            width: 100%;\n        }\n\n        #tiio-b2b-promo-banner .promo-text-col {\n            max-width: 65%;\n        }\n\n        #tiio-b2b-promo-banner .promo-badge {\n            display: inline-block;\n            background: rgba(255, 107, 0, 0.15);\n            color: var(--tiio-contrast);\n            border: 1px solid var(--tiio-contrast);\n            font-family: var(--font-head);\n            font-weight: 800;\n            text-transform: uppercase;\n            padding: 8px 18px;\n            border-radius: 50px;\n            font-size: 13px;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n        }\n\n        #tiio-b2b-promo-banner .promo-title {\n            font-family: var(--font-head);\n            font-size: clamp(32px, 4vw, 48px);\n            font-weight: 800;\n            color: var(--tiio-white);\n            margin: 0 0 20px 0;\n            line-height: 1.15;\n            text-transform: uppercase;\n        }\n\n        #tiio-b2b-promo-banner .promo-title .highlight {\n            color: var(--tiio-contrast);\n            display: inline-block;\n            margin-right: 10px;\n            font-size: 1.1em;\n        }\n\n        #tiio-b2b-promo-banner .promo-desc {\n            font-size: 16px;\n            line-height: 1.7;\n            color: rgba(255,255,255,0.9);\n            margin: 0;\n            max-width: 90%;\n        }\n\n        #tiio-b2b-promo-banner .promo-action-col {\n            flex-shrink: 0;\n            text-align: right;\n        }\n\n        #tiio-b2b-promo-banner .btn-contrast {\n            background-color: var(--tiio-contrast);\n            color: #ffffff !important;\n            font-family: var(--font-head);\n            font-weight: 800;\n            padding: 22px 50px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            font-size: 16px;\n            letter-spacing: 1px;\n            cursor: pointer;\n            box-shadow: 0 10px 30px rgba(255, 107, 0, 0.3);\n            display: inline-block;\n            border: 2px solid var(--tiio-contrast);\n            white-space: nowrap;\n        }\n\n        #tiio-b2b-promo-banner .btn-contrast:hover {\n            background-color: transparent;\n            color: var(--tiio-contrast) !important;\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (max-width: 1024px) {\n            #tiio-b2b-promo-banner .container {\n                flex-direction: column;\n                text-align: center;\n                gap: 40px;\n            }\n            #tiio-b2b-promo-banner .promo-text-col {\n                max-width: 100%;\n            }\n            #tiio-b2b-promo-banner .promo-desc {\n                max-width: 100%;\n                margin: 0 auto;\n            }\n            #tiio-b2b-promo-banner .promo-action-col {\n                width: 100%;\n                text-align: center;\n            }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-b2b-promo-banner { padding: 60px 0; }\n            #tiio-b2b-promo-banner .container { padding: 0 20px; }\n            #tiio-b2b-promo-banner .promo-title { font-size: 28px; }\n            #tiio-b2b-promo-banner .promo-title .highlight { display: block; margin-bottom: 5px; }\n            #tiio-b2b-promo-banner .btn-contrast { width: 100%; padding: 20px; box-sizing: border-box; }\n        }\n    <\/style>\n\n    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/tiiocti-factory-40.jpg\" alt=\"B2B Moving Bag Factory Promo\" class=\"bg-image\">\n    <div class=\"bg-overlay\"><\/div>\n\n    <div class=\"container\">\n        \n        <div class=\"promo-text-col\">\n            <span class=\"promo-badge\">New Partner Trial Offer<\/span>\n            <h2 class=\"promo-title\">\n                <span class=\"highlight\">20% OFF<\/span> \n                Your First Bulk Order\n            <\/h2>\n            <p class=\"promo-desc\">Experience our factory-direct quality firsthand. Get an exclusive 20% OEM subsidy on your initial mass production run. Valid for new global distribution partners.<\/p>\n        <\/div>\n\n        <div class=\"promo-action-col\">\n            <a href=\"#quote\" class=\"btn-contrast open-popup\">Claim 20% Discount<\/a>\n        <\/div>\n\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_10 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_10 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_10 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_10 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-mastercraft-showcase\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ImageGallery\",\n      \"name\": \"TIIOCTI Advanced Manufacturing Facility\",\n      \"description\": \"Inside look at our state-of-the-art production lines, quality control, and custom moving bag manufacturing.\"\n    }\n    <\/script>\n\n    <style>\n        #tiio-mastercraft-showcase {\n            --surface-bg: #fdfdfd;\n            --surface-card: #ffffff;\n            --text-heading: #090e17;\n            --text-body: #525b6a;\n            --brand-accent: #ff6b00;\n            --brand-accent-hover: #e66000;\n            --radius-xl: 32px;\n            --radius-lg: 24px;\n            --transition-smooth: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n            \n            padding: 140px 0;\n            background-color: var(--surface-bg);\n            font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Display\", \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            transform: translateX(-50%);\n            overflow: hidden;\n        }\n\n        #tiio-mastercraft-showcase * { box-sizing: border-box; }\n\n        #tiio-mastercraft-showcase .layout-container {\n            max-width: 1440px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        \/* ====== Editorial Header ====== *\/\n        #tiio-mastercraft-showcase .editorial-header {\n            max-width: 700px;\n            margin: 0 auto 100px;\n            text-align: center;\n        }\n\n        #tiio-mastercraft-showcase .eyebrow {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--text-body);\n            margin-bottom: 24px;\n            position: relative;\n        }\n\n        #tiio-mastercraft-showcase .editorial-header h2 {\n            font-size: clamp(40px, 5vw, 56px);\n            font-weight: 800;\n            color: var(--text-heading);\n            margin: 0 0 30px 0;\n            line-height: 1.05;\n            letter-spacing: -0.03em;\n        }\n\n        #tiio-mastercraft-showcase .editorial-header p {\n            font-size: 19px;\n            line-height: 1.6;\n            color: var(--text-body);\n            font-weight: 400;\n        }\n\n        \/* ====== Staggered Video Trio ====== *\/\n        #tiio-mastercraft-showcase .video-trio {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 30px;\n            margin-bottom: 140px;\n        }\n\n        #tiio-mastercraft-showcase .video-pillar {\n            flex: 1;\n            max-width: 380px;\n            aspect-ratio: 9 \/ 16;\n            border-radius: var(--radius-xl);\n            overflow: hidden;\n            background: #000;\n            position: relative;\n            box-shadow: 0 30px 60px -15px rgba(0,0,0,0.08);\n            transform: translateY(0);\n            transition: var(--transition-smooth);\n            will-change: transform;\n        }\n\n        #tiio-mastercraft-showcase .video-pillar iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            opacity: 0.85;\n            transition: var(--transition-smooth);\n        }\n\n        \/* Elevate the center video for dramatic effect *\/\n        #tiio-mastercraft-showcase .video-pillar.center-stage {\n            transform: translateY(-40px) scale(1.05);\n            box-shadow: 0 40px 80px -20px rgba(0,0,0,0.15);\n            z-index: 2;\n        }\n\n        #tiio-mastercraft-showcase .video-pillar.center-stage iframe {\n            opacity: 1;\n        }\n\n        #tiio-mastercraft-showcase .video-pillar:hover {\n            transform: translateY(-10px) scale(1.02);\n        }\n        #tiio-mastercraft-showcase .video-pillar.center-stage:hover {\n            transform: translateY(-50px) scale(1.07);\n        }\n        #tiio-mastercraft-showcase .video-pillar:hover iframe {\n            opacity: 1;\n        }\n\n        \/* ====== Bento Box Image Gallery ====== *\/\n        #tiio-mastercraft-showcase .bento-gallery {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            grid-auto-rows: 280px;\n            gap: 20px;\n            margin-bottom: 80px;\n        }\n\n        #tiio-mastercraft-showcase .bento-cell {\n            position: relative;\n            border-radius: var(--radius-lg);\n            overflow: hidden;\n            background: var(--surface-card);\n            cursor: zoom-in;\n            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.03);\n            border: 1px solid rgba(0,0,0,0.02);\n        }\n\n        \/* Asymmetric Layout Rules *\/\n        #tiio-mastercraft-showcase .cell-feature {\n            grid-column: span 2;\n            grid-row: span 2;\n        }\n        #tiio-mastercraft-showcase .cell-wide {\n            grid-column: span 2;\n            grid-row: span 1;\n        }\n\n        #tiio-mastercraft-showcase .bento-cell img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition-smooth);\n            filter: grayscale(20%);\n        }\n\n        #tiio-mastercraft-showcase .bento-cell:hover img {\n            transform: scale(1.06);\n            filter: grayscale(0%);\n        }\n\n        #tiio-mastercraft-showcase .bento-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);\n            opacity: 0;\n            transition: var(--transition-smooth);\n            display: flex;\n            align-items: flex-end;\n            padding: 24px;\n        }\n\n        #tiio-mastercraft-showcase .bento-cell:hover .bento-overlay {\n            opacity: 1;\n        }\n\n        #tiio-mastercraft-showcase .bento-overlay svg {\n            width: 28px;\n            height: 28px;\n            fill: #fff;\n            transform: translateY(10px);\n            transition: var(--transition-smooth);\n        }\n\n        #tiio-mastercraft-showcase .bento-cell:hover .bento-overlay svg {\n            transform: translateY(0);\n        }\n\n        \/* ====== Elegant CTA ====== *\/\n        #tiio-mastercraft-showcase .cta-wrapper {\n            text-align: center;\n            margin-top: 60px;\n        }\n\n        #tiio-mastercraft-showcase .btn-elegant {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--text-heading);\n            color: #fff !important;\n            padding: 18px 48px;\n            border-radius: 50px;\n            font-size: 15px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            text-decoration: none;\n            transition: var(--transition-smooth);\n            border: 1px solid var(--text-heading);\n        }\n\n        #tiio-mastercraft-showcase .btn-elegant:hover {\n            background-color: var(--brand-accent);\n            border-color: var(--brand-accent);\n            transform: translateY(-3px);\n            box-shadow: 0 15px 30px rgba(255, 107, 0, 0.2);\n        }\n\n        \/* ====== Minimalist Lightbox ====== *\/\n        #tiio-mastercraft-showcase .minimal-lightbox {\n            position: fixed;\n            inset: 0;\n            background: rgba(9, 14, 23, 0.98);\n            z-index: 2147483647;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.4s ease;\n            backdrop-filter: blur(10px);\n            -webkit-backdrop-filter: blur(10px);\n        }\n\n        #tiio-mastercraft-showcase .minimal-lightbox.is-open {\n            opacity: 1;\n            visibility: visible;\n        }\n\n        #tiio-mastercraft-showcase .lb-content-wrap {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #tiio-mastercraft-showcase .lb-image {\n            max-width: 85vw;\n            max-height: 85vh;\n            object-fit: contain;\n            transform: scale(0.95);\n            opacity: 0;\n            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;\n        }\n\n        #tiio-mastercraft-showcase .minimal-lightbox.is-open .lb-image {\n            transform: scale(1);\n            opacity: 1;\n        }\n\n        #tiio-mastercraft-showcase .lb-close-btn {\n            position: absolute;\n            top: 30px;\n            right: 40px;\n            width: 44px;\n            height: 44px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%;\n            color: #fff;\n            font-size: 24px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            z-index: 10;\n        }\n\n        #tiio-mastercraft-showcase .lb-close-btn:hover {\n            background: #fff;\n            color: #000;\n            transform: rotate(90deg);\n        }\n\n        #tiio-mastercraft-showcase .lb-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 56px;\n            height: 56px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #fff;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            z-index: 10;\n            border: 1px solid rgba(255,255,255,0.1);\n        }\n\n        #tiio-mastercraft-showcase .lb-arrow:hover {\n            background: #fff;\n            color: #000;\n        }\n\n        #tiio-mastercraft-showcase .lb-arrow svg {\n            width: 20px;\n            height: 20px;\n            fill: currentColor;\n        }\n\n        #tiio-mastercraft-showcase .lb-prev { left: 40px; }\n        #tiio-mastercraft-showcase .lb-next { right: 40px; }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            #tiio-mastercraft-showcase .video-trio {\n                flex-direction: column;\n                gap: 40px;\n                margin-bottom: 80px;\n            }\n            #tiio-mastercraft-showcase .video-pillar {\n                max-width: 100%;\n                aspect-ratio: 16 \/ 9;\n                transform: translateY(0) !important;\n            }\n            #tiio-mastercraft-showcase .bento-gallery {\n                grid-template-columns: repeat(2, 1fr);\n                grid-auto-rows: 240px;\n            }\n            #tiio-mastercraft-showcase .cell-feature,\n            #tiio-mastercraft-showcase .cell-wide {\n                grid-column: span 2;\n                grid-row: span 1;\n            }\n            #tiio-mastercraft-showcase .editorial-header h2 { font-size: 36px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-mastercraft-showcase { padding: 80px 0; }\n            #tiio-mastercraft-showcase .layout-container { padding: 0 20px; }\n            #tiio-mastercraft-showcase .bento-gallery {\n                grid-template-columns: 1fr;\n                grid-auto-rows: 250px;\n            }\n            #tiio-mastercraft-showcase .cell-feature,\n            #tiio-mastercraft-showcase .cell-wide,\n            #tiio-mastercraft-showcase .bento-cell {\n                grid-column: span 1;\n                grid-row: span 1;\n            }\n            #tiio-mastercraft-showcase .lb-arrow { display: none; }\n        }\n    <\/style>\n\n    <div class=\"layout-container\">\n        \n        <div class=\"editorial-header\">\n            <span class=\"eyebrow\">Direct Manufacturing<\/span>\n            <h2>Precision at Industrial Scale.<\/h2>\n            <p>We eliminated the middleman to bring you uncompromising quality. Experience our automated production lines and rigorous detail inspection, designed for global logistics.<\/p>\n        <\/div>\n\n        <div class=\"video-trio\">\n            <div class=\"video-pillar\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?autoplay=0&#038;loop=1&#038;mute=1&#038;controls=0&#038;modestbranding=1&#038;rel=0\" allowfullscreen loading=\"lazy\"><\/iframe>\n            <\/div>\n            <div class=\"video-pillar center-stage\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?autoplay=0&#038;loop=1&#038;mute=1&#038;controls=0&#038;modestbranding=1&#038;rel=0\" allowfullscreen loading=\"lazy\"><\/iframe>\n            <\/div>\n            <div class=\"video-pillar\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?autoplay=0&#038;loop=1&#038;mute=1&#038;controls=0&#038;modestbranding=1&#038;rel=0\" allowfullscreen loading=\"lazy\"><\/iframe>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-gallery\" id=\"tiio-bento-grid\">\n            \n            <div class=\"bento-cell cell-feature js-lb-trigger\" data-index=\"0\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 1\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n            <div class=\"bento-cell js-lb-trigger\" data-index=\"1\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 2\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n            <div class=\"bento-cell js-lb-trigger\" data-index=\"2\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 3\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n            <div class=\"bento-cell cell-wide js-lb-trigger\" data-index=\"3\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 4\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n            <div class=\"bento-cell js-lb-trigger\" data-index=\"4\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 5\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n            <div class=\"bento-cell js-lb-trigger\" data-index=\"5\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Production Detail 6\" loading=\"lazy\">\n                <div class=\"bento-overlay\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 7H9v2H7v1h2v2h1v-2h2V9h-2V7z\"\/><\/svg><\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"cta-wrapper\">\n            <a href=\"#book-tour\" class=\"btn-elegant\">Book a Virtual Factory Tour<\/a>\n        <\/div>\n    <\/div>\n\n    <div class=\"minimal-lightbox\" id=\"tiio-lb-modal\">\n        <div class=\"lb-close-btn\" id=\"tiio-lb-close\">\u2715<\/div>\n        \n        <div class=\"lb-arrow lb-prev\" id=\"tiio-lb-prev\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"\/><\/svg>\n        <\/div>\n        \n        <div class=\"lb-content-wrap\">\n            <img decoding=\"async\" src=\"\" alt=\"Factory Zoom\" class=\"lb-image\" id=\"tiio-lb-image\">\n        <\/div>\n        \n        <div class=\"lb-arrow lb-next\" id=\"tiio-lb-next\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            const wrap = document.getElementById('tiio-mastercraft-showcase');\n            if (!wrap) return;\n\n            const items = wrap.querySelectorAll('.js-lb-trigger');\n            const modal = wrap.querySelector('#tiio-lb-modal');\n            const imgEl = wrap.querySelector('#tiio-lb-image');\n            const btnClose = wrap.querySelector('#tiio-lb-close');\n            const btnNext = wrap.querySelector('#tiio-lb-next');\n            const btnPrev = wrap.querySelector('#tiio-lb-prev');\n\n            if (!modal || !items.length) return;\n\n            let currentIdx = 0;\n            const sources = Array.from(items).map(el => el.getAttribute('data-src'));\n\n            function loadImg(idx) {\n                currentIdx = parseInt(idx, 10);\n                imgEl.style.opacity = '0';\n                imgEl.style.transform = 'scale(0.95)';\n                setTimeout(() => {\n                    imgEl.src = sources[currentIdx];\n                    imgEl.style.opacity = '1';\n                    imgEl.style.transform = 'scale(1)';\n                }, 200);\n            }\n\n            function openModal(idx) {\n                currentIdx = parseInt(idx, 10);\n                imgEl.src = sources[currentIdx];\n                modal.classList.add('is-open');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function closeModal() {\n                modal.classList.remove('is-open');\n                document.body.style.overflow = '';\n                setTimeout(() => { imgEl.src = ''; }, 400);\n            }\n\n            function goNext(e) {\n                if(e) e.stopPropagation();\n                loadImg((currentIdx + 1) % sources.length);\n            }\n\n            function goPrev(e) {\n                if(e) e.stopPropagation();\n                loadImg((currentIdx - 1 + sources.length) % sources.length);\n            }\n\n            \/\/ Bind triggers\n            items.forEach(item => {\n                item.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    openModal(this.getAttribute('data-index'));\n                });\n            });\n\n            \/\/ Bind Controls\n            btnClose.addEventListener('click', closeModal);\n            btnNext.addEventListener('click', goNext);\n            btnPrev.addEventListener('click', goPrev);\n\n            \/\/ Close on background click\n            modal.addEventListener('click', function(e) {\n                if (e.target === modal || e.target.classList.contains('lb-content-wrap')) {\n                    closeModal();\n                }\n            });\n\n            \/\/ Keyboard navigation\n            document.addEventListener('keydown', function(e) {\n                if (!modal.classList.contains('is-open')) return;\n                if (e.key === 'Escape') closeModal();\n                if (e.key === 'ArrowRight') goNext();\n                if (e.key === 'ArrowLeft') goPrev();\n            });\n\n            \/\/ Swipe support for mobile\n            let startX = 0;\n            modal.addEventListener('touchstart', e => startX = e.changedTouches[0].screenX, {passive: true});\n            modal.addEventListener('touchend', e => {\n                let endX = e.changedTouches[0].screenX;\n                if (startX - endX > 40) goNext();\n                if (endX - startX > 40) goPrev();\n            }, {passive: true});\n\n        })();\n    <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_11 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_11 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_11 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_11 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-lp-divider\">\n    <style>\n        #tiio-lp-divider {\n            --font-head: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n            --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n            \n            background-color: #0d6efd;\n            color: #ffffff;\n            font-family: var(--font-body);\n            padding: 45px 0; \n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        #tiio-lp-divider .container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 20px;\n            width: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            gap: 20px; \n        }\n\n        #tiio-lp-divider h2 {\n            font-family: var(--font-head);\n            font-size: 36px; \n            font-weight: 800;\n            margin: 0; \n            color: #ffffff;\n            letter-spacing: -0.5px;\n            text-transform: capitalize; \n            line-height: 1.2;\n        }\n\n        #tiio-lp-divider p {\n            font-size: 16px;\n            line-height: 1.5;\n            margin: 0; \n            color: rgba(255,255,255,0.9);\n            max-width: 700px;\n            font-weight: 400;\n            text-transform: lowercase; \n        }\n\n        #tiio-lp-divider .btn-white {\n            background-color: #ffffff;\n            color: #0d6efd !important;\n            font-weight: 800;\n            padding: 16px 40px;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: all 0.2s ease;\n            font-size: 16px;\n            cursor: pointer;\n            border: 2px solid #ffffff;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            text-transform: uppercase;\n        }\n\n        #tiio-lp-divider .btn-white:hover {\n            background-color: #f8f9fa;\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(0,0,0,0.15);\n        }\n\n        #tiio-lp-divider .btn-white svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n        }\n\n        @media (max-width: 980px) {\n            #tiio-lp-divider { padding: 40px 0; }\n            #tiio-lp-divider h2 { font-size: 30px; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-lp-divider { padding: 35px 0; }\n            #tiio-lp-divider .container { gap: 16px; }\n            #tiio-lp-divider h2 { font-size: 26px; }\n            #tiio-lp-divider p { font-size: 14px; }\n            #tiio-lp-divider .btn-white { width: 100%; justify-content: center; padding: 14px 20px; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        <h2>Explore Our Wholesale Solutions<\/h2>\n        \n        <p>browse our top-selling heavy-duty moving bags engineered for durability and branding. find the perfect fit for your inventory below.<\/p>\n        \n        <a href=\"#request-quote\" class=\"btn-white open-popup\">\nGet Free Smaple NOW\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_12 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_12 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_12 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_12 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-product-showcase\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ItemList\",\n      \"name\": \"Featured Product Lines\",\n      \"itemListElement\": [\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Heavy-Duty Laminated PP Woven Bags\" },\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Standard Retail Moving Bags\" },\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Eco-Friendly Recycled Sacks\" },\n        { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Full Custom Printed Bags\" }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-product-showcase {\n            --surface-bg: #ffffff;\n            --text-main: #0f172a;\n            --text-muted: #64748b;\n            --brand-color: #0056b3;\n            --brand-hover: #004494;\n            --border-color: #e2e8f0;\n            --radius-md: 12px;\n            --radius-lg: 20px;\n            --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            \n            padding: 100px 0;\n            background-color: var(--surface-bg);\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            width: 100%;\n        }\n\n        #tiio-product-showcase * {\n            box-sizing: border-box;\n        }\n\n        #tiio-product-showcase .container {\n            max-width: 1320px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        \/* Header Area *\/\n        #tiio-product-showcase .section-header {\n            margin-bottom: 40px;\n            padding-bottom: 20px;\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        #tiio-product-showcase .section-header h2 {\n            font-size: clamp(32px, 4vw, 42px);\n            font-weight: 800;\n            color: var(--text-main);\n            margin: 0;\n            letter-spacing: -1px;\n            line-height: 1.1;\n        }\n\n        \/* Main Layout Grid *\/\n        #tiio-product-showcase .showcase-grid {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 50px;\n        }\n\n        \/* Generic Product Styles *\/\n        #tiio-product-showcase .product-card {\n            display: flex;\n        }\n        \n        #tiio-product-showcase .category-tag {\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--brand-color);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n            display: inline-block;\n            background: rgba(0, 86, 179, 0.08);\n            padding: 4px 10px;\n            border-radius: 4px;\n        }\n\n        #tiio-product-showcase a.title-link {\n            text-decoration: none;\n            color: var(--text-main);\n            transition: color 0.2s ease;\n        }\n        \n        #tiio-product-showcase a.title-link:hover {\n            color: var(--brand-color);\n        }\n\n        \/* Image Hover Effect *\/\n        #tiio-product-showcase .img-wrapper {\n            overflow: hidden;\n            background-color: #f1f5f9;\n            display: block;\n        }\n        \n        #tiio-product-showcase .img-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n\n        #tiio-product-showcase .product-card:hover .img-wrapper img {\n            transform: scale(1.05);\n        }\n\n        \/* Left Column: Featured Product *\/\n        #tiio-product-showcase .featured-product {\n            flex-direction: column;\n        }\n\n        #tiio-product-showcase .featured-product .img-wrapper {\n            width: 100%;\n            aspect-ratio: 16 \/ 10;\n            border-radius: var(--radius-lg);\n            margin-bottom: 24px;\n        }\n\n        #tiio-product-showcase .featured-product h3 {\n            font-size: clamp(24px, 2.5vw, 32px);\n            font-weight: 800;\n            line-height: 1.3;\n            margin: 0;\n            letter-spacing: -0.5px;\n        }\n\n        #tiio-product-showcase .featured-product p {\n            font-size: 16px;\n            color: var(--text-muted);\n            line-height: 1.6;\n            margin: 16px 0 0 0;\n        }\n\n        \/* Right Column: Product List & Action *\/\n        #tiio-product-showcase .product-list-wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        #tiio-product-showcase .product-list {\n            display: flex;\n            flex-direction: column;\n            gap: 35px;\n        }\n\n        #tiio-product-showcase .list-item {\n            flex-direction: row;\n            align-items: center;\n            gap: 24px;\n        }\n\n        #tiio-product-showcase .list-item .img-wrapper {\n            flex-shrink: 0;\n            width: 140px;\n            height: 140px;\n            border-radius: var(--radius-md);\n        }\n\n        #tiio-product-showcase .list-item .content-wrapper {\n            flex: 1;\n        }\n\n        #tiio-product-showcase .list-item h4 {\n            font-size: 18px;\n            font-weight: 700;\n            line-height: 1.4;\n            margin: 0;\n        }\n\n        \/* Bottom Right Action Button *\/\n        #tiio-product-showcase .bottom-action {\n            margin-top: 40px;\n            padding-top: 35px;\n            border-top: 1px solid var(--border-color);\n        }\n\n        #tiio-product-showcase .btn-solid-full {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            padding: 18px 24px;\n            background-color: var(--brand-color);\n            color: #ffffff;\n            font-weight: 700;\n            font-size: 15px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            text-decoration: none;\n            border-radius: 6px;\n            transition: var(--transition);\n            box-shadow: 0 4px 15px rgba(0, 86, 179, 0.2);\n            gap: 10px;\n        }\n\n        #tiio-product-showcase .btn-solid-full:hover {\n            background-color: var(--brand-hover);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(0, 86, 179, 0.3);\n        }\n\n        #tiio-product-showcase .btn-solid-full svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n            transition: transform 0.3s ease;\n        }\n\n        #tiio-product-showcase .btn-solid-full:hover svg {\n            transform: translateX(5px);\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            #tiio-product-showcase .showcase-grid {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n            #tiio-product-showcase .featured-product .img-wrapper {\n                aspect-ratio: 21 \/ 9;\n            }\n            #tiio-product-showcase .list-item .img-wrapper {\n                width: 160px;\n                height: 160px;\n            }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-product-showcase { padding: 60px 0; }\n            #tiio-product-showcase .container { padding: 0 20px; }\n            \n            #tiio-product-showcase .featured-product .img-wrapper {\n                aspect-ratio: 3 \/ 2;\n            }\n\n            #tiio-product-showcase .list-item {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 16px;\n            }\n\n            #tiio-product-showcase .list-item .img-wrapper {\n                width: 100%;\n                height: 200px;\n            }\n            \n            #tiio-product-showcase .bottom-action {\n                margin-top: 30px;\n                padding-top: 30px;\n            }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        \n        <div class=\"section-header\">\n            <h2>Featured Product Lines<\/h2>\n        <\/div>\n\n        <div class=\"showcase-grid\">\n            \n            <div class=\"product-card featured-product\">\n                <a href=\"#premium-series\" class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Heavy Duty Laminated Bags\">\n                <\/a>\n                <div class=\"content-wrapper\">\n                    <span class=\"category-tag\">Flagship Series<\/span>\n                    <a href=\"#premium-series\" class=\"title-link\">\n                        <h3>Heavy-Duty Laminated PP Woven Moving Bags<\/h3>\n                    <\/a>\n                    <p>Engineered for maximum load capacity and tear resistance. Our flagship moving bags feature reinforced cross-stitching and waterproof lamination, perfect for international logistics and heavy commercial use.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"product-list-wrapper\">\n                \n                <div class=\"product-list\">\n                    <div class=\"product-card list-item\">\n                        <a href=\"#retail-bags\" class=\"img-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Standard Retail Bags\">\n                        <\/a>\n                        <div class=\"content-wrapper\">\n                            <span class=\"category-tag\">Best Value<\/span>\n                            <a href=\"#retail-bags\" class=\"title-link\">\n                                <h4>Standard Retail Moving Bags for Distributors<\/h4>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"product-card list-item\">\n                        <a href=\"#eco-sacks\" class=\"img-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Eco-Friendly Sacks\">\n                        <\/a>\n                        <div class=\"content-wrapper\">\n                            <span class=\"category-tag\">Sustainable<\/span>\n                            <a href=\"#eco-sacks\" class=\"title-link\">\n                                <h4>100% Recycled Material Bulk Sacks<\/h4>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"product-card list-item\">\n                        <a href=\"#custom-promo\" class=\"img-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Custom Printed Bags\">\n                        <\/a>\n                        <div class=\"content-wrapper\">\n                            <span class=\"category-tag\">OEM Custom<\/span>\n                            <a href=\"#custom-promo\" class=\"title-link\">\n                                <h4>Full Color Printed Promotional Bags<\/h4>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bottom-action\">\n                    <a href=\"#full-catalog\" class=\"btn-solid-full\">\n                        Explore Full Catalog\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_13 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_13 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_13 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_13 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-precision-factory\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Organization\",\n      \"name\": \"TIIOCTI Precision Manufacturing\",\n      \"description\": \"Explore our state-of-the-art facilities, featuring rigorous quality control, automated lines, and scalable output.\",\n      \"image\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\"\n    }\n    <\/script>\n\n    <style>\n        #tiio-precision-factory {\n            --surface-bg: #ffffff;\n            --text-main: #0f172a;\n            --text-muted: #64748b;\n            --brand-primary: #2b70fa;\n            --brand-hover: #1e5de6;\n            --grid-gap: 16px;\n            --radius-md: 8px;\n            --font-main: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            \n            padding: 100px 0;\n            background-color: var(--surface-bg);\n            font-family: var(--font-main);\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            box-sizing: border-box;\n        }\n\n        #tiio-precision-factory * { box-sizing: border-box; }\n\n        #tiio-precision-factory .container {\n            max-width: 1440px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* ====== Left Column ====== *\/\n        #tiio-precision-factory .content-panel {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        #tiio-precision-factory .eyebrow-tag {\n            font-size: 13px;\n            font-weight: 800;\n            color: var(--brand-primary);\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin-bottom: 20px;\n            display: block;\n        }\n\n        #tiio-precision-factory h2 {\n            font-size: clamp(36px, 4vw, 48px);\n            font-weight: 800;\n            color: var(--text-main);\n            margin: 0 0 24px 0;\n            line-height: 1.15;\n            letter-spacing: -1px;\n        }\n\n        #tiio-precision-factory p.lead-text {\n            font-size: 17px;\n            color: var(--text-muted);\n            line-height: 1.7;\n            margin: 0 0 40px 0;\n            max-width: 90%;\n        }\n\n        #tiio-precision-factory .data-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 50px;\n            padding-top: 30px;\n            border-top: 1px solid #e2e8f0;\n        }\n\n        #tiio-precision-factory .data-item {\n            display: flex;\n            flex-direction: column;\n        }\n\n        #tiio-precision-factory .data-val {\n            font-size: 32px;\n            font-weight: 800;\n            color: var(--text-main);\n            margin-bottom: 5px;\n            line-height: 1;\n        }\n\n        #tiio-precision-factory .data-label {\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        #tiio-precision-factory .btn-cta {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--brand-primary);\n            color: #ffffff !important;\n            padding: 18px 40px;\n            font-weight: 700;\n            font-size: 16px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            text-decoration: none;\n            border-radius: 4px;\n            transition: all 0.3s ease;\n            width: fit-content;\n            gap: 12px;\n            border: none;\n        }\n\n        #tiio-precision-factory .btn-cta:hover {\n            background-color: var(--brand-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 25px rgba(43, 112, 250, 0.3);\n        }\n\n        #tiio-precision-factory .btn-cta svg {\n            width: 20px;\n            height: 20px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: transform 0.3s ease;\n        }\n\n        #tiio-precision-factory .btn-cta:hover svg {\n            transform: translateX(5px);\n        }\n\n        \/* ====== Right Column: 4-Column Master Grid ====== *\/\n        #tiio-precision-factory .visual-matrix {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: var(--grid-gap);\n            width: 100%;\n        }\n\n        #tiio-precision-factory .matrix-cell {\n            border-radius: var(--radius-md);\n            overflow: hidden;\n            position: relative;\n            background-color: #f1f5f9;\n        }\n\n        #tiio-precision-factory .img-cell {\n            cursor: zoom-in;\n            display: flex;\n        }\n\n        #tiio-precision-factory .img-cell img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        #tiio-precision-factory .img-cell:hover img {\n            transform: scale(1.05);\n        }\n\n        \/* Strict Geometric Placements *\/\n        #tiio-precision-factory .img-large {\n            grid-column: 1 \/ 3;\n            grid-row: 1 \/ 5;\n        }\n\n        #tiio-precision-factory .img-med-1 {\n            grid-column: 3 \/ 4;\n            grid-row: 1 \/ 3;\n        }\n\n        #tiio-precision-factory .img-med-2 {\n            grid-column: 3 \/ 4;\n            grid-row: 3 \/ 5;\n        }\n\n        #tiio-precision-factory .img-small {\n            grid-column: 4 \/ 5;\n            aspect-ratio: 1 \/ 1;\n        }\n\n        \/* Row 5: Videos *\/\n        #tiio-precision-factory .vid-cell {\n            grid-row: 5 \/ 6;\n            background-color: #000;\n            aspect-ratio: 1 \/ 1;\n        }\n\n        #tiio-precision-factory .vid-cell iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* ====== Lightbox ====== *\/\n        body.tiio-noscroll { overflow: hidden !important; }\n\n        #tiio-precision-factory .matrix-lightbox {\n            position: fixed;\n            top: 0; left: 0; width: 100vw; height: 100vh;\n            background: rgba(10, 15, 25, 0.95);\n            z-index: 2147483647;\n            display: flex; align-items: center; justify-content: center;\n            opacity: 0; visibility: hidden;\n            transition: all 0.3s ease;\n        }\n\n        #tiio-precision-factory .matrix-lightbox.is-open {\n            opacity: 1; visibility: visible;\n        }\n\n        #tiio-precision-factory .lb-img {\n            max-width: 90vw; max-height: 90vh;\n            object-fit: contain;\n            border-radius: 4px;\n            transform: scale(0.95); transition: transform 0.3s ease;\n        }\n\n        #tiio-precision-factory .matrix-lightbox.is-open .lb-img {\n            transform: scale(1);\n        }\n\n        #tiio-precision-factory .lb-close {\n            position: absolute; top: 30px; right: 40px;\n            color: #ffffff; font-size: 40px; cursor: pointer;\n            line-height: 1; z-index: 10;\n        }\n\n        \/* ====== Responsive ====== *\/\n        @media (max-width: 1100px) {\n            #tiio-precision-factory .container {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n            #tiio-precision-factory .content-panel {\n                max-width: 800px;\n                margin: 0 auto;\n                text-align: center;\n                align-items: center;\n            }\n            #tiio-precision-factory p.lead-text { margin: 0 auto 40px auto; }\n            #tiio-precision-factory .data-grid { width: 100%; }\n        }\n\n        @media (max-width: 767px) {\n            #tiio-precision-factory { padding: 60px 0; }\n            #tiio-precision-factory .container { padding: 0 20px; }\n            #tiio-precision-factory .visual-matrix { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n            \n            #tiio-precision-factory .img-large { grid-column: 1 \/ 3; grid-row: span 2; aspect-ratio: 16\/9; }\n            #tiio-precision-factory .img-med-1 { grid-column: 1 \/ 2; grid-row: span 1; aspect-ratio: 1; }\n            #tiio-precision-factory .img-med-2 { grid-column: 2 \/ 3; grid-row: span 1; aspect-ratio: 1; }\n            #tiio-precision-factory .img-small { display: none; } \n            \n            #tiio-precision-factory .vid-cell { grid-row: auto; grid-column: span 1; aspect-ratio: 1; }\n            \n            #tiio-precision-factory .data-grid { grid-template-columns: 1fr; gap: 25px; }\n            #tiio-precision-factory .btn-cta { width: 100%; box-sizing: border-box; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        \n        <div class=\"content-panel\">\n            <span class=\"eyebrow-tag\">Factory Transparency<\/span>\n            <h2>Precision Manufacturing at Industrial Scale<\/h2>\n            <p class=\"lead-text\">Experience the benchmark of heavy-duty packaging production. From raw material extrusion to automated cross-stitching and final loading, every step is rigorously monitored to guarantee zero-defect delivery.<\/p>\n            \n            <div class=\"data-grid\">\n                <div class=\"data-item\">\n                    <span class=\"data-val\">15+<\/span>\n                    <span class=\"data-label\">Years OEM Experience<\/span>\n                <\/div>\n                <div class=\"data-item\">\n                    <span class=\"data-val\">50M+<\/span>\n                    <span class=\"data-label\">Annual Capacity<\/span>\n                <\/div>\n                <div class=\"data-item\">\n                    <span class=\"data-val\">100%<\/span>\n                    <span class=\"data-label\">Quality Inspection<\/span>\n                <\/div>\n                <div class=\"data-item\">\n                    <span class=\"data-val\">24\/7<\/span>\n                    <span class=\"data-label\">Automated Lines<\/span>\n                <\/div>\n            <\/div>\n\n            <a href=\"#contact\" class=\"btn-cta\">\n                BOOK VIRTUAL TOUR\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n        <\/div>\n\n        <div class=\"visual-matrix\" id=\"tiio-matrix\">\n            \n            <div class=\"matrix-cell img-cell img-large js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Main Factory Line\">\n            <\/div>\n\n            <div class=\"matrix-cell img-cell img-med-1 js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Quality Control\">\n            <\/div>\n            <div class=\"matrix-cell img-cell img-med-2 js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Raw Materials\">\n            <\/div>\n\n            <div class=\"matrix-cell img-cell img-small js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Detail 1\">\n            <\/div>\n            <div class=\"matrix-cell img-cell img-small js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Detail 2\">\n            <\/div>\n            <div class=\"matrix-cell img-cell img-small js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Detail 3\">\n            <\/div>\n            <div class=\"matrix-cell img-cell img-small js-lb-src\" data-src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\">\n                <img decoding=\"async\" src=\"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Detail 4\">\n            <\/div>\n\n            <div class=\"matrix-cell vid-cell\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?rel=0&#038;controls=1\" title=\"Process Video 1\" loading=\"lazy\"><\/iframe>\n            <\/div>\n            <div class=\"matrix-cell vid-cell\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?rel=0&#038;controls=1\" title=\"Process Video 2\" loading=\"lazy\"><\/iframe>\n            <\/div>\n            <div class=\"matrix-cell vid-cell\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?rel=0&#038;controls=1\" title=\"Process Video 3\" loading=\"lazy\"><\/iframe>\n            <\/div>\n            <div class=\"matrix-cell vid-cell\">\n                <iframe src=\"https:\/\/www.youtube.com\/embed\/yRPNWtwbbGI?rel=0&#038;controls=1\" title=\"Process Video 4\" loading=\"lazy\"><\/iframe>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div class=\"matrix-lightbox\" id=\"tiio-matrix-modal\">\n        <span class=\"lb-close\" id=\"tiio-modal-close\">&times;<\/span>\n        <img decoding=\"async\" src=\"\" alt=\"Enlarged View\" class=\"lb-img\" id=\"tiio-modal-img\">\n    <\/div>\n\n    <script>\n        (function() {\n            const grid = document.getElementById('tiio-matrix');\n            if (!grid) return;\n\n            const items = grid.querySelectorAll('.js-lb-src');\n            const modal = document.getElementById('tiio-matrix-modal');\n            const modalImg = document.getElementById('tiio-modal-img');\n            const closeBtn = document.getElementById('tiio-modal-close');\n\n            if (!modal || !items.length) return;\n\n            items.forEach(item => {\n                item.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    modalImg.src = this.getAttribute('data-src');\n                    modal.classList.add('is-open');\n                    document.body.classList.add('tiio-noscroll');\n                });\n            });\n\n            function closeModal() {\n                modal.classList.remove('is-open');\n                document.body.classList.remove('tiio-noscroll');\n                setTimeout(() => { modalImg.src = ''; }, 300);\n            }\n\n            closeBtn.addEventListener('click', closeModal);\n\n            modal.addEventListener('click', function(e) {\n                if (e.target === modal) {\n                    closeModal();\n                }\n            });\n\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape' && modal.classList.contains('is-open')) {\n                    closeModal();\n                }\n            });\n        })();\n    <\/script>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/pages\/9235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/comments?post=9235"}],"version-history":[{"count":23,"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/pages\/9235\/revisions"}],"predecessor-version":[{"id":9306,"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/pages\/9235\/revisions\/9306"}],"wp:attachment":[{"href":"https:\/\/tiiocti.com\/es\/wp-json\/wp\/v2\/media?parent=9235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}