{"id":620,"date":"2024-06-21T10:12:45","date_gmt":"2024-06-21T02:12:45","guid":{"rendered":"https:\/\/tiiocti.com\/?page_id=620"},"modified":"2026-03-22T15:47:48","modified_gmt":"2026-03-22T07:47:48","slug":"shopping-bags","status":"publish","type":"page","link":"https:\/\/tiiocti.com\/en\/shopping-bags\/","title":{"rendered":"Shopping bags"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-shop-hero\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"CollectionPage\",\n      \"name\": \"Wholesale Eco Shopping Bags Manufacturer\",\n      \"description\": \"China factory direct reusable shopping bags. Specializing in PP Non-Woven, Laminated Woven, and RPET bags for global retail chains. Monthly capacity: 3 million pieces.\",\n      \"url\": \"https:\/\/tiiocti.com\/shopping-bags\/\",\n      \"image\": \"https:\/\/tiiocti.com\/wp-content\/uploads\/2026\/01\/shopping-bag-hero-corp.jpg\",\n      \"provider\": { \"@type\": \"Organization\", \"name\": \"TIIOCTI Factory\" },\n      \"breadcrumb\": {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [{\n          \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/tiiocti.com\"\n        },{\n          \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Products\", \"item\": \"https:\/\/tiiocti.com\/products\/\"\n        },{\n          \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Shopping Bags\"\n        }]\n      }\n    }\n    <\/script>\n\n    <style>\n        #tiio-shop-hero {\n            --tiio-blue: #003C71;\n            --tiio-gold: #D4AF37;\n            --tiio-gold-hover: #b5952f;\n            --tiio-white: #ffffff;\n            --font-head: 'Open Sans', sans-serif;\n            --font-body: 'Roboto', sans-serif;\n            \n            position: relative;\n            width: 100%;\n            \/* --- PC\u7aef\uff1a\u9738\u6c14\u5168\u5c4f 95VH --- *\/\n            height: 95vh;       \n            min-height: 700px; \n            \/* ------------------------ *\/\n            display: flex;\n            background-color: var(--tiio-blue);\n            overflow: hidden;\n            font-family: var(--font-body);\n            color: var(--tiio-white);\n            \/* PC\u7aef\u4e0d\u9700\u8981 padding-top\uff0c\u56e0\u4e3a Divi section \u5df2\u7ecf\u6709\u4e86 *\/\n            padding-top: 0; \n        }\n\n        .shop-hero-left {\n            width: 55%;\n            height: 100%;\n            padding: 120px 50px 60px 8%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        .shop-hero-right {\n            width: 50%;\n            position: absolute;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            height: 100%;\n            background-color: #000;\n            clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);\n            z-index: 1;\n        }\n\n        .hero-img-cover {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            opacity: 0.85; \n            transition: transform 10s ease;\n        }\n\n        #tiio-shop-hero:hover .hero-img-cover {\n            transform: scale(1.05);\n        }\n\n        .hero-breadcrumbs {\n            font-size: 12px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 20px;\n            opacity: 1;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            position: relative;\n            z-index: 20;\n        }\n        .hero-breadcrumbs a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: 0.3s; }\n        .hero-breadcrumbs a:hover { color: var(--tiio-gold); }\n        .hero-breadcrumbs span { color: var(--tiio-gold); }\n\n        .hero-label {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--tiio-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 15px;\n            padding-left: 10px;\n            border-left: 3px solid var(--tiio-gold);\n        }\n\n        .hero-title {\n            font-family: var(--font-head);\n            font-size: clamp(32px, 4vw, 52px);\n            font-weight: 800;\n            line-height: 1.1;\n            color: var(--tiio-white);\n            margin: 0 0 20px 0;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        .hero-desc {\n            font-size: 16px;\n            line-height: 1.6;\n            color: rgba(255, 255, 255, 0.9);\n            margin-bottom: 30px;\n            max-width: 600px;\n            font-weight: 400;\n        }\n        .hero-desc strong { color: #fff; font-weight: 600; }\n\n        .hero-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            margin-bottom: 35px;\n            padding: 15px 20px;\n            background: rgba(255, 255, 255, 0.08);\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            border-radius: 4px;\n            backdrop-filter: blur(5px);\n            max-width: 500px;\n        }\n\n        .stat-box { position: relative; }\n        \n        .stat-box:not(:last-child)::after {\n            content: '';\n            position: absolute;\n            right: 0;\n            top: 15%;\n            height: 70%;\n            width: 1px;\n            background: rgba(255,255,255,0.3);\n        }\n\n        .stat-box h4 {\n            font-family: var(--font-head);\n            font-size: 24px; \n            font-weight: 800;\n            color: var(--tiio-gold);\n            margin: 0 0 2px 0;\n            line-height: 1.2;\n        }\n\n        .stat-box p {\n            font-size: 11px;\n            color: rgba(255, 255, 255, 0.9);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin: 0;\n        }\n\n        .btn-gold {\n            position: relative;\n            background: linear-gradient(135deg, #D4AF37 0%, #B5952F 100%);\n            color: #FFFFFF !important;\n            font-weight: 800;\n            padding: 16px 45px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 4px;\n            transition: 0.3s;\n            letter-spacing: 1px;\n            font-size: 15px;\n            cursor: pointer;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n            display: inline-block;\n            align-self: flex-start;\n        }\n\n        .btn-gold:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(0,0,0,0.4);\n        }\n\n        .cert-row {\n            display: flex;\n            gap: 12px;\n            margin-top: 40px;\n            opacity: 0.6;\n        }\n\n        .cert-item {\n            font-size: 10px;\n            font-weight: 700;\n            color: #fff;\n            border: 1px solid rgba(255, 255, 255, 0.3);\n            padding: 5px 10px;\n            border-radius: 2px;\n            text-transform: uppercase;\n        }\n\n        @media (max-width: 1024px) {\n            #tiio-shop-hero { \n                flex-direction: column; \n                \/* --- \u6838\u5fc3\u4fee\u590d --- *\/\n                height: auto !important;      \/* \u79fb\u52a8\u7aef\u89e3\u9664\u9ad8\u5ea6\u9650\u5236 *\/\n                min-height: unset;            \n                \/* \u5173\u952e\u70b9\uff1a\u8bbe\u7f6e\u4e3a 0\uff01\u56e0\u4e3a Divi \u5916\u90e8\u5df2\u7ecf\u7ed9\u4e86 126px *\/\n                padding-top: 0 !important;    \n            }\n            .shop-hero-left { \n                width: 100%; \n                height: auto;\n                \/* \u4e0a\u4e0b\u5185\u8fb9\u8ddd\u9002\u4e2d\uff0c\u786e\u4fdd\u5185\u5bb9\u4e0d\u8d34\u8fb9 *\/\n                padding: 40px 30px 60px 30px; \n                order: 2; \n            }\n            .shop-hero-right { \n                width: 100%; \n                height: 350px; \n                position: relative; \n                clip-path: none; \n                order: 1; \/* \u56fe\u7247\u5728\u6700\u4e0a\u9762 *\/\n            }\n            .hero-title { font-size: 30px; }\n            .hero-stats-grid { width: 100%; max-width: none; }\n            .cert-row { display: none; }\n        }\n    <\/style>\n\n    <div class=\"shop-hero-left\">\n        <div class=\"hero-breadcrumbs\">\n            <a href=\"\/\">Home<\/a> \n            <span>\/<\/span> \n            <a href=\"\/products\/\">Products<\/a> \n            <span>\/<\/span> \n            <span>Shopping Bags<\/span>\n        <\/div>\n\n        <span class=\"hero-label\">3 Million Monthly Capacity<\/span>\n\n        <h1 class=\"hero-title\">\n            Wholesale Reusable<br>\n            <span style=\"color: var(--tiio-gold);\">Shopping Bags<\/span> Factory\n        <\/h1>\n\n        <p class=\"hero-desc\">\n            Your strategic partner for global retail packaging. Specializing in high-volume production of <strong>PP Non-Woven, Laminated, and RPET<\/strong> bags. BSCI audited factory ensuring speed, quality, and compliance.\n        <\/p>\n\n        <div class=\"hero-stats-grid\">\n            <div class=\"stat-box\">\n                <h4>3M+<\/h4>\n                <p>Monthly Output<\/p>\n            <\/div>\n            <div class=\"stat-box\">\n                <h4>RPET<\/h4>\n                <p>Recycled Option<\/p>\n            <\/div>\n            <div class=\"stat-box\">\n                <h4>AQL 2.5<\/h4>\n                <p>Quality Standard<\/p>\n            <\/div>\n        <\/div>\n\n        <a href=\"#\" class=\"btn-gold open-popup\">Get Wholesale Quote<\/a>\n\n        <div class=\"cert-row\">\n            <div class=\"cert-item\">BSCI AUDITED<\/div>\n            <div class=\"cert-item\">SEDEX SMETA<\/div>\n            <div class=\"cert-item\">GRS CERTIFIED<\/div>\n            <div class=\"cert-item\">ISO 9001<\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"shop-hero-right\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/07\/workers-sewing-shopping-bags-in-clean-factory.jpg\" alt=\"Mass Production of Laminated Shopping Bags\" class=\"hero-img-cover\">\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_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-shop-categories\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"ItemList\",\n      \"itemListOrder\": \"https:\/\/schema.org\/ItemListOrderDescending\",\n      \"name\": \"Wholesale Shopping Bag Categories\",\n      \"itemListElement\": [\n        { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Laminated Woven Bags\", \"description\": \"Heavy duty, water-resistant, full-color printing.\" },\n        { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"PP Non-Woven Bags\", \"description\": \"Cost-effective, lightweight, eco-friendly.\" },\n        { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"RPET Recycled Bags\", \"description\": \"Made from recycled plastic bottles, GRS certified.\" },\n        { \"@type\": \"ListItem\", \"position\": 4, \"name\": \"Foldable Polyester Bags\", \"description\": \"Compact, portable, washable.\" }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-shop-categories {\n            --tiio-blue: #003C71;\n            --tiio-gold: #D4AF37;\n            --tiio-text: #333333;\n            --tiio-gray: #f5f7fa;\n            --font-head: 'Open Sans', sans-serif;\n            --font-body: 'Roboto', sans-serif;\n            \n            padding: 100px 0;\n            background-color: #ffffff;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #tiio-shop-categories * { box-sizing: border-box; }\n\n        .cat-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        .cat-header {\n            text-align: center;\n            margin-bottom: 70px;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .cat-header h2 {\n            font-family: var(--font-head);\n            font-size: 38px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 20px 0;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        .cat-header p {\n            font-family: var(--font-body);\n            font-size: 16px;\n            color: #666;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .cat-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n        }\n\n        .tech-card {\n            border: 1px solid #e0e0e0;\n            background: #fff;\n            transition: 0.3s;\n            display: flex;\n            flex-direction: column;\n            text-decoration: none;\n            position: relative;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .tech-card:hover {\n            border-color: var(--tiio-blue);\n            box-shadow: 0 20px 40px rgba(0, 60, 113, 0.1);\n            transform: translateY(-5px);\n        }\n\n        .card-img-wrap {\n            height: 240px;\n            overflow: hidden;\n            background: var(--tiio-gray);\n            position: relative;\n        }\n\n        .card-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .tech-card:hover .card-img {\n            transform: scale(1.08);\n        }\n\n        .card-tag {\n            position: absolute;\n            top: 15px;\n            left: 15px;\n            background: var(--tiio-blue);\n            color: #fff;\n            font-size: 11px;\n            font-weight: 800;\n            padding: 6px 12px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            z-index: 2;\n        }\n\n        .card-body {\n            padding: 30px 25px;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .card-title {\n            font-family: var(--font-head);\n            font-size: 22px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 10px 0;\n            text-transform: uppercase;\n        }\n\n        .card-desc {\n            font-size: 14px;\n            color: #666;\n            line-height: 1.5;\n            margin-bottom: 25px;\n            border-bottom: 1px solid #eee;\n            padding-bottom: 20px;\n        }\n\n        .spec-table {\n            width: 100%;\n            font-size: 13px;\n            margin-bottom: 25px;\n        }\n\n        .spec-row {\n            display: flex;\n            justify-content: space-between;\n            padding: 8px 0;\n            border-bottom: 1px dashed #eee;\n        }\n\n        .spec-row:last-child { border-bottom: none; }\n\n        .spec-label {\n            color: #999;\n            font-weight: 600;\n            text-transform: uppercase;\n            font-size: 11px;\n            letter-spacing: 0.5px;\n        }\n\n        .spec-val {\n            color: var(--tiio-text);\n            font-weight: 700;\n        }\n\n        .card-action {\n            margin-top: auto;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            font-size: 13px;\n            font-weight: 800;\n            color: var(--tiio-gold);\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .action-arrow {\n            transition: 0.3s;\n            font-size: 16px;\n        }\n\n        .tech-card:hover .action-arrow {\n            transform: translateX(5px);\n            color: var(--tiio-blue);\n        }\n\n        @media (max-width: 1200px) {\n            .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n        }\n\n        @media (max-width: 600px) {\n            #tiio-shop-categories { padding: 80px 0; }\n            .cat-container { padding: 0 32px; }\n            .cat-header h2 { font-size: 28px; }\n            .cat-grid { grid-template-columns: 1fr; gap: 32px; }\n            .card-img-wrap { height: 240px; }\n        }\n    <\/style>\n\n    <div class=\"cat-container\">\n        <div class=\"cat-header\">\n            <h2>Wholesale Shopping Bag Series<\/h2>\n            <p>We produce the full spectrum of reusable shopping bags. Choose the material that best fits your brand image and budget. All materials are recyclable and customizable.<\/p>\n        <\/div>\n\n        <div class=\"cat-grid\">\n            \n            <a href=\"#\" class=\"tech-card open-popup\">\n                <div class=\"card-img-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Laminated-PP-Woven-Shopping-Bag.jpeg\" alt=\"Laminated PP Woven Shopping Bag\" class=\"card-img\">\n                    <span class=\"card-tag\">Heavy Duty<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Laminated Woven<\/h3>\n                    <p class=\"card-desc\">The most durable option. Woven PP fabric with BOPP lamination for full-color photographic printing.<\/p>\n                    <div class=\"spec-table\">\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Material<\/span>\n                            <span class=\"spec-val\">PP Woven + OPP<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Weight<\/span>\n                            <span class=\"spec-val\">110 &#8211; 160 GSM<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Load<\/span>\n                            <span class=\"spec-val\">25kg (55lbs)<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-action\">\n                        View Details\n                        <span class=\"action-arrow\">\u2192<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"#\" class=\"tech-card open-popup\">\n                <div class=\"card-img-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Ultrasonic-Non-Woven-Bag.jpeg\" alt=\"Ultrasonic Non Woven Bag\" class=\"card-img\">\n                    <span class=\"card-tag\">Best Seller<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">PP Non-Woven<\/h3>\n                    <p class=\"card-desc\">Cost-effective and lightweight. Available in ultrasonic heat-sealed or traditional stitched finish.<\/p>\n                    <div class=\"spec-table\">\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Material<\/span>\n                            <span class=\"spec-val\">100% Spunbond<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Weight<\/span>\n                            <span class=\"spec-val\">70 &#8211; 120 GSM<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Print<\/span>\n                            <span class=\"spec-val\">Silkscreen<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-action\">\n                        View Details\n                        <span class=\"action-arrow\">\u2192<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"#\" class=\"tech-card open-popup\">\n                <div class=\"card-img-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Recycled-PET-Shopping-Bag.jpeg\" alt=\"Recycled PET Shopping Bag\" class=\"card-img\">\n                    <span class=\"card-tag\">Eco-Friendly<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">RPET Recycled<\/h3>\n                    <p class=\"card-desc\">Sustainable choice made from 100% recycled plastic bottles. GRS certified for global brands.<\/p>\n                    <div class=\"spec-table\">\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Material<\/span>\n                            <span class=\"spec-val\">Recycled PET<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Tech<\/span>\n                            <span class=\"spec-val\">Laminated<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Cert<\/span>\n                            <span class=\"spec-val\">GRS Standard<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-action\">\n                        View Details\n                        <span class=\"action-arrow\">\u2192<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n            <a href=\"#\" class=\"tech-card open-popup\">\n                <div class=\"card-img-wrap\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/Foldable-Polyester-Shopping-Bag.jpeg\" alt=\"Foldable Polyester Shopping Bag\" class=\"card-img\">\n                    <span class=\"card-tag\">Foldable<\/span>\n                <\/div>\n                <div class=\"card-body\">\n                    <h3 class=\"card-title\">Polyester Pouch<\/h3>\n                    <p class=\"card-desc\">Compact bags that fold into an attached pouch. Made from durable 190T\/210D polyester or nylon.<\/p>\n                    <div class=\"spec-table\">\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Material<\/span>\n                            <span class=\"spec-val\">190T \/ 210D<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Feature<\/span>\n                            <span class=\"spec-val\">Washable<\/span>\n                        <\/div>\n                        <div class=\"spec-row\">\n                            <span class=\"spec-label\">Print<\/span>\n                            <span class=\"spec-val\">Sublimation<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"card-action\">\n                        View Details\n                        <span class=\"action-arrow\">\u2192<\/span>\n                    <\/div>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-shop-specs\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Product\",\n      \"name\": \"Industrial Grade Shopping Bag Specifications\",\n      \"description\": \"Technical specifications for our heavy-duty reusable bags. Featuring 80-160 GSM thickness, BOPP lamination, and X-box reinforced stitching.\",\n      \"brand\": { \"@type\": \"Brand\", \"name\": \"TIIOCTI\" },\n      \"additionalProperty\": [\n        { \"@type\": \"PropertyValue\", \"name\": \"GSM Range\", \"value\": \"80g - 160g\" },\n        { \"@type\": \"PropertyValue\", \"name\": \"Lamination\", \"value\": \"BOPP Matte\/Gloss\" },\n        { \"@type\": \"PropertyValue\", \"name\": \"Handle Strength\", \"value\": \"20kg - 30kg Dynamic Load\" }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-shop-specs {\n            --tiio-blue: #003C71;\n            --tiio-gold: #D4AF37;\n            --tiio-text: #1a1a1a;\n            --tiio-text-light: #555555;\n            --tiio-bg-gray: #F5F7FA; \n            --font-head: 'Open Sans', sans-serif;\n            --font-body: 'Roboto', sans-serif;\n            \n            padding: 100px 0;\n            background-color: var(--tiio-bg-gray);\n            width: 100%;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        #tiio-shop-specs * { box-sizing: border-box; }\n\n        .specs-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 40px;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            align-items: center;\n        }\n\n        .specs-visual {\n            position: relative;\n        }\n\n        .specs-img-box {\n            position: relative;\n            border-radius: 4px;\n            overflow: hidden;\n            box-shadow: 0 30px 60px rgba(0, 60, 113, 0.1);\n            background: #fff;\n        }\n\n        .specs-img {\n            width: 100%;\n            height: auto;\n            display: block;\n            transition: transform 0.5s ease;\n        }\n\n        .specs-visual:hover .specs-img {\n            transform: scale(1.03);\n        }\n\n        .specs-floater {\n            position: absolute;\n            bottom: 40px;\n            left: -40px;\n            background: #fff;\n            padding: 30px;\n            border-left: 4px solid var(--tiio-gold);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.08);\n            max-width: 260px;\n        }\n\n        .floater-num {\n            display: block;\n            font-family: var(--font-head);\n            font-size: 42px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            line-height: 1;\n            margin-bottom: 5px;\n        }\n\n        .floater-txt {\n            font-size: 13px;\n            color: var(--tiio-text-light);\n            line-height: 1.4;\n            font-weight: 600;\n            text-transform: uppercase;\n        }\n\n        .specs-content {\n            padding-right: 20px;\n        }\n\n        .specs-label {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--tiio-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n        }\n\n        .specs-title {\n            font-family: var(--font-head);\n            font-size: 36px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 25px 0;\n            line-height: 1.2;\n            text-transform: uppercase;\n        }\n\n        .specs-desc {\n            font-family: var(--font-body);\n            font-size: 16px;\n            line-height: 1.7;\n            color: var(--tiio-text-light);\n            margin-bottom: 45px;\n        }\n\n        .data-list {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n\n        .data-item {\n            position: relative;\n        }\n\n        .data-head {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 12px;\n            font-family: var(--font-head);\n            font-weight: 700;\n            color: var(--tiio-text);\n            font-size: 15px;\n        }\n\n        .data-bar-bg {\n            width: 100%;\n            height: 6px;\n            background: #e0e0e0;\n            border-radius: 3px;\n            overflow: hidden;\n        }\n\n        .data-bar-fill {\n            height: 100%;\n            background: var(--tiio-blue);\n            width: 0;\n            border-radius: 3px;\n            transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        .data-bar-fill.animate { width: var(--w); }\n\n        .btn-link {\n            display: inline-flex;\n            align-items: center;\n            margin-top: 50px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            text-transform: uppercase;\n            text-decoration: none;\n            font-size: 14px;\n            letter-spacing: 1px;\n            border-bottom: 2px solid var(--tiio-gold);\n            padding-bottom: 5px;\n            transition: 0.3s;\n            cursor: pointer;\n        }\n\n        .btn-link:hover {\n            color: var(--tiio-gold);\n            border-color: var(--tiio-blue);\n        }\n\n        @media (max-width: 1024px) {\n            .specs-container { grid-template-columns: 1fr; gap: 60px; }\n            .specs-visual { order: 2; margin-bottom: 20px; }\n            .specs-content { order: 1; padding-right: 0; }\n            .specs-floater { left: auto; right: -20px; bottom: 30px; }\n        }\n\n        @media (max-width: 600px) {\n            #tiio-shop-specs { padding: 80px 0; }\n            .specs-container { padding: 0 32px; }\n            .specs-title { font-size: 28px; }\n            .specs-floater { \n                position: static; \n                margin-top: -30px; \n                margin-left: 0; \n                max-width: none; \n                width: 100%;\n                box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n                text-align: center;\n            }\n        }\n    <\/style>\n\n    <div class=\"specs-container\">\n        \n        <div class=\"specs-visual\">\n            <div class=\"specs-img-box\">\n                <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/GSM-Thickness-Testing-for-Non-Woven-Fabric.jpeg\" alt=\"GSM Thickness Testing for Non Woven Fabric\" class=\"specs-img\">\n            <\/div>\n            <div class=\"specs-floater\">\n                <span class=\"floater-num\">100%<\/span>\n                <span class=\"floater-txt\">Virgin PP Granules<br>(No Calcium Powder)<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"specs-content\">\n            <span class=\"specs-label\">Material Science<\/span>\n            <h2 class=\"specs-title\">Optimized GSM &#038; Load Bearing Capacity<\/h2>\n            <p class=\"specs-desc\">\n                Cheap bags break. Our proprietary lamination process ensures the bonding between the OPP film and the woven fabric is inseparable. We use 100% virgin PP pellets to guarantee tensile strength.\n            <\/p>\n\n            <div class=\"data-list\">\n                \n                <div class=\"data-item\">\n                    <div class=\"data-head\">\n                        <span>Lamination Bonding Strength<\/span>\n                        <span>98%<\/span>\n                    <\/div>\n                    <div class=\"data-bar-bg\">\n                        <div class=\"data-bar-fill\" style=\"--w: 98%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"data-item\">\n                    <div class=\"data-head\">\n                        <span>Dynamic Load Bearing (25kg Test)<\/span>\n                        <span>Pass<\/span>\n                    <\/div>\n                    <div class=\"data-bar-bg\">\n                        <div class=\"data-bar-fill\" style=\"--w: 96%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"data-item\">\n                    <div class=\"data-head\">\n                        <span>Fabric Uniformity<\/span>\n                        <span>High<\/span>\n                    <\/div>\n                    <div class=\"data-bar-bg\">\n                        <div class=\"data-bar-fill\" style=\"--w: 92%\"><\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <a href=\"#\" class=\"btn-link open-popup\">Get Wholesale Quote<\/a>\n        <\/div>\n\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const observer = new IntersectionObserver(entries => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate');\n                }\n            });\n        });\n        document.querySelectorAll('.data-bar-fill').forEach(bar => observer.observe(bar));\n    });\n    <\/script>\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_block_section\">\n<div class=\"et_pb_row_3 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-shop-oem\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"Service\",\n      \"name\": \"Custom Shopping Bag Manufacturing Services\",\n      \"provider\": { \"@type\": \"Organization\", \"name\": \"TIIOCTI Factory\" },\n      \"serviceType\": \"OEM & ODM\",\n      \"hasOfferCatalog\": {\n        \"@type\": \"OfferCatalog\",\n        \"name\": \"Customization Options\",\n        \"itemListElement\": [\n          { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Rotogravure Printing (9 Colors)\" } },\n          { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"Pantone Color Matching\" } },\n          { \"@type\": \"Offer\", \"itemOffered\": { \"@type\": \"Service\", \"name\": \"DDP Global Logistics\" } }\n        ]\n      }\n    }\n    <\/script>\n\n    <style>\n        #tiio-shop-oem {\n            --tiio-blue: #003C71;\n            --tiio-gold: #D4AF37;\n            --tiio-text: #1a1a1a;\n            --tiio-gray-text: #666666;\n            --tiio-light-bg: #f9f9f9;\n            --font-head: 'Open Sans', sans-serif;\n            --font-body: 'Roboto', sans-serif;\n            \n            padding: 100px 0;\n            background-color: #ffffff;\n            width: 100%;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        #tiio-shop-oem * { box-sizing: border-box; }\n\n        .oem-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 40px;\n        }\n\n        .oem-header {\n            text-align: center;\n            margin-bottom: 80px;\n            max-width: 900px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .oem-header h2 {\n            font-family: var(--font-head);\n            font-size: 38px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 20px 0;\n            text-transform: uppercase;\n            letter-spacing: -0.5px;\n        }\n\n        .oem-header p {\n            font-family: var(--font-body);\n            font-size: 16px;\n            color: var(--tiio-gray-text);\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .process-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n            position: relative;\n        }\n\n        .process-grid::before {\n            content: '';\n            position: absolute;\n            top: 40%;\n            left: 15%;\n            width: 70%;\n            height: 1px;\n            background: #e0e0e0;\n            z-index: 0;\n        }\n\n        .process-card {\n            background: #fff;\n            padding: 40px 30px;\n            border: 1px solid #eee;\n            position: relative;\n            z-index: 1;\n            transition: 0.3s;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .process-card:hover {\n            border-color: var(--tiio-blue);\n            box-shadow: 0 20px 50px rgba(0, 60, 113, 0.08);\n            transform: translateY(-10px);\n        }\n\n        .card-watermark {\n            position: absolute;\n            top: -10px;\n            right: 10px;\n            font-family: var(--font-head);\n            font-size: 100px;\n            font-weight: 900;\n            color: #f0f0f0;\n            z-index: -1;\n            opacity: 0.5;\n            line-height: 1;\n            transition: 0.3s;\n        }\n\n        .process-card:hover .card-watermark {\n            color: var(--tiio-gold);\n            opacity: 0.1;\n            transform: scale(1.1);\n        }\n\n        .icon-box {\n            width: 70px;\n            height: 70px;\n            background: var(--tiio-blue);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            border-radius: 4px;\n            transition: 0.3s;\n        }\n\n        .icon-box svg {\n            width: 32px;\n            height: 32px;\n            fill: #fff;\n        }\n\n        .process-card:hover .icon-box {\n            background: var(--tiio-gold);\n        }\n\n        .card-title {\n            font-family: var(--font-head);\n            font-size: 20px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 15px 0;\n            text-transform: uppercase;\n        }\n\n        .card-desc {\n            font-size: 14px;\n            line-height: 1.6;\n            color: var(--tiio-gray-text);\n            margin-bottom: 25px;\n        }\n\n        \/* --- \u6838\u5fc3\u4fee\u590d\u533a\u57df --- *\/\n        .feature-list {\n            \/* \u5f3a\u5236\u53bb\u6389\u9ed8\u8ba4\u7684\u9ed1\u70b9 *\/\n            list-style: none !important; \n            list-style-type: none !important;\n            padding: 0;\n            margin: 0;\n            width: 100%;\n            text-align: left;\n            border-top: 1px solid #eee;\n            padding-top: 20px;\n        }\n\n        .feature-list li {\n            \/* \u518d\u6b21\u5f3a\u5236\u53bb\u6389 li \u4e0a\u7684\u9ed8\u8ba4\u9ed1\u70b9 *\/\n            list-style: none !important;\n            list-style-type: none !important;\n            position: relative;\n            padding-left: 20px;\n            margin-bottom: 8px;\n            font-size: 13px;\n            color: #555;\n            font-weight: 600;\n        }\n\n        \/* \u8fd9\u91cc\u624d\u662f\u6211\u4eec\u8981\u4fdd\u7559\u7684\u91d1\u8272\u5c0f\u5706\u70b9 *\/\n        .feature-list li::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 7px;\n            width: 6px;\n            height: 6px;\n            background: var(--tiio-gold);\n            border-radius: 50%;\n        }\n        \/* ------------------ *\/\n\n        .oem-cta {\n            text-align: center;\n            margin-top: 60px;\n        }\n\n        .btn-outline {\n            display: inline-block;\n            border: 2px solid var(--tiio-blue);\n            color: var(--tiio-blue);\n            font-family: var(--font-head);\n            font-weight: 800;\n            text-transform: uppercase;\n            padding: 15px 40px;\n            text-decoration: none;\n            font-size: 14px;\n            letter-spacing: 1px;\n            transition: 0.3s;\n            cursor: pointer;\n        }\n\n        .btn-outline:hover {\n            background: var(--tiio-blue);\n            color: #fff;\n        }\n\n        @media (max-width: 1024px) {\n            .process-grid { grid-template-columns: 1fr; gap: 30px; }\n            .process-grid::before { display: none; }\n            .process-card { padding: 30px; align-items: flex-start; text-align: left; }\n            .card-watermark { right: 20px; top: 20px; font-size: 60px; }\n        }\n\n        @media (max-width: 600px) {\n            #tiio-shop-oem { padding: 80px 0; }\n            .oem-container { padding: 0 32px; }\n            .oem-header h2 { font-size: 28px; }\n            .btn-outline { width: 100%; text-align: center; }\n        }\n    <\/style>\n\n    <div class=\"oem-container\">\n        <div class=\"oem-header\">\n            <h2>Custom Printing & Global Logistics<\/h2>\n            <p>We streamline the supply chain for major retail chains. From copperplate rotogravure printing to DDP delivery, our OEM process is built for scale and brand consistency.<\/p>\n        <\/div>\n\n        <div class=\"process-grid\">\n            \n            <div class=\"process-card\">\n                <div class=\"card-watermark\">01<\/div>\n                <div class=\"icon-box\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M19 8h-1V3H6v5H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zM8 5h8v3H8V5zm8 14H8v-4h8v4zm4-4h-2v-2H6v2H4v-4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v4z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Rotogravure Printing<\/h3>\n                <p class=\"card-desc\">For laminated bags, we use 9-color copperplate printing technology to achieve photo-realistic quality and sharp text.<\/p>\n                <ul class=\"feature-list\">\n                    <li>9-Color Rotogravure<\/li>\n                    <li>CMYK + Pantone<\/li>\n                    <li>Matte or Glossy Finish<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"process-card\">\n                <div class=\"card-watermark\">02<\/div>\n                <div class=\"icon-box\">\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-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Global Standards<\/h3>\n                <p class=\"card-desc\">We strictly adhere to international quality and environmental standards, ensuring your brand is safe and compliant.<\/p>\n                <ul class=\"feature-list\">\n                    <li>AQL 2.5 Inspection<\/li>\n                    <li>Lead\/Cadmium Free<\/li>\n                    <li>Recycled Material Cert<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"process-card\">\n                <div class=\"card-watermark\">03<\/div>\n                <div class=\"icon-box\">\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M20 8h-3V4H3v16h18v-8zM5 6h10v2H5V6zm14 12H5v-2h14v2zm0-4H5v-2h14v2z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">DDP Shipping<\/h3>\n                <p class=\"card-desc\">We handle the entire logistics process. Duties, customs clearance, and inland trucking are all included in our quote.<\/p>\n                <ul class=\"feature-list\">\n                    <li>Door to Door (DDP)<\/li>\n                    <li>FOB \/ CIF Available<\/li>\n                    <li>Palletization Service<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"oem-cta\">\n            <a href=\"#\" class=\"btn-outline open-popup\">Get Custom Quote<\/a>\n        <\/div>\n    <\/div>\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_block_section\">\n<div class=\"et_pb_row_4 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-shop-faq\">\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the MOQ for rotogravure laminated bags?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Due to the setup of high-speed rotogravure cylinders, the Minimum Order Quantity (MOQ) for laminated woven\/non-woven bags is 5,000 pieces. For unlaminated silk-screen bags, the MOQ is 1,000 pieces.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How are printing cylinder plate costs calculated?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Cylinder costs are one-time fees calculated based on the number of colors and the bag size. For a standard CMYK design, you typically need 4 cylinders. These fees are waived for repeat orders.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can you provide a physical pre-production sample?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. For laminated bags, we can provide a physical proof (machine proof). Note that setup costs apply for creating the cylinders. Alternatively, we offer digital mockups free of charge.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What are your standard Incoterms for shipping?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"We support FOB, CIF, and DDP (Delivered Duty Paid). For DDP, we handle all customs clearance and inland trucking to your warehouse door.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n\n    <style>\n        #tiio-shop-faq {\n            --tiio-blue: #003C71;\n            --tiio-gold: #D4AF37;\n            --tiio-text: #1a1a1a;\n            --tiio-text-light: #555;\n            --tiio-bg-light: #F5F7FA;\n            --font-head: 'Open Sans', sans-serif;\n            --font-body: 'Roboto', sans-serif;\n            \n            padding: 100px 0;\n            background-color: #F5F7FA;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        #tiio-shop-faq * { box-sizing: border-box; }\n\n        .faq-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            \/* \u4fdd\u6301\u5927\u5382\u547c\u5438\u611f *\/\n            padding: 0 40px; \n            display: grid;\n            grid-template-columns: 350px 1fr;\n            gap: 80px;\n            align-items: start;\n        }\n\n        \/* \u5de6\u4fa7\u4fa7\u8fb9\u680f *\/\n        .faq-sidebar {\n            position: sticky;\n            top: 100px;\n        }\n\n        .faq-label {\n            display: inline-block;\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--tiio-gold);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n        }\n\n        .faq-title {\n            font-family: var(--font-head);\n            font-size: 36px;\n            font-weight: 800;\n            color: var(--tiio-blue);\n            margin: 0 0 30px 0;\n            line-height: 1.2;\n        }\n\n        \/* \u4e13\u5bb6\u652f\u6301\u5361\u7247 *\/\n        .expert-card {\n            background: var(--tiio-blue);\n            padding: 35px;\n            color: #fff;\n            border-radius: 4px;\n            box-shadow: 0 20px 40px rgba(0, 60, 113, 0.15);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .expert-card::after {\n            content: '';\n            position: absolute;\n            bottom: -20px;\n            right: -20px;\n            width: 100px;\n            height: 100px;\n            background: rgba(255,255,255,0.05);\n            border-radius: 50%;\n        }\n\n        .card-head {\n            font-family: var(--font-head);\n            font-size: 18px;\n            font-weight: 800;\n            margin-bottom: 10px;\n            color: var(--tiio-gold);\n        }\n\n        .card-p {\n            font-size: 14px;\n            line-height: 1.6;\n            margin-bottom: 25px;\n            opacity: 0.9;\n        }\n\n        .btn-white {\n            display: inline-block;\n            background: #fff;\n            color: var(--tiio-blue);\n            font-weight: 800;\n            padding: 12px 25px;\n            text-transform: uppercase;\n            font-size: 12px;\n            letter-spacing: 1px;\n            text-decoration: none;\n            border-radius: 2px;\n            transition: 0.3s;\n        }\n\n        .btn-white:hover {\n            background: var(--tiio-gold);\n            color: #000;\n        }\n\n        \/* \u53f3\u4fa7 FAQ \u5217\u8868 *\/\n        .faq-list {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .faq-item {\n            border-bottom: 1px solid #eee;\n        }\n\n        .faq-item[open] .faq-summary {\n            color: var(--tiio-blue);\n        }\n\n        .faq-summary {\n            list-style: none;\n            padding: 25px 0;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-family: var(--font-head);\n            font-size: 18px;\n            font-weight: 700;\n            color: var(--tiio-text);\n            transition: 0.3s;\n        }\n\n        .faq-summary::-webkit-details-marker { display: none; }\n\n        .faq-icon {\n            width: 24px;\n            height: 24px;\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .faq-icon::before, .faq-icon::after {\n            content: '';\n            position: absolute;\n            background: var(--tiio-text);\n            transition: 0.3s;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        .faq-icon::before { width: 100%; height: 2px; }\n        .faq-icon::after { width: 2px; height: 100%; }\n\n        .faq-item[open] .faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }\n        .faq-item[open] .faq-icon::before { background: var(--tiio-blue); }\n\n        .faq-answer {\n            padding-bottom: 30px;\n            color: var(--tiio-text-light);\n            line-height: 1.7;\n            font-size: 15px;\n            max-width: 90%;\n            animation: fadeIn 0.4s ease;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(-5px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        @media (max-width: 1024px) {\n            .faq-container { grid-template-columns: 1fr; gap: 50px; }\n            .faq-sidebar { position: static; }\n            .expert-card { display: flex; align-items: center; justify-content: space-between; gap: 20px; }\n            .card-p { margin-bottom: 0; }\n        }\n\n        @media (max-width: 768px) {\n            .expert-card { display: block; }\n            .card-p { margin-bottom: 20px; }\n        }\n\n        @media (max-width: 600px) {\n            #tiio-shop-faq { padding: 80px 0; }\n            .faq-container { padding: 0 32px; } \/* \u79fb\u52a8\u7aef\u547c\u5438\u611f *\/\n            .faq-title { font-size: 28px; }\n            .faq-summary { font-size: 16px; }\n        }\n    <\/style>\n\n    <div class=\"faq-container\">\n        \n        <div class=\"faq-sidebar\">\n            <span class=\"faq-label\">Procurement Guide<\/span>\n            <h2 class=\"faq-title\">Supply Chain & Production FAQ<\/h2>\n            \n            <div class=\"expert-card\">\n                <div>\n                    <div class=\"card-head\">New Client?<\/div>\n                    <p class=\"card-p\">Download our wholesale pricing catalog and cylinder cost breakdown.<\/p>\n                <\/div>\n                <a href=\"#\" class=\"btn-white open-popup\">Get Catalog<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-list\">\n            \n            <details class=\"faq-item\">\n                <summary class=\"faq-summary\">\n                    What is the MOQ for rotogravure laminated bags?\n                    <div class=\"faq-icon\"><\/div>\n                <\/summary>\n                <div class=\"faq-answer\">\n                    Due to the setup of high-speed rotogravure cylinders, the Minimum Order Quantity (MOQ) for laminated woven\/non-woven bags is <strong>5,000 pieces<\/strong>. For simpler unlaminated silk-screen bags, the MOQ is <strong>1,000 pieces<\/strong>.\n                <\/div>\n            <\/details>\n\n            <details class=\"faq-item\">\n                <summary class=\"faq-summary\">\n                    How are printing cylinder plate costs calculated?\n                    <div class=\"faq-icon\"><\/div>\n                <\/summary>\n                <div class=\"faq-answer\">\n                    Cylinder costs are one-time fees calculated based on the number of print colors and the physical size of the bag. Typically, a CMYK full-color design requires 4 cylinders. These fees are <strong>waived for all repeat orders<\/strong> of the same design.\n                <\/div>\n            <\/details>\n\n            <details class=\"faq-item\">\n                <summary class=\"faq-summary\">\n                    Can you provide a physical pre-production sample?\n                    <div class=\"faq-icon\"><\/div>\n                <\/summary>\n                <div class=\"faq-answer\">\n                    Yes. For laminated bags, we can provide a physical machine proof. However, please note that cylinder setup costs apply even for samples. For a more cost-effective option, we offer <strong>free digital mockups<\/strong> and can ship generic quality samples for you to inspect the material.\n                <\/div>\n            <\/details>\n\n            <details class=\"faq-item\">\n                <summary class=\"faq-summary\">\n                    What are your standard Incoterms for shipping?\n                    <div class=\"faq-icon\"><\/div>\n                <\/summary>\n                <div class=\"faq-answer\">\n                    We support <strong>FOB, CIF, and DDP (Delivered Duty Paid)<\/strong>. For DDP, we handle all customs clearance, duties, and inland trucking directly to your warehouse door, providing a hassle-free import experience.\n                <\/div>\n            <\/details>\n\n            <details class=\"faq-item\">\n                <summary class=\"faq-summary\">\n                    What is the standard production lead time?\n                    <div class=\"faq-icon\"><\/div>\n                <\/summary>\n                <div class=\"faq-answer\">\n                    For orders under 50,000 pieces, standard production time is <strong>20-25 days<\/strong> after artwork approval. For rush orders, we can expedite production to 15 days depending on current factory capacity.\n                <\/div>\n            <\/details>\n\n        <\/div>\n\n    <\/div>\n\n    <script>\n    \/\/ Optional: Close other details when one is opened (Accordion behavior)\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const details = document.querySelectorAll(\"#tiio-shop-faq details\");\n        details.forEach((targetDetail) => {\n            targetDetail.addEventListener(\"click\", () => {\n                details.forEach((detail) => {\n                    if (detail !== targetDetail) {\n                        detail.removeAttribute(\"open\");\n                    }\n                });\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-620","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/pages\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":15,"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"predecessor-version":[{"id":9121,"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/pages\/620\/revisions\/9121"}],"wp:attachment":[{"href":"https:\/\/tiiocti.com\/en\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}