{"id":13,"date":"2025-01-16T00:00:41","date_gmt":"2025-01-16T08:00:41","guid":{"rendered":"https:\/\/fursone.com\/?page_id=13"},"modified":"2026-05-07T13:07:11","modified_gmt":"2026-05-07T21:07:11","slug":"home","status":"publish","type":"page","link":"https:\/\/fursone.com\/ru\/","title":{"rendered":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f"},"content":{"rendered":"\n<!-- ========================= 1.hero-section.html ========================= -->\r\n<section id=\"hero-minimalist-final\"> \r\n    <script type=\"application\/ld+json\"> \r\n    { \r\n      \"@context\": \"https:\/\/schema.org\", \r\n      \"@type\": \"Organization\", \r\n      \"name\": \"Fursone\", \r\n      \"url\": \"https:\/\/fursone.com\", \r\n      \"logo\": \"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/fursone.png\", \r\n      \"foundingDate\": \"1995\", \r\n      \"description\": \"Premium Tweed & Knit Fabric Manufacturer in Wenzhou\", \r\n      \"address\": { \r\n        \"@type\": \"PostalAddress\", \r\n        \"addressLocality\": \"Wenzhou\", \r\n        \"addressCountry\": \"CN\" \r\n      } \r\n    } \r\n    <\/script> \r\n \r\n    <style> \r\n        #hero-minimalist-final { \r\n            position: relative; \r\n            width: 100%; \r\n            height: 88vh; \r\n            min-height: 540px; \r\n            overflow: hidden; \r\n            display: flex; \r\n            align-items: center; \r\n            font-family: var(--font-heading, 'Playfair Display', serif); \r\n            color: #f3f2e6; \r\n            background-color: #26292a; \r\n        } \r\n \r\n        #hero-minimalist-final .bg-img-desktop { \r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n            object-fit: cover; z-index: 0; opacity: 0.9; \r\n        } \r\n \r\n        .bg-img-mobile { \r\n            position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; \r\n            z-index: 0 !important; display: none; \r\n        } \r\n \r\n        #hero-minimalist-final .overlay-gradient { \r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n            background: linear-gradient(to right, rgba(38, 41, 42, 0.85) 0%, rgba(38, 41, 42, 0.6) 40%, rgba(38, 41, 42, 0) 100%); \r\n            z-index: 1; \r\n        } \r\n \r\n        #hero-minimalist-final .content-container { \r\n            position: relative; z-index: 2; \r\n            width: 100%; max-width: 1600px; margin: 0 auto; \r\n            padding-left: 100px; padding-right: 40px; \r\n            display: flex; justify-content: flex-start; \r\n            box-sizing: border-box; \r\n        } \r\n \r\n        #hero-minimalist-final .text-content { \r\n            max-width: 720px; \r\n            animation: fadeInMove 1s ease-out forwards; \r\n        } \r\n \r\n        #hero-minimalist-final .pre-header { \r\n            display: block; font-family: var(--font-body, 'Playfair', serif); \r\n            font-size: 14px; font-weight: 700; letter-spacing: 3px; \r\n            margin-bottom: 25px; opacity: 0.95; \r\n            border-left: 3px solid #ffffff; padding-left: 18px; \r\n            text-transform: uppercase; color: #f9f9f9; \r\n        } \r\n \r\n        #hero-minimalist-final h1 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: clamp(32px, 4.2vw, 52px);\r\n            font-weight: 700; line-height: 1.25; margin-bottom: 30px;\r\n            text-shadow: 0 5px 20px rgba(38, 41, 42, 0.5); color: #f3f2e6;\r\n        } \r\n \r\n        #hero-minimalist-final p.sub-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px; line-height: 1.7; margin-bottom: 40px;\r\n            opacity: 0.95; color: #f3f2e6; font-weight: 400;\r\n        } \r\n \r\n        #hero-minimalist-final strong {\r\n            font-weight: 400 !important; color: #f3f2e6 !important; border-bottom: none !important;\r\n        } \r\n \r\n        #hero-minimalist-final .btn-group { display: flex; gap: 20px; } \r\n \r\n        #hero-minimalist-final .btn { \r\n            padding: 16px 40px; font-family: var(--font-body, 'Playfair', serif); \r\n            font-size: 13px; font-weight: 700; text-decoration: none; \r\n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); \r\n            letter-spacing: 1.5px; border-radius: 0; text-align: center; \r\n            white-space: nowrap; text-transform: uppercase; cursor: pointer; \r\n        } \r\n \r\n        #hero-minimalist-final .btn-primary { background-color: #934d34; color: #f3f2e6; border: 1px solid #934d34; }\r\n        #hero-minimalist-final .btn-primary:hover { background-color: transparent; color: #f3f2e6; border-color: #f3f2e6; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(38, 41, 42, 0.2); } \r\n \r\n        #hero-minimalist-final .btn-outline { background-color: rgba(255,255,255,0.05); color: #ffffff; border: 1px solid rgba(255,255,255,0.5); backdrop-filter: blur(4px); } \r\n        #hero-minimalist-final .btn-outline:hover { background-color: #ffffff; color: #000000; border-color: #ffffff; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(255,255,255,0.1); } \r\n \r\n        @keyframes fadeInMove { \r\n            from { opacity: 0; transform: translateY(20px); } \r\n            to { opacity: 1; transform: translateY(0); } \r\n        } \r\n \r\n        @media (max-width: 768px) { \r\n            #hero-minimalist-final { \r\n                height: auto !important; \r\n                min-height: 72svh !important; \r\n                padding: 108px 0 64px !important; \r\n                align-items: center; \r\n            } \r\n \r\n            #hero-minimalist-final .bg-img-desktop { display: none !important; } \r\n             \r\n            .bg-img-mobile { \r\n                display: block !important; \r\n                object-position: center bottom !important;\r\n            } \r\n \r\n            #hero-minimalist-final .overlay-gradient { \r\n                background: rgba(38, 41, 42, 0.75); \r\n            } \r\n \r\n            #hero-minimalist-final .content-container { \r\n                padding-left: 30px !important; \r\n                padding-right: 30px !important; \r\n                justify-content: center; \r\n                text-align: center; \r\n                padding-bottom: 0;\r\n                height: auto; \r\n                display: flex;\r\n                box-sizing: border-box !important;\r\n            } \r\n            \r\n            #hero-minimalist-final .text-content { \r\n                max-width: 100%; margin-top: 0; \r\n            } \r\n \r\n            #hero-minimalist-final .pre-header { \r\n                border-left: none; margin-bottom: 12px; font-size: 10px !important; \r\n                padding-left: 0; \r\n                letter-spacing: 1.6px !important;\r\n            } \r\n \r\n            #hero-minimalist-final h1 {\r\n                font-size: 23px !important;\r\n                line-height: 1.15 !important;\r\n                margin-bottom: 14px !important;\r\n                letter-spacing: -0.5px !important;\r\n                text-shadow: 0 2px 10px rgba(38, 41, 42, 0.3) !important;\r\n            } \r\n             \r\n            #hero-minimalist-final p.sub-text { \r\n                font-size: 13px !important; \r\n                line-height: 1.45 !important; \r\n                margin-bottom: 20px !important; \r\n                font-weight: 400 !important; opacity: 0.9 !important; \r\n                letter-spacing: 0 !important; \r\n            } \r\n \r\n            #hero-minimalist-final .btn-group { \r\n                flex-direction: row; justify-content: center; align-items: center; gap: 15px; width: 100%; \r\n            } \r\n\r\n            #hero-minimalist-final .btn-primary,\r\n            #hero-minimalist-final .btn { \r\n                padding: 12px 24px !important;\r\n                font-size: 11px !important;\r\n                font-weight: 600 !important;\r\n                flex: 0 1 auto !important;\r\n                background-color: var(--cta-button, #934d34) !important;\r\n                color: var(--cta-text, #f3f2e6) !important;\r\n                border: 1px solid var(--cta-button, #934d34) !important;\r\n                border-radius: 0 !important;\r\n                letter-spacing: 1.5px !important;\r\n                text-transform: uppercase !important;\r\n                text-align: center !important;\r\n                display: inline-flex !important;\r\n                justify-content: center !important;\r\n                margin: 0 !important;\r\n                box-shadow: none !important;\r\n            } \r\n            \r\n            #hero-minimalist-final .btn-outline {\r\n                background-color: transparent !important;\r\n                color: #f3f2e6 !important;\r\n                border: 1px solid #f3f2e6 !important;\r\n            }\r\n        } \r\n    <\/style> \r\n \r\n    <div class=\"bg-img-desktop\" style=\"background-image: url('https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-003.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;\" data-no-lazy=\"1\"><\/div>\r\n    \r\n    <div class=\"bg-img-mobile\" style=\"background-image: url('https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-003.jpg'); background-size: cover; background-position: center bottom; background-repeat: no-repeat;\" data-no-lazy=\"1\"><\/div>\r\n    \r\n    <div class=\"overlay-gradient\"><\/div> \r\n     \r\n    <div class=\"content-container\"> \r\n        <div class=\"text-content\"> \r\n            <span class=\"pre-header\">Factory-Direct Fancy Fabric Sourcing<\/span> \r\n             \r\n            <h1>Factory-Direct Tweed &amp; Knit Fabrics for Fashion Collections<\/h1> \r\n             \r\n            <p class=\"sub-text\"> \r\n                Source signature tweeds, sweater knits, and ready-stock textures from our Wenzhou mill. Start with <strong>100m stock<\/strong> or build <strong>1000m custom programs<\/strong>.\r\n            <\/p> \r\n             \r\n            <div class=\"btn-group\"> \r\n                <a href=\"\/contact\" class=\"btn btn-primary\">Start Your Project<\/a> \r\n            <\/div> \r\n        <\/div> \r\n    <\/div> \r\n \r\n    <script> \r\n        (function() { \r\n            if (window.innerWidth > 768) { \r\n                const section = document.getElementById('hero-minimalist-final'); \r\n                \/\/ Cache the offsetHeight to avoid forced reflows on scroll\r\n                let sectionHeight = section.offsetHeight;\r\n                window.addEventListener('resize', function() {\r\n                    sectionHeight = section.offsetHeight;\r\n                }, { passive: true });\r\n\r\n                window.addEventListener('scroll', function() { \r\n                    const scrolled = window.scrollY; \r\n                    const bgDesktop = section.querySelector('.bg-img-desktop'); \r\n                    const content = section.querySelector('.text-content'); \r\n                     \r\n                    if (bgDesktop) { \r\n                        if (scrolled < sectionHeight) {\r\n                        bgDesktop.style.transform = `translateY(${scrolled * 0.3}px)`; \r\n                        }\r\n                    } \r\n                    if (content) { \r\n                        if (scrolled < sectionHeight) {\r\n                        content.style.opacity = 1 - (scrolled \/ 600); \r\n                        }\r\n                    } \r\n                }, { passive: true }); \r\n            } \r\n        })(); \r\n    <\/script> \r\n<\/section>\r\n\r\n<!-- ========================= 1.5.trusted-by-section.html ========================= -->\r\n<section id=\"trusted-by-section\">\r\n    <style>\r\n        #trusted-by-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 40px 0;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.05);\r\n            text-align: center;\r\n        }\r\n        #trusted-by-section .trust-title {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.6;\r\n            margin-bottom: 25px;\r\n            font-weight: 600;\r\n        }\r\n        #trusted-by-section .trust-grid {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 30px 80px;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n        }\r\n        #trusted-by-section .trust-item {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 18px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-weight: 400;\r\n            font-style: italic;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #trusted-by-section {\r\n                padding: 30px 0 !important;\r\n            }\r\n            #trusted-by-section .trust-grid {\r\n                gap: 15px 30px;\r\n            }\r\n            #trusted-by-section .trust-item {\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    <\/style>\r\n    <div class=\"trust-title\">Trusted Manufacturing Partner For<\/div>\r\n    <div class=\"trust-grid\">\r\n        <div class=\"trust-item\">Parisian Luxury Houses<\/div>\r\n        <div class=\"trust-item\">Independent Designers<\/div>\r\n        <div class=\"trust-item\">Global Fast Fashion<\/div>\r\n        <div class=\"trust-item\">Boutique Tailors<\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 2.why-fursone-section.html ========================= -->\r\n<section id=\"why-fursone-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Why Choose Fursone\",\r\n      \"mainEntity\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"description\": \"Wenzhou Textile Manufacturer specializing in high-end fancy yarns and textured fabrics.\",\r\n        \"url\": \"https:\/\/fursone.com\"\r\n      }\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* Base Styles (Mobile First) *\/\r\n        #why-fursone-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #why-fursone-section .container {\r\n            padding: 0 20px;\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        #why-fursone-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 32px;\r\n            line-height: 1.1;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        #why-fursone-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 15px;\r\n            line-height: 1.6;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 30px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        #why-fursone-section .feature-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            border-left: 1px solid rgba(21, 37, 47, 0.1);\r\n            padding-left: 15px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 6px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        #why-fursone-section .feature-item p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            line-height: 1.4;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-weight: 300;\r\n        }\r\n\r\n        #why-fursone-section .cta-wrapper {\r\n            margin-top: 30px;\r\n        }\r\n\r\n        \/* Mobile Button (Underlined Link) *\/\r\n        #why-fursone-section .cta-button {\r\n            background: transparent !important;\r\n            color: #26292a !important;\r\n            border: none !important;\r\n            border-bottom: 1px solid #26292a !important;\r\n            padding: 0 0 2px 0 !important;\r\n            margin: 0 !important;\r\n            font-size: 11px !important;\r\n            font-weight: 600 !important;\r\n            width: auto !important;\r\n            display: inline-block !important;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n        }\r\n\r\n        #why-fursone-section .image-column {\r\n            min-height: 250px;\r\n            width: 100%;\r\n            order: 1; \/* Image below text on mobile *\/\r\n        }\r\n\r\n        #why-fursone-section .feature-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Desktop Styles (Compact Full Bleed Split) *\/\r\n        @media (min-width: 1025px) {\r\n            #why-fursone-section {\r\n                padding: 0 !important;\r\n                display: grid;\r\n                grid-template-columns: 50% 50%; \/* Changed to 50\/50 split *\/\r\n                align-items: center;\r\n                min-height: auto;\r\n            }\r\n\r\n            #why-fursone-section .container {\r\n                max-width: 100%;\r\n                margin: 0;\r\n                padding: 0;\r\n                display: contents; \/* Removes container wrapper influence *\/\r\n            }\r\n\r\n            #why-fursone-section .text-column {\r\n                padding: 80px 80px 80px 120px; \/* Increased vertical padding for better spacing *\/\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n                order: 1;\r\n                max-width: 800px;\r\n                margin-left: auto;\r\n            }\r\n\r\n            #why-fursone-section h2 {\r\n                font-size: 36px;\r\n                margin-bottom: 40px; \/* Increased from 32px *\/\r\n                line-height: 1.3; \/* Increased from 1.1 for elegance *\/\r\n            }\r\n\r\n            #why-fursone-section .intro-text {\r\n                font-size: 16px;\r\n                margin-bottom: 60px; \/* Increased from 48px *\/\r\n                line-height: 1.8; \/* Increased from 1.6 for readability *\/\r\n            }\r\n\r\n            #why-fursone-section .feature-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n                gap: 40px; \/* Increased gap for breathing room *\/\r\n            }\r\n\r\n            #why-fursone-section .cta-wrapper {\r\n                margin-top: 40px;\r\n            }\r\n\r\n            \/* Desktop Button (Solid Block) *\/\r\n            #why-fursone-section .cta-button {\r\n                background-color: var(--cta-button, #934d34) !important;\r\n                color: var(--cta-text, #f3f2e6) !important;\r\n                border: 1px solid var(--cta-button, #934d34) !important;\r\n                padding: 12px 28px !important; \/* Significantly reduced padding *\/\r\n                font-size: 12px !important; \/* Smaller font *\/\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-block !important;\r\n                transition: all 0.3s ease;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            #why-fursone-section .cta-button:hover {\r\n                background-color: transparent !important;\r\n                color: var(--text-main, #26292a) !important;\r\n                border-color: var(--text-main, #26292a) !important;\r\n                transform: translateY(-3px);\r\n            }\r\n\r\n            #why-fursone-section .image-column {\r\n                height: 100%;\r\n                width: 100%;\r\n                order: 2;\r\n                position: relative;\r\n                min-height: 500px; \/* Ensure image has height *\/\r\n            }\r\n\r\n            #why-fursone-section .feature-image {\r\n                height: 100%;\r\n                width: 100%;\r\n                object-fit: cover;\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <div class=\"text-column\">\r\n            <h2>The Fursone Advantage<\/h2>\r\n            <div class=\"intro-text\">\r\n                Achieve the artisan aesthetic you envision, without the supply chain headaches. We connect inspired design with seamless manufacturing.\r\n            <\/div>\r\n            \r\n            <div class=\"feature-grid\">\r\n                <div class=\"feature-item\">\r\n                    <h3>100M Meters In Stock<\/h3>\r\n                    <p>Launch your collection faster. Our in-stock materials ship in 3-7 days. No delays.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>1000M Custom MOQ<\/h3>\r\n                    <p>Minimize your risk. Develop exclusive textures with a lower initial commitment.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>7-Day Rapid Sampling<\/h3>\r\n                    <p>Go from concept to physical swatch in one week. Outpace your competition.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-item\">\r\n                    <h3>Affordable Luxury<\/h3>\r\n                    <p>Improve your margins. Get the premium European mill quality for 30-50% less.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cta-wrapper\">\r\n                <a href=\"\/about-us\" class=\"cta-button\">Why Work With Fursone<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"image-column\">\r\n            <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2025\/09\/\u5fae\u4fe1\u56fe\u7247_20250922164704.jpg\" \r\n                 alt=\"Close-up of Fursone textile manufacturing process\" \r\n                 class=\"feature-image\" \r\n                 width=\"800\" height=\"900\" loading=\"lazy\">\r\n            <div class=\"experience-badge\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const section = document.getElementById('why-fursone-section');\r\n        \r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const items = section.querySelectorAll('.feature-item');\r\n                    items.forEach((item, index) => {\r\n                        setTimeout(() => {\r\n                            item.style.opacity = '1';\r\n                            item.style.transform = 'translateY(0)';\r\n                        }, index * 100);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        const grid = section.querySelector('.feature-grid');\r\n        if (grid) {\r\n            const items = section.querySelectorAll('.feature-item');\r\n            items.forEach(item => {\r\n                item.style.opacity = '0';\r\n                item.style.transform = 'translateY(20px)';\r\n                item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            });\r\n            observer.observe(grid);\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 3.core-collections.html ========================= -->\r\n<section id=\"core-collections-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"CollectionPage\",\r\n      \"name\": \"Premium Textile & Fabric Collections\",\r\n      \"description\": \"Explore Fursone's signature textile collections including Chanel-style tweeds, heavy boucl\u00e9, and intricate cable knits.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"address\": {\r\n          \"@type\": \"PostalAddress\",\r\n          \"addressLocality\": \"Wenzhou\",\r\n          \"addressCountry\": \"CN\"\r\n        }\r\n      }\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        #core-collections-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #core-collections-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #core-collections-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #core-collections-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 60px;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        #core-collections-section .collections-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        #core-collections-section .collection-card {\r\n            display: block;\r\n            text-decoration: none;\r\n            group: hover;\r\n        }\r\n\r\n        #core-collections-section .image-wrapper {\r\n            width: 100%;\r\n            padding-bottom: 125%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            background-color: #e0e0e0;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        #core-collections-section .collection-image {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        #core-collections-section .collection-card:hover .collection-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #core-collections-section .card-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.1);\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        #core-collections-section h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n        }\r\n\r\n        #core-collections-section .arrow-icon {\r\n            font-size: 18px;\r\n            color: var(--text-main, #26292a);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        #core-collections-section .collection-card:hover .arrow-icon {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        #core-collections-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        #core-collections-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #core-collections-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #core-collections-section .collections-grid {\r\n                display: flex;\r\n                overflow-x: auto;\r\n                scroll-snap-type: x mandatory;\r\n                gap: 20px;\r\n                padding-bottom: 20px;\r\n                margin-right: -20px; \r\n            }\r\n\r\n            #core-collections-section .collection-card {\r\n                flex: 0 0 85%;\r\n                scroll-snap-align: start;\r\n            }\r\n\r\n            #core-collections-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #core-collections-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n            }\r\n\r\n            #core-collections-section .intro-text {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            #core-collections-section .cta-wrapper {\r\n                text-align: left;\r\n            }\r\n\r\n            #core-collections-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n            \r\n            #core-collections-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <h2>Signature Textile Collections<\/h2>\r\n        <div class=\"intro-text\">\r\n            From heritage Chanel-style tweeds to avant-garde textured knits. Our Wenzhou facility produces premium fabrics for global fashion houses.\r\n        <\/div>\r\n\r\n        <div class=\"collections-grid\">\r\n            <a href=\"\/chanel-style-tweed\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-001-1-scaled.jpg\" alt=\"Classic Chanel Style Tweed Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Chanel-Style Tweeds<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/woolen-overcoat\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-002-1-scaled.jpg\" alt=\"Heavyweight Boucle Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Heavyweight Boucl\u00e9<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/cable-sweater-knit\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-001-1-scaled.jpg\" alt=\"Structured Cable Knit Fabric\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Structured Cable Knits<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/knitted-overcoat\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/chenille-tweed-fabric-textile-melange-fursone-001-1-scaled.jpg\" alt=\"Fancy Yarn Blends\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Fancy Yarn Blends<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/knit-fabric\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-002-1-scaled.jpg\" alt=\"Metallic Thread Fabrics\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Metallic Series<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"\/sweater-knit\/\" class=\"collection-card\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/knitted-embroidery-fabric-textile-fursone-001-1-scaled.jpg\" alt=\"Sustainable Eco Knits\" class=\"collection-image\" loading=\"lazy\" width=\"600\" height=\"750\">\r\n                <\/div>\r\n                <div class=\"card-content\">\r\n                    <h3>Eco-Sustainable Knits<\/h3>\r\n                    <span class=\"arrow-icon\">\u2192<\/span>\r\n                <\/div>\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/contact\" class=\"cta-button\">Request Fabric Swatches<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const section = document.getElementById('core-collections-section');\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const cards = section.querySelectorAll('.collection-card');\r\n                    cards.forEach((card, index) => {\r\n                        setTimeout(() => {\r\n                            card.style.opacity = '1';\r\n                            card.style.transform = 'translateY(0)';\r\n                        }, index * 100);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        const grid = section.querySelector('.collections-grid');\r\n        if (grid) {\r\n            const cards = section.querySelectorAll('.collection-card');\r\n            cards.forEach(card => {\r\n                card.style.opacity = '0';\r\n                card.style.transform = 'translateY(20px)';\r\n                card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n            });\r\n            observer.observe(grid);\r\n        }\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 3.5.artisan-yarn-section.html ========================= -->\r\n<section id=\"artisan-yarn-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebPageElement\",\r\n      \"name\": \"Fursone Yarn R&D and Artisan Sourcing\",\r\n      \"description\": \"Fursone's commitment to raw material excellence, from eco-fibers to metallic lurex.\"\r\n    }\r\n    <\/script>\r\n    <style>\r\n        #artisan-yarn-section {\r\n            background-color: #26292a;\r\n            color: #f3f2e6;\r\n            padding: 100px 0;\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n        #artisan-yarn-section .container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n        #artisan-yarn-section .yarn-subtitle {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            color: #934d34;\r\n            font-weight: 600;\r\n        }\r\n        #artisan-yarn-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 40px;\r\n            line-height: 1.25;\r\n            margin-bottom: 30px;\r\n            font-weight: 400;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .yarn-desc {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            opacity: 0.85;\r\n            margin-bottom: 50px;\r\n            font-weight: 300;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .yarn-features {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr 1fr;\r\n            gap: 40px;\r\n            text-align: left;\r\n            border-top: 1px solid rgba(243, 242, 230, 0.2);\r\n            padding-top: 50px;\r\n        }\r\n        #artisan-yarn-section .feature h4 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 20px;\r\n            margin-bottom: 15px;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n        }\r\n        #artisan-yarn-section .feature p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            opacity: 0.7;\r\n            color: #ffffff; \/* Fix: Added explicit white color *\/\r\n        }\r\n        #artisan-yarn-section .cta-wrapper {\r\n            margin-top: 50px;\r\n            text-align: center;\r\n        }\r\n        #artisan-yarn-section .cta-button {\r\n            display: inline-block;\r\n            background-color: transparent;\r\n            color: #ffffff;\r\n            border: 1px solid #ffffff;\r\n            padding: 12px 28px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n        #artisan-yarn-section .cta-button:hover {\r\n            background-color: #ffffff;\r\n            color: #26292a;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #artisan-yarn-section { padding: 60px 0 !important; }\r\n            #artisan-yarn-section .yarn-features {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n            #artisan-yarn-section h2 { font-size: 28px; }\r\n            #artisan-yarn-section .yarn-desc { font-size: 14px; }\r\n            #artisan-yarn-section .feature { text-align: center; }\r\n        }\r\n    <\/style>\r\n    <div class=\"container\">\r\n        <div class=\"yarn-subtitle\">The Soul of the Fabric<\/div>\r\n        <h2>Artisan R&D & Raw Material Sourcing<\/h2>\r\n        <p class=\"yarn-desc\">Every exceptional textile begins with the yarn. Our in-house R&D team sources and spins the finest raw materials\u2014from Australian Merino wool to premium Japanese lurex\u2014ensuring the \"Chanel-style\" drape and hand-feel before the first yard is ever woven.<\/p>\r\n        \r\n        <div class=\"yarn-features\">\r\n            <div class=\"feature\">\r\n                <h4>Proprietary Spinning<\/h4>\r\n                <p>We don't buy off-the-shelf yarns. We custom-spin slub, boucl\u00e9, and chenille yarns in-house to guarantee exclusive textures and prevent market duplication.<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <h4>Eco-Traceability<\/h4>\r\n                <p>Full transparency on our raw materials. We integrate GRS-certified recycled polyesters and organic cottons without compromising luxury aesthetics.<\/p>\r\n            <\/div>\r\n            <div class=\"feature\">\r\n                <h4>Color & Dye Mastery<\/h4>\r\n                <p>Our lab utilizes advanced yarn-dyeing techniques to achieve rich, multi-tonal melange effects with rigorous colorfastness standards.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/services\/custom-manufacturing\/\" class=\"cta-button\">Explore Custom OEM<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 4.manufacturing-section.html ========================= -->\r\n<section id=\"manufacturing-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Manufacturing Capabilities\",\r\n      \"description\": \"Wenzhou textile factory capabilities including custom yarn spinning, knitting, weaving, and lab-tested quality control.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\",\r\n        \"address\": {\r\n          \"@type\": \"PostalAddress\",\r\n          \"addressLocality\": \"Wenzhou\",\r\n          \"addressCountry\": \"CN\"\r\n        }\r\n      }\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        #manufacturing-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #manufacturing-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #manufacturing-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #manufacturing-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 60px;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        #manufacturing-section .capability-row {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 60px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:nth-child(even) {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        #manufacturing-section .image-col {\r\n            flex: 1;\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 450px;\r\n        }\r\n\r\n        #manufacturing-section .capability-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        #manufacturing-section .capability-row:hover .capability-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #manufacturing-section .text-col {\r\n            flex: 1;\r\n            padding: 40px;\r\n        }\r\n\r\n        #manufacturing-section .step-number {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 80px;\r\n            color: rgba(38, 41, 42, 0.1);\r\n            line-height: 1;\r\n            margin-bottom: -20px;\r\n            position: relative;\r\n            z-index: 0;\r\n        }\r\n\r\n        #manufacturing-section h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 28px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        #manufacturing-section p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 30px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #manufacturing-section .feature-list {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        #manufacturing-section .feature-list li {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 10px;\r\n            padding-left: 20px;\r\n            position: relative;\r\n            font-weight: 500;\r\n        }\r\n\r\n        #manufacturing-section .feature-list li::before {\r\n            content: \"\u2022\";\r\n            color: var(--cta-button, #934d34);\r\n            position: absolute;\r\n            left: 0;\r\n            font-size: 18px;\r\n            line-height: 1;\r\n        }\r\n\r\n        #manufacturing-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        #manufacturing-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 16px 45px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #manufacturing-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #manufacturing-section .capability-row {\r\n                flex-direction: column !important;\r\n                gap: 30px;\r\n                margin-bottom: 60px;\r\n            }\r\n\r\n            #manufacturing-section .image-col {\r\n                width: 100%;\r\n                height: 300px;\r\n            }\r\n\r\n            #manufacturing-section .text-col {\r\n                padding: 0 20px;\r\n                text-align: left;\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            #manufacturing-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #manufacturing-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n            }\r\n\r\n            #manufacturing-section .intro-text {\r\n                text-align: left;\r\n                font-size: 16px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            #manufacturing-section .cta-wrapper {\r\n                text-align: left;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            #manufacturing-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n\r\n            #manufacturing-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <h2>Advanced Textile Manufacturing Capabilities<\/h2>\r\n        <div class=\"intro-text\">\r\n            Leading fabric manufacturer specializing in custom textile production, yarn development, and large-scale fabric manufacturing. Our vertically integrated textile factory delivers premium quality fabrics with precision craftsmanship and comprehensive quality control systems for fashion brands worldwide.\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/04\/premium-textile-fabric-wholesale-006.jpg\" alt=\"Custom yarn spinning process at Fursone\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">01<\/div>\r\n                <h3>Custom Yarn Development<\/h3>\r\n                <p>Innovation starts at the fiber level. Our in-house spinning division allows us to create proprietary yarn blends, textures, and color combinations that are exclusive to your brand.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Fancy Boucl\u00e9 & Slub Yarns<\/li>\r\n                    <li>Metallic & Lurex Integration<\/li>\r\n                    <li>Recycled & Eco-Fiber Blends<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/textile-factory-workshop-production-equipment-manufacturing-fursone-25-1-scaled.jpg\" alt=\"Textile quality control laboratory testing\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">02<\/div>\r\n                <h3>Lab-Tested Quality<\/h3>\r\n                <p>We don't just manufacture; we validate. Every production batch undergoes rigorous physical and chemical testing in our certified laboratory to ensure it meets international export standards.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Colorfastness & Shrinkage Testing<\/li>\r\n                    <li>Pilling & Abrasion Resistance<\/li>\r\n                    <li>Oeko-Tex Standard 100 Compliance<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"capability-row\">\r\n            <div class=\"image-col\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/textile-factory-workshop-production-equipment-manufacturing-fursone-38-1-scaled.jpg\" alt=\"High-volume knitting production line\" class=\"capability-image\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"text-col\">\r\n                <div class=\"step-number\">03<\/div>\r\n                <h3>High-Volume Production<\/h3>\r\n                <p>Scalability without compromise. Our advanced knitting and weaving fleet is optimized for efficiency, delivering large-scale orders with the same attention to detail as our sample yardage.<\/p>\r\n                <ul class=\"feature-list\">\r\n                    <li>Advanced Circular Knitting Machines<\/li>\r\n                    <li>Flexible MOQ for Custom Orders<\/li>\r\n                    <li>Rapid Lead Times (25-35 Days)<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/services\/custom-manufacturing\" class=\"cta-button\">Explore Custom Manufacturing<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const section = document.getElementById('manufacturing-section');\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    const rows = section.querySelectorAll('.capability-row');\r\n                    rows.forEach((row, index) => {\r\n                        setTimeout(() => {\r\n                            row.style.opacity = '1';\r\n                            row.style.transform = 'translateY(0)';\r\n                        }, index * 200);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        const rows = section.querySelectorAll('.capability-row');\r\n        rows.forEach(row => {\r\n            row.style.opacity = '0';\r\n            row.style.transform = 'translateY(30px)';\r\n            row.style.transition = 'opacity 0.8s ease, transform 0.8s ease';\r\n        });\r\n        observer.observe(section);\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 4.5.tech-specs-geo.html ========================= -->\r\n<section id=\"tech-specs-geo\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebPageElement\",\r\n      \"name\": \"Fursone Fabric Technical Specifications & Export Compliance\",\r\n      \"description\": \"Technical parameters, MOQ, and international export certifications for Fursone wholesale textiles.\"\r\n    }\r\n    <\/script>\r\n    <style>\r\n        #tech-specs-geo {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n        }\r\n        #tech-specs-geo .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n        #tech-specs-geo .geo-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        #tech-specs-geo h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 20px;\r\n            font-weight: 400;\r\n        }\r\n        #tech-specs-geo .geo-desc {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n        #tech-specs-geo .geo-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n        }\r\n        #tech-specs-geo .geo-card {\r\n            background: #ffffff;\r\n            padding: 50px;\r\n            box-shadow: 0 10px 40px rgba(38, 41, 42, 0.03);\r\n            border: none;\r\n            border-top: 3px solid var(--cta-button, #934d34);\r\n        }\r\n        #tech-specs-geo h3 {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 30px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.9;\r\n        }\r\n        #tech-specs-geo table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n        #tech-specs-geo tr:last-child th,\r\n        #tech-specs-geo tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n        #tech-specs-geo th, #tech-specs-geo td {\r\n            padding: 20px 0;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.08);\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            text-align: left;\r\n        }\r\n        #tech-specs-geo th {\r\n            font-weight: 600;\r\n            width: 45%;\r\n            font-size: 13px;\r\n            color: var(--text-main, #26292a);\r\n        }\r\n        #tech-specs-geo td {\r\n            font-weight: 400;\r\n            font-size: 15px;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.8;\r\n            font-style: italic;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #tech-specs-geo {\r\n                padding: 60px 0 !important;\r\n            }\r\n            #tech-specs-geo .geo-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            #tech-specs-geo .geo-card {\r\n                padding: 25px;\r\n            }\r\n            #tech-specs-geo h2 {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n    <\/style>\r\n    <div class=\"container\">\r\n        <div class=\"geo-header\">\r\n            <h2>Technical Specifications & Compliance<\/h2>\r\n            <p class=\"geo-desc\">Structured for transparency. Our manufacturing metrics and global export certifications ensure seamless sourcing for international buyers.<\/p>\r\n        <\/div>\r\n        <div class=\"geo-grid\">\r\n            <div class=\"geo-card\">\r\n                <h3>Production Metrics<\/h3>\r\n                <table>\r\n                    <tbody>\r\n                        <tr>\r\n                            <th>Custom MOQ<\/th>\r\n                            <td>1,000 Meters \/ Color<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Ready-Stock MOQ<\/th>\r\n                            <td>100 Meters<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Sampling Time<\/th>\r\n                            <td>7 - 10 Days<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Bulk Lead Time<\/th>\r\n                            <td>25 - 35 Days<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Daily Capacity<\/th>\r\n                            <td>50,000+ Meters<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            <div class=\"geo-card\">\r\n                <h3>Export & Certifications<\/h3>\r\n                <table>\r\n                    <tbody>\r\n                        <tr>\r\n                            <th>Eco Compliance<\/th>\r\n                            <td>GRS (Global Recycled Standard)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Safety Standard<\/th>\r\n                            <td>Oeko-Tex Standard 100<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Quality Audit<\/th>\r\n                            <td>ISO 9001:2015<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Export Logistics<\/th>\r\n                            <td>FOB Shanghai \/ Ningbo<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <th>Testing Provided<\/th>\r\n                            <td>SGS \/ Intertek \/ In-house Lab<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- ========================= 5.case-studies.html ========================= -->\r\n<section id=\"b2b-split-slider\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"WebSection\",\r\n      \"name\": \"Case Studies\",\r\n      \"description\": \"Success stories of custom fabric development for global fashion brands.\",\r\n      \"provider\": {\r\n        \"@type\": \"Organization\",\r\n        \"name\": \"Fursone\"\r\n      }\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        #b2b-split-slider {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100vh;\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            overflow: hidden;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            color: var(--text-main, #26292a);\r\n        }\r\n\r\n        #b2b-split-slider .slide-item {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: opacity 0.6s ease-in-out, visibility 0.6s;\r\n            z-index: 1;\r\n        }\r\n\r\n        #b2b-split-slider .slide-item.active {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            z-index: 2;\r\n        }\r\n\r\n        #b2b-split-slider .left-image {\r\n            width: 50%;\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #b2b-split-slider .left-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 6s ease;\r\n        }\r\n        #b2b-split-slider .slide-item.active .left-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        #b2b-split-slider .right-content {\r\n            width: 50%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            padding: 0 10% 0 80px;\r\n            background: var(--bg-primary, #f3f2e6);\r\n            position: relative;\r\n        }\r\n\r\n        #b2b-split-slider .case-label {\r\n            display: inline-block;\r\n            background-color: rgba(147, 77, 52, 0.1);\r\n            color: var(--cta-button, #934d34);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            margin-bottom: 24px;\r\n            letter-spacing: 0.5px;\r\n            width: fit-content;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n        }\r\n\r\n        #b2b-split-slider h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            font-weight: 400;\r\n            margin-bottom: 40px;\r\n            color: var(--text-main, #26292a);\r\n        }\r\n\r\n        #b2b-split-slider p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 30px;\r\n            max-width: 500px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #b2b-split-slider .btn-group {\r\n            display: flex;\r\n            gap: 20px;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        #b2b-split-slider .btn {\r\n            padding: 14px 32px;\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            border: 1px solid transparent;\r\n            text-align: center;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n        }\r\n\r\n        #b2b-split-slider .btn-primary {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n        }\r\n        #b2b-split-slider .btn-primary:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        #b2b-split-slider .slider-nav {\r\n            position: absolute;\r\n            right: 40px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            z-index: 10;\r\n            align-items: center;\r\n        }\r\n\r\n        #b2b-split-slider .nav-arrow {\r\n            cursor: pointer;\r\n            color: rgba(38, 41, 42, 0.3);\r\n            font-size: 24px;\r\n            transition: color 0.3s;\r\n            user-select: none;\r\n        }\r\n        #b2b-split-slider .nav-arrow:hover { color: var(--cta-button, #934d34); }\r\n\r\n        #b2b-split-slider .dots-wrapper {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            padding: 10px 0;\r\n        }\r\n\r\n        #b2b-split-slider .dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            background-color: rgba(38, 41, 42, 0.2);\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n        }\r\n\r\n        #b2b-split-slider .dot.active {\r\n            background-color: var(--cta-button, #934d34);\r\n            transform: scale(1.3);\r\n        }\r\n\r\n        @media (max-width: 980px) {\r\n            #b2b-split-slider { height: auto; }\r\n            #b2b-split-slider .slide-item {\r\n                position: relative;\r\n                flex-direction: column;\r\n                opacity: 1; visibility: visible;\r\n                display: none;\r\n            }\r\n            #b2b-split-slider .slide-item.active { display: flex; }\r\n            \r\n            #b2b-split-slider .left-image { width: 100%; height: 350px; }\r\n            #b2b-split-slider .right-content { width: 100%; padding: 40px 20px; box-sizing: border-box; }\r\n            #b2b-split-slider .slider-nav { display: none; }\r\n            #b2b-split-slider .btn-group { flex-direction: column; }\r\n            \r\n            \/* Mobile Button Style Override *\/\r\n            #b2b-split-slider .btn {\r\n                background: transparent !important;\r\n                color: #26292a !important;\r\n                border: none !important;\r\n                border-bottom: 1px solid #26292a !important;\r\n                padding: 0 0 2px 0 !important;\r\n                margin: 0 !important;\r\n                font-size: 11px !important;\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-block !important;\r\n                text-transform: uppercase;\r\n                letter-spacing: 1px;\r\n                text-decoration: none;\r\n                text-align: left;\r\n            }\r\n            #b2b-split-slider .btn:hover {\r\n                transform: none;\r\n                color: #26292a !important;\r\n                border-color: #26292a !important;\r\n            }\r\n            #b2b-split-slider .btn-group {\r\n                gap: 15px;\r\n                align-items: flex-start;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"slider-wrapper\">\r\n        \r\n        <div class=\"slide-item active\" data-index=\"0\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/boucle-fancy-yarn-tweed-fabric-textile-fursone-002-scaled.jpg\" alt=\"Emerging designer boucl\u00e9 fabric collection\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">Emerging Designer<\/span>\r\n                <h2>Launching a Debut Collection with Low MOQ Support<\/h2>\r\n                <p><strong>Challenge:<\/strong> A NYC-based startup brand needed custom boucl\u00e9 fabrics for their debut collection but was rejected by major mills due to small order volumes.<\/p>\r\n                <p><strong>Solution:<\/strong> Fursone provided our \"Designer Support Program\", offering a 100-meter MOQ for custom development, helping them refine yarn selection to meet budget.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/solutions\/designer-brands\" class=\"btn btn-primary\">Start Your Brand<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide-item\" data-index=\"1\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/worsted-woolen-tweed-fabric-textile-yarn-fursone-208-1-scaled.jpg\" alt=\"Luxury tweed fabric for fashion brands\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">European Luxury Brand<\/span>\r\n                <h2>Cost-Effective Replication of Heritage Tweeds<\/h2>\r\n                <p><strong>Challenge:<\/strong> A French affordable luxury brand wanted to introduce a \"Chanel-style\" jacket line but found European mill prices too high for their target margin.<\/p>\r\n                <p><strong>Solution:<\/strong> Our R&D team analyzed the original swatch structure. By substituting 20% of the silk with high-grade mercerized cotton, we achieved a 95% visual match at 40% lower cost.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/services\/custom-manufacturing\" class=\"btn btn-primary\">Request Analysis<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slide-item\" data-index=\"2\">\r\n            <div class=\"left-image\">\r\n                <img decoding=\"async\" src=\"https:\/\/fursone.com\/wp-content\/uploads\/2026\/02\/knitted-embroidery-fabric-textile-fursone-002-scaled.jpg\" alt=\"Sustainable eco fabric development\" loading=\"lazy\" width=\"800\" height=\"600\">\r\n            <\/div>\r\n            <div class=\"right-content\">\r\n                <span class=\"case-label\">Sustainable Fashion<\/span>\r\n                <h2>Rapid Delivery of GRS-Certified Eco Fabrics<\/h2>\r\n                <p><strong>Challenge:<\/strong> A Scandinavian brand faced a supply chain crisis when their original supplier cancelled a recycled polyester order 4 weeks before launch.<\/p>\r\n                <p><strong>Solution:<\/strong> Leveraging our Ready-Stock Eco Yarn inventory, Fursone produced lab dips in 3 days and delivered 2,000 meters of GRS-certified fabric in just 25 days.<\/p>\r\n                <div class=\"btn-group\">\r\n                    <a href=\"\/services\/ready-stock\" class=\"btn btn-primary\">Check Eco Stock<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"slider-nav\">\r\n            <div class=\"nav-arrow up-btn\">\u25b4<\/div>\r\n            <div class=\"dots-wrapper\">\r\n                <div class=\"dot active\" data-target=\"0\"><\/div>\r\n                <div class=\"dot\" data-target=\"1\"><\/div>\r\n                <div class=\"dot\" data-target=\"2\"><\/div>\r\n            <\/div>\r\n            <div class=\"nav-arrow down-btn\">\u25be<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const scope = document.getElementById('b2b-split-slider');\r\n        const slides = scope.querySelectorAll('.slide-item');\r\n        const dots = scope.querySelectorAll('.dot');\r\n        const upBtn = scope.querySelector('.up-btn');\r\n        const downBtn = scope.querySelector('.down-btn');\r\n        let currentIndex = 0;\r\n        const totalSlides = slides.length;\r\n\r\n        function goToSlide(index) {\r\n            if (index < 0) index = totalSlides - 1;\r\n            if (index >= totalSlides) index = 0;\r\n            currentIndex = index;\r\n\r\n            slides.forEach(s => s.classList.remove('active'));\r\n            slides[currentIndex].classList.add('active');\r\n\r\n            dots.forEach(d => d.classList.remove('active'));\r\n            dots[currentIndex].classList.add('active');\r\n        }\r\n\r\n        dots.forEach((dot, idx) => {\r\n            dot.addEventListener('click', () => goToSlide(idx));\r\n        });\r\n\r\n        upBtn.addEventListener('click', () => goToSlide(currentIndex - 1));\r\n        downBtn.addEventListener('click', () => goToSlide(currentIndex + 1));\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 5.5.latest-blog-section.html ========================= -->\r\n<section id=\"latest-blog-section\">\r\n    <style>\r\n        #latest-blog-section {\r\n            background-color: var(--bg-primary, #f3f2e6);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #latest-blog-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #latest-blog-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 0 15px 0;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #latest-blog-section .intro-text {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            line-height: 1.8;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 auto 45px auto;\r\n            font-weight: 300;\r\n            text-align: center;\r\n            max-width: 760px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #latest-blog-section .blog-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        #latest-blog-section .blog-card {\r\n            background: #ffffff;\r\n            border: 1px solid rgba(38, 41, 42, 0.1);\r\n            overflow: hidden;\r\n            text-decoration: none;\r\n            color: inherit;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 280px;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        #latest-blog-section .blog-card.is-skeleton {\r\n            pointer-events: none;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-media,\r\n        #latest-blog-section .skeleton-line {\r\n            background: linear-gradient(90deg, rgba(217, 213, 201, 0.45) 0%, rgba(255, 255, 255, 0.92) 50%, rgba(217, 213, 201, 0.45) 100%);\r\n            background-size: 200% 100%;\r\n            animation: blogSkeletonPulse 1.6s ease-in-out infinite;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-media {\r\n            width: 100%;\r\n            height: 220px;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.08);\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line {\r\n            border-radius: 999px;\r\n            height: 11px;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.date {\r\n            width: 34%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.title {\r\n            width: 78%;\r\n            height: 16px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.copy {\r\n            width: 100%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.copy.short {\r\n            width: 72%;\r\n        }\r\n\r\n        #latest-blog-section .skeleton-line.link {\r\n            width: 40%;\r\n            margin-top: auto;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        @keyframes blogSkeletonPulse {\r\n            0% { background-position: 200% 0; }\r\n            100% { background-position: -200% 0; }\r\n        }\r\n\r\n        #latest-blog-section .blog-card:hover {\r\n            transform: translateY(-4px);\r\n            border-color: var(--text-main, #26292a);\r\n            box-shadow: 0 10px 24px rgba(38, 41, 42, 0.08);\r\n        }\r\n\r\n        #latest-blog-section .blog-date {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            letter-spacing: 1.2px;\r\n            text-transform: uppercase;\r\n            color: var(--cta-button, #934d34);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        #latest-blog-section .blog-title {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 24px;\r\n            line-height: 1.35;\r\n            color: var(--text-main, #26292a);\r\n            margin: 0 0 14px 0;\r\n            font-weight: 500;\r\n        }\r\n\r\n        #latest-blog-section .blog-excerpt {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.75;\r\n            color: var(--text-main, #26292a);\r\n            opacity: 0.88;\r\n            margin: 0 0 20px 0;\r\n            flex: 1;\r\n        }\r\n\r\n        #latest-blog-section .blog-link {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: var(--text-main, #26292a);\r\n            border-bottom: 1px solid var(--text-main, #26292a);\r\n            width: fit-content;\r\n            padding-bottom: 2px;\r\n        }\r\n\r\n        #latest-blog-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        #latest-blog-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #latest-blog-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #latest-blog-section .blog-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #latest-blog-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #latest-blog-section {\r\n                padding: 56px 0 !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-grid {\r\n                display: grid !important;\r\n                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n                gap: 14px !important;\r\n                width: 100% !important;\r\n                overflow: visible !important;\r\n                margin-right: 0 !important;\r\n                padding-right: 0 !important;\r\n                padding-bottom: 0 !important;\r\n            }\r\n\r\n            #latest-blog-section h2 {\r\n                font-size: 28px;\r\n                text-align: left;\r\n            }\r\n\r\n            #latest-blog-section .intro-text {\r\n                text-align: left;\r\n                margin-bottom: 24px;\r\n                font-size: 13px;\r\n                line-height: 1.55;\r\n            }\r\n\r\n            #latest-blog-section .blog-card {\r\n                overflow: hidden;\r\n                min-height: auto;\r\n                flex: 0 0 auto !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-title {\r\n                font-size: 18px;\r\n                line-height: 1.35;\r\n            }\r\n\r\n            #latest-blog-section .blog-date,\r\n            #latest-blog-section .blog-link {\r\n                font-size: 10px;\r\n                letter-spacing: 0.9px;\r\n            }\r\n\r\n            #latest-blog-section .cta-wrapper {\r\n                text-align: left;\r\n            }\r\n\r\n            #latest-blog-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n\r\n            #latest-blog-section .skeleton-media,\r\n            #latest-blog-section .blog-card-image {\r\n                height: 140px !important;\r\n                min-height: 140px !important;\r\n                max-height: 140px !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-card-content {\r\n                padding: 16px !important;\r\n            }\r\n\r\n            #latest-blog-section .blog-excerpt {\r\n                font-size: 12px;\r\n                line-height: 1.55;\r\n                margin-bottom: 16px;\r\n            }\r\n        }\r\n    \r\n        #blog-list-section .blog-card-image, #latest-blog-section .blog-card-image {\r\n            width: 100%;\r\n            height: 220px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid rgba(38, 41, 42, 0.1);\r\n        }\r\n        #blog-list-section .blog-card-content, #latest-blog-section .blog-card-content {\r\n            padding: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex: 1;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #blog-list-section .blog-card-content, #latest-blog-section .blog-card-content {\r\n                padding: 24px;\r\n            }\r\n            #blog-list-section .blog-card-image, #latest-blog-section .blog-card-image {\r\n                height: 250px !important;\r\n                min-height: 250px !important;\r\n                max-height: 250px !important;\r\n                object-fit: cover !important;\r\n                display: block !important;\r\n                width: 100% !important;\r\n                position: relative !important;\r\n                border-radius: 0 !important;\r\n            }\r\n        }\r\n    \r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <h2>Latest From Our Blog<\/h2>\r\n        <p class=\"intro-text\">Read the newest sourcing insights, textile trend analysis, and factory expertise from our team.<\/p>\r\n\r\n        <div class=\"blog-grid\" id=\"home-latest-blog-grid\" aria-live=\"polite\"><\/div>\r\n\r\n        <div class=\"cta-wrapper\">\r\n            <a href=\"\/blog\/\" class=\"cta-button\">View All Articles<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function () {\r\n        const grid = document.getElementById('home-latest-blog-grid');\r\n        if (!grid) return;\r\n        const targetCount = window.matchMedia('(max-width: 768px)').matches ? 2 : 3;\r\n\r\n        const fallbackPosts = [\r\n            {\r\n                title: 'How to Source Luxury-Look Tweed Without European MOQs',\r\n                excerpt: 'A practical sourcing framework for brands that need premium texture, lower sampling risk, and faster factory feedback.',\r\n                date: 'Factory Insight',\r\n                link: '\/blog\/'\r\n            },\r\n            {\r\n                title: 'What Fashion Buyers Check Before Approving Knit Fabric Samples',\r\n                excerpt: 'Review GSM, recovery, hand feel, and sampling notes before you commit to development or ready-stock programs.',\r\n                date: 'Buyer Guide',\r\n                link: '\/blog\/'\r\n            },\r\n            {\r\n                title: 'Ready Stock vs Custom Development: Which Route Fits Your Season?',\r\n                excerpt: 'Compare speed, MOQ, exclusivity, and production control to choose the right sourcing model for your next collection.',\r\n                date: 'Sourcing Playbook',\r\n                link: '\/blog\/'\r\n            }\r\n        ];\r\n\r\n        function stripHtml(input) {\r\n            return input.replace(\/<[^>]*>\/g, '').replace(\/\\s+\/g, ' ').trim();\r\n        }\r\n\r\n        function escapeHtml(input) {\r\n            return String(input || '')\r\n                .replace(\/&\/g, '&amp;')\r\n                .replace(\/<\/g, '&lt;')\r\n                .replace(\/>\/g, '&gt;')\r\n                .replace(\/\"\/g, '&quot;')\r\n                .replace(\/'\/g, '&#39;');\r\n        }\r\n\r\n        function formatDate(dateStr) {\r\n            const d = new Date(dateStr);\r\n            if (Number.isNaN(d.getTime())) return '';\r\n            return d.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });\r\n        }\r\n\r\n        function renderSkeletons(count) {\r\n            grid.innerHTML = Array.from({ length: count }).map(() => `\r\n                <article class=\"blog-card is-skeleton\" aria-hidden=\"true\">\r\n                    <div class=\"skeleton-media\"><\/div>\r\n                    <div class=\"blog-card-content\">\r\n                        <div class=\"skeleton-line date\"><\/div>\r\n                        <div class=\"skeleton-line title\"><\/div>\r\n                        <div class=\"skeleton-line copy\"><\/div>\r\n                        <div class=\"skeleton-line copy short\"><\/div>\r\n                        <div class=\"skeleton-line link\"><\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            `).join('');\r\n        }\r\n\r\n        function renderCards(cards) {\r\n            grid.innerHTML = cards.map((card) => {\r\n                const imgHtml = card.imgUrl\r\n                    ? `<img decoding=\"async\" src=\"${escapeHtml(card.imgUrl)}\" alt=\"${escapeHtml(card.imgAlt || card.title)}\" class=\"blog-card-image\" loading=\"lazy\">`\r\n                    : '';\r\n\r\n                return `\r\n                    <a href=\"${escapeHtml(card.link || '\/blog\/')}\" class=\"blog-card\">\r\n                        ${imgHtml}\r\n                        <div class=\"blog-card-content\">\r\n                            <div class=\"blog-date\">${escapeHtml(card.date || 'Blog')}<\/div>\r\n                            <h3 class=\"blog-title\">${escapeHtml(card.title || 'Untitled')}<\/h3>\r\n                            <p class=\"blog-excerpt\">${escapeHtml(card.excerpt || '')}<\/p>\r\n                            <span class=\"blog-link\">Read Article<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                `;\r\n            }).join('');\r\n        }\r\n\r\n        renderSkeletons(targetCount);\r\n\r\n        fetch('\/wp-json\/wp\/v2\/posts?per_page=6&_embed')\r\n            .then((res) => res.ok ? res.json() : Promise.reject(new Error('Failed to load posts')))\r\n            .then((posts) => {\r\n                if (!Array.isArray(posts) || posts.length === 0) {\r\n                    renderCards(fallbackPosts.slice(0, targetCount));\r\n                    return;\r\n                }\r\n\r\n                const seen = new Set();\r\n                const uniquePosts = posts.filter((post) => {\r\n                    const key = post?.link || post?.slug || post?.id;\r\n                    if (!key || seen.has(key)) return false;\r\n                    seen.add(key);\r\n                    return true;\r\n                }).slice(0, targetCount);\r\n\r\n                if (!uniquePosts.length) {\r\n                    renderCards(fallbackPosts.slice(0, targetCount));\r\n                    return;\r\n                }\r\n\r\n                renderCards(uniquePosts.map((post) => {\r\n                    const title = stripHtml(post?.title?.rendered || 'Untitled');\r\n                    const excerptRaw = post?.excerpt?.rendered || '';\r\n                    const excerpt = stripHtml(excerptRaw).slice(0, window.matchMedia('(max-width: 768px)').matches ? 92 : 140);\r\n                    const date = formatDate(post?.date || '');\r\n                    const link = post?.link || '\/blog\/';\r\n                    let imgUrl = '';\r\n                    let imgAlt = title;\r\n\r\n                    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\r\n                        const media = post._embedded['wp:featuredmedia'][0];\r\n                        imgUrl = media.source_url || '';\r\n                        imgAlt = media.alt_text || title;\r\n                        if (media.media_details && media.media_details.sizes) {\r\n                            imgUrl = media.media_details.sizes.medium_large?.source_url\r\n                                || media.media_details.sizes.medium?.source_url\r\n                                || media.source_url\r\n                                || '';\r\n                        }\r\n                    }\r\n\r\n                    return {\r\n                        title,\r\n                        excerpt: `${excerpt}${excerptRaw && stripHtml(excerptRaw).length > excerpt.length ? '...' : ''}`,\r\n                        date,\r\n                        link,\r\n                        imgUrl,\r\n                        imgAlt\r\n                    };\r\n                }));\r\n            })\r\n            .catch(() => {\r\n                renderCards(fallbackPosts.slice(0, targetCount));\r\n            });\r\n    })();\r\n    <\/script>\r\n<\/section>\r\n\r\n<!-- ========================= 6.faq-section.html ========================= -->\r\n<section id=\"faq-section\">\r\n    <script type=\"application\/ld+json\">\r\n    {\r\n      \"@context\": \"https:\/\/schema.org\",\r\n      \"@type\": \"FAQPage\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the MOQ for custom fabric orders from Fursone?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Our Minimum Order Quantity (MOQ) for custom yarn-dyed or textured fabrics typically starts from 1000 meters per color. For in-stock items in our sample library, we offer flexible minimums starting from 100 meters for sampling.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Can Fursone replicate European luxury fabrics?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. We specialize in analyzing and reproducing high-end European tweed and knit structures. We can match weight, texture, and composition while offering competitive pricing.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Does Fursone export textiles to international markets?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. Fursone is an established global textile exporter shipping to fashion brands in North America, Europe, and Asia. We comply with international testing standards (Oeko-Tex, REACH) and handle export logistics.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the production lead time for bulk fabric orders?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Production lead times depend on yarn availability and order volume. Standard bulk production typically takes 25-35 days after lab dip approval. Rush options are available for urgent fashion seasons.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Can I visit Fursone's mill?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes. We welcome fashion designers and buyers to visit our facility to see our production lines and explore our extensive fabric library. Please contact us to schedule a factory tour.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Do you offer fabric swatches for sampling?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Yes, we provide A4 swatches or sample yardage for designers to test hand-feel and drape. Contact our sales team to request our latest collection books.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What testing standards do your fabrics meet?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"All Fursone fabrics undergo rigorous internal testing for shrinkage, colorfastness, and pilling. We can also provide third-party test reports (SGS, Intertek) upon request to meet specific market requirements.\"\r\n          }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Do you offer sustainable or eco-friendly options?\",\r\n          \"acceptedAnswer\": {\r\n            \"@type\": \"Answer\",\r\n            \"text\": \"Absolutely. We offer a range of sustainable fabrics using recycled polyester (GRS certified), organic cotton, and eco-friendly dyeing processes to support sustainable fashion initiatives.\"\r\n          }\r\n        }\r\n      ]\r\n    }\r\n    <\/script>\r\n\r\n    <style>\r\n        #faq-section {\r\n            background-color: var(--bg-secondary, #d9d5c9);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        #faq-section .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        #faq-section h2 {\r\n            font-family: var(--font-heading, 'Playfair Display', serif);\r\n            font-size: 36px;\r\n            line-height: 1.3;\r\n            color: var(--text-main, #26292a);\r\n            margin-bottom: 40px;\r\n            font-weight: 400;\r\n            text-align: center;\r\n        }\r\n\r\n        #faq-section .faq-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Two columns layout *\/\r\n            gap: 30px;\r\n            align-items: start; \/* Prevent same-row cards from visually expanding together *\/\r\n        }\r\n\r\n        \/* Removed column wrappers styles *\/\r\n\r\n        #faq-section .faq-item {\r\n            background-color: #ffffff;\r\n            border: 1px solid rgba(38, 41, 42, 0.1);\r\n            transition: all 0.3s ease;\r\n            height: auto;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        #faq-section .faq-item:hover {\r\n            border-color: var(--text-main, #26292a);\r\n            box-shadow: 0 5px 15px rgba(38, 41, 42, 0.05);\r\n        }\r\n\r\n        #faq-section .faq-question {\r\n            padding: 25px 30px;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: var(--text-main, #26292a);\r\n            line-height: 1.4;\r\n        }\r\n\r\n        #faq-section .faq-icon {\r\n            font-size: 20px;\r\n            font-weight: 300;\r\n            transition: transform 0.3s ease;\r\n            flex-shrink: 0;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        #faq-section .faq-item.active .faq-icon {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        #faq-section .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            padding: 0 30px;\r\n        }\r\n\r\n        #faq-section .faq-answer p {\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            color: var(--text-main, #26292a);\r\n            font-weight: 300;\r\n            margin-bottom: 25px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        #faq-section .cta-wrapper {\r\n            text-align: center;\r\n            margin-top: 60px;\r\n            grid-column: 1 \/ -1; \/* Span full width *\/\r\n        }\r\n\r\n        #faq-section .cta-button {\r\n            background-color: var(--cta-button, #934d34);\r\n            color: var(--cta-text, #f3f2e6);\r\n            border: 1px solid var(--cta-button, #934d34);\r\n            padding: 12px 35px;\r\n            font-family: var(--font-body, 'Playfair', serif);\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #faq-section .cta-button:hover {\r\n            background-color: transparent;\r\n            color: var(--text-main, #26292a);\r\n            border-color: var(--text-main, #26292a);\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            #faq-section .faq-grid {\r\n                grid-template-columns: 1fr; \/* Single column on tablet\/mobile *\/\r\n                gap: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #faq-section .container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #faq-section h2 {\r\n                font-size: 32px;\r\n                text-align: left;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            #faq-section .faq-question {\r\n                padding: 20px;\r\n                font-size: 15px;\r\n            }\r\n\r\n            #faq-section .faq-answer {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            #faq-section .cta-wrapper {\r\n                text-align: left;\r\n                margin-top: 40px;\r\n            }\r\n\r\n            #faq-section .cta-button {\r\n                background: transparent;\r\n                color: #26292a;\r\n                border: none;\r\n                border-bottom: 1px solid #26292a;\r\n                padding: 0 0 2px 0;\r\n                margin: 0;\r\n                font-size: 11px;\r\n                font-weight: 600;\r\n                width: auto;\r\n            }\r\n            \r\n            #faq-section .cta-button:hover {\r\n                transform: none;\r\n                color: #26292a;\r\n                border-color: #26292a;\r\n            }\r\n        }\r\n    \r\n        #faq-section .faq-grid {\r\n            display: block;\r\n        }\r\n        #faq-section .faq-columns {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            align-items: start;\r\n            gap: 30px;\r\n            width: 100%;\r\n        }\r\n        #faq-section .faq-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 30px;\r\n        }\r\n        @media (max-width: 1024px) {\r\n            #faq-section .faq-columns {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n            #faq-section .faq-column {\r\n                gap: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"container\">\r\n        <h2>Frequently Asked Questions<\/h2>\r\n        \r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What is the MOQ for custom fabric orders from Fursone?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Our Minimum Order Quantity (MOQ) for custom yarn-dyed or textured fabrics typically starts from 1000 meters per color. For in-stock items in our sample library, we offer flexible minimums starting from 100 meters for sampling.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Can Fursone replicate European luxury fabrics?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. We specialize in analyzing and reproducing high-end European tweed and knit structures. We can match weight, texture, and composition while offering competitive pricing.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Does Fursone export textiles to international markets?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. Fursone is an established global textile exporter shipping to fashion brands in North America, Europe, and Asia. We comply with international testing standards (Oeko-Tex, REACH) and handle export logistics.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What is the production lead time for bulk fabric orders?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Production lead times depend on yarn availability and order volume. Standard bulk production typically takes 25-35 days after lab dip approval. Rush options are available for urgent fashion seasons.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Can I visit Fursone's mill?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes. We welcome fashion designers and buyers to visit our facility to see our production lines and explore our extensive fabric library. Please contact us to schedule a factory tour.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do you offer fabric swatches for sampling?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes, we provide A4 swatches or sample yardage for designers to test hand-feel and drape. Contact our sales team to request our latest collection books.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    What testing standards do your fabrics meet?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>All Fursone fabrics undergo rigorous internal testing for shrinkage, colorfastness, and pilling. We can also provide third-party test reports (SGS, Intertek) upon request to meet specific market requirements.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">\r\n                    Do you offer sustainable or eco-friendly options?\r\n                    <span class=\"faq-icon\">+<\/span>\r\n                <\/div>\r\n                <div class=\"faq-answer\">\r\n                    <p>Absolutely. We offer a range of sustainable fabrics using recycled polyester (GRS certified), organic cotton, and eco-friendly dyeing processes to support sustainable fashion initiatives.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        var section = document.getElementById('faq-section');\r\n        if (!section) return;\r\n\r\n        var faqList = section.querySelector('.faq-grid');\r\n        if (!faqList) return;\r\n\r\n        var items = section.querySelectorAll('.faq-item');\r\n\r\n        function syncFaqColumns() {\r\n            var existingColumns = faqList.querySelector('.faq-columns');\r\n\r\n            if (window.innerWidth <= 1024) {\r\n                if (existingColumns) {\r\n                    Array.from(existingColumns.querySelectorAll('.faq-item'))\r\n                        .sort(function(a, b) {\r\n                            return Number(a.dataset.faqOrder) - Number(b.dataset.faqOrder);\r\n                        })\r\n                        .forEach(function(item) {\r\n                            faqList.appendChild(item);\r\n                        });\r\n\r\n                    existingColumns.remove();\r\n                }\r\n\r\n                return;\r\n            }\r\n\r\n            var directItems = Array.from(faqList.querySelectorAll(':scope > .faq-item'));\r\n            if (!directItems.length) return;\r\n\r\n            directItems.forEach(function(item, index) {\r\n                item.dataset.faqOrder = String(index + 1);\r\n            });\r\n\r\n            var columns = document.createElement('div');\r\n            columns.className = 'faq-columns';\r\n\r\n            var leftColumn = document.createElement('div');\r\n            leftColumn.className = 'faq-column';\r\n\r\n            var rightColumn = document.createElement('div');\r\n            rightColumn.className = 'faq-column';\r\n\r\n            directItems.forEach(function(item, index) {\r\n                (index % 2 === 0 ? leftColumn : rightColumn).appendChild(item);\r\n            });\r\n\r\n            columns.appendChild(leftColumn);\r\n            columns.appendChild(rightColumn);\r\n            faqList.appendChild(columns);\r\n        }\r\n\r\n        syncFaqColumns();\r\n        window.addEventListener('resize', syncFaqColumns);\r\n\r\n        items.forEach(function(item) {\r\n            var question = item.querySelector('.faq-question');\r\n            var answer = item.querySelector('.faq-answer');\r\n            if (!question || !answer) return;\r\n\r\n            question.addEventListener('click', function() {\r\n                var isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all others\r\n                items.forEach(function(otherItem) {\r\n                    otherItem.classList.remove('active');\r\n                    var otherAnswer = otherItem.querySelector('.faq-answer');\r\n                    if(otherAnswer) otherAnswer.style.maxHeight = null;\r\n                });\r\n\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n\r\n        if (!window.IntersectionObserver) return;\r\n\r\n        var observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) {\r\n                    items.forEach(function(item, index) {\r\n                        setTimeout(function() {\r\n                            item.style.opacity = '1';\r\n                            item.style.transform = 'translateY(0)';\r\n                        }, index * 80);\r\n                    });\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        items.forEach(function(item) {\r\n            item.style.opacity = '0';\r\n            item.style.transform = 'translateY(20px)';\r\n            item.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n        });\r\n\r\n        observer.observe(faqList);\r\n    })();\r\n    <\/script>\r\n\r\n    <!-- FURSONE GLOBAL MOBILE OVERRIDES (EvergoCasa Minotti Standards) -->\r\n    <style>\r\n        @media (max-width: 768px) {\r\n            \/* 1. Global Box Sizing & Body *\/\r\n            html, body {\r\n                overflow-x: hidden !important;\r\n                width: 100% !important;\r\n            }\r\n            * {\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 2. Container Safety Margins *\/\r\n            #hero-minimalist-final .content-container,\r\n            .container {\r\n                padding-left: 20px !important;\r\n                padding-right: 20px !important;\r\n                width: 100% !important;\r\n                max-width: 100% !important;\r\n                margin: 0 auto !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 3. Section Breathing Room *\/\r\n            section {\r\n                padding: 50px 0 60px 0 !important;\r\n                margin: 0 !important;\r\n                overflow-x: hidden !important;\r\n            }\r\n            \r\n            \/* Exceptions for full-bleed or hero *\/\r\n            #why-fursone-section .container,\r\n            #b2b-split-slider .container {\r\n                padding-left: 20px !important;\r\n                padding-right: 20px !important;\r\n            }\r\n            #why-fursone-section .text-column,\r\n            #b2b-split-slider .right-content {\r\n                padding: 30px 20px 0 20px !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n\r\n            \/* 4. Typography Hierarchy (Minotti Style) *\/\r\n            h1 {\r\n                font-size: 32px !important;\r\n                line-height: 1.15 !important;\r\n                margin-bottom: 20px !important;\r\n                text-align: left !important;\r\n            }\r\n            \r\n            h2 {\r\n                font-size: 28px !important;\r\n                line-height: 1.25 !important;\r\n                margin-top: 0 !important;\r\n                margin-bottom: 16px !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            h3 {\r\n                font-size: 18px !important;\r\n                line-height: 1.4 !important;\r\n                margin-bottom: 8px !important;\r\n            }\r\n\r\n            p, .intro-text, .sub-text, .faq-answer p, .blog-excerpt, #why-fursone-section .feature-item p {\r\n                font-size: 16px !important;\r\n                line-height: 1.6 !important;\r\n                margin-bottom: 24px !important;\r\n                text-align: left !important;\r\n                opacity: 0.85 !important;\r\n                font-weight: 300 !important;\r\n            }\r\n\r\n            \/* Remove excessive margins from intro texts *\/\r\n            .intro-text {\r\n                margin-left: 0 !important;\r\n                margin-right: 0 !important;\r\n            }\r\n\r\n            \/* 5. Buttons (Underlined Text Links) *\/\r\n            .btn, .cta-button {\r\n                background: transparent !important;\r\n                color: var(--text-main, #26292a) !important;\r\n                border: none !important;\r\n                border-bottom: 1px solid var(--text-main, #26292a) !important;\r\n                padding: 0 0 4px 0 !important;\r\n                margin: 0 !important;\r\n                font-size: 12px !important;\r\n                font-weight: 600 !important;\r\n                width: auto !important;\r\n                display: inline-flex !important;\r\n                text-transform: uppercase !important;\r\n                letter-spacing: 1.5px !important;\r\n                border-radius: 0 !important;\r\n                box-shadow: none !important;\r\n                justify-content: flex-start !important;\r\n            }\r\n\r\n            \/* Restore Homepage Hero Button *\/\r\n            #hero-minimalist-final .btn-primary,\r\n            #hero-minimalist-final .btn {\r\n                padding: 10px 20px !important;\r\n                font-size: 10px !important;\r\n                font-weight: 600 !important;\r\n                flex: 0 1 auto !important;\r\n                background-color: #934d34 !important;\r\n                color: #f3f2e6 !important;\r\n                border: 1px solid #934d34 !important;\r\n                border-radius: 0 !important;\r\n                letter-spacing: 1.5px !important;\r\n                text-transform: uppercase !important;\r\n                text-align: center !important;\r\n                display: inline-flex !important;\r\n                margin: 0 auto !important;\r\n                box-shadow: none !important;\r\n                justify-content: center !important;\r\n            }\r\n            \r\n            .cta-wrapper {\r\n                text-align: left !important;\r\n                margin-top: 10px !important;\r\n                padding-bottom: 10px !important;\r\n            }\r\n\r\n            \/* 6. Image Grids (Horizontal Scroll) *\/\r\n            .collections-grid,\r\n            .blog-grid {\r\n                display: flex !important;\r\n                flex-wrap: nowrap !important;\r\n                overflow-x: auto !important;\r\n                scroll-snap-type: x mandatory !important;\r\n                gap: 16px !important;\r\n                padding-bottom: 20px !important;\r\n                margin-left: 0 !important;\r\n                margin-right: -20px !important; \/* Bleed out right edge *\/\r\n                padding-right: 40px !important; \/* Add extra padding so the last item doesn't stick to the edge *\/\r\n                width: calc(100% + 20px) !important;\r\n            }\r\n            \r\n            .collections-grid::-webkit-scrollbar,\r\n            .blog-grid::-webkit-scrollbar {\r\n                display: none !important;\r\n            }\r\n            \r\n            .collection-card,\r\n            .blog-card {\r\n                flex: 0 0 85% !important;\r\n                scroll-snap-align: start !important;\r\n                height: auto !important; \/* Allow card to adjust to content *\/\r\n            }\r\n\r\n            \/* Fix image ratios *\/\r\n            .image-wrapper, .blog-card-image {\r\n                position: relative !important;\r\n                display: block !important;\r\n                overflow: hidden !important;\r\n                border-radius: 0 !important;\r\n            }\r\n            .image-wrapper {\r\n                padding-bottom: 120% !important; \/* Elegant vertical rectangle *\/\r\n                height: 0 !important; \/* Force padding-bottom to dictate height *\/\r\n            }\r\n            .blog-card-image {\r\n                height: 250px !important;\r\n                min-height: 250px !important;\r\n                max-height: 250px !important;\r\n                width: 100% !important;\r\n                object-fit: cover !important;\r\n            }\r\n            .image-wrapper img, .collection-image, img.bg-image {\r\n                height: 100% !important;\r\n                min-height: 100% !important;\r\n                max-height: none !important;\r\n                object-fit: cover !important;\r\n                width: 100% !important;\r\n                max-width: none !important;\r\n                position: absolute !important;\r\n                top: 0 !important;\r\n                left: 0 !important;\r\n                right: 0 !important;\r\n                bottom: 0 !important;\r\n                display: block !important;\r\n                border-radius: 0 !important;\r\n            }\r\n\r\n            \/* 7. Manufacturing Section Fixes *\/\r\n            #manufacturing-section .capability-row {\r\n                flex-direction: column !important;\r\n                gap: 24px !important;\r\n                margin-bottom: 50px !important;\r\n            }\r\n            #manufacturing-section .image-col {\r\n                height: 350px !important;\r\n                width: 100% !important; \/* Remove bleed to keep 20px breathing room *\/\r\n                margin-left: 0 !important; \r\n            }\r\n            #manufacturing-section .text-col {\r\n                padding: 0 20px !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n            \r\n            \/* 8. FAQ specific *\/\r\n            .faq-question {\r\n                font-size: 16px !important;\r\n                padding: 20px !important;\r\n                align-items: center !important;\r\n            }\r\n            .faq-answer {\r\n                padding: 0 20px !important;\r\n            }\r\n                } \/* End of @media (max-width: 768px) *\/\r\n\r\n                \/* 9. Mobile Hero Centering Only *\/\r\n        @media (max-width: 768px) {\r\n\r\n        [id$=\"-hero\"] .btn-group,\r\n        #hero-minimalist-final .btn-group {\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            width: 100% !important;\r\n        }\r\n        [id$=\"-hero\"] .content-container,\r\n        #hero-minimalist-final .content-container {\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .text-content,\r\n        #hero-minimalist-final .text-content {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            margin: 0 auto !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] h1,\r\n        #hero-minimalist-final h1,\r\n        [id$=\"-hero\"] .sub-text,\r\n        #hero-minimalist-final .sub-text,\r\n        [id$=\"-hero\"] .pre-header,\r\n        #hero-minimalist-final .pre-header {\r\n            text-align: center !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .breadcrumb,\r\n        #hero-minimalist-final .breadcrumb {\r\n            justify-content: center !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        [id$=\"-hero\"] .btn,\r\n        #hero-minimalist-final .btn,\r\n        [id$=\"-hero\"] .btn-primary,\r\n        #hero-minimalist-final .btn-primary {\r\n            justify-content: center !important;\r\n            margin: 0 auto !important;\r\n            display: inline-flex !important;\r\n        }\r\n    \r\n        }\r\n    <\/style>\r\n<\/section>\r\n\n","protected":false},"excerpt":{"rendered":"<p>Factory-Direct Fancy Fabric Sourcing Factory-Direct Tweed &amp; Knit Fabrics for Fashion Collections Source signature tweeds, sweater knits, and ready-stock textures from our Wenzhou mill. Start with 100m stock or build 1000m custom programs. Start Your Project Trusted Manufacturing Partner For Parisian Luxury Houses Independent Designers Global Fast Fashion Boutique Tailors The Fursone Advantage Achieve the &#8230; <a title=\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f\" class=\"read-more\" href=\"https:\/\/fursone.com\/ru\/\" aria-label=\"\u041f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043e Home\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a><\/p>","protected":false},"author":1,"featured_media":3156,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":287,"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":3213,"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/pages\/13\/revisions\/3213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/media\/3156"}],"wp:attachment":[{"href":"https:\/\/fursone.com\/ru\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}