{"title":"Séparateur de pièce","description":"","products":[{"product_id":"3009-linen-curtain-grommets","title":"3009 Reversible 100% Blackout Linen Blend Curtain Grommet 1 Panel","description":"\u003cstyle\u003e\n #product-description-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n #product-description-container {\n background-color: #ffffff;\n color: #5a4b3a;\n line-height: 1.6;\n padding: 20px;\n max-width: 1200px;\n margin: 0 auto;\n }\n \n \/* 横幅视频部分样式 *\/\n #product-description-container .video-section {\n margin: 25px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n text-align: center;\n }\n \n #product-description-container .video-title {\n color: #584434;\n font-size: 2.2rem;\n margin-bottom: 20px;\n font-weight: 600;\n position: relative;\n padding-bottom: 15px;\n }\n \n #product-description-container .video-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background-color: #a89279;\n }\n \n #product-description-container .video-container {\n max-width: 100%;\n margin: 0 auto;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(88, 68, 52, 0.15);\n position: relative;\n }\n \n #product-description-container .video-preview {\n width: 100%;\n height: 400px;\n object-fit: cover;\n display: block;\n }\n \n #product-description-container .play-button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 80px;\n height: 80px;\n background-color: rgba(168, 146, 121, 0.8);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 2;\n }\n \n #product-description-container .play-button:hover {\n background-color: rgba(168, 146, 121, 0.95);\n transform: translate(-50%, -50%) scale(1.1);\n }\n \n #product-description-container .play-button:after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n border-left: 25px solid white;\n margin-left: 5px;\n }\n \n #product-description-container .youtube-embed {\n width: 100%;\n height: 400px;\n border: none;\n border-radius: 10px;\n display: none;\n }\n \n #product-description-container .video-caption {\n color: #5a4b3a;\n font-size: 1.5rem;\n margin-top: 15px;\n line-height: 1.6;\n text-align: center;\n font-style: italic;\n }\n \n #product-description-container .section {\n margin: 25px 0;\n padding: 20px;\n background-color: #fff;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n }\n \n #product-description-container .section-title {\n color: #584434;\n font-size: 2.4rem;\n margin-bottom: 30px;\n text-align: center;\n font-weight: 600;\n position: relative;\n padding-bottom: 15px;\n }\n \n #product-description-container .section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background-color: #a89279;\n }\n \n #product-description-container .premium-text {\n font-size: 1.5rem;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n color: #5a4b3a;\n line-height: 1.8;\n }\n \n #product-description-container .features-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n margin-top: 30px;\n }\n \n #product-description-container .feature-item {\n background-color: #f9f7f3;\n padding: 25px;\n border-radius: 8px;\n text-align: center;\n transition: all 0.3s ease;\n border: 1px solid #e8e1d5;\n }\n \n #product-description-container .feature-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(88, 68, 52, 0.12);\n }\n \n #product-description-container .feature-icon {\n font-size: 3rem;\n color: #8c7559;\n margin-bottom: 20px;\n display: block;\n }\n \n #product-description-container .feature-title {\n color: #584434;\n font-size: 1.6rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n #product-description-container .feature-desc {\n color: #5a4b3a;\n line-height: 1.6;\n font-size: 1.5rem;\n }\n \n \/* 规格列表样式 - 已修改 *\/\n #product-description-container .specifications {\n margin: 30px 0;\n }\n \n #product-description-container .spec-title {\n color: #584434;\n font-size: 1.8rem;\n margin-bottom: 20px;\n font-weight: 600;\n }\n \n #product-description-container .spec-list {\n list-style-type: none;\n padding-left: 0;\n }\n \n \/* 这里使用了更具体的选择器以确保优先级 *\/\n #product-description-container ul.spec-list \u003e li {\n margin-bottom: 12px;\n color: #5a4b3a;\n font-size: 1.5rem;\n padding-left: 0;\n }\n \n #product-description-container .spec-list li:before {\n content: none;\n }\n \n #product-description-container .spec-list strong {\n color: #584434;\n font-size: 1.5rem;\n }\n \n #product-description-container .material-detail {\n overflow: hidden;\n margin: 15px 0;\n }\n \n #product-description-container .material-text {\n margin-right: 620px;\n font-size: 1.5rem;\n }\n \n #product-description-container .material-image {\n width: 600px;\n height: 600px;\n object-fit: cover;\n border-radius: 5px;\n box-shadow: 0 3px 8px rgba(0,0,0,0.1);\n float: right;\n margin: 0 0 15px 20px;\n }\n \n #product-description-container .note-text {\n font-style: italic;\n color: #8c7559;\n margin-top: 5px;\n text-decoration: underline;\n font-size: 1.5rem;\n }\n \n #product-description-container .fabric-intro {\n background-color: #f9f7f3;\n padding: 20px;\n border-radius: 8px;\n margin-top: 15px;\n border-left: 4px solid #a89279;\n font-size: 1.5rem;\n line-height: 1.7;\n }\n\n \/* 新增的图片展示分区样式 - 使用浅米色背景 *\/\n #product-description-container .image-display-section {\n margin: 25px 0;\n padding: 30px;\n background-color: #f8f5f0;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.08);\n }\n \n #product-description-container .image-display-container {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 25px;\n }\n \n #product-description-container .image-item {\n flex: 1;\n text-align: center;\n max-width: 350px; \/* 稍微减小最大宽度以适应三列 *\/\n }\n \n #product-description-container .display-image {\n width: 100%;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n cursor: pointer;\n transition: transform 0.3s ease;\n }\n \n #product-description-container .display-image:hover {\n transform: scale(1.02);\n }\n \n #product-description-container .image-caption {\n color: #5a4b3a;\n font-size: 1.5rem;\n margin-top: 15px;\n line-height: 1.6;\n text-align: center;\n }\n\n \/* 图片放大模态框样式 *\/\n #product-description-container .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0,0,0,0.8);\n }\n \n #product-description-container .modal-content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n max-width: 90%;\n max-height: 90%;\n border-radius: 8px;\n }\n \n #product-description-container .close {\n position: absolute;\n top: 20px;\n right: 35px;\n color: #fff;\n font-size: 40px;\n font-weight: bold;\n cursor: pointer;\n }\n \n #product-description-container .close:hover {\n color: #a89279;\n }\n \n #product-description-container .measurement-guidance {\n margin-top: 30px;\n }\n \n #product-description-container .measurement-section {\n margin-bottom: 20px;\n }\n \n #product-description-container .measurement-title {\n color: #584434;\n font-size: 1.7rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n #product-description-container .measurement-desc {\n color: #5a4b3a;\n margin-bottom: 15px;\n line-height: 1.6;\n font-size: 1.5rem;\n }\n \n #product-description-container .measurement-list {\n list-style-type: none;\n padding-left: 20px;\n }\n \n #product-description-container .measurement-list li {\n margin-bottom: 10px;\n position: relative;\n padding-left: 25px;\n color: #5a4b3a;\n font-size: 1.5rem;\n }\n \n #product-description-container .measurement-list li:before {\n content: \"•\";\n color: #8c7559;\n font-size: 1.6rem;\n position: absolute;\n left: 0;\n top: -5px;\n }\n \n \/* 响应式设计 *\/\n @media (max-width: 992px) {\n #product-description-container .features-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n #product-description-container .material-image {\n width: 400px;\n height: 400px;\n }\n \n #product-description-container .material-text {\n margin-right: 420px;\n }\n \n #product-description-container .image-display-container {\n flex-direction: column;\n align-items: center;\n gap: 30px;\n }\n \n #product-description-container .video-preview,\n #product-description-container .youtube-embed {\n height: 300px;\n }\n }\n \n @media (max-width: 768px) {\n #product-description-container .section {\n padding: 25px;\n margin: 20px 0;\n }\n \n #product-description-container .section-title {\n font-size: 2rem;\n }\n \n #product-description-container .premium-text {\n font-size: 1.4rem;\n }\n \n #product-description-container .features-grid {\n grid-template-columns: 1fr;\n }\n \n #product-description-container .feature-icon {\n font-size: 2.8rem;\n }\n \n #product-description-container .material-image {\n width: 100%;\n height: auto;\n float: none;\n margin: 15px 0;\n }\n \n #product-description-container .material-text {\n margin-right: 0;\n }\n \n \/* 移动端字体大小调整 *\/\n #product-description-container ul.spec-list \u003e li {\n font-size: 1.4rem;\n }\n \n #product-description-container .spec-list strong {\n font-size: 1.4rem;\n }\n \n #product-description-container .material-text {\n font-size: 1.4rem;\n }\n \n #product-description-container .note-text {\n font-size: 1.4rem;\n }\n \n #product-description-container .fabric-intro {\n font-size: 1.4rem;\n }\n \n #product-description-container .feature-desc {\n font-size: 1.4rem;\n }\n \n #product-description-container .measurement-desc {\n font-size: 1.4rem;\n }\n \n #product-description-container .measurement-list li {\n font-size: 1.4rem;\n }\n \n #product-description-container .image-caption {\n font-size: 1.4rem;\n }\n \n \/* 视频部分响应式调整 *\/\n #product-description-container .video-title {\n font-size: 1.8rem;\n }\n \n #product-description-container .video-caption {\n font-size: 1.4rem;\n }\n \n #product-description-container .video-preview,\n #product-description-container .youtube-embed {\n height: 200px;\n }\n \n #product-description-container .play-button {\n width: 60px;\n height: 60px;\n }\n \n #product-description-container .play-button:after {\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-left: 20px solid white;\n }\n }\n @media (max-width: 992px) {\n #product-description-container .image-display-container {\n flex-wrap: wrap;\n gap: 20px;\n }\n \n #product-description-container .image-item {\n flex: 0 0 calc(50% - 20px); \/* 在中等屏幕上显示两列 *\/\n max-width: calc(50% - 20px);\n }\n }\n \n @media (max-width: 768px) {\n #product-description-container .image-item {\n flex: 0 0 100%; \/* 在移动端显示单列 *\/\n max-width: 100%;\n }\n }\n\u003c\/style\u003e\n\u003cdiv id=\"product-description-container\"\u003e\n\u003c!-- 新增横幅样式客户评价视频部分 --\u003e\n\u003csection class=\"video-section\"\u003e\n\u003ch2 class=\"video-title\"\u003eCustomer Review\u003c\/h2\u003e\n\u003cdiv class=\"video-container\" id=\"videoContainer\"\u003e\n\u003cimg class=\"video-preview\" alt=\"Customer Review Video Preview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/QQ20251128-141015.png?v=1764310242\"\u003e\n\u003cdiv class=\"play-button\" id=\"playButton\"\u003e\u003c\/div\u003e\n\u003c!-- 使用正确的YouTube嵌入格式 --\u003e \u003ciframe class=\"youtube-embed\" id=\"youtubePlayer\" src=\"https:\/\/www.youtube.com\/embed\/qIyBX9km8B4\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003cp class=\"video-caption\"\u003eCustomer Review: 3009 fabric color #3 Gray, Pinch Pleat\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 产品规格部分 --\u003e\n\u003csection class=\"section\"\u003e\n\u003ch4 class=\"spec-title\"\u003eSPECIFICATIONS\u003c\/h4\u003e\n\u003cdiv style=\"overflow: hidden;\"\u003e\n\u003cdiv style=\"float: right; margin-left: 20px; margin-bottom: 16px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cul class=\"spec-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial: \u003c\/strong\u003ePremium Linen Blend Fabric\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLight Blocking: \u003c\/strong\u003e100% complete blackout\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabric Weight: \u003c\/strong\u003e285 gsm lightweight construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLining:\u003c\/strong\u003e Unlined\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeader type: \u003c\/strong\u003eNickle Grommet\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCare Tips:\u003c\/strong\u003e Gently machine wash or dry clean, no bleach, steam iron, air dry\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eNote: \u003c\/strong\u003e \u003cspan class=\"note-text\"\u003eCustom made to your exact measurements for a perfect fit.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"fabric-intro\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabric Introduction:\u003c\/strong\u003e The 3009 100% Blackout Curtain is crafted from premium yarn-dyed linen fabric with an innovative 3-layer construction. Both the front and back layers feature the same high-quality linen texture in matching colors, while a specialized middle layer woven with blackout black yarn provides complete 100% light blocking. \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 新增的Detailed Information分区 --\u003e\n\u003csection class=\"image-display-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eDetailed Information\u003c\/h2\u003e\n\u003cdiv class=\"image-display-container\"\u003e\n\u003c!-- 左边：遮光效果图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\u003cimg class=\"display-image\" alt=\"100% Blackout Effect\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf_100_Blackout_Linen_Curtain_Natural_Grey_2.jpg?v=1764127681\"\u003e\n\u003cp class=\"image-caption\"\u003e100% Complete Blackout - Blocks all light for perfect darkness\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 中间：打孔帘头图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\u003cimg class=\"display-image\" alt=\"Grommet Header Details\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/3009.jpg?v=1764139867\"\u003e\n\u003cp class=\"image-caption\"\u003e1.6\" Nickle Grommets Header - Smooth and durable metal grommets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 右边：正反同色图 --\u003e\n\u003cdiv class=\"image-item\"\u003e\n\u003cimg class=\"display-image\" alt=\"Same Color Both Sides\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/IMG_0785.jpg?v=1764141233\"\u003e\n\u003cp class=\"image-caption\"\u003eSame Color on Both Sides - Dark color with prominent texture\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 图片放大模态框 --\u003e\n\u003cdiv id=\"imageModal\" class=\"modal\"\u003e\n\u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003cimg class=\"modal-content\" id=\"modalImage\"\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n \/\/ 图片放大功能\n function openModal(img) {\n var modal = document.getElementById(\"imageModal\");\n var modalImg = document.getElementById(\"modalImage\");\n modal.style.display = \"block\";\n modalImg.src = img.src;\n }\n\n function closeModal() {\n var modal = document.getElementById(\"imageModal\");\n modal.style.display = \"none\";\n }\n\n \/\/ 点击模态框背景关闭\n document.getElementById('imageModal').addEventListener('click', function(e) {\n if (e.target === this) {\n closeModal();\n }\n });\n\n \/\/ YouTube视频播放功能 - 修复版本\n document.addEventListener('DOMContentLoaded', function() {\n var playButton = document.getElementById('playButton');\n var videoContainer = document.getElementById('videoContainer');\n var preview = document.querySelector('.video-preview');\n var youtubeEmbed = document.getElementById('youtubePlayer');\n \n \/\/ 添加点击事件监听器\n playButton.addEventListener('click', playYouTubeVideo);\n videoContainer.addEventListener('click', playYouTubeVideo);\n \n function playYouTubeVideo(e) {\n \/\/ 阻止事件冒泡，避免重复触发\n e.stopPropagation();\n \n \/\/ 隐藏预览和播放按钮\n preview.style.display = 'none';\n playButton.style.display = 'none';\n \n \/\/ 显示YouTube嵌入\n youtubeEmbed.style.display = 'block';\n \n \/\/ 重新加载iframe以触发自动播放\n var currentSrc = youtubeEmbed.src;\n \/\/ 移除可能存在的autoplay参数\n currentSrc = currentSrc.replace(\/\u0026autoplay=1\/g, '');\n \/\/ 添加autoplay参数\n youtubeEmbed.src = currentSrc + '?autoplay=1';\n }\n });\n \u003c\/script\u003e \u003c!-- Why Choose Our 3009 Custom Made Blackout Curtains Section --\u003e\n\u003csection class=\"section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWhy Choose Our 3009 Custom Made Blackout Curtains?\u003c\/h2\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🌙\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003e100% Complete Blackout\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eExperience total darkness with our advanced 100% blackout technology. Perfect for creating the ideal sleeping environment or home theater experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🧵\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003ePremium Linen Blend\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eCrafted from high-quality linen blend fabric that offers both luxurious texture and exceptional durability for long-lasting beauty.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e📏\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003eCustom Sizing\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eMade to your exact measurements for a perfect fit. Every curtain is custom crafted to ensure flawless installation and appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🚚\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003eFast Shipping\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eQuick turnaround times without compromising on quality. Receive your custom curtains in 2-3 weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🆓\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003eFree Swatches\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eGet fabric samples to check quality before ordering custom curtains. Click \u003ca rel=\"noopener\" title=\"free swatches\" href=\"https:\/\/cololeaf.com\/collections\/free-swatches?filter.v.t.shopify.fabric=gid%3A%2F%2Fshopify%2FMetaobject%2F114033000532\u0026amp;sort_by=best-selling\" target=\"_blank\"\u003e\u003cu\u003e\u003cb\u003ehere\u003c\/b\u003e\u003c\/u\u003e\u003c\/a\u003e to get free swatches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e✅\u003c\/span\u003e\n\u003ch3 class=\"feature-title\"\u003e30-Day Guarantee\u003c\/h3\u003e\n\u003cp class=\"feature-desc\"\u003eWe stand behind our products with a 30-day satisfaction guarantee for your peace of mind.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Measurement Guidance Section --\u003e\n\u003csection class=\"section measurement-guidance\"\u003e\n\u003ch2 class=\"section-title\"\u003eMeasurement \u0026amp; Sizing Guide\u003c\/h2\u003e\n\u003cdiv class=\"measurement-section\" style=\"text-align: right;\"\u003e\n\u003cp style=\"text-align: left;\" class=\"measurement-title\"\u003e1. Curtain Length Measurement\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" class=\"measurement-desc\"\u003eGrommet \u0026amp; Rod Pocket \u0026amp; Back Tab: Measure from top of the pole to where curtain finish.\u003c\/p\u003e\n\u003cp style=\"text-align: left;\" class=\"measurement-desc\"\u003eFlat Hooks \u0026amp; Hook Belt: Measure from the bottom of the rings (where curtain hooks attached) to where curtain finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"measurement-section\"\u003e\n\u003cp class=\"measurement-title\"\u003e2. Curtain Width \u0026amp; Fullness\u003c\/p\u003e\n\u003cp class=\"measurement-desc\"\u003eFor optimal appearance and function, curtain width is suggested to be 1.5-2x times the track length.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"measurement-section\"\u003e\n\u003cp class=\"measurement-desc\"\u003e\u003cstrong\u003e3. Each curtain is sold individually and comes with adjustable hooks that allow for a 3-inch height modification, enabling seamless customization to fit your space perfectly. Should you have any questions, feel free to reach out via email at \u003cspan style=\"text-decoration: underline;\"\u003ecololeaf@outlook.com\u003c\/span\u003e or contact us through inbox anytime.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Cololeaf","offers":[{"title":"#13 Ivory White","offer_id":41939933626452,"sku":"CL19-3009-13","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#14 Greyish White","offer_id":41939933659220,"sku":"CL19-3009-14","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#5 Silver Grey","offer_id":41939933364308,"sku":"CL19-3009-5","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#8 Sand Beige","offer_id":41939933462612,"sku":"CL19-3009-8","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#15 Fog Green","offer_id":41939933691988,"sku":"CL19-3009--15","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#1 Natural Grey","offer_id":41939933233236,"sku":"CL19-3009-1","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#2 Mid Grey","offer_id":41939933266004,"sku":"CL19-3009-2","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#3 Gray","offer_id":41939933298772,"sku":"CL19-3009-3","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#4 Light Grey","offer_id":41939933331540,"sku":"CL19-3009-4","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#6 Brownish Grey","offer_id":41939933397076,"sku":"CL19-3009-6","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#7 Light Khaki","offer_id":41939933429844,"sku":"CL19-3009-7","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#9 Taupe","offer_id":41939933495380,"sku":"CL19-3009-9","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#10 Beige","offer_id":41939933528148,"sku":"CL19-3009-10","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#11 Light Brown","offer_id":41939933560916,"sku":"CL19-3009-11","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#12 Light Coffee","offer_id":41939933593684,"sku":"CL19-3009-12","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#16 Yellow","offer_id":41939933724756,"sku":"CL19-3009-16","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#17 Orange","offer_id":41939933757524,"sku":"CL19-3009-17","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#18 Lilac","offer_id":41939933790292,"sku":"CL19-3009-18","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#19 Violet","offer_id":41939933823060,"sku":"CL19-3009-19","price":52.99,"currency_code":"USD","in_stock":true},{"title":"#20 Blue","offer_id":41939933855828,"sku":"CL19-3009-20","price":52.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf100_BlackoutLinenCurtainBeige_9.jpg?v=1774508814"},{"product_id":"oy66-extra-long-linen-curtain","title":"OY66 Extra Long Ultra-Soft Blackout Double-Sided Lightweight Linen Curtain 1 Panel","description":"\u003ch4\u003e\u003cspan style=\"color: rgb(88, 68, 52);\"\u003e\u003cb\u003e\u003cstrong class=\"editor-text-bold\" style=\"white-space: nowrap;\"\u003eSPECIFICATIONS\u003c\/strong\u003e\u003c\/b\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003e\u003cspan style=\"background-color: rgb(250, 247, 245);\"\u003eMaterial:\u003c\/span\u003e \u003c\/strong\u003eLinen Polyester blend, double-sided with the same color\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLight Blocking: \u003c\/strong\u003e100% Blackout\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eFabric Weight: \u003c\/strong\u003e160 gsm \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLining:\u003c\/strong\u003e Unlined \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHeader type: \u003c\/strong\u003eGrommet\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eCare Tips:\u003c\/strong\u003e Gently machine wash or dry clean, no bleach, steam iron, air dry  \u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eElevate your living space with our **Ultra-Soft 100% Blackout Double-Sided Lightweight Linen Curtains**, designed to blend elegance, functionality, and effortless comfort. Crafted for those who demand both style and practicality, these curtains redefine window treatments with their innovative design and premium materials.  \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eFeatures \u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e1. **100% Blackout Technology, No Liner Needed**  \u003c\/h4\u003e\n\u003cp\u003e- Engineered with a **triple-weave blackout fabric** (160gsm) that blocks 100% of natural light, UV rays, and noise—no additional lining required.  \u003cbr\u003e   - Perfect for shift workers, nurseries, home theaters, or anyone seeking undisturbed sleep and privacy.  \u003c\/p\u003e\n\u003ch4\u003e2. **Luxurious Softness Meets Durability** \u003c\/h4\u003e\n\u003cp\u003e   - A harmonious blend of **linen + polyester** creates a drape that’s buttery-soft to the touch yet resistant to wrinkles, fading, and wear.  \u003cbr\u003e   - Lightweight yet structured, the fabric hangs beautifully while maintaining its shape wash after wash.  \u003c\/p\u003e\n\u003ch4\u003e3. **Double-Sided Elegance, Seamless Style**  \u003c\/h4\u003e\n\u003cp\u003e   - Identical color and texture on both sides for a polished look from any angle—no awkward reverse side.  \u003cbr\u003e\u003c\/p\u003e\n\u003ch4\u003e4. **Machine-Washable Convenience**  \u003c\/h4\u003e\n\u003cp\u003e   - Toss them in the washing machine (cold cycle) and tumble dry low—no dry cleaning bills or fuss.  \u003cbr\u003e   - Quick-drying and low-maintenance, making them ideal for busy households or frequent decor updates.  \u003c\/p\u003e\n\u003ch4\u003e5. **Customizable for Your Space**  \u003c\/h4\u003e\n\u003cp\u003e   - **Made-to-order** in your exact dimensions (width, length, and header style: nickle grommet, pinch pleat).  \u003cbr\u003e   - Get free swatches to compare colors at home.  \u003c\/p\u003e\n\u003ch4\u003e6. **Eco-Conscious \u0026amp; Family-Safe**  \u003c\/h4\u003e\n\u003cp\u003e   - OEKO-TEX® certified, ensuring no harmful chemicals—safe for kids, pets, and sensitive skin.  \u003cbr\u003e   - Sustainably sourced materials support eco-friendly living without compromising quality.  \u003c\/p\u003e\n\u003ch4\u003e7. **Versatile Light Control**  \u003c\/h4\u003e\n\u003cp\u003e   - Pair with our **light-filtering sheers** (sold separately) for layered flexibility—full blackout or soft daylight diffusion.  \u003c\/p\u003e","brand":"Cololeaf","offers":[{"title":"#3 Sand","offer_id":41973535965268,"sku":"CL20-OY66-3-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#1 Greyish Beige","offer_id":41973535899732,"sku":"CL20-OY66-1-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#5 Light Khaki","offer_id":41973535998036,"sku":"CL20-OY66-5-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#8 Silver Grey","offer_id":41973536096340,"sku":"CL20-OY66-8-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#16 Orange","offer_id":41973536292948,"sku":"CL20-OY66-16-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#2 Beige","offer_id":41973535932500,"sku":"CL20-OY66-2-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#6 Light Brown","offer_id":41973536030804,"sku":"CL20-OY66-6-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#7 Taupe","offer_id":41973536063572,"sku":"CL20-OY66-7-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#9 Grey","offer_id":41973536129108,"sku":"CL20-OY66-9-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#10 Olive Grey","offer_id":41973536161876,"sku":"CL20-OY66-10-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#11 Natural Grey","offer_id":41973536194644,"sku":"CL20-OY66-11-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#13 Blue","offer_id":41973536227412,"sku":"CL20-OY66-13-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#15 Green","offer_id":41973536260180,"sku":"CL20-OY66-15-GM","price":54.99,"currency_code":"USD","in_stock":true},{"title":"#17 Lemon Yellow","offer_id":41973536325716,"sku":"CL20-OY66-17-GM","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/CL166_15.jpg?v=1774508431"},{"product_id":"3009-blackout-linen-curtain-pinch-pleat","title":"3009 Reversible 100% Blackout Linen Blend Curtain Pinch Pleat 1 Panel","description":"\u003cstyle\u003e\n #product-description-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n #product-description-container {\n background-color: #ffffff;\n color: #5a4b3a;\n line-height: 1.6;\n padding: 20px;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n #product-description-container .section-title {\n color: #584434;\n font-size: 2.4rem;\n margin-bottom: 25px;\n text-align: center;\n font-weight: 600;\n position: relative;\n padding-bottom: 15px;\n }\n \n #product-description-container .section-title:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 3px;\n background-color: #a89279;\n }\n \n \/* 产品规格部分 - 左侧规格，右侧视频 *\/\n #product-description-container .specs-section {\n margin: 0 0 40px 0;\n padding: 30px;\n background-color: #f8f5f0;\n border-radius: 12px;\n box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n display: flex;\n gap: 40px;\n align-items: flex-start;\n }\n \n @media (max-width: 992px) {\n #product-description-container .specs-section {\n flex-direction: column;\n }\n }\n \n #product-description-container .specs-left {\n flex: 1;\n }\n \n #product-description-container .specs-right {\n flex: 0 0 350px;\n }\n \n @media (max-width: 992px) {\n #product-description-container .specs-right {\n flex: 1;\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n }\n \n #product-description-container .specs-title {\n color: #584434;\n font-size: 2rem;\n margin-bottom: 20px;\n text-align: center;\n font-weight: 600;\n }\n \n #product-description-container .specs-content {\n background-color: #fff;\n padding: 25px;\n border-radius: 8px;\n font-size: 1.5rem;\n line-height: 1.8;\n }\n \n #product-description-container .spec-item {\n margin-bottom: 12px;\n padding-bottom: 12px;\n border-bottom: 1px solid #eee;\n }\n \n #product-description-container .spec-item:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n \n #product-description-container .spec-label {\n font-weight: 600;\n color: #584434;\n display: inline-block;\n min-width: 160px;\n }\n \n #product-description-container .spec-value {\n color: #5a4b3a;\n }\n \n \/* Fabric Introduction 改为白色背景 *\/\n #product-description-container .fabric-intro {\n background-color: #ffffff;\n padding: 20px;\n border-radius: 8px;\n margin-top: 25px;\n border-left: 4px solid #a89279;\n font-size: 1.5rem;\n line-height: 1.7;\n box-shadow: 0 3px 10px rgba(88, 68, 52, 0.05);\n }\n \n \/* 右侧客户评价视频 - 9:16竖屏 *\/\n #product-description-container .review-video-sidebar {\n background-color: #fff;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n text-align: center;\n }\n \n #product-description-container .review-video-title {\n color: #584434;\n font-size: 1.8rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n \/* 9:16视频容器 - 修复播放问题 *\/\n #product-description-container .video-container-9-16 {\n width: 100%;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.15);\n position: relative;\n aspect-ratio: 9\/16;\n background-color: #000;\n margin-bottom: 15px;\n }\n \n #product-description-container .review-video-thumbnail {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n cursor: pointer;\n background-color: #000;\n }\n \n #product-description-container .review-video-play-btn {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 70px;\n height: 70px;\n background-color: rgba(168, 146, 121, 0.85);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 2;\n }\n \n #product-description-container .review-video-play-btn:hover {\n background-color: rgba(168, 146, 121, 0.95);\n transform: translate(-50%, -50%) scale(1.1);\n }\n \n #product-description-container .review-video-play-btn:after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n border-left: 25px solid white;\n margin-left: 5px;\n }\n \n #product-description-container .review-video-element {\n width: 100%;\n height: 100%;\n border: none;\n display: none;\n }\n \n #product-description-container .review-video-caption {\n color: #5a4b3a;\n font-size: 1.5rem;\n line-height: 1.6;\n font-style: italic;\n }\n \n \/* 产品注意事项部分 *\/\n #product-description-container .important-notes-section {\n margin: 40px 0;\n padding: 30px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n }\n \n #product-description-container .notes-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n margin-top: 40px;\n }\n \n @media (max-width: 992px) {\n #product-description-container .notes-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n \n @media (max-width: 768px) {\n #product-description-container .notes-grid {\n grid-template-columns: 1fr;\n }\n }\n \n #product-description-container .note-card {\n background-color: #f9f7f3;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n transition: transform 0.3s ease;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n \n #product-description-container .note-card:hover {\n transform: translateY(-8px);\n }\n \n #product-description-container .note-image-container {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 15px;\n min-height: 250px;\n }\n \n #product-description-container .note-image {\n width: 100%;\n height: auto;\n max-height: 300px;\n object-fit: contain;\n border-radius: 8px;\n }\n \n #product-description-container .note-content {\n padding: 20px;\n text-align: center;\n }\n \n #product-description-container .note-heading {\n color: #584434;\n font-size: 1.8rem;\n margin-bottom: 15px;\n font-weight: 600;\n }\n \n #product-description-container .note-text {\n color: #5a4b3a;\n font-size: 1.5rem;\n line-height: 1.6;\n }\n \n \/* 功能演示视频部分 - 修复封面颜色 *\/\n #product-description-container .videos-section {\n margin: 40px 0;\n padding: 30px;\n background-color: #f8f5f0;\n border-radius: 12px;\n box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n }\n \n #product-description-container .video-demo-container {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 30px;\n margin-top: 30px;\n }\n \n @media (max-width: 992px) {\n #product-description-container .video-demo-container {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n }\n \n #product-description-container .video-demo-item {\n background-color: #fff;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n display: flex;\n flex-direction: row;\n height: 350px;\n }\n \n @media (max-width: 768px) {\n #product-description-container .video-demo-item {\n flex-direction: column;\n height: auto;\n }\n }\n \n \/* 1:1视频容器 - 左侧 *\/\n #product-description-container .video-demo-player {\n flex: 0 0 350px;\n min-width: 0;\n height: 350px;\n }\n \n @media (max-width: 768px) {\n #product-description-container .video-demo-player {\n flex: 0 0 auto;\n width: 100%;\n height: 350px;\n }\n }\n \n #product-description-container .video-container-demo {\n width: 100%;\n height: 100%;\n border-radius: 10px 0 0 10px;\n overflow: hidden;\n position: relative;\n background-color: #000;\n }\n \n @media (max-width: 768px) {\n #product-description-container .video-container-demo {\n border-radius: 10px 10px 0 0;\n }\n }\n \n \/* 使用视频本身作为封面 - 修复颜色 *\/\n #product-description-container .demo-video-element {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n object-fit: cover;\n }\n \n #product-description-container .demo-video-play-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background-color: transparent; \/* 移除变暗效果 *\/\n transition: background-color 0.3s ease;\n }\n \n #product-description-container .demo-video-play-overlay:hover {\n background-color: rgba(0, 0, 0, 0.1); \/* 轻微变暗效果，可选 *\/\n }\n \n #product-description-container .demo-video-play-btn {\n width: 70px;\n height: 70px;\n background-color: rgba(168, 146, 121, 0.85);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 2;\n }\n \n #product-description-container .demo-video-play-btn:hover {\n background-color: rgba(168, 146, 121, 0.95);\n transform: scale(1.1);\n }\n \n #product-description-container .demo-video-play-btn:after {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border-top: 15px solid transparent;\n border-bottom: 15px solid transparent;\n border-left: 25px solid white;\n margin-left: 5px;\n }\n \n \/* 文字描述 - 右侧，小字体简短描述 *\/\n #product-description-container .video-demo-info {\n flex: 1;\n padding: 40px 30px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: left;\n }\n \n @media (max-width: 768px) {\n #product-description-container .video-demo-info {\n padding: 20px;\n text-align: center;\n }\n }\n \n #product-description-container .video-demo-desc {\n color: #5a4b3a;\n font-size: 1.6rem;\n line-height: 1.6;\n }\n \n \/* 场景展示部分 - 修改图片显示方式 *\/\n #product-description-container .gallery-slider-section {\n margin: 40px 0;\n padding: 30px;\n background-color: #fff;\n border-radius: 12px;\n box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n overflow: hidden;\n }\n \n #product-description-container .slider-container {\n position: relative;\n margin: 30px auto;\n max-width: 1400px;\n }\n \n #product-description-container .slider-wrapper {\n overflow: hidden;\n border-radius: 10px;\n position: relative;\n padding: 10px 0; \/* 只保留上下padding，去掉左右padding *\/\n }\n \n #product-description-container .slider-track {\n display: flex;\n transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n gap: 20px;\n }\n \n \/* 修改轮播图幻灯片样式 - 去掉上边和左右边空白 *\/\n #product-description-container .slide {\n flex: 0 0 calc(33.333% - 14px);\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n box-shadow: 0 5px 15px rgba(88, 68, 52, 0.1);\n transition: transform 0.3s ease;\n min-width: 0;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n height: 380px; \/* 增加整体高度 *\/\n background-color: #f9f7f3; \/* 添加背景色 *\/\n }\n \n @media (max-width: 1200px) {\n #product-description-container .slide {\n flex: 0 0 calc(50% - 10px);\n }\n }\n \n @media (max-width: 768px) {\n #product-description-container .slide {\n flex: 0 0 calc(100% - 10px);\n height: 350px; \/* 移动端稍小一点 *\/\n }\n }\n \n \/* 修改图片样式 - 去掉上边和左右空白 *\/\n #product-description-container .slide-image {\n width: 100%;\n height: calc(100% - 60px); \/* 给底部文字留出空间 *\/\n object-fit: cover; \/* 改为cover填充容器 *\/\n object-position: center top; \/* 图片顶部对齐 *\/\n cursor: pointer;\n background-color: #f9f7f3; \/* 添加背景色 *\/\n padding: 0; \/* 去掉所有内边距 *\/\n border-radius: 8px 8px 0 0; \/* 只保留上边圆角 *\/\n }\n \n \/* 文字放在图片下方 - 增加高度 *\/\n #product-description-container .slide-caption {\n background-color: #f9f7f3;\n padding: 20px 15px;\n text-align: center;\n font-size: 1.6rem;\n font-weight: 500;\n color: #5a4b3a;\n border-top: 1px solid #e8e1d5;\n flex-shrink: 0; \/* 确保说明部分不被压缩 *\/\n height: 60px; \/* 固定高度 *\/\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0 0 8px 8px; \/* 只保留下边圆角 *\/\n }\n \n #product-description-container .slider-nav {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 30px;\n gap: 20px;\n }\n \n #product-description-container .slider-dots {\n display: flex;\n gap: 10px;\n }\n \n #product-description-container .dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: #ddd;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n \n #product-description-container .dot.active {\n background-color: #a89279;\n transform: scale(1.2);\n }\n \n #product-description-container .slider-arrow {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #f9f7f3;\n border: 2px solid #a89279;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-size: 24px;\n color: #584434;\n transition: all 0.3s ease;\n }\n \n #product-description-container .slider-arrow:hover {\n background-color: #a89279;\n color: white;\n transform: scale(1.1);\n }\n \n \/* 新添加：尺寸测量分区 *\/\n #product-description-container .measurement-section {\n margin: 40px 0;\n padding: 30px;\n background-color: #f8f5f0;\n border-radius: 12px;\n box-shadow: 0 5px 20px rgba(88, 68, 52, 0.08);\n }\n \n #product-description-container .measurement-content {\n max-width: 1000px;\n margin: 0 auto;\n background-color: #fff;\n padding: 30px;\n border-radius: 10px;\n font-size: 1.6rem;\n line-height: 1.8;\n }\n \n #product-description-container .measurement-item {\n margin-bottom: 25px;\n padding-bottom: 25px;\n border-bottom: 1px solid #e8e1d5;\n }\n \n #product-description-container .measurement-item:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n \n #product-description-container .measurement-title {\n color: #584434;\n font-size: 1.9rem;\n margin-bottom: 15px;\n font-weight: 600;\n display: flex;\n align-items: center;\n }\n \n #product-description-container .measurement-title:before {\n content: '';\n display: inline-block;\n width: 8px;\n height: 8px;\n background-color: #a89279;\n border-radius: 50%;\n margin-right: 12px;\n }\n \n #product-description-container .measurement-text {\n color: #5a4b3a;\n font-size: 1.6rem;\n line-height: 1.7;\n padding-left: 20px;\n }\n \n #product-description-container .measurement-note {\n background-color: #f9f7f3;\n border-left: 4px solid #a89279;\n padding: 20px;\n margin-top: 30px;\n border-radius: 0 8px 8px 0;\n font-size: 1.6rem;\n line-height: 1.7;\n }\n \n #product-description-container .contact-info {\n margin-top: 25px;\n padding-top: 25px;\n border-top: 1px solid #e8e1d5;\n color: #5a4b3a;\n font-size: 1.5rem;\n text-align: center;\n }\n \n #product-description-container .contact-info a {\n color: #a89279;\n text-decoration: none;\n font-weight: 600;\n }\n \n #product-description-container .contact-info a:hover {\n text-decoration: underline;\n }\n \n \/* 响应式设计 *\/\n @media (max-width: 768px) {\n #product-description-container .section-title {\n font-size: 2rem;\n }\n \n #product-description-container .specs-title {\n font-size: 1.8rem;\n }\n \n #product-description-container .review-video-play-btn,\n #product-description-container .demo-video-play-btn {\n width: 60px;\n height: 60px;\n }\n \n #product-description-container .review-video-play-btn:after,\n #product-description-container .demo-video-play-btn:after {\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-left: 18px solid white;\n }\n \n #product-description-container .review-video-caption {\n font-size: 1.4rem;\n }\n \n #product-description-container .specs-content,\n #product-description-container .fabric-intro {\n font-size: 1.4rem;\n padding: 20px;\n }\n \n #product-description-container .note-heading,\n #product-description-container .review-video-title,\n #product-description-container .video-demo-desc {\n font-size: 1.6rem;\n }\n \n #product-description-container .note-text,\n #product-description-container .slide-caption {\n font-size: 1.4rem;\n }\n \n #product-description-container .specs-section,\n #product-description-container .important-notes-section,\n #product-description-container .videos-section,\n #product-description-container .gallery-slider-section,\n #product-description-container .measurement-section {\n padding: 25px;\n }\n \n #product-description-container .measurement-content {\n padding: 20px;\n }\n \n #product-description-container .measurement-title {\n font-size: 1.7rem;\n }\n \n #product-description-container .measurement-text,\n #product-description-container .measurement-note {\n font-size: 1.4rem;\n }\n \n #product-description-container .slider-wrapper {\n padding: 10px 0;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv id=\"product-description-container\"\u003e\n \u003c!-- 第一部分：产品规格 + 右侧客户评价视频 --\u003e\n \u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"specs-left\"\u003e\n \u003ch3 class=\"specs-title\"\u003eProduct Specifications\u003c\/h3\u003e\n \n \u003cdiv class=\"specs-content\"\u003e\n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eMaterial:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003ePremium Linen Blend Fabric\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eLight Blocking:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003e100% complete blackout\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eFabric Weight:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003e285 gsm lightweight construction\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eLining:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003eUnlined\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eHeader type:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003ePinch Pleat\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eCare Tips:\u003c\/span\u003e\n \u003cspan class=\"spec-value\"\u003eGently machine wash or dry clean, no bleach, steam iron, air dry\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"spec-item\"\u003e\n \u003cspan class=\"spec-label\"\u003eNote:\u003c\/span\u003e\n \u003cspan class=\"spec-value\" style=\"font-style: italic; color: #8c7559;\"\u003eCustom made to your exact measurements for a perfect fit.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"fabric-intro\"\u003e\n \u003cp\u003e\u003cstrong\u003eFabric Introduction:\u003c\/strong\u003e The 3009 100% Blackout Curtain is crafted from premium yarn-dyed linen fabric with an innovative 3-layer construction. Both the front and back layers feature the same high-quality linen texture in matching colors, while a specialized middle layer woven with blackout black yarn provides complete 100% light blocking.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"specs-right\"\u003e\n \u003cdiv class=\"review-video-sidebar\"\u003e\n \u003ch3 class=\"review-video-title\"\u003eCustomer Review\u003c\/h3\u003e\n \n \u003cdiv class=\"video-container-9-16\"\u003e\n \u003c!-- 直接使用图片作为封面，避免canvas兼容性问题 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/3009_PP_Gray.png?v=1766120887\" alt=\"Customer Review Video\" class=\"review-video-thumbnail\" id=\"reviewVideoThumb\"\u003e\n \u003cdiv class=\"review-video-play-btn\" id=\"reviewPlayBtn\"\u003e\u003c\/div\u003e\n \u003cvideo class=\"review-video-element\" id=\"reviewVideo\" controls\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/09373ac8f57248d88912286ab1246096.mp4\" type=\"video\/mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"review-video-caption\"\u003eCustomer Review: 3009 fabric color #3 Gray, Pinch Pleat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- 第二部分：重要注意事项 - 更新图片 --\u003e\n \u003csection class=\"important-notes-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eImportant Notes\u003c\/h2\u003e\n \n \u003cdiv class=\"notes-grid\"\u003e\n \u003cdiv class=\"note-card\"\u003e\n \u003cdiv class=\"note-image-container\"\u003e\n \u003c!-- 更新为新的stacked width图片 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/stacked_width_0123.jpg?v=1769155913\" alt=\"Stacked Width\" class=\"note-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"note-content\"\u003e\n \u003ch3 class=\"note-heading\"\u003eStacked Width\u003c\/h3\u003e\n \u003cp class=\"note-text\"\u003eStacked width is approximately 20-25% of panel width when curtains are fully opened.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"note-card\"\u003e\n \u003cdiv class=\"note-image-container\"\u003e\n \u003c!-- 更新为新的米色窗帘图片 --\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf100_BlackoutLinenCurtainBeige_4_ded58f98-36be-49bb-85e9-853b68eb71da.jpg?v=1753857734\" alt=\"Premium Material\" class=\"note-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"note-content\"\u003e\n \u003ch3 class=\"note-heading\"\u003ePremium Linen Blend\u003c\/h3\u003e\n \u003cp class=\"note-text\"\u003eCrafted from high-quality yarn-dyed linen fabric with same texture and color on both sides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"note-card\"\u003e\n \u003cdiv class=\"note-image-container\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/accs_for_PP_FH.jpg?v=1763692277\" alt=\"Custom Sizing\" class=\"note-image\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"note-content\"\u003e\n \u003ch3 class=\"note-heading\"\u003eCustom Made to Fit\u003c\/h3\u003e\n \u003cp class=\"note-text\"\u003eEach curtain is custom made to your exact measurements. Adjustable hooks allow for 3-inch height modification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- 第三部分：功能演示视频 - 修复封面颜色 --\u003e\n \u003csection class=\"videos-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eFeature Demonstration\u003c\/h2\u003e\n \n \u003cdiv class=\"video-demo-container\"\u003e\n \u003c!-- 100%遮光效果视频 --\u003e\n \u003cdiv class=\"video-demo-item\"\u003e\n \u003cdiv class=\"video-demo-player\"\u003e\n \u003cdiv class=\"video-container-demo\"\u003e\n \u003c!-- 使用图片作为封面 --\u003e\n \u003cvideo class=\"demo-video-element\" id=\"blackoutVideo\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/Cololeaf_100_Blackout_Linen_Curtain_Natural_Grey_2.jpg?v=1764127681\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/abc9a581040a430492e2e53c9f663c99.mp4\" type=\"video\/mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003cdiv class=\"demo-video-play-overlay\" id=\"blackoutPlayOverlay\"\u003e\n \u003cdiv class=\"demo-video-play-btn\" id=\"blackoutPlayBtn\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-demo-info\"\u003e\n \u003cp class=\"video-demo-desc\"\u003eSee how our 100% blackout technology creates perfect darkness in any room.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 面料细节视频 - 更新封面 --\u003e\n \u003cdiv class=\"video-demo-item\"\u003e\n \u003cdiv class=\"video-demo-player\"\u003e\n \u003cdiv class=\"video-container-demo\"\u003e\n \u003c!-- 使用新的面料图片作为封面 --\u003e\n \u003cvideo class=\"demo-video-element\" id=\"fabricVideo\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/3009_fabric.png?v=1769152739\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/bb273a079bb948dd9872bf08edb44a4d.mp4\" type=\"video\/mp4\"\u003e\n Your browser does not support the video tag.\n \u003c\/source\u003e\u003c\/video\u003e\n \u003cdiv class=\"demo-video-play-overlay\" id=\"fabricPlayOverlay\"\u003e\n \u003cdiv class=\"demo-video-play-btn\" id=\"fabricPlayBtn\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"video-demo-info\"\u003e\n \u003cp class=\"video-demo-desc\"\u003eClose-up view of our premium linen blend fabric texture and construction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- 第四部分：场景图滑动展示 --\u003e\n \u003csection class=\"gallery-slider-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eIn Real Rooms\u003c\/h2\u003e\n \n \u003cdiv class=\"slider-container\"\u003e\n \u003cdiv class=\"slider-wrapper\"\u003e\n \u003cdiv class=\"slider-track\" id=\"sliderTrack\"\u003e\n \u003c!-- 幻灯片将通过JavaScript动态生成 --\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- 导航箭头和圆点 --\u003e\n \u003cdiv class=\"slider-nav\"\u003e\n \u003cbutton class=\"slider-arrow prev-btn\"\u003e❮\u003c\/button\u003e\n \n \u003cdiv class=\"slider-dots\" id=\"sliderDots\"\u003e\n \u003c!-- 圆点将通过JavaScript动态生成 --\u003e\n \u003c\/div\u003e\n \n \u003cbutton class=\"slider-arrow next-btn\"\u003e❯\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n \n \u003c!-- 第五部分：尺寸测量分区 --\u003e\n \u003csection class=\"measurement-section\"\u003e\n \u003ch2 class=\"section-title\"\u003eSize \u0026amp; Measurement Guide\u003c\/h2\u003e\n \n \u003cdiv class=\"measurement-content\"\u003e\n \u003cdiv class=\"measurement-item\"\u003e\n \u003ch3 class=\"measurement-title\"\u003e1. Curtain Length Measurement\u003c\/h3\u003e\n \u003cp class=\"measurement-text\"\u003eFor pinch pleat curtains, measure from the bottom of the rings (where hooks attach) to where you want the curtain to finish.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"measurement-item\"\u003e\n \u003ch3 class=\"measurement-title\"\u003e2. Curtain Width \u0026amp; Fullness\u003c\/h3\u003e\n \u003cp class=\"measurement-text\"\u003eFor optimal appearance and function, curtain width is suggested to be 1.1-1.3x times the track length.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"measurement-note\"\u003e\n \u003cp\u003eEach curtain is sold individually and comes with adjustable hooks that allow for a 3-inch height modification, enabling seamless customization to fit your space perfectly.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"contact-info\"\u003e\n \u003cp\u003eShould you have any questions, feel free to reach out via email at \u003ca href=\"mailto:support@cololeafhome.com\"\u003esupport@cololeafhome.com\u003c\/a\u003e or contact us through inbox anytime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ 图片数据 - 使用4张不同的图片，去掉了Living Room - Light Brown\n const slidesData = [\n {\n image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/10_0de0cb30-96e2-4711-b152-a986bfae402a.jpg?v=1769566749\",\n caption: \"Dinning Room - Ivory White\"\n },\n {\n image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/14_41f8de92-c44f-427b-9c57-e5d2d2fceab2.jpg?v=1769566750\",\n caption: \"Living Room - Greyish White\"\n },\n {\n image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/12_51de90ed-0d60-4970-8a1c-8fb4f977de62.jpg?v=1769566750\",\n caption: \"Bedroom - Light Coffee\"\n },\n {\n image: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/15_2aef75c8-3bde-4fe9-980e-b079cb941866.jpg?v=1769566750\",\n caption: \"Living Room - Fog Green\"\n }\n ];\n \n \/* ========== 视频功能 ========== *\/\n \/\/ 客户评价视频\n const reviewVideoThumb = document.getElementById('reviewVideoThumb');\n const reviewVideo = document.getElementById('reviewVideo');\n const reviewPlayBtn = document.getElementById('reviewPlayBtn');\n \n \/\/ 播放客户评价视频\n reviewPlayBtn.addEventListener('click', function() {\n reviewVideoThumb.style.display = 'none';\n reviewPlayBtn.style.display = 'none';\n reviewVideo.style.display = 'block';\n reviewVideo.play();\n });\n \n reviewVideoThumb.addEventListener('click', function() {\n reviewVideoThumb.style.display = 'none';\n reviewPlayBtn.style.display = 'none';\n reviewVideo.style.display = 'block';\n reviewVideo.play();\n });\n \n \/\/ 客户评价视频结束后回到封面状态\n reviewVideo.addEventListener('ended', function() {\n reviewVideo.style.display = 'none';\n reviewVideoThumb.style.display = 'block';\n reviewPlayBtn.style.display = 'flex';\n reviewVideo.currentTime = 0;\n });\n \n \/* ========== 功能演示视频 - 修复封面颜色 ========== *\/\n \/\/ 100%遮光效果视频\n const blackoutVideo = document.getElementById('blackoutVideo');\n const blackoutPlayOverlay = document.getElementById('blackoutPlayOverlay');\n const blackoutPlayBtn = document.getElementById('blackoutPlayBtn');\n \n \/\/ 面料细节视频\n const fabricVideo = document.getElementById('fabricVideo');\n const fabricPlayOverlay = document.getElementById('fabricPlayOverlay');\n const fabricPlayBtn = document.getElementById('fabricPlayBtn');\n \n \/\/ 设置功能演示视频播放功能\n const demoVideos = [\n { video: blackoutVideo, overlay: blackoutPlayOverlay, playBtn: blackoutPlayBtn },\n { video: fabricVideo, overlay: fabricPlayOverlay, playBtn: fabricPlayBtn }\n ];\n \n demoVideos.forEach(videoData =\u003e {\n \/\/ 播放视频\n videoData.playBtn.addEventListener('click', function() {\n videoData.overlay.style.display = 'none';\n videoData.video.play();\n });\n \n videoData.overlay.addEventListener('click', function() {\n videoData.overlay.style.display = 'none';\n videoData.video.play();\n });\n \n \/\/ 视频结束后显示播放按钮\n videoData.video.addEventListener('ended', function() {\n videoData.overlay.style.display = 'flex';\n videoData.video.currentTime = 0;\n });\n \n \/\/ 视频暂停时显示播放按钮\n videoData.video.addEventListener('pause', function() {\n videoData.overlay.style.display = 'flex';\n });\n \n \/\/ 确保视频封面显示正常颜色\n videoData.video.style.backgroundColor = 'transparent';\n });\n \n \/* ========== 图片滑动功能 ========== *\/\n const sliderTrack = document.getElementById('sliderTrack');\n const prevBtn = document.querySelector('.prev-btn');\n const nextBtn = document.querySelector('.next-btn');\n const sliderDots = document.getElementById('sliderDots');\n \n let currentSlideIndex = 0;\n let slidesPerView = 3;\n let totalSlides = slidesData.length;\n \n \/\/ 初始化滑动器\n function initSlider() {\n updateSlidesPerView();\n generateSlides();\n updateSliderPosition();\n }\n \n \/\/ 根据屏幕宽度更新每屏显示的幻灯片数量\n function updateSlidesPerView() {\n const screenWidth = window.innerWidth;\n if (screenWidth \u003c= 768) {\n slidesPerView = 1;\n } else if (screenWidth \u003c= 1200) {\n slidesPerView = 2;\n } else {\n slidesPerView = 3;\n }\n }\n \n \/\/ 生成幻灯片 - 确保图片显示\n function generateSlides() {\n sliderTrack.innerHTML = '';\n sliderDots.innerHTML = '';\n \n \/\/ 创建所有4张幻灯片\n slidesData.forEach((slide, index) =\u003e {\n const slideElement = document.createElement('div');\n slideElement.className = 'slide';\n slideElement.dataset.index = index;\n \n slideElement.innerHTML = `\n \u003cimg src=\"${slide.image}\" alt=\"${slide.caption}\" class=\"slide-image\"\u003e\n \u003cdiv class=\"slide-caption\"\u003e${slide.caption}\u003c\/div\u003e\n `;\n \n sliderTrack.appendChild(slideElement);\n });\n \n \/\/ 创建导航圆点 - 为每张图片创建一个圆点\n for (let i = 0; i \u003c totalSlides; i++) {\n const dot = document.createElement('div');\n dot.className = 'dot';\n if (i === 0) dot.classList.add('active');\n dot.addEventListener('click', () =\u003e goToSlide(i));\n sliderDots.appendChild(dot);\n }\n }\n \n \/\/ 更新幻灯片位置\n function updateSliderPosition() {\n const slides = document.querySelectorAll('.slide');\n const dots = document.querySelectorAll('.dot');\n \n if (slides.length === 0) return;\n \n \/\/ 计算可滑动的最大索引\n const maxIndex = Math.max(0, totalSlides - slidesPerView);\n \n \/\/ 确保当前索引在有效范围内\n currentSlideIndex = Math.min(Math.max(0, currentSlideIndex), maxIndex);\n \n \/\/ 计算单个幻灯片的宽度（包括间距）\n const slideWidth = slides[0].offsetWidth + 20; \/\/ 20px是gap\n \n \/\/ 计算需要移动的距离\n const offset = currentSlideIndex * slideWidth;\n \n \/\/ 应用transform\n sliderTrack.style.transform = `translateX(-${offset}px)`;\n \n \/\/ 更新圆点状态\n dots.forEach((dot, index) =\u003e {\n \/\/ 由于圆点数量与图片数量相同，所以可以直接按索引激活\n dot.classList.toggle('active', index === currentSlideIndex);\n });\n }\n \n \/\/ 前往指定幻灯片\n function goToSlide(slideIndex) {\n const maxIndex = Math.max(0, totalSlides - slidesPerView);\n \n \/\/ 确保索引在有效范围内\n currentSlideIndex = Math.min(Math.max(0, slideIndex), maxIndex);\n updateSliderPosition();\n }\n \n \/\/ 下一张幻灯片\n function nextSlide() {\n const maxIndex = Math.max(0, totalSlides - slidesPerView);\n \n if (currentSlideIndex \u003c maxIndex) {\n currentSlideIndex++;\n } else {\n \/\/ 如果已经是最后一张，回到第一张\n currentSlideIndex = 0;\n }\n updateSliderPosition();\n }\n \n \/\/ 上一张幻灯片\n function prevSlide() {\n const maxIndex = Math.max(0, totalSlides - slidesPerView);\n \n if (currentSlideIndex \u003e 0) {\n currentSlideIndex--;\n } else {\n \/\/ 如果已经是第一张，跳到最后一张\n currentSlideIndex = maxIndex;\n }\n updateSliderPosition();\n }\n \n \/\/ 添加事件监听器\n prevBtn.addEventListener('click', prevSlide);\n nextBtn.addEventListener('click', nextSlide);\n \n \/\/ 图片加载错误处理\n const slideImages = document.querySelectorAll('.slide-image');\n slideImages.forEach(img =\u003e {\n img.addEventListener('error', function() {\n this.src = 'https:\/\/via.placeholder.com\/400x300\/584434\/ffffff?text=Image+Loading';\n this.alt = 'Image not available';\n });\n });\n \n \/\/ 初始化滑动器\n initSlider();\n \n \/* ========== 响应式处理 ========== *\/\n window.addEventListener('resize', function() {\n updateSlidesPerView();\n updateSliderPosition();\n });\n });\n\u003c\/script\u003e","brand":"Cololeaf","offers":[{"title":"#5 Silver Grey","offer_id":42038929490004,"sku":"CL19-3009-PP-5","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#10 Beige","offer_id":42038929424468,"sku":"CL19-3009-PP-10","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#14 Greyish White","offer_id":42038929457236,"sku":"CL19-3009-PP-14","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#8 Sand Beige","offer_id":42038929522772,"sku":"CL19-3009-PP-8","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#15 Fog Green","offer_id":42038929555540,"sku":"CL19-3009-PP-15","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#13 Ivory White","offer_id":42038929883220,"sku":"CL19-3009-PP-13","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#2 Mid Grey","offer_id":42038929621076,"sku":"CL19-3009-PP-2","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#3 Gray","offer_id":42038929653844,"sku":"CL19-3009-PP-3","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#4 Light Grey","offer_id":42038929686612,"sku":"CL19-3009-PP-4","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#19 Violet","offer_id":42038930014292,"sku":"CL19-3009-PP-19","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#20 Blue","offer_id":42038930047060,"sku":"CL19-3009-PP-20","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#9 Taupe","offer_id":42038929784916,"sku":"CL19-3009-PP-9","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#11 Light Brown","offer_id":42038929817684,"sku":"CL19-3009-PP-11","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#12 Light Coffee","offer_id":42038929850452,"sku":"CL19-3009-PP-12","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#1 Natural Grey","offer_id":42038929588308,"sku":"CL19-3009-PP-1","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#18 Lilac","offer_id":42038929981524,"sku":"CL19-3009-PP-18","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#16 Yellow","offer_id":42038929915988,"sku":"CL19-3009-PP-16","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#17 Orange","offer_id":42038929948756,"sku":"CL19-3009-PP-17","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#6 Brownish Grey","offer_id":42038929719380,"sku":"CL19-3009-PP-6","price":93.99,"currency_code":"USD","in_stock":true},{"title":"#7 Light Khaki","offer_id":42038929752148,"sku":"CL19-3009-PP-7","price":93.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/14_41f8de92-c44f-427b-9c57-e5d2d2fceab2.jpg?v=1774511537"},{"product_id":"oy66-blackout-double-sided-linen-curtain-pinch-pleat","title":"OY66 Ultra-Soft Blackout Double-Sided Lightweight Linen Curtain Pinch Pleat 1 Panel","description":"\u003ch4\u003e\u003cspan style=\"color: rgb(88, 68, 52);\"\u003e\u003cb\u003e\u003cstrong style=\"white-space: nowrap;\" class=\"editor-text-bold\"\u003eSPECIFICATIONS\u003c\/strong\u003e\u003c\/b\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003e\u003cspan style=\"background-color: rgb(250, 247, 245);\"\u003eMaterial:\u003c\/span\u003e \u003c\/strong\u003eLinen Polyester blend, double-sided with the same color\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLight Blocking: \u003c\/strong\u003e100% Blackout\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eFabric Weight: \u003c\/strong\u003e160 gsm \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLining:\u003c\/strong\u003e Unlined \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eHeader type: \u003c\/strong\u003ePinch Pleat\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eCare Tips:\u003c\/strong\u003e Gently machine wash or dry clean, no bleach, steam iron, air dry  \u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eElevate your living space with our **Ultra-Soft 100% Blackout Double-Sided Lightweight Linen Curtains**, designed to blend elegance, functionality, and effortless comfort. Crafted for those who demand both style and practicality, these curtains redefine window treatments with their innovative design and premium materials.  \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eFeatures \u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e1. **100% Blackout Technology, No Liner Needed**  \u003c\/h4\u003e\n\u003cp\u003e- Engineered with a **triple-weave blackout fabric** (160gsm) that blocks 100% of natural light, UV rays, and noise—no additional lining required.  \u003cbr\u003e   - Perfect for shift workers, nurseries, home theaters, or anyone seeking undisturbed sleep and privacy.  \u003c\/p\u003e\n\u003ch4\u003e2. **Luxurious Softness Meets Durability** \u003c\/h4\u003e\n\u003cp\u003e   - A harmonious blend of **linen + polyester** creates a drape that’s buttery-soft to the touch yet resistant to wrinkles, fading, and wear.  \u003cbr\u003e   - Lightweight yet structured, the fabric hangs beautifully while maintaining its shape wash after wash.  \u003c\/p\u003e\n\u003ch4\u003e3. **Double-Sided Elegance, Seamless Style**  \u003c\/h4\u003e\n\u003cp\u003e   - Identical color and texture on both sides for a polished look from any angle—no awkward reverse side.  \u003cbr\u003e\u003c\/p\u003e\n\u003ch4\u003e4. **Machine-Washable Convenience**  \u003c\/h4\u003e\n\u003cp\u003e   - Toss them in the washing machine (cold cycle) and tumble dry low—no dry cleaning bills or fuss.  \u003cbr\u003e   - Quick-drying and low-maintenance, making them ideal for busy households or frequent decor updates.  \u003c\/p\u003e\n\u003ch4\u003e5. **Customizable for Your Space**  \u003c\/h4\u003e\n\u003cp\u003e   - **Made-to-order** in your exact dimensions (width, length, and header style: nickle grommet, pinch pleat).  \u003cbr\u003e   - Get free swatches to compare colors at home.  \u003c\/p\u003e\n\u003ch4\u003e6. **Eco-Conscious \u0026amp; Family-Safe**  \u003c\/h4\u003e\n\u003cp\u003e   - OEKO-TEX® certified, ensuring no harmful chemicals—safe for kids, pets, and sensitive skin.  \u003cbr\u003e   - Sustainably sourced materials support eco-friendly living without compromising quality.  \u003c\/p\u003e\n\u003ch4\u003e7. **Versatile Light Control**  \u003c\/h4\u003e\n\u003cp\u003e   - Pair with our **light-filtering sheers** (sold separately) for layered flexibility—full blackout or soft daylight diffusion.  \u003c\/p\u003e","brand":"Cololeaf","offers":[{"title":"#1 Greyish Beige","offer_id":42056170897492,"sku":"CL20-OY66-1-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#3 Sand","offer_id":42056170930260,"sku":"CL20-OY66-3-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#5 Light Khaki","offer_id":42056170963028,"sku":"CL20-OY66-5-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#8 Silver Grey","offer_id":42056170995796,"sku":"CL20-OY66-8-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#16 Orange","offer_id":42056171028564,"sku":"CL20-OY66-16-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#2 Beige","offer_id":42056171061332,"sku":"CL20-OY66-2-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#6 Light Brown","offer_id":42056171094100,"sku":"CL20-OY66-6-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#7 Taupe","offer_id":42056171126868,"sku":"CL20-OY66-7-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#9 Grey","offer_id":42056171159636,"sku":"CL20-OY66-9-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#10 Olive Grey","offer_id":42056171192404,"sku":"CL20-OY66-10-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#11 Natural Grey","offer_id":42056171225172,"sku":"CL20-OY66-11-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#13 Blue","offer_id":42056171257940,"sku":"CL20-OY66-13-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#15 Green","offer_id":42056171290708,"sku":"CL20-OY66-15-PP","price":66.99,"currency_code":"USD","in_stock":true},{"title":"#17 Lemon Yellow","offer_id":42056171323476,"sku":"CL20-OY66-17-PP","price":66.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/CL166_10_f4dcff8d-b0e5-4ba1-83a6-1a2a6eed0767.jpg?v=1774509148"},{"product_id":"oy66-double-sided-linen-curtain-grommet","title":"OY66 Ultra-Soft Blackout Double-Sided Lightweight Linen Curtain Grommet 1 Panel","description":"\u003ch4\u003e\u003cspan style=\"color: rgb(88, 68, 52);\"\u003e\u003cb\u003e\u003cstrong style=\"white-space: nowrap;\" class=\"editor-text-bold\"\u003eSPECIFICATIONS\u003c\/strong\u003e\u003c\/b\u003e\u003c\/span\u003e\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003e\u003cspan style=\"background-color: rgb(250, 247, 245);\"\u003eMaterial:\u003c\/span\u003e \u003c\/strong\u003eLinen Polyester blend, double-sided with the same color\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLight Blocking: \u003c\/strong\u003e100% Blackout\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eFabric Weight: \u003c\/strong\u003e160 gsm \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eLining:\u003c\/strong\u003e Unlined \u003cbr\u003e\n\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eHeader type:\u003c\/strong\u003e Grommet\u003c\/li\u003e\n\u003cli class=\"tab-des\"\u003e\n\u003cstrong\u003eCare Tips:\u003c\/strong\u003e Gently machine wash or dry clean, no bleach, steam iron, air dry  \u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eElevate your living space with our **Ultra-Soft 100% Blackout Double-Sided Lightweight Linen Curtains**, designed to blend elegance, functionality, and effortless comfort. Crafted for those who demand both style and practicality, these curtains redefine window treatments with their innovative design and premium materials.  \u003c\/p\u003e\n\u003ch3\u003e\u003cstrong\u003eFeatures \u003c\/strong\u003e\u003c\/h3\u003e\n\u003ch4\u003e1. **100% Blackout Technology, No Liner Needed**  \u003c\/h4\u003e\n\u003cp\u003e- Engineered with a **triple-weave blackout fabric** (160gsm) that blocks 100% of natural light, UV rays, and noise—no additional lining required.  \u003cbr\u003e   - Perfect for shift workers, nurseries, home theaters, or anyone seeking undisturbed sleep and privacy.  \u003c\/p\u003e\n\u003ch4\u003e2. **Luxurious Softness Meets Durability** \u003c\/h4\u003e\n\u003cp\u003e   - A harmonious blend of **linen + polyester** creates a drape that’s buttery-soft to the touch yet resistant to wrinkles, fading, and wear.  \u003cbr\u003e   - Lightweight yet structured, the fabric hangs beautifully while maintaining its shape wash after wash.  \u003c\/p\u003e\n\u003ch4\u003e3. **Double-Sided Elegance, Seamless Style**  \u003c\/h4\u003e\n\u003cp\u003e   - Identical color and texture on both sides for a polished look from any angle—no awkward reverse side.  \u003cbr\u003e\u003c\/p\u003e\n\u003ch4\u003e4. **Machine-Washable Convenience**  \u003c\/h4\u003e\n\u003cp\u003e   - Toss them in the washing machine (cold cycle) and tumble dry low—no dry cleaning bills or fuss.  \u003cbr\u003e   - Quick-drying and low-maintenance, making them ideal for busy households or frequent decor updates.  \u003c\/p\u003e\n\u003ch4\u003e5. **Customizable for Your Space**  \u003c\/h4\u003e\n\u003cp\u003e   - **Made-to-order** in your exact dimensions (width, length, and header style: nickle grommet, pinch pleat).  \u003cbr\u003e   - Get free swatches to compare colors at home.  \u003c\/p\u003e\n\u003ch4\u003e6. **Eco-Conscious \u0026amp; Family-Safe**  \u003c\/h4\u003e\n\u003cp\u003e   - OEKO-TEX® certified, ensuring no harmful chemicals—safe for kids, pets, and sensitive skin.  \u003cbr\u003e   - Sustainably sourced materials support eco-friendly living without compromising quality.  \u003c\/p\u003e\n\u003ch4\u003e7. **Versatile Light Control**  \u003c\/h4\u003e\n\u003cp\u003e   - Pair with our **light-filtering sheers** (sold separately) for layered flexibility—full blackout or soft daylight diffusion.  \u003c\/p\u003e","brand":"Cololeaf","offers":[{"title":"#1 Greyish Beige","offer_id":42058191405140,"sku":"CL20-OY66-1-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#3 Sand","offer_id":42058191437908,"sku":"CL20-OY66-3-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#5 Light Khaki","offer_id":42058191470676,"sku":"CL20-OY66-5-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#8 Silver Grey","offer_id":42058191503444,"sku":"CL20-OY66-8-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#16 Orange","offer_id":42058191536212,"sku":"CL20-OY66-16-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#2 Beige","offer_id":42058191568980,"sku":"CL20-OY66-2-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#6 Light Brown","offer_id":42058191601748,"sku":"CL20-OY66-6-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#7 Taupe","offer_id":42058191634516,"sku":"CL20-OY66-7-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#9 Grey","offer_id":42058191667284,"sku":"CL20-OY66-9-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#10 Olive Grey","offer_id":42058191700052,"sku":"CL20-OY66-10-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#11 Natural Grey","offer_id":42058191732820,"sku":"CL20-OY66-11-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#13 Blue","offer_id":42058191765588,"sku":"CL20-OY66-13-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#15 Green","offer_id":42058191798356,"sku":"CL20-OY66-15-EL","price":51.99,"currency_code":"USD","in_stock":true},{"title":"#17 Lemon Yellow","offer_id":42058191831124,"sku":"CL20-OY66-17-EL","price":51.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/CL166_09_2d914928-6e08-4108-8174-d5e410d6e9b9.jpg?v=1774508378"}],"url":"https:\/\/cololeaf.com\/fr\/collections\/piece-separateur.oembed","provider":"Cololeaf","version":"1.0","type":"link"}