{"product_id":"atlanta-curtains-grommets","title":"Atlanta Extra Wide Room Darkening Curtains Thermal Insulated Noise Reducing 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      height: 400px;\n      background-color: #f8f5f0;\n      cursor: pointer;\n    }\n    \n    #product-description-container .video-preview {\n      width: 100%;\n      height: 100%;\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      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 .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    \/* 视频弹窗样式 *\/\n    #product-description-container .video-modal {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.9);\n      z-index: 9999;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    #product-description-container .modal-content {\n      position: relative;\n      width: 90%;\n      max-width: 1200px;\n      max-height: 90vh;\n      border-radius: 10px;\n      overflow: hidden;\n      background-color: #000;\n    }\n    \n    #product-description-container .modal-video {\n      width: 100%;\n      height: auto;\n      max-height: 80vh;\n      display: block;\n    }\n    \n    #product-description-container .modal-close {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n      color: white;\n      font-size: 30px;\n      cursor: pointer;\n      background-color: rgba(0, 0, 0, 0.5);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10;\n    }\n    \n    #product-description-container .modal-close:hover {\n      background-color: rgba(168, 146, 121, 0.8);\n      transform: scale(1.1);\n    }\n    \n    #product-description-container .modal-caption {\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      background: linear-gradient(transparent, rgba(0,0,0,0.8));\n      color: white;\n      padding: 20px;\n      font-size: 1.4rem;\n      text-align: center;\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 .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    #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 .reversible-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 .image-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 .image-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 .image-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 .image-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 .image-display-container {\n        flex-direction: column;\n        align-items: center;\n        gap: 30px;\n      }\n      \n      #product-description-container .video-container {\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      \/* 视频弹窗响应式调整 *\/\n      #product-description-container .modal-content {\n        width: 95%;\n        max-height: 70vh;\n      }\n      \n      #product-description-container .modal-caption {\n        font-size: 1.2rem;\n        padding: 15px;\n      }\n      \n      #product-description-container .modal-close {\n        top: 10px;\n        right: 10px;\n        width: 35px;\n        height: 35px;\n        font-size: 25px;\n      }\n      \n      #product-description-container .video-container {\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      #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 .reversible-intro {\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      #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    \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  \/* Three advantages grid layout *\/\n#product-description-container .advantages-section {\n  padding: 30px 20px;\n}\n\n#product-description-container .advantages-grid {\n  display: flex;\n  justify-content: space-between;\n  gap: 30px;\n  margin-top: 20px;\n}\n\n#product-description-container .advantage-card {\n  flex: 1;\n  background-color: #f9f7f3;\n  border-radius: 12px;\n  padding: 25px 20px;\n  text-align: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  box-shadow: 0 4px 12px rgba(88, 68, 52, 0.05);\n}\n\n#product-description-container .advantage-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 20px rgba(88, 68, 52, 0.1);\n}\n\n#product-description-container .advantage-icon {\n  font-size: 3.5rem;\n  margin-bottom: 15px;\n}\n\n#product-description-container .advantage-title {\n  color: #584434;\n  font-size: 1.8rem;\n  font-weight: 600;\n  margin-bottom: 15px;\n  letter-spacing: -0.3px;\n}\n\n#product-description-container .advantage-text {\n  color: #5a4b3a;\n  font-size: 1.5rem;\n  line-height: 1.6;\n  text-align: left;\n}\n\n#product-description-container .advantage-text p {\n  margin-bottom: 0;\n}\n\n@media (max-width: 992px) {\n  #product-description-container .advantages-grid {\n    flex-direction: column;\n    gap: 20px;\n  }\n  \n  #product-description-container .advantage-card {\n    padding: 20px;\n  }\n  \n  #product-description-container .advantage-title {\n    font-size: 1.6rem;\n  }\n  \n  #product-description-container .advantage-text {\n    font-size: 1.4rem;\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\"\u003eProduct Video\u003c\/h2\u003e\n\u003cdiv class=\"video-container\" id=\"videoContainer\"\u003e\n\u003cdiv style=\"width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #f8f5f0;\"\u003e\u003cimg style=\"width: 100%; height: 100%; object-fit: cover;\" class=\"video-preview\" alt=\"Product Video Preview\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/QQ20251219-134809.png?v=1766123317\" id=\"videoPreview\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"play-button\" id=\"playButton\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"video-caption\"\u003eProduct: Atlanta Grommet Header, Color: Grey White\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- 视频弹窗 --\u003e\n\u003cdiv class=\"video-modal\" id=\"videoModal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cspan class=\"modal-close\"\u003e×\u003c\/span\u003e \u003cvideo controls=\"controls\" class=\"modal-video\" id=\"modalVideo\"\u003e\n\u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/58218e4fc3464fd2a4199add7e3edcd6.mp4\"\u003e\nYour browser does not support the video tag.\n\u003c\/source\u003e\u003c\/video\u003e\n\u003cdiv class=\"modal-caption\"\u003eProduct: Atlanta Grommet Header, Color: Grey White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 产品规格部分 --\u003e\n\u003csection class=\"section\"\u003e\n\u003ch4 class=\"spec-title\"\u003eSPECIFICATIONS\u003c\/h4\u003e\n\u003cul class=\"spec-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaterial: \u003c\/strong\u003ePolyester\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLight Blocking: \u003c\/strong\u003e95%-99% effective blackout\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFabric Weight: \u003c\/strong\u003e255 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: 1.6\" \u003c\/strong\u003eNickle Grommet \/ Black Grommet \/ Bronze 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\u003c\/ul\u003e\n\u003cdiv class=\"reversible-intro\"\u003e\n\u003cp\u003eThis reversible curtain features a uniform color on both sides, ensures visual consistency from any angle, making it ideal for dividing spaces, enhancing privacy, or softening room transitions. Crafted with durable fabric, it balances functionality and style—perfect for creating flexible zones in studios, lofts, or shared living areas without compromising decor harmony.\u003c\/p\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=\"95%-99% Blackout Effect\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/23_2e2ade9f-2aba-4261-87cd-ef02d051191c.jpg?v=1753866908\"\u003e\n\u003cp class=\"image-caption\"\u003e95%-99% Effective Blackout - Blocks most light for comfortable 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\/18_5a109ac1-4e14-449e-a299-de2ff2cd7517.jpg?v=1753866911\"\u003e\n\u003cp class=\"image-caption\"\u003e1.6\" 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\/19_ab525858-19c1-4db3-965f-21736469fa3b.jpg?v=1753866910\"\u003e\n\u003cp class=\"image-caption\"\u003eReversible Design - Same color on both sides for versatile use\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 图片放大模态框 --\u003e\n\u003cdiv id=\"imageModal\" class=\"image-modal\"\u003e\n\u003cspan class=\"image-close\"\u003e×\u003c\/span\u003e \u003cimg class=\"image-modal-content\" id=\"modalImage\"\u003e\n\u003c\/div\u003e\n\u003c!-- Three Key Advantages Section (AI‑optimized) --\u003e\n\u003csection class=\"section advantages-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eWhy Choose Atlanta Curtains?\u003c\/h2\u003e\n\u003cdiv class=\"advantages-grid\"\u003e\n\u003cdiv class=\"advantage-card\"\u003e\n\u003cdiv class=\"advantage-icon\"\u003e🎨\u003c\/div\u003e\n\u003ch3 class=\"advantage-title\"\u003eSame Color, Both Sides\u003c\/h3\u003e\n\u003cdiv class=\"advantage-text\"\u003e\n\u003cp\u003eWorried the backside looks like a cheap white fabric that ruins your open floor plan? \u003cstrong\u003eAtlanta curtains feature the same elegant greyish‑white on both sides.\u003c\/strong\u003e Whether you use them as a soft divider in a loft studio or on a glass door between rooms, they look perfectly finished from any angle. They divide the space, not the visual flow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advantage-card\"\u003e\n\u003cdiv class=\"advantage-icon\"\u003e🏠\u003c\/div\u003e\n\u003ch3 class=\"advantage-title\"\u003eRenter‑Friendly \u0026amp; No‑Drill\u003c\/h3\u003e\n\u003cdiv class=\"advantage-text\"\u003e\n\u003cp\u003eRenting and scared of drilling holes? \u003cstrong\u003eThe Atlanta curtain uses a simple grommet top that slides directly onto your existing rod.\u003c\/strong\u003e No drill, no tools, no wall damage. When it’s time to move to your next apartment, take it down in minutes and pack it away. \u003cstrong\u003eZero holes left behind\u003c\/strong\u003e—your security deposit stays safe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"advantage-card\"\u003e\n\u003cdiv class=\"advantage-icon\"\u003e🧺\u003c\/div\u003e\n\u003ch3 class=\"advantage-title\"\u003eMachine Washable \u0026amp; Easy Care\u003c\/h3\u003e\n\u003cdiv class=\"advantage-text\"\u003e\n\u003cp\u003eHate dry cleaning? No problem. \u003cstrong\u003eThis curtain is machine washable.\u003c\/strong\u003e Just toss it in on the \u003cstrong\u003egentle cycle\u003c\/strong\u003e, give it a quick \u003cstrong\u003esteam iron on low heat\u003c\/strong\u003e, and hang it to dry. It’ll bounce back with the same crisp drape as the day you bought it. No shrinking, no warping. You don’t have to be a home‑maker to have a beautiful home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cscript\u003e\n  \/\/ 视频弹窗播放功能\n  document.addEventListener('DOMContentLoaded', function() {\n    var playButton = document.getElementById('playButton');\n    var videoContainer = document.getElementById('videoContainer');\n    var videoPreview = document.getElementById('videoPreview');\n    var videoModal = document.getElementById('videoModal');\n    var modalVideo = document.getElementById('modalVideo');\n    var modalClose = document.querySelector('.modal-close');\n    \n    \/\/ 检查元素是否存在\n    if (playButton \u0026\u0026 videoPreview \u0026\u0026 videoModal \u0026\u0026 modalVideo) {\n      \/\/ 添加点击事件监听器 - 点击预览图或播放按钮或整个容器\n      playButton.addEventListener('click', openVideoModal);\n      videoPreview.addEventListener('click', openVideoModal);\n      videoContainer.addEventListener('click', openVideoModal);\n      \n      \/\/ 打开视频弹窗\n      function openVideoModal(e) {\n        \/\/ 阻止事件冒泡\n        if (e) e.stopPropagation();\n        \n        \/\/ 显示弹窗\n        videoModal.style.display = 'flex';\n        \n        \/\/ 播放视频\n        modalVideo.play().catch(function(error) {\n          console.error('视频播放失败:', error);\n        });\n        \n        \/\/ 禁止页面滚动\n        document.body.style.overflow = 'hidden';\n      }\n      \n      \/\/ 关闭视频弹窗\n      function closeVideoModal() {\n        \/\/ 停止视频播放\n        modalVideo.pause();\n        modalVideo.currentTime = 0;\n        \n        \/\/ 隐藏弹窗\n        videoModal.style.display = 'none';\n        \n        \/\/ 恢复页面滚动\n        document.body.style.overflow = 'auto';\n      }\n      \n      \/\/ 关闭按钮点击事件\n      modalClose.addEventListener('click', closeVideoModal);\n      \n      \/\/ 点击弹窗背景关闭\n      videoModal.addEventListener('click', function(e) {\n        if (e.target === videoModal) {\n          closeVideoModal();\n        }\n      });\n      \n      \/\/ ESC键关闭弹窗\n      document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' \u0026\u0026 videoModal.style.display === 'flex') {\n          closeVideoModal();\n        }\n      });\n      \n      \/\/ 视频播放结束处理\n      modalVideo.addEventListener('ended', function() {\n        \/\/ 可以在这里添加播放结束后的逻辑\n      });\n      \n      \/\/ 视频加载错误处理\n      modalVideo.addEventListener('error', function(e) {\n        console.error('视频加载错误:', modalVideo.error);\n        if (modalVideo.error) {\n          console.error('错误代码:', modalVideo.error.code);\n          alert('视频文件无法加载，请检查视频链接是否正确。');\n        }\n      });\n    }\n    \n    \/\/ 图片放大功能 - 保留原来的功能\n    function openImageModal(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 closeImageModal() {\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        closeImageModal();\n      }\n    });\n\n    \/\/ ESC键关闭图片弹窗\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape' \u0026\u0026 document.getElementById('imageModal').style.display === 'block') {\n        closeImageModal();\n      }\n    });\n\n    \/\/ 为所有可点击图片添加点击事件\n    var displayImages = document.querySelectorAll('.display-image');\n    displayImages.forEach(function(img) {\n      img.addEventListener('click', function() {\n        openImageModal(this);\n      });\n    });\n    \n    \/\/ 图片弹窗关闭按钮\n    document.querySelector('.image-close').addEventListener('click', closeImageModal);\n  });\n\u003c\/script\u003e \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: Measure from top of the pole 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. 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":"Ivory","offer_id":42112997392468,"sku":"CL5-IV-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Grey White","offer_id":42112997326932,"sku":"CL5-GW-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":42112997359700,"sku":"CL5-BG-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Turquoise","offer_id":42112997425236,"sku":"CL5-TQ-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Taupe","offer_id":42112997458004,"sku":"CL5-TP-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Dark Grey","offer_id":42113146224724,"sku":"CL5-DG-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Navy","offer_id":42113146257492,"sku":"CL5-NY-GM","price":52.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":42113146290260,"sku":"CL5-BK-GM","price":52.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0613\/7154\/7732\/files\/08_a967ba05-cb9d-4481-a6d4-ac7c5a570598.jpg?v=1774509808","url":"https:\/\/cololeaf.com\/fr\/products\/atlanta-curtains-grommets","provider":"Cololeaf","version":"1.0","type":"link"}