Roller Ski Wheels & Straps | SW Carbon Technology<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f5f7fc;\r\n color: #111827;\r\n line-height: 1.5;\r\n overflow-x: hidden;\r\n }\r\n\r\n .site-container {\r\n max-width: 1920px;\r\n width: 100%;\r\n margin: 0 auto;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* ========= \u4e3b\u89c6\u89c9\u533a\u57df: \u5de6\u4fa7\u7f29\u7565\u56fe\u6ed1\u52a8 + \u53f3\u4fa7\u5927\u56fe + \u6807\u9898\u6574\u5408 ========= *\/\r\n .product-showcase {\r\n max-width: 1600px;\r\n margin: 40px auto 30px;\r\n padding: 0 40px;\r\n }\r\n .showcase-container {\r\n display: flex;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n }\r\n \/* \u5de6\u4fa7\u7f29\u7565\u56fe\u533a\u57df *\/\r\n .thumbnails-side {\r\n width: 120px;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n .thumbnails-wrapper {\r\n overflow-y: auto;\r\n max-height: 620px;\r\n scrollbar-width: thin;\r\n border-radius: 20px;\r\n }\r\n .thumbnails-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n .thumbnail-item {\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n transition: all 0.2s ease;\r\n background: #f0f2f6;\r\n }\r\n .thumbnail-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n .thumbnail-item.active {\r\n border-color: #2c7a4b;\r\n box-shadow: 0 6px 14px rgba(44, 122, 75, 0.2);\r\n transform: scale(1.02);\r\n }\r\n \/* \u53f3\u4fa7\u5927\u56fe\u533a\u57df *\/\r\n .main-image-area {\r\n flex: 1;\r\n min-width: 280px;\r\n background: #fefefe;\r\n border-radius: 32px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 35px rgba(0,0,0,0.05);\r\n border: 1px solid #eef2f0;\r\n }\r\n .main-image {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #fafafc;\r\n }\r\n .main-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.25s;\r\n }\r\n \/* \u6807\u9898\u653e\u5728\u4e3b\u56fe\u4e0b\u65b9\uff0c\u4e0e\u4e3b\u56fe\u6a21\u5757\u6574\u5408 *\/\r\n .product-title-wrapper {\r\n margin-top: 24px;\r\n text-align: center;\r\n padding: 0 16px 8px 16px;\r\n }\r\n .product-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #1f4f3a;\r\n letter-spacing: -0.3px;\r\n line-height: 1.4;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n }\r\n @media (max-width: 860px) {\r\n .showcase-container {\r\n flex-direction: column;\r\n }\r\n .thumbnails-side {\r\n width: 100%;\r\n }\r\n .thumbnails-wrapper {\r\n overflow-x: auto;\r\n overflow-y: visible;\r\n max-height: none;\r\n }\r\n .thumbnails-list {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n }\r\n .thumbnail-item {\r\n width: 80px;\r\n flex-shrink: 0;\r\n }\r\n .product-title {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n \/* ========= \u89c4\u683c\u8868\u683c - 3\u5217\u5c55\u793a\uff0c\u5c0f\u5b57\u4f53\u82f1\u6587 ========= *\/\r\n .spec-section {\r\n max-width: 1400px;\r\n margin: 48px auto 56px;\r\n padding: 0 40px;\r\n }\r\n .section-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n margin-bottom: 28px;\r\n border-left: 6px solid #1e7a55;\r\n padding-left: 22px;\r\n color: #1f3b2c;\r\n }\r\n .spec-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0px;\r\n background: #ffffff;\r\n border-radius: 28px;\r\n border: 1px solid #e8f0ea;\r\n overflow: hidden;\r\n box-shadow: 0 6px 14px rgba(0,0,0,0.02);\r\n }\r\n .spec-item {\r\n display: flex;\r\n border-bottom: 1px solid #ecf3ed;\r\n border-right: 1px solid #ecf3ed;\r\n font-size: 13px;\r\n }\r\n \/* \u4e09\u5217\u5e03\u5c40\u4e0b\uff0c\u6bcf\u884c\u7b2c\u4e09\u4e2a\u53bb\u6389\u53f3\u8fb9\u6846 *\/\r\n .spec-item:nth-child(3n) {\r\n border-right: none;\r\n }\r\n .spec-label {\r\n width: 38%;\r\n background: #fafefa;\r\n padding: 12px 14px;\r\n font-weight: 700;\r\n color: #0f513f;\r\n border-right: 1px solid #e6ede6;\r\n font-size: 12.5px;\r\n letter-spacing: -0.2px;\r\n text-transform: capitalize;\r\n }\r\n .spec-value {\r\n width: 62%;\r\n padding: 12px 14px;\r\n color: #1e2f28;\r\n font-weight: 500;\r\n background: white;\r\n font-size: 12.5px;\r\n line-height: 1.45;\r\n }\r\n @media (max-width: 1000px) {\r\n .spec-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .spec-item:nth-child(2n) {\r\n border-right: none;\r\n }\r\n .spec-item:nth-child(3n) {\r\n border-right: 1px solid #ecf3ed;\r\n }\r\n }\r\n @media (max-width: 680px) {\r\n .spec-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .spec-item {\r\n border-right: none;\r\n }\r\n }\r\n\r\n \/* \u54c1\u724c\u5c55\u793a\u533a (\u5c45\u4e2d) *\/\r\n .brand-center {\r\n max-width: 1100px;\r\n margin: 20px auto 55px;\r\n padding: 40px 28px;\r\n background: #fefaf0;\r\n border-radius: 48px;\r\n text-align: center;\r\n border: 1px solid #efe6d4;\r\n }\r\n .brand-title {\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: #2c6e3f;\r\n }\r\n .brand-sub {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #6f6a4b;\r\n margin: 8px 0 32px;\r\n }\r\n .stats-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 64px;\r\n flex-wrap: wrap;\r\n }\r\n .stat {\r\n text-align: center;\r\n }\r\n .stat-num {\r\n font-size: 38px;\r\n font-weight: 800;\r\n color: #2a6842;\r\n }\r\n .stat-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n color: #9b8a5c;\r\n }\r\n\r\n \/* \u8be6\u60c5\u56fe\u7247\u533a\u57df (\u4e00\u884c\u4e00\u5f20\uff0c\u7eb5\u5411\u653e\u5927) *\/\r\n .fullwidth-gallery {\r\n max-width: 1400px;\r\n margin: 30px auto 70px;\r\n padding: 0 40px;\r\n }\r\n .gallery-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 52px;\r\n margin-top: 28px;\r\n }\r\n .gallery-item {\r\n width: 100%;\r\n background: white;\r\n border-radius: 32px;\r\n overflow: hidden;\r\n box-shadow: 0 16px 32px rgba(0,0,0,0.06);\r\n transition: all 0.3s;\r\n border: 1px solid #ecf3ed;\r\n }\r\n .gallery-item:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 28px 44px rgba(0,0,0,0.12);\r\n }\r\n .gallery-item img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: contain;\r\n max-height: 640px;\r\n background: #fefefe;\r\n }\r\n .gallery-caption {\r\n padding: 18px 24px;\r\n font-weight: 600;\r\n color: #2f6b48;\r\n text-align: center;\r\n font-size: 14px;\r\n border-top: 1px solid #eef3e8;\r\n }\r\n\r\n footer {\r\n background: #eef3e8;\r\n text-align: center;\r\n padding: 28px;\r\n font-size: 13px;\r\n color: #5e6e4a;\r\n }\r\n\r\n @media (max-width: 780px) {\r\n .product-showcase, .spec-section, .fullwidth-gallery {\r\n padding: 0 20px;\r\n }\r\n .brand-title { font-size: 26px; }\r\n .stat-num { font-size: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"site-container\">\r\n \r\n <div class=\"product-showcase\">\r\n <div class=\"showcase-container\">\r\n <div class=\"thumbnails-side\">\r\n <div class=\"thumbnails-wrapper\">\r\n <div class=\"thumbnails-list\" id=\"thumbList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"main-image-area\">\r\n <div class=\"main-image\" id=\"mainImageContainer\">\r\n <img decoding=\"async\" id=\"mainImage\" src=\"\" alt=\"Roller ski wheels main view\">\r\n <\/div>\r\n \r\n <div class=\"product-title-wrapper\">\r\n <div class=\"product-title\">Classic Strap Roller Ski Wheels Rubber Wheels Classic Roller Skates RoHS Compliant Roller Ski Shoes Traditional Nordic Skating Training Equipment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"spec-section\">\r\n <div class=\"section-title\">\ud83d\udcd0 Technical Specifications & Key Properties<\/div>\r\n <div class=\"spec-grid\" id=\"specGrid\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"brand-center\">\r\n <div class=\"brand-title\">WEIHAI SNOW WING OUTDOOR<\/div>\r\n <div class=\"brand-sub\">ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence<\/div>\r\n <div class=\"stats-row\">\r\n <div class=\"stat\"><div class=\"stat-num\">3,654m\u00b2<\/div><div class=\"stat-label\">FLOOR SPACE<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-num\">$550K+<\/div><div class=\"stat-label\">TRANSACTION AMOUNT<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-num\"><24h<\/div><div class=\"stat-label\">RESPONSE TIME<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fullwidth-gallery\">\r\n <div class=\"section-title\">\ud83d\udd2c Process & Application Gallery<\/div>\r\n <div class=\"gallery-stack\" id=\"detailGalleryStack\"><\/div>\r\n <\/div>\r\n\r\n <footer>\r\n \u00a9 2025 SW Carbon Technology | Roller Ski Wheels & Straps | Professional Nordic Skating Training Equipment\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ --------------------------------------------------------------\r\n \/\/ 1. \u4e3b\u56fe\u56fe\u7247\u5217\u8868 (12\u5f20 - \u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u7cfb\u5217)\r\n const mainImageList = [\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe1.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe2.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe3-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe5.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe7-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe8.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe10-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e2-scaled.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e3-scaled.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e4.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e5.jpg\"\r\n ];\r\n \r\n let currentMainIndex = 0;\r\n const thumbListContainer = document.getElementById('thumbList');\r\n const mainImageEl = document.getElementById('mainImage');\r\n \r\n \/\/ \u6e32\u67d3\u5de6\u4fa7\u7f29\u7565\u56fe\r\n function renderThumbnails() {\r\n thumbListContainer.innerHTML = '';\r\n mainImageList.forEach((src, idx) => {\r\n const thumbDiv = document.createElement('div');\r\n thumbDiv.className = 'thumbnail-item';\r\n if (idx === currentMainIndex) thumbDiv.classList.add('active');\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = `Thumbnail ${idx+1}`;\r\n img.loading = 'lazy';\r\n thumbDiv.appendChild(img);\r\n thumbDiv.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n setActiveMainImage(idx);\r\n });\r\n thumbListContainer.appendChild(thumbDiv);\r\n });\r\n }\r\n \r\n function setActiveMainImage(index) {\r\n if (index < 0 || index >= mainImageList.length) return;\r\n currentMainIndex = index;\r\n mainImageEl.src = mainImageList[currentMainIndex];\r\n \/\/ \u66f4\u65b0\u7f29\u7565\u56feactive\u6837\u5f0f\r\n const thumbs = document.querySelectorAll('.thumbnail-item');\r\n thumbs.forEach((thumb, i) => {\r\n if (i === currentMainIndex) thumb.classList.add('active');\r\n else thumb.classList.remove('active');\r\n });\r\n }\r\n \r\n \/\/ \u521d\u59cb\u5316\u4e3b\u56fe\r\n if (mainImageList.length) {\r\n mainImageEl.src = mainImageList[0];\r\n currentMainIndex = 0;\r\n }\r\n renderThumbnails();\r\n \r\n \/\/ \u56fe\u7247\u9519\u8bef\u5360\u4f4d\u5904\u7406\r\n mainImageEl.onerror = function() {\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'800\\' height=\\'500\\' viewBox=\\'0 0 800 500\\'%3E%3Crect width=\\'800\\' height=\\'500\\' fill=\\'%23eef2ea\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%234f6b3a\\'%3ERoller Wheels%3C\/text%3E%3C\/svg%3E';\r\n };\r\n \r\n \/\/ \u7f29\u7565\u56fe\u9519\u8bef\u5904\u7406\r\n function addThumbErrorHandler() {\r\n const thumbImgs = document.querySelectorAll('.thumbnail-item img');\r\n thumbImgs.forEach(img => {\r\n img.onerror = function() {\r\n this.src = 'https:\/\/placehold.co\/120x120\/e9efe5\/5b7c48?text=Wheel';\r\n };\r\n });\r\n }\r\n setTimeout(addThumbErrorHandler, 100);\r\n \r\n \/\/ --------------------------------------------------------------\r\n \/\/ 2. \u89c4\u683c\u8868\u683c (3\u5217\u5c55\u793a\uff0c\u57fa\u4e8e\u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u5c5e\u6027\u5185\u5bb9)\r\n const specData = [\r\n { label: \"Type\", value: \"Ski Board Parts \/ Binding Straps\" },\r\n { label: \"Sport Type\", value: \"Skiing \/ Roller Skiing\" },\r\n { label: \"Boot Sole Type\", value: \"Tech \/ NNN\" },\r\n { label: \"DIN\/Release Value\", value: \"7 (High)\" },\r\n { label: \"Material\", value: \"NEOPRENE \/ Rubber\" },\r\n { label: \"Suitable For\", value: \"Beginner \/ Intermediate\" },\r\n { label: \"Target Audience\", value: \"Men \/ Unisex\" },\r\n { label: \"Category\", value: \"Ski Board Parts\" },\r\n { label: \"Function\", value: \"Durable, Long-lasting, Safe\" },\r\n { label: \"Origin\", value: \"Shandong, China\" },\r\n { label: \"Brand\", value: \"SW\" },\r\n { label: \"Model\", value: \"S roller ski\" },\r\n { label: \"Custom Packaging\", value: \"Yes\" },\r\n { label: \"Material Composition\", value: \"Rubber \/ Neoprene\" },\r\n { label: \"Color\", value: \"OEM \/ Custom\" },\r\n { label: \"Dimensions\", value: \"100*24mm or 75*44mm\" },\r\n { label: \"Usage Method\", value: \"Roller Ski \/ Inline Skating\" },\r\n { label: \"Features\", value: \"Durable, Safe, High Quality\" },\r\n { label: \"Keywords\", value: \"Roller Ski Wheels, Binding Straps\" },\r\n { label: \"Packaging\", value: \"PP Bag + Carton\" },\r\n { label: \"Style\", value: \"Outdoor \/ Sports\" },\r\n { label: \"Type Accessory\", value: \"Binding Strap \/ Wheel\" },\r\n { label: \"Packaging Details\", value: \"PP bag + Carton\" },\r\n { label: \"Sales Unit\", value: \"Single item\" },\r\n { label: \"Package Dimensions (Per Batch)\", value: \"30X30X20 cm\" },\r\n { label: \"Gross Weight (Per Batch)\", value: \"25.000 kg\" }\r\n ];\r\n \r\n const specGrid = document.getElementById('specGrid');\r\n if (specGrid) {\r\n specData.forEach(item => {\r\n const specItem = document.createElement('div');\r\n specItem.className = 'spec-item';\r\n const labelDiv = document.createElement('div');\r\n labelDiv.className = 'spec-label';\r\n labelDiv.innerText = item.label;\r\n const valueDiv = document.createElement('div');\r\n valueDiv.className = 'spec-value';\r\n valueDiv.innerText = item.value;\r\n specItem.appendChild(labelDiv);\r\n specItem.appendChild(valueDiv);\r\n specGrid.appendChild(specItem);\r\n });\r\n }\r\n \r\n \/\/ \u589e\u5f3a\u8868\u683c\u5b57\u4f53\u6e32\u67d3\u6e05\u6670\r\n const styleSpec = document.createElement('style');\r\n styleSpec.textContent = `\r\n .spec-label, .spec-value { -webkit-font-smoothing: antialiased; }\r\n .spec-label { font-weight: 700; color: #0b5e42; }\r\n .spec-value { font-weight: 500; color: #1e3a2f; }\r\n `;\r\n document.head.appendChild(styleSpec);\r\n \r\n \/\/ --------------------------------------------------------------\r\n \/\/ 3. \u8be6\u60c5\u56fe\u7247\u533a\u57df: 9\u5f20 (\u6309\u6307\u5b9a\u987a\u5e8f)\r\n const detailImages = [\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c51-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c53-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c52-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c54-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c55-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c56-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c57-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c58-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c511-1.jpg\"\r\n ];\r\n \r\n \/\/ \u4f18\u96c5\u7684\u82f1\u6587\u56fe\u6ce8 (\u57fa\u4e8e\u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u5de5\u827a)\r\n const detailCaptions = [\r\n \"Detail 01 \u00b7 High-quality rubber roller ski wheels\",\r\n \"Detail 02 \u00b7 Classic strap binding system for secure fit\",\r\n \"Detail 03 \u00b7 RoHS compliant materials for safety\",\r\n \"Detail 04 \u00b7 Durable neoprene construction\",\r\n \"Detail 05 \u00b7 Available sizes: 100*24mm \/ 75*44mm\",\r\n \"Detail 06 \u00b7 Perfect for Nordic skating training\",\r\n \"Detail 07 \u00b7 Custom colors & OEM branding available\",\r\n \"Detail 08 \u00b7 Beginner-friendly design with high DIN value\",\r\n \"Detail 09 \u00b7 Professional packaging & shipping\"\r\n ];\r\n \r\n const galleryStack = document.getElementById('detailGalleryStack');\r\n if (galleryStack) {\r\n detailImages.forEach((src, idx) => {\r\n const galleryItem = document.createElement('div');\r\n galleryItem.className = 'gallery-item';\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = `Roller ski wheels detail ${idx+1}`;\r\n img.loading = 'lazy';\r\n img.onerror = function() {\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'100%25\\' height=\\'400\\' viewBox=\\'0 0 900 500\\'%3E%3Crect width=\\'900\\' height=\\'500\\' fill=\\'%23eef2e5\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%236b8c54\\'%3ESW Roller Wheels%3C\/text%3E%3C\/svg%3E';\r\n };\r\n const captionDiv = document.createElement('div');\r\n captionDiv.className = 'gallery-caption';\r\n captionDiv.innerText = detailCaptions[idx];\r\n galleryItem.appendChild(img);\r\n galleryItem.appendChild(captionDiv);\r\n galleryStack.appendChild(galleryItem);\r\n });\r\n }\r\n \r\n \/\/ \u4f18\u5316\u5de6\u4fa7\u6eda\u52a8\u6761\u4f53\u9a8c\r\n const thumbWrapper = document.querySelector('.thumbnails-wrapper');\r\n if (thumbWrapper) {\r\n thumbWrapper.style.scrollBehavior = 'smooth';\r\n }\r\n \r\n \/\/ \u786e\u4fdd\u4e3b\u56fe\u4e0e\u5927\u56fe\u9002\u914d\r\n const styleResize = document.createElement('style');\r\n styleResize.textContent = `\r\n .main-image img { object-fit: contain; width: 100%; height: auto; }\r\n .thumbnail-item img { object-fit: cover; }\r\n .gallery-item img { object-fit: contain; background: #fefcf5; }\r\n @media (min-width: 1400px) {\r\n .main-image { aspect-ratio: 16\/9; }\r\n }\r\n `;\r\n document.head.appendChild(styleResize);\r\n \r\n \/\/ \u6807\u9898\u5df2\u6574\u5408\u81f3\u4e3b\u56fe\u4e0b\u65b9\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd5e78f elementor-widget elementor-widget-html\" data-id=\"fd5e78f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Inquiry Form - Let's Discuss Your Needs<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f0f4f8 0%, #e6edf4 100%);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n font-family: 'Inter', sans-serif;\r\n padding: 2rem;\r\n }\r\n\r\n \/* Wide inquiry card - \u5bbd\u5ea6\u8bbe\u7f6e\u4e3a1920px *\/\r\n .inquiry-card {\r\n max-width: 1920px;\r\n width: 100%;\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.02);\r\n padding: 4rem 5rem 5rem;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* MESSAGE FORM - \u9ec4\u8272\uff0c\u5c0f\u53f7\u5b57\u4f53\uff0c\u5927\u5199 *\/\r\n .form-label {\r\n color: #fbbf24;\r\n font-size: 0.95rem;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n margin-bottom: 1.2rem;\r\n display: inline-block;\r\n }\r\n\r\n \/* Let's Discuss Your Needs - \u6700\u5927\u5b57\u4f53\uff0c\u9ed1\u8272\uff0c\u9002\u5f53\u653e\u5927\u4ee5\u5339\u914d\u5bbd\u5c4f *\/\r\n .main-title {\r\n font-size: 4.2rem;\r\n font-weight: 800;\r\n color: #000000;\r\n margin-bottom: 1.8rem;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* \u63cf\u8ff0\u6587\u6848\u6837\u5f0f - \u5b57\u4f53\u8c03\u5c0f2\u4e2a\u5b57\u53f7\uff0c\u5bbd\u5c4f\u4e0b\u589e\u52a0\u6700\u5927\u5bbd\u5ea6 *\/\r\n .description-text {\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n color: #4b5563;\r\n max-width: 1100px;\r\n margin: 0 auto 2.2rem auto;\r\n font-weight: 500;\r\n }\r\n\r\n .form-sub {\r\n color: #2c6e9e;\r\n margin-bottom: 3rem;\r\n font-size: 1rem;\r\n border-bottom: 1px solid #e2e8f0;\r\n padding-bottom: 1.5rem;\r\n font-weight: 500;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n }\r\n\r\n .trust-badge-mini {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: #f1f6fa;\r\n padding: 0.35rem 1.1rem;\r\n border-radius: 30px;\r\n font-size: 0.8rem;\r\n color: #2c6e9e;\r\n font-weight: 500;\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 2rem;\r\n text-align: left;\r\n }\r\n\r\n .input-group input,\r\n .input-group textarea,\r\n .input-group select {\r\n width: 100%;\r\n padding: 1.2rem 1.6rem;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.05rem;\r\n background: #f9fafb;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 1rem;\r\n transition: all 0.2s;\r\n outline: none;\r\n color: #0f172a;\r\n }\r\n\r\n .input-group input:focus,\r\n .input-group textarea:focus,\r\n .input-group select:focus {\r\n border-color: #fbbf24;\r\n box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.1);\r\n background: #ffffff;\r\n }\r\n\r\n .input-group textarea {\r\n resize: vertical;\r\n min-height: 150px;\r\n }\r\n\r\n \/* Two-column layout for Name + Company - \u95f4\u8ddd\u52a0\u5927\u9002\u5e94\u5bbd\u5c4f *\/\r\n .name-company-group {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n \/* Two-column layout for Phone\/WhatsApp + Email *\/\r\n .double-group {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .btn-submit {\r\n background: #000000;\r\n color: white;\r\n border: none;\r\n padding: 1.3rem 2.2rem;\r\n font-size: 1.15rem;\r\n font-weight: 600;\r\n border-radius: 3rem;\r\n cursor: pointer;\r\n width: 100%;\r\n transition: all 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.9rem;\r\n letter-spacing: 0.5px;\r\n margin-top: 1rem;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #fbbf24;\r\n color: #000000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .btn-submit:active {\r\n transform: translateY(1px);\r\n }\r\n\r\n .form-footer-note {\r\n font-size: 0.85rem;\r\n color: #6c757d;\r\n margin-top: 2rem;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 - \u9488\u5bf9\u4e0d\u540c\u5c4f\u5e55\u5c3a\u5bf8\u4f18\u5316 *\/\r\n @media (max-width: 1400px) {\r\n .inquiry-card {\r\n max-width: 95%;\r\n padding: 3rem 4rem;\r\n }\r\n .main-title {\r\n font-size: 3.8rem;\r\n }\r\n .description-text {\r\n max-width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .inquiry-card {\r\n padding: 2.8rem 3.5rem;\r\n }\r\n .main-title {\r\n font-size: 3.2rem;\r\n }\r\n .name-company-group {\r\n gap: 2rem;\r\n }\r\n .double-group {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .inquiry-card {\r\n padding: 2.5rem 3rem;\r\n }\r\n .main-title {\r\n font-size: 2.8rem;\r\n }\r\n .description-text {\r\n max-width: 95%;\r\n }\r\n .name-company-group {\r\n gap: 1.5rem;\r\n }\r\n .double-group {\r\n gap: 1.5rem;\r\n }\r\n .btn-submit {\r\n padding: 1.2rem 2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .inquiry-card {\r\n padding: 2rem;\r\n }\r\n .main-title {\r\n font-size: 2.2rem;\r\n }\r\n .description-text {\r\n max-width: 100%;\r\n font-size: 0.8rem;\r\n }\r\n .name-company-group {\r\n gap: 1rem;\r\n }\r\n .double-group {\r\n gap: 1rem;\r\n }\r\n .btn-submit {\r\n padding: 1rem 1.5rem;\r\n font-size: 1rem;\r\n }\r\n .form-sub {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .inquiry-card {\r\n padding: 1.5rem;\r\n }\r\n .name-company-group {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n .double-group {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n .main-title {\r\n font-size: 1.8rem;\r\n }\r\n .form-label {\r\n font-size: 0.8rem;\r\n }\r\n .btn-submit {\r\n padding: 0.9rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n .input-group input,\r\n .input-group textarea,\r\n .input-group select {\r\n padding: 1rem 1.2rem;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"inquiry-card\">\r\n \r\n <div class=\"form-label\">MESSAGE FORM<\/div>\r\n \r\n \r\n <h1 class=\"main-title\">Let's Discuss Your Needs<\/h1>\r\n \r\n \r\n <div class=\"description-text\">\r\n Our trade account manager team will provide you with seamless full-process assistance, from quotation to delivery, covering every link of project implementation. Professional trade consultants are at your service at any time.\r\n <\/div>\r\n \r\n <div class=\"form-sub\">\r\n <span>Fill out the form below and we'll get back to you within 24 hours<\/span>\r\n <span class=\"trust-badge-mini\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\r\n <\/div>\r\n \r\n <form action=\"#\" method=\"POST\" id=\"inquiryForm\">\r\n \r\n <div class=\"name-company-group\">\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"* Name\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Company\">\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"double-group\">\r\n <div class=\"input-group\">\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Phone \/ WhatsApp +86\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"* Email\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"input-group\">\r\n <textarea id=\"content\" name=\"content\" placeholder=\"* Content\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-submit\">\r\n <i class=\"fas fa-paper-plane\"><\/i> SEND INQUIRY NOW\r\n <\/button>\r\n <div class=\"form-footer-note\">\r\n <i class=\"fas fa-lock\"><\/i> Your information is kept confidential and used only for business communication.\r\n <span class=\"trust-badge-mini\"><i class=\"fas fa-clock\"><\/i> Fast Response<\/span>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const form = document.getElementById('inquiryForm');\r\n if (form) {\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Get values\r\n const name = document.getElementById('name')?.value.trim();\r\n const email = document.getElementById('email')?.value.trim();\r\n const content = document.getElementById('content')?.value.trim();\r\n \r\n if (!name) {\r\n alert('Please enter your Name');\r\n return;\r\n }\r\n if (!email || !email.includes('@')) {\r\n alert('Please enter a valid Email address');\r\n return;\r\n }\r\n if (!content) {\r\n alert('Please enter your message in the Content field');\r\n return;\r\n }\r\n \r\n \/\/ Success simulation\r\n alert(`Thank you, ${name}! Your inquiry has been sent. Our trade account manager will contact you within 24 hours.`);\r\n form.reset();\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Roller Ski Wheels & Straps | SW Carbon Technology Classic Strap Roller Ski Wheels Rubber Wheels Classic Roller Skates RoHS Compliant Roller Ski Shoes Traditional Nordic Skating Training Equipment \ud83d\udcd0 Technical Specifications & Key Properties WEIHAI SNOW WING OUTDOOR ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence 3,654m\u00b2FLOOR SPACE $550K+TRANSACTION AMOUNT <24hRESPONSE TIME […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3470","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3470"}],"version-history":[{"count":9,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470\/revisions"}],"predecessor-version":[{"id":3494,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470\/revisions\/3494"}],"wp:attachment":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Roller Ski Wheels & Straps | SW Carbon Technology<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f5f7fc;\r\n color: #111827;\r\n line-height: 1.5;\r\n overflow-x: hidden;\r\n }\r\n\r\n .site-container {\r\n max-width: 1920px;\r\n width: 100%;\r\n margin: 0 auto;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* ========= \u4e3b\u89c6\u89c9\u533a\u57df: \u5de6\u4fa7\u7f29\u7565\u56fe\u6ed1\u52a8 + \u53f3\u4fa7\u5927\u56fe + \u6807\u9898\u6574\u5408 ========= *\/\r\n .product-showcase {\r\n max-width: 1600px;\r\n margin: 40px auto 30px;\r\n padding: 0 40px;\r\n }\r\n .showcase-container {\r\n display: flex;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n }\r\n \/* \u5de6\u4fa7\u7f29\u7565\u56fe\u533a\u57df *\/\r\n .thumbnails-side {\r\n width: 120px;\r\n flex-shrink: 0;\r\n position: relative;\r\n }\r\n .thumbnails-wrapper {\r\n overflow-y: auto;\r\n max-height: 620px;\r\n scrollbar-width: thin;\r\n border-radius: 20px;\r\n }\r\n .thumbnails-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n .thumbnail-item {\r\n width: 100%;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n border: 2px solid transparent;\r\n transition: all 0.2s ease;\r\n background: #f0f2f6;\r\n }\r\n .thumbnail-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n .thumbnail-item.active {\r\n border-color: #2c7a4b;\r\n box-shadow: 0 6px 14px rgba(44, 122, 75, 0.2);\r\n transform: scale(1.02);\r\n }\r\n \/* \u53f3\u4fa7\u5927\u56fe\u533a\u57df *\/\r\n .main-image-area {\r\n flex: 1;\r\n min-width: 280px;\r\n background: #fefefe;\r\n border-radius: 32px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 35px rgba(0,0,0,0.05);\r\n border: 1px solid #eef2f0;\r\n }\r\n .main-image {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #fafafc;\r\n }\r\n .main-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n transition: transform 0.25s;\r\n }\r\n \/* \u6807\u9898\u653e\u5728\u4e3b\u56fe\u4e0b\u65b9\uff0c\u4e0e\u4e3b\u56fe\u6a21\u5757\u6574\u5408 *\/\r\n .product-title-wrapper {\r\n margin-top: 24px;\r\n text-align: center;\r\n padding: 0 16px 8px 16px;\r\n }\r\n .product-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #1f4f3a;\r\n letter-spacing: -0.3px;\r\n line-height: 1.4;\r\n background: #ffffff;\r\n border-radius: 20px;\r\n }\r\n @media (max-width: 860px) {\r\n .showcase-container {\r\n flex-direction: column;\r\n }\r\n .thumbnails-side {\r\n width: 100%;\r\n }\r\n .thumbnails-wrapper {\r\n overflow-x: auto;\r\n overflow-y: visible;\r\n max-height: none;\r\n }\r\n .thumbnails-list {\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n }\r\n .thumbnail-item {\r\n width: 80px;\r\n flex-shrink: 0;\r\n }\r\n .product-title {\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n \/* ========= \u89c4\u683c\u8868\u683c - 3\u5217\u5c55\u793a\uff0c\u5c0f\u5b57\u4f53\u82f1\u6587 ========= *\/\r\n .spec-section {\r\n max-width: 1400px;\r\n margin: 48px auto 56px;\r\n padding: 0 40px;\r\n }\r\n .section-title {\r\n font-size: 26px;\r\n font-weight: 700;\r\n margin-bottom: 28px;\r\n border-left: 6px solid #1e7a55;\r\n padding-left: 22px;\r\n color: #1f3b2c;\r\n }\r\n .spec-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0px;\r\n background: #ffffff;\r\n border-radius: 28px;\r\n border: 1px solid #e8f0ea;\r\n overflow: hidden;\r\n box-shadow: 0 6px 14px rgba(0,0,0,0.02);\r\n }\r\n .spec-item {\r\n display: flex;\r\n border-bottom: 1px solid #ecf3ed;\r\n border-right: 1px solid #ecf3ed;\r\n font-size: 13px;\r\n }\r\n \/* \u4e09\u5217\u5e03\u5c40\u4e0b\uff0c\u6bcf\u884c\u7b2c\u4e09\u4e2a\u53bb\u6389\u53f3\u8fb9\u6846 *\/\r\n .spec-item:nth-child(3n) {\r\n border-right: none;\r\n }\r\n .spec-label {\r\n width: 38%;\r\n background: #fafefa;\r\n padding: 12px 14px;\r\n font-weight: 700;\r\n color: #0f513f;\r\n border-right: 1px solid #e6ede6;\r\n font-size: 12.5px;\r\n letter-spacing: -0.2px;\r\n text-transform: capitalize;\r\n }\r\n .spec-value {\r\n width: 62%;\r\n padding: 12px 14px;\r\n color: #1e2f28;\r\n font-weight: 500;\r\n background: white;\r\n font-size: 12.5px;\r\n line-height: 1.45;\r\n }\r\n @media (max-width: 1000px) {\r\n .spec-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .spec-item:nth-child(2n) {\r\n border-right: none;\r\n }\r\n .spec-item:nth-child(3n) {\r\n border-right: 1px solid #ecf3ed;\r\n }\r\n }\r\n @media (max-width: 680px) {\r\n .spec-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .spec-item {\r\n border-right: none;\r\n }\r\n }\r\n\r\n \/* \u54c1\u724c\u5c55\u793a\u533a (\u5c45\u4e2d) *\/\r\n .brand-center {\r\n max-width: 1100px;\r\n margin: 20px auto 55px;\r\n padding: 40px 28px;\r\n background: #fefaf0;\r\n border-radius: 48px;\r\n text-align: center;\r\n border: 1px solid #efe6d4;\r\n }\r\n .brand-title {\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: #2c6e3f;\r\n }\r\n .brand-sub {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #6f6a4b;\r\n margin: 8px 0 32px;\r\n }\r\n .stats-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 64px;\r\n flex-wrap: wrap;\r\n }\r\n .stat {\r\n text-align: center;\r\n }\r\n .stat-num {\r\n font-size: 38px;\r\n font-weight: 800;\r\n color: #2a6842;\r\n }\r\n .stat-label {\r\n font-size: 12px;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n color: #9b8a5c;\r\n }\r\n\r\n \/* \u8be6\u60c5\u56fe\u7247\u533a\u57df (\u4e00\u884c\u4e00\u5f20\uff0c\u7eb5\u5411\u653e\u5927) *\/\r\n .fullwidth-gallery {\r\n max-width: 1400px;\r\n margin: 30px auto 70px;\r\n padding: 0 40px;\r\n }\r\n .gallery-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 52px;\r\n margin-top: 28px;\r\n }\r\n .gallery-item {\r\n width: 100%;\r\n background: white;\r\n border-radius: 32px;\r\n overflow: hidden;\r\n box-shadow: 0 16px 32px rgba(0,0,0,0.06);\r\n transition: all 0.3s;\r\n border: 1px solid #ecf3ed;\r\n }\r\n .gallery-item:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 28px 44px rgba(0,0,0,0.12);\r\n }\r\n .gallery-item img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n object-fit: contain;\r\n max-height: 640px;\r\n background: #fefefe;\r\n }\r\n .gallery-caption {\r\n padding: 18px 24px;\r\n font-weight: 600;\r\n color: #2f6b48;\r\n text-align: center;\r\n font-size: 14px;\r\n border-top: 1px solid #eef3e8;\r\n }\r\n\r\n footer {\r\n background: #eef3e8;\r\n text-align: center;\r\n padding: 28px;\r\n font-size: 13px;\r\n color: #5e6e4a;\r\n }\r\n\r\n @media (max-width: 780px) {\r\n .product-showcase, .spec-section, .fullwidth-gallery {\r\n padding: 0 20px;\r\n }\r\n .brand-title { font-size: 26px; }\r\n .stat-num { font-size: 28px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"site-container\">\r\n \r\n <div class=\"product-showcase\">\r\n <div class=\"showcase-container\">\r\n <div class=\"thumbnails-side\">\r\n <div class=\"thumbnails-wrapper\">\r\n <div class=\"thumbnails-list\" id=\"thumbList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"main-image-area\">\r\n <div class=\"main-image\" id=\"mainImageContainer\">\r\n <img decoding=\"async\" id=\"mainImage\" src=\"\" alt=\"Roller ski wheels main view\">\r\n <\/div>\r\n \r\n <div class=\"product-title-wrapper\">\r\n <div class=\"product-title\">Classic Strap Roller Ski Wheels Rubber Wheels Classic Roller Skates RoHS Compliant Roller Ski Shoes Traditional Nordic Skating Training Equipment<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"spec-section\">\r\n <div class=\"section-title\">\ud83d\udcd0 Technical Specifications & Key Properties<\/div>\r\n <div class=\"spec-grid\" id=\"specGrid\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"brand-center\">\r\n <div class=\"brand-title\">WEIHAI SNOW WING OUTDOOR<\/div>\r\n <div class=\"brand-sub\">ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence<\/div>\r\n <div class=\"stats-row\">\r\n <div class=\"stat\"><div class=\"stat-num\">3,654m\u00b2<\/div><div class=\"stat-label\">FLOOR SPACE<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-num\">$550K+<\/div><div class=\"stat-label\">TRANSACTION AMOUNT<\/div><\/div>\r\n <div class=\"stat\"><div class=\"stat-num\"><24h<\/div><div class=\"stat-label\">RESPONSE TIME<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"fullwidth-gallery\">\r\n <div class=\"section-title\">\ud83d\udd2c Process & Application Gallery<\/div>\r\n <div class=\"gallery-stack\" id=\"detailGalleryStack\"><\/div>\r\n <\/div>\r\n\r\n <footer>\r\n \u00a9 2025 SW Carbon Technology | Roller Ski Wheels & Straps | Professional Nordic Skating Training Equipment\r\n <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ --------------------------------------------------------------\r\n \/\/ 1. \u4e3b\u56fe\u56fe\u7247\u5217\u8868 (12\u5f20 - \u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u7cfb\u5217)\r\n const mainImageList = [\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe1.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe2.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe3-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe5.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe7-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe8.png\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe10-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e2-scaled.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e3-scaled.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e4.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u6eda\u8f6eRki\u8f6e5.jpg\"\r\n ];\r\n \r\n let currentMainIndex = 0;\r\n const thumbListContainer = document.getElementById('thumbList');\r\n const mainImageEl = document.getElementById('mainImage');\r\n \r\n \/\/ \u6e32\u67d3\u5de6\u4fa7\u7f29\u7565\u56fe\r\n function renderThumbnails() {\r\n thumbListContainer.innerHTML = '';\r\n mainImageList.forEach((src, idx) => {\r\n const thumbDiv = document.createElement('div');\r\n thumbDiv.className = 'thumbnail-item';\r\n if (idx === currentMainIndex) thumbDiv.classList.add('active');\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = `Thumbnail ${idx+1}`;\r\n img.loading = 'lazy';\r\n thumbDiv.appendChild(img);\r\n thumbDiv.addEventListener('click', (e) => {\r\n e.stopPropagation();\r\n setActiveMainImage(idx);\r\n });\r\n thumbListContainer.appendChild(thumbDiv);\r\n });\r\n }\r\n \r\n function setActiveMainImage(index) {\r\n if (index < 0 || index >= mainImageList.length) return;\r\n currentMainIndex = index;\r\n mainImageEl.src = mainImageList[currentMainIndex];\r\n \/\/ \u66f4\u65b0\u7f29\u7565\u56feactive\u6837\u5f0f\r\n const thumbs = document.querySelectorAll('.thumbnail-item');\r\n thumbs.forEach((thumb, i) => {\r\n if (i === currentMainIndex) thumb.classList.add('active');\r\n else thumb.classList.remove('active');\r\n });\r\n }\r\n \r\n \/\/ \u521d\u59cb\u5316\u4e3b\u56fe\r\n if (mainImageList.length) {\r\n mainImageEl.src = mainImageList[0];\r\n currentMainIndex = 0;\r\n }\r\n renderThumbnails();\r\n \r\n \/\/ \u56fe\u7247\u9519\u8bef\u5360\u4f4d\u5904\u7406\r\n mainImageEl.onerror = function() {\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'800\\' height=\\'500\\' viewBox=\\'0 0 800 500\\'%3E%3Crect width=\\'800\\' height=\\'500\\' fill=\\'%23eef2ea\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%234f6b3a\\'%3ERoller Wheels%3C\/text%3E%3C\/svg%3E';\r\n };\r\n \r\n \/\/ \u7f29\u7565\u56fe\u9519\u8bef\u5904\u7406\r\n function addThumbErrorHandler() {\r\n const thumbImgs = document.querySelectorAll('.thumbnail-item img');\r\n thumbImgs.forEach(img => {\r\n img.onerror = function() {\r\n this.src = 'https:\/\/placehold.co\/120x120\/e9efe5\/5b7c48?text=Wheel';\r\n };\r\n });\r\n }\r\n setTimeout(addThumbErrorHandler, 100);\r\n \r\n \/\/ --------------------------------------------------------------\r\n \/\/ 2. \u89c4\u683c\u8868\u683c (3\u5217\u5c55\u793a\uff0c\u57fa\u4e8e\u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u5c5e\u6027\u5185\u5bb9)\r\n const specData = [\r\n { label: \"Type\", value: \"Ski Board Parts \/ Binding Straps\" },\r\n { label: \"Sport Type\", value: \"Skiing \/ Roller Skiing\" },\r\n { label: \"Boot Sole Type\", value: \"Tech \/ NNN\" },\r\n { label: \"DIN\/Release Value\", value: \"7 (High)\" },\r\n { label: \"Material\", value: \"NEOPRENE \/ Rubber\" },\r\n { label: \"Suitable For\", value: \"Beginner \/ Intermediate\" },\r\n { label: \"Target Audience\", value: \"Men \/ Unisex\" },\r\n { label: \"Category\", value: \"Ski Board Parts\" },\r\n { label: \"Function\", value: \"Durable, Long-lasting, Safe\" },\r\n { label: \"Origin\", value: \"Shandong, China\" },\r\n { label: \"Brand\", value: \"SW\" },\r\n { label: \"Model\", value: \"S roller ski\" },\r\n { label: \"Custom Packaging\", value: \"Yes\" },\r\n { label: \"Material Composition\", value: \"Rubber \/ Neoprene\" },\r\n { label: \"Color\", value: \"OEM \/ Custom\" },\r\n { label: \"Dimensions\", value: \"100*24mm or 75*44mm\" },\r\n { label: \"Usage Method\", value: \"Roller Ski \/ Inline Skating\" },\r\n { label: \"Features\", value: \"Durable, Safe, High Quality\" },\r\n { label: \"Keywords\", value: \"Roller Ski Wheels, Binding Straps\" },\r\n { label: \"Packaging\", value: \"PP Bag + Carton\" },\r\n { label: \"Style\", value: \"Outdoor \/ Sports\" },\r\n { label: \"Type Accessory\", value: \"Binding Strap \/ Wheel\" },\r\n { label: \"Packaging Details\", value: \"PP bag + Carton\" },\r\n { label: \"Sales Unit\", value: \"Single item\" },\r\n { label: \"Package Dimensions (Per Batch)\", value: \"30X30X20 cm\" },\r\n { label: \"Gross Weight (Per Batch)\", value: \"25.000 kg\" }\r\n ];\r\n \r\n const specGrid = document.getElementById('specGrid');\r\n if (specGrid) {\r\n specData.forEach(item => {\r\n const specItem = document.createElement('div');\r\n specItem.className = 'spec-item';\r\n const labelDiv = document.createElement('div');\r\n labelDiv.className = 'spec-label';\r\n labelDiv.innerText = item.label;\r\n const valueDiv = document.createElement('div');\r\n valueDiv.className = 'spec-value';\r\n valueDiv.innerText = item.value;\r\n specItem.appendChild(labelDiv);\r\n specItem.appendChild(valueDiv);\r\n specGrid.appendChild(specItem);\r\n });\r\n }\r\n \r\n \/\/ \u589e\u5f3a\u8868\u683c\u5b57\u4f53\u6e32\u67d3\u6e05\u6670\r\n const styleSpec = document.createElement('style');\r\n styleSpec.textContent = `\r\n .spec-label, .spec-value { -webkit-font-smoothing: antialiased; }\r\n .spec-label { font-weight: 700; color: #0b5e42; }\r\n .spec-value { font-weight: 500; color: #1e3a2f; }\r\n `;\r\n document.head.appendChild(styleSpec);\r\n \r\n \/\/ --------------------------------------------------------------\r\n \/\/ 3. \u8be6\u60c5\u56fe\u7247\u533a\u57df: 9\u5f20 (\u6309\u6307\u5b9a\u987a\u5e8f)\r\n const detailImages = [\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c51-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c53-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c52-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c54-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c55-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c56-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c57-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c58-1.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c511-1.jpg\"\r\n ];\r\n \r\n \/\/ \u4f18\u96c5\u7684\u82f1\u6587\u56fe\u6ce8 (\u57fa\u4e8e\u6eda\u8f6e\u6ed1\u96ea\u8f6e\/\u7ed1\u5e26\u5de5\u827a)\r\n const detailCaptions = [\r\n \"Detail 01 \u00b7 High-quality rubber roller ski wheels\",\r\n \"Detail 02 \u00b7 Classic strap binding system for secure fit\",\r\n \"Detail 03 \u00b7 RoHS compliant materials for safety\",\r\n \"Detail 04 \u00b7 Durable neoprene construction\",\r\n \"Detail 05 \u00b7 Available sizes: 100*24mm \/ 75*44mm\",\r\n \"Detail 06 \u00b7 Perfect for Nordic skating training\",\r\n \"Detail 07 \u00b7 Custom colors & OEM branding available\",\r\n \"Detail 08 \u00b7 Beginner-friendly design with high DIN value\",\r\n \"Detail 09 \u00b7 Professional packaging & shipping\"\r\n ];\r\n \r\n const galleryStack = document.getElementById('detailGalleryStack');\r\n if (galleryStack) {\r\n detailImages.forEach((src, idx) => {\r\n const galleryItem = document.createElement('div');\r\n galleryItem.className = 'gallery-item';\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.alt = `Roller ski wheels detail ${idx+1}`;\r\n img.loading = 'lazy';\r\n img.onerror = function() {\r\n this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'100%25\\' height=\\'400\\' viewBox=\\'0 0 900 500\\'%3E%3Crect width=\\'900\\' height=\\'500\\' fill=\\'%23eef2e5\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%236b8c54\\'%3ESW Roller Wheels%3C\/text%3E%3C\/svg%3E';\r\n };\r\n const captionDiv = document.createElement('div');\r\n captionDiv.className = 'gallery-caption';\r\n captionDiv.innerText = detailCaptions[idx];\r\n galleryItem.appendChild(img);\r\n galleryItem.appendChild(captionDiv);\r\n galleryStack.appendChild(galleryItem);\r\n });\r\n }\r\n \r\n \/\/ \u4f18\u5316\u5de6\u4fa7\u6eda\u52a8\u6761\u4f53\u9a8c\r\n const thumbWrapper = document.querySelector('.thumbnails-wrapper');\r\n if (thumbWrapper) {\r\n thumbWrapper.style.scrollBehavior = 'smooth';\r\n }\r\n \r\n \/\/ \u786e\u4fdd\u4e3b\u56fe\u4e0e\u5927\u56fe\u9002\u914d\r\n const styleResize = document.createElement('style');\r\n styleResize.textContent = `\r\n .main-image img { object-fit: contain; width: 100%; height: auto; }\r\n .thumbnail-item img { object-fit: cover; }\r\n .gallery-item img { object-fit: contain; background: #fefcf5; }\r\n @media (min-width: 1400px) {\r\n .main-image { aspect-ratio: 16\/9; }\r\n }\r\n `;\r\n document.head.appendChild(styleResize);\r\n \r\n \/\/ \u6807\u9898\u5df2\u6574\u5408\u81f3\u4e3b\u56fe\u4e0b\u65b9\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd5e78f elementor-widget elementor-widget-html\" data-id=\"fd5e78f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Inquiry Form - Let's Discuss Your Needs<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background: linear-gradient(135deg, #f0f4f8 0%, #e6edf4 100%);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n font-family: 'Inter', sans-serif;\r\n padding: 2rem;\r\n }\r\n\r\n \/* Wide inquiry card - \u5bbd\u5ea6\u8bbe\u7f6e\u4e3a1920px *\/\r\n .inquiry-card {\r\n max-width: 1920px;\r\n width: 100%;\r\n background: #ffffff;\r\n border-radius: 2rem;\r\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.02);\r\n padding: 4rem 5rem 5rem;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* MESSAGE FORM - \u9ec4\u8272\uff0c\u5c0f\u53f7\u5b57\u4f53\uff0c\u5927\u5199 *\/\r\n .form-label {\r\n color: #fbbf24;\r\n font-size: 0.95rem;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n margin-bottom: 1.2rem;\r\n display: inline-block;\r\n }\r\n\r\n \/* Let's Discuss Your Needs - \u6700\u5927\u5b57\u4f53\uff0c\u9ed1\u8272\uff0c\u9002\u5f53\u653e\u5927\u4ee5\u5339\u914d\u5bbd\u5c4f *\/\r\n .main-title {\r\n font-size: 4.2rem;\r\n font-weight: 800;\r\n color: #000000;\r\n margin-bottom: 1.8rem;\r\n line-height: 1.2;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n \/* \u63cf\u8ff0\u6587\u6848\u6837\u5f0f - \u5b57\u4f53\u8c03\u5c0f2\u4e2a\u5b57\u53f7\uff0c\u5bbd\u5c4f\u4e0b\u589e\u52a0\u6700\u5927\u5bbd\u5ea6 *\/\r\n .description-text {\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n color: #4b5563;\r\n max-width: 1100px;\r\n margin: 0 auto 2.2rem auto;\r\n font-weight: 500;\r\n }\r\n\r\n .form-sub {\r\n color: #2c6e9e;\r\n margin-bottom: 3rem;\r\n font-size: 1rem;\r\n border-bottom: 1px solid #e2e8f0;\r\n padding-bottom: 1.5rem;\r\n font-weight: 500;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n }\r\n\r\n .trust-badge-mini {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n background: #f1f6fa;\r\n padding: 0.35rem 1.1rem;\r\n border-radius: 30px;\r\n font-size: 0.8rem;\r\n color: #2c6e9e;\r\n font-weight: 500;\r\n }\r\n\r\n .input-group {\r\n margin-bottom: 2rem;\r\n text-align: left;\r\n }\r\n\r\n .input-group input,\r\n .input-group textarea,\r\n .input-group select {\r\n width: 100%;\r\n padding: 1.2rem 1.6rem;\r\n font-family: 'Inter', sans-serif;\r\n font-size: 1.05rem;\r\n background: #f9fafb;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 1rem;\r\n transition: all 0.2s;\r\n outline: none;\r\n color: #0f172a;\r\n }\r\n\r\n .input-group input:focus,\r\n .input-group textarea:focus,\r\n .input-group select:focus {\r\n border-color: #fbbf24;\r\n box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.1);\r\n background: #ffffff;\r\n }\r\n\r\n .input-group textarea {\r\n resize: vertical;\r\n min-height: 150px;\r\n }\r\n\r\n \/* Two-column layout for Name + Company - \u95f4\u8ddd\u52a0\u5927\u9002\u5e94\u5bbd\u5c4f *\/\r\n .name-company-group {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n \/* Two-column layout for Phone\/WhatsApp + Email *\/\r\n .double-group {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .btn-submit {\r\n background: #000000;\r\n color: white;\r\n border: none;\r\n padding: 1.3rem 2.2rem;\r\n font-size: 1.15rem;\r\n font-weight: 600;\r\n border-radius: 3rem;\r\n cursor: pointer;\r\n width: 100%;\r\n transition: all 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.9rem;\r\n letter-spacing: 0.5px;\r\n margin-top: 1rem;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.05);\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #fbbf24;\r\n color: #000000;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .btn-submit:active {\r\n transform: translateY(1px);\r\n }\r\n\r\n .form-footer-note {\r\n font-size: 0.85rem;\r\n color: #6c757d;\r\n margin-top: 2rem;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* \u54cd\u5e94\u5f0f\u8c03\u6574 - \u9488\u5bf9\u4e0d\u540c\u5c4f\u5e55\u5c3a\u5bf8\u4f18\u5316 *\/\r\n @media (max-width: 1400px) {\r\n .inquiry-card {\r\n max-width: 95%;\r\n padding: 3rem 4rem;\r\n }\r\n .main-title {\r\n font-size: 3.8rem;\r\n }\r\n .description-text {\r\n max-width: 90%;\r\n }\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .inquiry-card {\r\n padding: 2.8rem 3.5rem;\r\n }\r\n .main-title {\r\n font-size: 3.2rem;\r\n }\r\n .name-company-group {\r\n gap: 2rem;\r\n }\r\n .double-group {\r\n gap: 2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .inquiry-card {\r\n padding: 2.5rem 3rem;\r\n }\r\n .main-title {\r\n font-size: 2.8rem;\r\n }\r\n .description-text {\r\n max-width: 95%;\r\n }\r\n .name-company-group {\r\n gap: 1.5rem;\r\n }\r\n .double-group {\r\n gap: 1.5rem;\r\n }\r\n .btn-submit {\r\n padding: 1.2rem 2rem;\r\n font-size: 1.05rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .inquiry-card {\r\n padding: 2rem;\r\n }\r\n .main-title {\r\n font-size: 2.2rem;\r\n }\r\n .description-text {\r\n max-width: 100%;\r\n font-size: 0.8rem;\r\n }\r\n .name-company-group {\r\n gap: 1rem;\r\n }\r\n .double-group {\r\n gap: 1rem;\r\n }\r\n .btn-submit {\r\n padding: 1rem 1.5rem;\r\n font-size: 1rem;\r\n }\r\n .form-sub {\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n @media (max-width: 550px) {\r\n .inquiry-card {\r\n padding: 1.5rem;\r\n }\r\n .name-company-group {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n .double-group {\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n }\r\n .main-title {\r\n font-size: 1.8rem;\r\n }\r\n .form-label {\r\n font-size: 0.8rem;\r\n }\r\n .btn-submit {\r\n padding: 0.9rem 1.2rem;\r\n font-size: 0.9rem;\r\n }\r\n .input-group input,\r\n .input-group textarea,\r\n .input-group select {\r\n padding: 1rem 1.2rem;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"inquiry-card\">\r\n \r\n <div class=\"form-label\">MESSAGE FORM<\/div>\r\n \r\n \r\n <h1 class=\"main-title\">Let's Discuss Your Needs<\/h1>\r\n \r\n \r\n <div class=\"description-text\">\r\n Our trade account manager team will provide you with seamless full-process assistance, from quotation to delivery, covering every link of project implementation. Professional trade consultants are at your service at any time.\r\n <\/div>\r\n \r\n <div class=\"form-sub\">\r\n <span>Fill out the form below and we'll get back to you within 24 hours<\/span>\r\n <span class=\"trust-badge-mini\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\r\n <\/div>\r\n \r\n <form action=\"#\" method=\"POST\" id=\"inquiryForm\">\r\n \r\n <div class=\"name-company-group\">\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"* Name\" required>\r\n <\/div>\r\n <div class=\"input-group\">\r\n <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Company\">\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"double-group\">\r\n <div class=\"input-group\">\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Phone \/ WhatsApp +86\">\r\n <\/div>\r\n <div class=\"input-group\">\r\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"* Email\" required>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"input-group\">\r\n <textarea id=\"content\" name=\"content\" placeholder=\"* Content\" required><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn-submit\">\r\n <i class=\"fas fa-paper-plane\"><\/i> SEND INQUIRY NOW\r\n <\/button>\r\n <div class=\"form-footer-note\">\r\n <i class=\"fas fa-lock\"><\/i> Your information is kept confidential and used only for business communication.\r\n <span class=\"trust-badge-mini\"><i class=\"fas fa-clock\"><\/i> Fast Response<\/span>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <script>\r\n (function() {\r\n const form = document.getElementById('inquiryForm');\r\n if (form) {\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Get values\r\n const name = document.getElementById('name')?.value.trim();\r\n const email = document.getElementById('email')?.value.trim();\r\n const content = document.getElementById('content')?.value.trim();\r\n \r\n if (!name) {\r\n alert('Please enter your Name');\r\n return;\r\n }\r\n if (!email || !email.includes('@')) {\r\n alert('Please enter a valid Email address');\r\n return;\r\n }\r\n if (!content) {\r\n alert('Please enter your message in the Content field');\r\n return;\r\n }\r\n \r\n \/\/ Success simulation\r\n alert(`Thank you, ${name}! Your inquiry has been sent. Our trade account manager will contact you within 24 hours.`);\r\n form.reset();\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Roller Ski Wheels & Straps | SW Carbon Technology Classic Strap Roller Ski Wheels Rubber Wheels Classic Roller Skates RoHS Compliant Roller Ski Shoes Traditional Nordic Skating Training Equipment \ud83d\udcd0 Technical Specifications & Key Properties WEIHAI SNOW WING OUTDOOR ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence 3,654m\u00b2FLOOR SPACE $550K+TRANSACTION AMOUNT <24hRESPONSE TIME […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3470","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3470"}],"version-history":[{"count":9,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470\/revisions"}],"predecessor-version":[{"id":3494,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3470\/revisions\/3494"}],"wp:attachment":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}