{"product_id":"purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion","title":"PURPLE LEAF Athena Outdoor Louvered Pergola Adjustable Metal Roof Bronze Hardtop Gazebo Patio Pavilion","description":"\u003c!-- 自定义商品详情排版 - 完整优化版（HIGHLIGHTS 移动端图片完整显示 + 点击丝滑从下往上弹出放大 + 所有Accordion收起动画更干净利落 + SHIPPING\/SERVICE 文本内容不变、格式结构化 + highlight-grid改为轮播展示 + PC\/移动端亮点轮播内容区分 + FEATURES添加See More\/See Less + MEDIA EVALUATION替换为达人测评卡片轮播 + 新增WHY CHOOSE US板块） --\u003e\n\u003cdiv class=\"custom-detail-container\"\u003e\n  \u003cdiv class=\"section-title\"\u003ePRODUCT OVERVIEW\u003c\/div\u003e\n\n  \u003c!-- Swiper CDN --\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --primary: #3771aa;\n      --text: #333;\n      --bg: #fff;\n      --gray: #666;\n      --border: #eee;\n    }\n    .custom-detail-container {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 40px 20px;\n      color: var(--text);\n      line-height: 1.6;\n    }\n    .section-title {\n      font-size: 32px;\n      font-weight: 600;\n      text-align: center;\n      margin-bottom: 50px;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Accordion 通用样式（收起更干净利落：使用 height + 动态 scrollHeight，无延迟、无冗余过程） *\/\n    .accordion-item {\n      margin-bottom: 30px;\n      border: 1px solid var(--border);\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n      transition: all 0.3s ease;\n    }\n    .accordion-header {\n      padding: 20px 30px;\n      background: var(--bg);\n      font-size: 24px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: background 0.3s ease;\n    }\n    .accordion-header:hover {\n      background: #f8f9fa;\n    }\n    .accordion-header::after {\n      content: '+';\n      font-size: 28px;\n      transition: transform 0.3s ease;\n    }\n    .accordion-item.active .accordion-header::after {\n      transform: rotate(45deg);\n    }\n    .accordion-content {\n      padding: 0 30px;\n      height: 0;\n      overflow: hidden;\n      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n      background: #fcfcfc;\n    }\n    .accordion-item.active .accordion-content {\n      padding: 30px;\n    }\n\n    \/* See More\/See Less 样式 *\/\n    .more-text {\n      display: none;\n    }\n    .see-more, .see-less {\n      color: var(--primary);\n      font-weight: bold;\n      cursor: pointer;\n      display: inline-block;\n      margin: 10px 0;\n    }\n    .see-more:hover, .see-less:hover {\n      text-decoration: underline;\n    }\n\n    \/* Features 内容样式 *\/\n    .features-list p {\n      margin: 16px 0;\n      font-size: 16px;\n    }\n    .highlight-text {\n      color: #ff8000;\n      font-weight: 600;\n    }\n\n    \/* SHIPPING \u0026 SERVICE 结构化样式（文本内容完全不变，仅优化排版） *\/\n    .policy-section h4 {\n      font-size: 18px;\n      margin: 24px 0 12px;\n      color: var(--primary);\n      font-weight: 600;\n    }\n    .policy-section ul {\n      margin: 16px 0;\n      padding-left: 20px;\n    }\n    .policy-section ul li {\n      margin: 8px 0;\n      line-height: 1.6;\n    }\n    .policy-section p {\n      margin: 12px 0;\n    }\n\n    \/* Swiper 通用 *\/\n    .swiper {\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n      margin: 20px 0;\n    }\n    .swiper-slide {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: #fff;\n    }\n    .swiper-slide img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: transform 0.3s ease;\n    }\n    .swiper-slide img:hover {\n      transform: scale(1.03);\n    }\n    .swiper-pagination-bullet-active {\n      background: var(--primary);\n    }\n    .swiper-button-next, .swiper-button-prev {\n      color: var(--primary);\n      background: rgba(255,255,255,0.9);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    }\n    .swiper-button-next:after, .swiper-button-prev:after {\n      font-size: 18px;\n    }\n\n    \/* HIGHLIGHTS 端侧分离：PC\/移动端轮播容器显隐控制 *\/\n    .pc-highlights-swiper { display: block; }\n    .mobile-highlights-swiper { display: none; }\n    \/* 亮点轮播 PC\/移动端显隐控制 *\/\n    .pc-card-swiper { display: block; }\n    .mobile-card-grid { display: none; } \/* 改为grid容器，取消轮播 *\/\n\n    \/* HIGHLIGHTS 移动端优化 - 仅显示移动端轮播，隐藏PC轮播 *\/\n    @media (max-width: 768px) {\n      .pc-highlights-swiper { display: none; }\n      .mobile-highlights-swiper { \n        display: block;\n        width: calc(100% + 60px);\n        margin-left: -30px;\n        margin-right: -30px;\n        margin-top: 0;\n        margin-bottom: 80px;\n        border-radius: 0;\n        box-shadow: none;\n      }\n      .mobile-highlights-swiper .swiper-slide {\n        padding: 40px 0;\n        background: #fff;\n      }\n      .mobile-highlights-swiper .swiper-slide img {\n        width: auto;\n        max-width: 100%;\n        height: auto;\n        max-height: 78vh;\n        object-fit: contain;\n        object-position: center;\n        border-radius: 0;\n      }\n      .mobile-highlights-swiper .swiper-button-next,\n      .mobile-highlights-swiper .swiper-button-prev {\n        display: none;\n      }\n      .mobile-highlights-swiper .swiper-pagination {\n        bottom: 15px;\n      }\n      \/* 移动端亮点改为静态grid展示，隐藏PC轮播 *\/\n      .pc-card-swiper { display: none; }\n      .mobile-card-grid { \n        display: grid;\n        grid-template-columns: 1fr; \/* 移动端1列展示 *\/\n        gap: 20px;\n        margin: 40px 0;\n        padding: 0 10px;\n      }\n    }\n\n    \/* 亮点卡片通用样式（兼容PC轮播和移动端grid） *\/\n    .pc-card-swiper, .mobile-card-grid {\n      margin: 40px 0;\n      padding: 20px 0;\n    }\n    .pc-card-swiper .swiper-slide {\n      display: flex;\n      flex-direction: column;\n      padding: 0 15px;\n    }\n    .highlight-card {\n      text-align: center;\n      background: #fff;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .highlight-card img {\n      width: 100%;\n      max-width: 300px;\n      border-radius: 8px;\n      margin: 0 auto 16px;\n      flex-shrink: 0;\n    }\n    .highlight-card h4 {\n      font-size: 18px;\n      margin: 12px 0;\n      font-weight: 600;\n      color: var(--primary);\n    }\n    .highlight-card p {\n      font-size: 14px;\n      color: var(--gray);\n      line-height: 1.5;\n      flex-grow: 1;\n    }\n\n    \/* MEDIA EVALUATION 达人测评卡片 *\/\n    .media-swiper { padding-bottom: 46px; }\n    \/* 覆盖全局 .swiper-slide 的 flex 居中，否则卡片会因为没有固有宽度被压缩成一条细线 *\/\n    .media-swiper .swiper-slide {\n      display: block;\n      height: auto;\n      background: transparent;\n    }\n    .media-card {\n      position: relative;\n      display: block;\n      width: 100%;\n      height: 0;\n      padding-bottom: 133.33%; \/* 3:4 比例卡片，比 aspect-ratio 兼容性更好，不依赖浏览器\/主题支持 *\/\n      border-radius: 14px;\n      overflow: hidden;\n      text-decoration: none;\n      background: #111;\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .media-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 14px 30px rgba(0,0,0,0.18);\n    }\n    \/* 用更高的选择器优先级覆盖全局 .swiper-slide img（否则那条规则的 height:auto 会赢，导致图片按原始比例显示、撑不满卡片） *\/\n    .media-swiper .media-card-img {\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      max-width: none;\n      object-fit: cover;\n      border-radius: 0;\n      margin: 0;\n      transition: transform 0.5s ease;\n    }\n    .media-card:hover .media-card-img { transform: scale(1.06); }\n    .media-card-name {\n      position: absolute;\n      top: 14px;\n      left: 14px;\n      max-width: calc(100% - 28px);\n      background: rgba(20,20,20,0.55);\n      color: #fff;\n      font-size: 13px;\n      font-weight: 600;\n      padding: 6px 14px;\n      border-radius: 999px;\n      backdrop-filter: blur(3px);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .media-card-play {\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      background: rgba(20,20,20,0.55);\n      color: #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      backdrop-filter: blur(3px);\n    }\n    .media-card-overlay {\n      position: absolute;\n      left: 0; right: 0; bottom: 0;\n      padding: 46px 16px 16px;\n      background: linear-gradient(to top, rgba(0,0,0,0.88) 15%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0) 100%);\n      color: #fff;\n    }\n    .media-card-quote {\n      font-size: 13px;\n      line-height: 1.55;\n      margin: 0 0 10px;\n      display: -webkit-box;\n      -webkit-line-clamp: 4;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n    .media-card-rating {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n    }\n    .media-card-rating .stars { color: #ffb400; letter-spacing: 1px; font-size: 14px; }\n    .media-card-rating .score { color: #eee; font-weight: 600; }\n    .media-swiper .swiper-button-disabled { display: none; }\n\n    \/* WHY CHOOSE US 样式 *\/\n    .why-choose-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px 30px;\n      margin: 20px 0 10px;\n    }\n    .why-choose-item {\n      padding: 16px 0;\n      border-bottom: 1px solid var(--border);\n    }\n    .why-choose-item h4 {\n      font-size: 17px;\n      font-weight: 600;\n      color: var(--primary);\n      margin: 0 0 8px 0;\n    }\n    .why-choose-item p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: var(--gray);\n      margin: 4px 0;\n    }\n    .why-choose-item a {\n      color: var(--primary);\n      text-decoration: underline;\n    }\n    .why-choose-item a:hover {\n      color: #2a5a8c;\n    }\n    @media (max-width: 768px) {\n      .why-choose-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .why-choose-item h4 {\n        font-size: 16px;\n      }\n      .why-choose-item p {\n        font-size: 14px;\n      }\n    }\n\n    \/* OTHER CHOICE 产品卡片 *\/\n    .product-card {\n      background: #fff;\n      border-radius: 12px;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n      padding: 24px;\n      width: 100%;\n      max-width: 340px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n    }\n    .product-card img {\n      width: 100%;\n      height: auto;\n      border-radius: 8px;\n      margin-bottom: 20px;\n    }\n    .card-title {\n      font-size: 18px;\n      font-weight: 600;\n      margin: 16px 0;\n    }\n    .spec-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n      text-align: left;\n      font-size: 15px;\n      line-height: 1.8;\n    }\n    .spec-list li {\n      padding: 8px 0;\n      border-bottom: 1px solid #eee;\n    }\n    .spec-list li:last-child {\n      border-bottom: none;\n    }\n    .spec-list strong {\n      color: var(--primary);\n    }\n    .pBtn {\n      display: inline-block;\n      padding: 12px 28px;\n      background: var(--primary);\n      color: white;\n      border-radius: 8px;\n      text-decoration: none;\n      font-weight: 600;\n      margin-top: auto;\n      transition: background 0.3s ease;\n    }\n    .pBtn:hover {\n      background: #2a5a8c;\n    }\n\n    \/* Lightbox Modal *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      z-index: 10000;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0,0,0,0.95);\n      justify-content: center;\n      align-items: center;\n      overflow: hidden;\n    }\n    .lightbox-modal.active {\n      display: flex;\n    }\n    .modal-content {\n      max-width: 95%;\n      max-height: 95%;\n      transform: translateY(120%);\n      transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);\n      border-radius: 12px;\n    }\n    .lightbox-modal.active .modal-content {\n      transform: translateY(0);\n    }\n    .lightbox-close {\n      position: absolute;\n      top: 20px;\n      right: 30px;\n      color: #fff;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n      z-index: 10001;\n    }\n\n    \/* 移动端通用优化 *\/\n    @media (max-width: 768px) {\n      .section-title {\n        font-size: 28px;\n        margin-bottom: 30px;\n      }\n      .accordion-header {\n        font-size: 20px;\n        padding: 16px 20px;\n      }\n      .product-card {\n        padding: 20px;\n        max-width: 300px;\n      }\n      .card-title {\n        font-size: 17px;\n      }\n      \/* 移动端亮点卡片适配 *\/\n      .highlight-card {\n        padding: 15px;\n      }\n      .highlight-card img {\n        max-width: 250px;\n      }\n      .highlight-card h4 {\n        font-size: 16px;\n      }\n      .highlight-card p {\n        font-size: 13px;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- FEATURES（默认展开）- 添加See More\/See Less --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eFEATURES\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"features-list\"\u003e\n        \u003cp\u003e\u003cstrong\u003e● Independent Adjustable Aluminum Louvered Roof\u003c\/strong\u003e: Designed with independent adjustable roofs, equipped with adjustable poles that allow you to adjust it effortlessly from 0° to 90°, offering multiple protection options against sun, rain, and wind.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● Concealed Drainage System\u003c\/strong\u003e: The Pergola's drainage system is discretely separated into four corners by a widened and thickened channel, providing uniform distribution. It allows for standing on uneven surfaces without any leakage.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● Robust Structure\u003c\/strong\u003e: The crossbeam has undergone an upgrade to dimensions of 4.33''×4.33'', reinforcing safety measures and offering wind resistance of up to 72mph.\u003c\/p\u003e\n        \n        \u003c!-- See More 按钮 --\u003e\n        \u003cspan class=\"see-more\" onclick=\"expandContent()\"\u003e﹥See More\u003c\/span\u003e\n        \n        \u003c!-- 隐藏的内容（包含Wide Range of Uses） --\u003e\n        \u003cspan class=\"more-text\"\u003e\n          \u003cp\u003e\u003cstrong\u003e● Excellent Material\u003c\/strong\u003e: The Aluminum Pergola is made with premium powder-coated aluminum, featuring a column thickness of 1.5mm to resist rusting, peeling and fading.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e● Wide Range of Uses\u003c\/strong\u003e: Designed to fit different areas like decks, gardens, and yards, offering you the ideal outdoor sunroom experience.\u003c\/p\u003e\n          \u003cp\u003e* Assembly instructions and necessary hardware are included. No special rivets, additional materials or welds are required for assembly. Recommend 4-6 people to install. \u003cstrong\u003eImportant: Check HOA approval before purchasing – many associations regulate louvered pergolas.\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003e• In the case of high winds, snow or other extreme weather conditions, please open the louvers and raise or remove any shade screen accessories to avoid potential damage.\u003c\/p\u003e\n          \u003cp class=\"highlight-text\"\u003ePlease feel free to contact us if you have further questions!\u003cbr\u003eEmail: \u003ca href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e\u003c\/p\u003e\n          \n          \u003c!-- See Less 按钮 --\u003e\n          \u003cspan class=\"see-less\" onclick=\"collapseContent()\"\u003e﹥See Less\u003c\/span\u003e\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- HIGHLIGHTS（默认展开）- 分PC\/移动端两套展示 --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eHIGHLIGHTS\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003c!-- PC端轮播：保留原四张图，无改动 --\u003e\n      \u003cdiv class=\"swiper pc-highlights-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1_PC_1464x600_e456d96f-0e0a-4e77-b72d-00a4f110c02e.jpg?v=1705654094\" alt=\"PURPLE-LEAF Louvered Pergola\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/0cf3c8cc-f963-405c-b44c-87b435e6a7dc.__CR0_0_1464_600_PT0_SX1464_V1_a1ac05a1-b31c-427a-bf94-b4fb692964ea.jpg?v=1723515418\" alt=\"PURPLE-LEAF Pergola\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/33ffae0206d3c7cd1aadac09875e5e96.jpg?v=1723861377\" alt=\"PURPLE-LEAF Pergola\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1464x600_5ec0ba7d-856f-4abe-915e-9c98c5822873.jpg?v=1764321887\" alt=\"PURPLE-LEAF Pergola\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 移动端轮播：替换为指定的三张新图 --\u003e\n      \u003cdiv class=\"swiper mobile-highlights-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-01_405a4862-ea1d-4386-b4c9-277377d6c16f.jpg?v=1769565387\" alt=\"PURPLE-LEAF Louvered Pergola\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-02_06e4e2c0-58cf-41e6-8948-7e5de390a517.jpg?v=1769565388\" alt=\"PURPLE-LEAF Pergola\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-03_bb4edf09-397a-4f70-b44d-b24dec628846.jpg?v=1769565389\" alt=\"PURPLE-LEAF Pergola\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- PC端亮点卡片轮播（仅原有3张，无新增） --\u003e\n      \u003cdiv class=\"swiper pc-card-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n          \u003c!-- 原有第一张 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"highlight-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1111_dd03e641-6454-4523-b3da-bca164b930e3.jpg?v=1724047391\" alt=\"Anchoring Stand\"\u003e\n              \u003ch4\u003e4.33\" x 4.33\" Poles Anchoring Stand\u003c\/h4\u003e\n              \u003cp\u003eComes with pre-drilled holes, designed for sturdy installation, offers stability in windy conditions.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003c!-- 原有第二张 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"highlight-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/33_10c8861b-dc33-49f8-bda7-9f2f64f7dd68.jpg?v=1724047508\" alt=\"Crossbeams\"\u003e\n              \u003ch4\u003eCrossbeams Increase Roof Load-Bearing\u003c\/h4\u003e\n              \u003cp\u003eCan withstand wind speeds of 72 mph when fully secured by expansion screws on hardened floors.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003c!-- 原有第三张 --\u003e\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"highlight-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/2_bc59570f-08c0-4293-bb23-a4b16a6bfdf5.jpg?v=1724047016\" alt=\"Drainage System\"\u003e\n              \u003ch4\u003eIntegrated Drainage System\u003c\/h4\u003e\n              \u003cp\u003eRainwater will be diverted to the 4 columns through the built-in integrated drainage system and then discharged to the ground through the notches at the bottom.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003c!-- 轮播分页器和导航按钮 --\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 移动端亮点卡片静态Grid展示（调整顺序：卡片4、5 在前，卡片1、2 在后，卡片3 保持最后） --\u003e\n      \u003cdiv class=\"mobile-card-grid\"\u003e\n        \u003c!-- 新增第一张（原卡片4） --\u003e\n        \u003cdiv class=\"highlight-card\"\u003e\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/5bb5d9d2-6d7c-4ec6-82bc-444ab2e1835e.__CR0_0_600_450_PT0_SX600_V1_c82550e5-0253-42c7-a261-79ddcde58e63.jpg?v=1723515433\" alt=\"Reinforced Aluminum Frame\"\u003e\n          \u003ch4\u003eReinforced Aluminum Frame\u003c\/h4\u003e\n          \u003cp\u003eHigh-quality powder-coated aluminum frame with 1.5mm thickness for superior rust and fade resistance, ensuring long-lasting use outdoors.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003c!-- 新增第二张（原卡片5） --\u003e\n        \u003cdiv class=\"highlight-card\"\u003e\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/c645aa5d-ec08-4483-a868-147d2fec11c2.__CR0_0_600_450_PT0_SX600_V1_fd44988c-d4f5-4623-9446-850272f470a8.jpg?v=1723515433\" alt=\"90° Adjustable Louvered Roof\"\u003e\n          \u003ch4\u003e90° Adjustable Louvered Roof\u003c\/h4\u003e\n          \u003cp\u003eAdjustable louvered roof can be tilted from 0° to 90° to precisely control sunlight and rain protection as your needs change.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003c!-- 原有第一张（原卡片1） --\u003e\n        \u003cdiv class=\"highlight-card\"\u003e\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1111_dd03e641-6454-4523-b3da-bca164b930e3.jpg?v=1724047391\" alt=\"Anchoring Stand\"\u003e\n          \u003ch4\u003e4.33\" x 4.33\" Poles Anchoring Stand\u003c\/h4\u003e\n          \u003cp\u003eComes with pre-drilled holes, designed for sturdy installation, offers stability in windy conditions.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003c!-- 原有第二张（原卡片2） --\u003e\n        \u003cdiv class=\"highlight-card\"\u003e\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/33_10c8861b-dc33-49f8-bda7-9f2f64f7dd68.jpg?v=1724047508\" alt=\"Crossbeams\"\u003e\n          \u003ch4\u003eCrossbeams Increase Roof Load-Bearing\u003c\/h4\u003e\n          \u003cp\u003eCan withstand wind speeds of 72 mph when fully secured by expansion screws on hardened floors.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003c!-- 原有第三张（原卡片3） --\u003e\n        \u003cdiv class=\"highlight-card\"\u003e\n          \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/2_bc59570f-08c0-4293-bb23-a4b16a6bfdf5.jpg?v=1724047016\" alt=\"Drainage System\"\u003e\n          \u003ch4\u003eIntegrated Drainage System\u003c\/h4\u003e\n          \u003cp\u003eRainwater will be diverted to the 4 columns through the built-in integrated drainage system and then discharged to the ground through the notches at the bottom.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- MEDIA EVALUATION - 已替换为代码二的达人测评卡片轮播（默认展开） --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eMEDIA EVALUATION\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"swiper media-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/DGlIytCgQjD\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/481745836_18493569325019064_7811412094960016043_n..jpg?v=1784340119\" alt=\"lauri_b review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003elauri_b\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003ewe've been wanting this for 4 years and finally came true. We now have the most chic and inviting patio space. This is the perfect spot to enjoy a drink, watch the sunrise\/sunset and enjoy with family.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/CtrGGKjAGtk\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/ZYMXFBY1113_2.jpg?v=1784339904\" alt=\"nita_home review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003enita_home\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eIt's perfect for those sunny days and all you want its shade. Designed with two independent adjustable roofs, equipped with adjustable poles that allow you to adjust it effortlessly from 0° to 90°.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.youtube.com\/watch?v=ijWqYa5xxpI\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1_c4ae163c-44fa-45cf-b948-2479b5d82d67.png?v=1784336724\" alt=\"Jasminmelendez review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003eJasminmelendez\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eTransforma tu hogar con estilo: Encuentra inspiración para renovar cada rincón con ideas acogedoras, elegantes y llenas de personalidad.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/p\/DLzzSxFsN-H\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/photo-output_3.png?v=1784340339\" alt=\"marianneferminr review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003emarianneferminr\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eThe perfect spot for slow mornings, golden sunsets, and family memories. My heart is so full — it's everything I pictured and more.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/DZC9rAJur-S\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/IMG_3074.jpg?v=1784341083\" alt=\"kellitesta review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003ekellitesta\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eWe added this louvered pergola to our patio and it's been so nice having permanent shade! This is the 12x14 in champagne and we added sun shades on 2 sides for additional privacy.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reel\/DLpQ8Z3RROz\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/Landscape_Image_2.jpg?v=1784341308\" alt=\"allyrokstyle review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003eallyrokstyle\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eThe metal frame is also really sturdy. It's not going anywhere! There is an option to secure it to the patio as well, but we didn't even need to…it is very secure on its own.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- 后续达人素材，按上面的结构复制一份 \u003cdiv class=\"swiper-slide\"\u003e...\u003c\/div\u003e 即可 --\u003e\n\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================================\n   新增板块 WHY CHOOSE US（插入在 MEDIA EVALUATION 与 OTHER CHOICE 之间）\n    ============================================================ --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eWHY CHOOSE US\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n        \u003cdiv class=\"why-choose-grid\"\u003e\n\n            \u003c!-- 第一个项目：始终显示 --\u003e\n            \u003cdiv class=\"why-choose-item\"\u003e\n                \u003ch4\u003e10+ Years Dedicated to Outdoor Living\u003c\/h4\u003e\n                \u003cp\u003eFor more than a decade, PURPLE LEAF has focused on one thing—creating premium outdoor shade solutions that help families enjoy their backyards in comfort and style. From design and engineering to manufacturing and customer support, we continuously refine every detail to deliver durable, functional, and beautiful outdoor structures that stand the test of time.\u003c\/p\u003e\n                \u003c!-- ﹥See More 按钮（默认可见） --\u003e\n                \u003cspan class=\"see-more-btn\" onclick=\"expandWhyChoose()\" style=\"cursor:pointer; color:#0066cc; font-weight:bold;\"\u003e﹥See More\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 第二个项目：始终显示（没有fold-item） --\u003e\n            \u003cdiv class=\"why-choose-item\"\u003e\n                \u003ch4\u003eTrusted by Thousands of American Families\u003c\/h4\u003e\n                \u003cp\u003eMore than 10,000 homeowners across the United States have chosen PURPLE LEAF to transform their outdoor spaces. From Texas and California to Florida and beyond, our customers share real experiences, installation photos, and backyard transformations that showcase how our louvered pergolas perform in different climates and seasons.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/purpleleafshop.com\/pages\/purple-leaf-louvered-pergola-reviews\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRead what real customers are saying →\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 以下所有项目默认折叠（添加 class=\"fold-item\"） --\u003e\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eDesigned for Confidence, Backed by Support\u003c\/h4\u003e\n                \u003cp\u003eA pergola is a long-term investment in your home. That's why we stand behind our products with comprehensive warranty coverage, giving you added confidence and peace of mind throughout ownership.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eReliable Door-to-Door Delivery\u003c\/h4\u003e\n                \u003cp\u003eWe coordinate the shipping process from start to finish, including freight handling and delivery arrangements. You'll receive tracking updates throughout the journey so you always know the status of your order.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eTransparent Return Policy\u003c\/h4\u003e\n                \u003cp\u003eIf your product arrives with shipping damage or verified manufacturing defects, our support team will work quickly to provide replacement parts, a replacement product, or an appropriate resolution based on the situation.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eInstallation Support Every Step of the Way\u003c\/h4\u003e\n                \u003cp\u003eFrom detailed assembly manuals to step-by-step installation videos, we provide the resources you need for a successful installation. Need extra help? Our team can also recommend professional third-party installation partners in many regions.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/assemblyhelp.com\/pages\/purple-leaf-assembly-help\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eChoose professional third-party assembly services →\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eLocal Support You Can Count On\u003c\/h4\u003e\n                \u003cp\u003eAfter-sales support originates from the same location as your order. When purchasing a large louvered pergola, your biggest concern often isn't the product itself, but rather: \"If a screw is missing or a corner gets dinged, how long will it take to resolve?\"\u003c\/p\u003e\n                \u003cp\u003eOver the past two years, hundreds of customers have encountered minor shipping scuffs, missing parts, or cracked handles. The reason they consistently left 5-star reviews was the same: \"Purple Leaf sent replacement parts in just a few days.\"\u003c\/p\u003e\n                \u003cp\u003eThis efficiency is backed by our genuine U.S.-based warehouses and service network:\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. West (California)\u003c\/strong\u003e – Serving all western states; replacement parts delivered in as little as 2-3 days.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. East (New Jersey + Pennsylvania)\u003c\/strong\u003e – Covering densely populated areas like New York, Philadelphia, and Boston; after-sales support requires no transoceanic shipping.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. South (Georgia + Texas)\u003c\/strong\u003e – Serving the Southeast and Gulf Coast; whether facing the scorching Texas sun or Florida downpours, replacement parts are close at hand.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eProfessional \u0026amp; Efficient Customer Service\u003c\/h4\u003e\n                \u003cp\u003eQuestions before or after your purchase? Our dedicated customer support team is available to assist with product selection, installation guidance, replacement parts, warranty inquiries, and after-sales service. Most customer inquiries receive a response within 24 business hours.\u003c\/p\u003e\n                 \u003ch4\u003eAfter-Sales Support\u003c\/h4\u003e\n                  \u003cp\u003eOur after-sales service process is designed to help customers resolve issues quickly and efficiently, minimizing downtime and ensuring long-term product satisfaction. Our dedicated support team is available via email and phone to handle any inquiries, from missing parts and installation questions to warranty claims and damage reports. Replacement parts are shipped promptly from our U.S.-based warehouses, often reaching you within 3–4business days. With our commitment to responsive and reliable service, you can enjoy your outdoor space with complete peace of mind.\u003c\/p\u003e\n                \u003c!-- ﹥See Less 按钮（默认隐藏，放在最后一项内部） --\u003e\n                \u003cspan class=\"see-less-btn\" onclick=\"collapseWhyChoose()\" style=\"display:none; cursor:pointer; color:#0066cc; font-weight:bold;\"\u003e﹥See Less\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 控制 WHY CHOOSE US 展开\/折叠的 JavaScript --\u003e\n  \u003cscript\u003e\n  function expandWhyChoose() {\n      \/\/ 隐藏 See More 按钮\n      document.querySelector('.see-more-btn').style.display = 'none';\n      \/\/ 显示 See Less 按钮\n      document.querySelector('.see-less-btn').style.display = 'inline';\n      \/\/ 显示所有折叠项\n      var items = document.querySelectorAll('.fold-item');\n      items.forEach(function(item) {\n          item.style.display = 'block';\n      });\n  }\n\n  function collapseWhyChoose() {\n      \/\/ 隐藏 See Less 按钮\n      document.querySelector('.see-less-btn').style.display = 'none';\n      \/\/ 显示 See More 按钮\n      document.querySelector('.see-more-btn').style.display = 'inline';\n      \/\/ 隐藏所有折叠项\n      var items = document.querySelectorAll('.fold-item');\n      items.forEach(function(item) {\n          item.style.display = 'none';\n      });\n  }\n\n  \/\/ 初始状态：确保所有 fold-item 隐藏（避免页面加载时闪烁）\n  document.addEventListener('DOMContentLoaded', function() {\n      var items = document.querySelectorAll('.fold-item');\n      items.forEach(function(item) {\n          item.style.display = 'none';\n      });\n      \/\/ 确保 See Less 默认隐藏\n      document.querySelector('.see-less-btn').style.display = 'none';\n      \/\/ 确保 See More 默认可见（已在行内样式设置）\n  });\n  \u003c\/script\u003e\n\n  \u003c!-- OTHER CHOICE（与代码一完全一致，默认展开） --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eOTHER CHOICE\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"swiper choice-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/8_e340964a-717b-4eb2-bc41-dd3c59e3345a.jpg?v=1727336578\" alt=\"Pergola with Roller Blind\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Roller Blind\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2799-$4899\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Roller Blind\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Privacy \u0026amp; Adjustable Sun Shade\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Tesslin Fabric\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-white-outdoor-aluminum-pergola-with-roller-blind-adjustable-gazebo-rainproof-for-patio-deck-garden\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1013_10453c27-1947-470f-800b-746fda8e92b0.jpg?v=1727336289\" alt=\"Pergola with Strip Lights\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Strip Lights\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2978-$4508\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Illumination\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e LED\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e √\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Shutter Wall \/ Roller Blind\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-bronze-outdoor-aluminum-pergola-with-strip-lights-adjustable-gazebo-rainproof-for-patio-deck-garden-copy\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/7_0ef72540-0206-4dec-bbd0-bf4785de3f0f.jpg?v=1727336515\" alt=\"Pergola with Shutter Wall\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Shutter Wall\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2699-$7219\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Shutter Wall\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Privacy、Shading、Ventilation\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-bronze-outdoor-aluminum-pergola-with-louver-grille-adjustable-gazebo-rainproof-for-patio-deck-garden\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/2_bc61ca3c-9032-4e8c-a535-99b9bcb6b6aa.jpg?v=1727336773\" alt=\"Athena Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eAthena Louvered Pergola\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2699-$4199\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e None\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Adjustable Sunshade\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Roller Blind \/ Shutter Wall \/ Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SHIPPING \u0026 RETURN - 无改动 --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eSHIPPING \u0026amp; RETURN\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"policy-section\"\u003e\n        \u003ch4\u003eShipping time \u0026amp; delivery time\u003c\/h4\u003e\n        \u003cp\u003eWe usually ship items within 24 - 48 hours after confirmed payment. (in business days)\u003c\/p\u003e\n        \u003cp\u003eIn general, we ship via Fedex or UPS, average transit time is about 7 - 10 business days. You can view the estimated delivery dates on the product page, in special situation the items transfer by Amazon, the tracking number may be delayed.\u003c\/p\u003e\n        \u003cp\u003eIn rare cases due to unforeseen events, (e.g. extreme weather, unusual spikes, etc.), these shipment processing times may be delayed.\u003c\/p\u003e\n\n        \u003ch4\u003eFree shipping policy\u003c\/h4\u003e\n        \u003cp\u003eAll of our items are FREE SHIPPING in normal cases (within the contiguous United States). You can get the items with no shipping cost. There is no other hidden charges or handling fees.\u003c\/p\u003e\n        \u003cp\u003eIn a few special cases, you need to pay necessary cost of shipment, for example, return, exchange or some area. We ship only within the 48 contiguous United States.\u003c\/p\u003e\n        \u003cp\u003eWe do not ship to Alaska, Hawaii, US protectorates (e.g., Puerto Rico), P.O. boxes, or APO\/FPO addresses.\u003c\/p\u003e\n\n        \u003ch4\u003eAbout tracking logistics information\u003c\/h4\u003e\n        \u003cp\u003eWe'll send you the delivery time by email. For any further information, please feel free to contact us: purpleleafservice2@gmail.com\u003c\/p\u003e\n        \u003cp\u003eIf you want to change or cancel your order, please check whether the order has already been processed. Once the item leaves our warehouse, it can not be canceled or changed.\u003c\/p\u003e\n        \u003cp\u003eKeep in mind:\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e1. Tracking is not available for orders that are in a Processing status\u003c\/li\u003e\n          \u003cli\u003e2. Tracking can take up to 48 hours to update after an order is shipped\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003eAbout damaged packages and defective items upon arrival\u003c\/h4\u003e\n        \u003cp\u003eWhen you receive your item, please check your package and item carefully. If there is something wrong, the following steps are advised:\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e1. Take pictures reflecting the damage or defect clearly.\u003c\/li\u003e\n          \u003cli\u003e2. Then please email us at purpleleafservice2@gmail.com immediately and attach the photos.\u003c\/li\u003e\n          \u003cli\u003e3. We will contact you and try our best to find the best solution.\u003c\/li\u003e\n          \u003cli\u003e4. Attention please, do not throw away the boxes or packaging materials, otherwise, your request of return or exchange will not be accepted.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003eAdditional Information\u003c\/h4\u003e\n        \u003cp\u003eWe process orders Monday-Friday (excluding holidays). If you place your order after the cutoff times, we'll process and ship the order the next business day. We do not deliver on Sundays or holidays.\u003c\/p\u003e\n\n        \u003ch4\u003eAbout tracking information stagnation\u003c\/h4\u003e\n        \u003cp\u003eWith the surge in demand from shipping companies in the US due to high demand and COVID-19, we are seeing an increase in tracking and scanning issues where shipping companies are picking up shipments from warehouses but the tracking tags are not being scanned correctly when the shipping companies pick them up. Our carriers are working to eliminate tracking issues and delivery delays.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SERVICE \u0026 WARRANTY - 无改动 --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eSERVICE \u0026amp; WARRANTY\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"policy-section\"\u003e\n        \u003cp\u003e\u003cstrong\u003eDear customers\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003ewe guarantee that all items we sell have undergone strict quality control inspections to ensure you have an excellent product experience. At the same time, our warranty policy can make you rest assured to buy furniture products from us. All items sold by PURPLE LEAF are covered by the following comprehensive product warranties.\u003c\/p\u003e\n\n        \u003ch4\u003e1. Accepted Return\u003c\/h4\u003e\n        \u003cp\u003e30 Day Unconditional Refund Guarantee for Unopened \u0026amp; Unused Items Return warehouse：3495 DONALD LEE HOLLOWELL PKWY, STE116, ATLANTA GA, 30331 USA.\u003c\/p\u003e\n        \u003cp\u003eIf you are not satisfied with your purchase, or for whatever reason, You no longer want this product within 30 days after receiving it, you may contact us for a return and refund. Kindly note that in such cases the return shipping fee is the customer's responsibility and is non-refundable. Items MUST be returned in their original packaging, unused and unopened in order to qualify for a product refund.\u003c\/p\u003e\n        \u003cp\u003eThe customers should pay for actual cost of return shipping because of their remorse. But don't need to pay for defective producets return. And there is no restocking fee. These fees need to be settled in U.S. dollars.\u003c\/p\u003e\n        \u003cp\u003eNote that the returns shipping fee is non-refundable and products must be returned unopened and unused for a refund.\u003c\/p\u003e\n        \u003cp\u003eIf the boxes has been opened, the buyer needs to send a picture and confirm with the seller. Only when the confirmation does not affect the normal use can the return be supported, and the buyer needs to afford a certain amount of goods loss charge.\u003c\/p\u003e\n        \u003cp\u003ePlease ensure to return the item with its original packaging and accessories in the same condition as when you received it.\u003c\/p\u003e\n\n        \u003ch4\u003e2. Not support the return\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(1)\u003c\/strong\u003e Return is not accepted when damage is caused by unauthorized maintenance, misusing, collision, negligence, abuse, etc.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cstrong\u003e(2)\u003c\/strong\u003e Arrived damage\u003c\/p\u003e\n        \u003cp\u003eIf the item you have received is defective or damaged, contact our customer service at the first time and provide us with the order number and the photos or a video of the defective or damaged item in 7 days. In this case, after our checking, we can give a full refund.\u003c\/p\u003e\n\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(3)\u003c\/strong\u003e Missing part\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eIf your product parts damaged or missing, we can send the new parts to you or partially refund you. If the part affects product function or use, you can't repair it by yourself or the local technique person, and we will send a new item with you or a full refund.\u003c\/p\u003e\n\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(4)\u003c\/strong\u003e Doesn't work or defective\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eWhen you received the product that doesn't work, you can ask our customer service for help, we'll give you the related technical reply; if it doesn't work still, you can ask for an refund. When you received the product is defective, and you can ask our customer service to give you technical support or solution, if you can repair it by yourself or local store, we will provide you with some compensation.\u003c\/p\u003e\n\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(5)\u003c\/strong\u003e Incorrect Package Sent\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eIf the item you have received differs completely from the one you ordered, please do not hesitate to contact our customer service and to provide us with the following proofs in 7 days: Photos or a video of the incorrect item. We will send the new item to you.\u003c\/p\u003e\n\n        \u003ch4\u003e3. Return Confirmation\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(1)\u003c\/strong\u003e Contact us purpleleafservice2@gmail.com to get a return shipping label. submit order , a clear picture or video, and shipping packaging to confirm your return is accepted.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(2)\u003c\/strong\u003e When returning your package, please make sure the item is in good condition with all accessories inside. Affix the return shipping label that we provided to the package, ship it to the address our customer service sent you.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(3)\u003c\/strong\u003e Your package will be returned to 3495 DONALD LEE HOLLOWELL PKWY，STE116，ATLANTA GA，30331 USA.\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003ch4\u003e4. Refund and Compensation Process\u003c\/h4\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(1)\u003c\/strong\u003e PayPal refunds may take up to 24 hours to process and appear in your account.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003e(2)\u003c\/strong\u003e Credit card refunds will take between 7-14 business days to appear in your account. This delay depends entirely on your credit card company and any intermediaries.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e The price of the products on our website will fluctuate with the cost, and we will not refund any difference caused by this.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Lightbox Modal - 无改动 --\u003e\n  \u003cdiv class=\"lightbox-modal\" id=\"lightbox\"\u003e\n    \u003cspan class=\"lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cimg class=\"modal-content\" id=\"lightbox-img\" alt=\"Enlarged Image\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ 默认展开的项设置 height: auto\n  document.querySelectorAll('.accordion-item.active .accordion-content').forEach(content =\u003e {\n    content.style.height = 'auto';\n  });\n\n  \/\/ Accordion 交互（所有板块收起都干净利落：快速、无延迟、精确收缩）\n  document.querySelectorAll('.accordion-header').forEach(header =\u003e {\n    header.addEventListener('click', () =\u003e {\n      const item = header.parentElement;\n      const content = header.nextElementSibling;\n\n      if (item.classList.contains('active')) {\n        \/\/ 收起：先设置当前高度，再触发收缩\n        content.style.height = `${content.scrollHeight}px`;\n        item.classList.remove('active');\n        void content.offsetHeight; \/\/ 触发 reflow\n        content.style.height = '0';\n      } else {\n        \/\/ 展开\n        item.classList.add('active');\n        content.style.height = `${content.scrollHeight}px`;\n\n        \/\/ 动画结束后设为 auto\n        content.addEventListener('transitionend', function handler() {\n          content.style.height = 'auto';\n          content.removeEventListener('transitionend', handler);\n        });\n\n        \/\/ Swiper 更新（隐藏时尺寸问题）\n        content.querySelectorAll('.swiper').forEach(el =\u003e {\n          if (el.swiper) el.swiper.update();\n        });\n      }\n    });\n  });\n\n  \/\/ See More\/See Less 功能实现\n  function expandContent() {\n    document.querySelector('.see-more').style.display = 'none';\n    document.querySelector('.more-text').style.display = 'inline';\n  }\n\n  function collapseContent() {\n    document.querySelector('.see-more').style.display = 'inline';\n    document.querySelector('.more-text').style.display = 'none';\n  }\n\n  \/\/ HIGHLIGHTS 轮播初始化 - 分PC\/移动端，参数与原一致\n  \/\/ PC端HIGHLIGHTS轮播\n  new Swiper('.pc-highlights-swiper', {\n    loop: true,\n    autoplay: { delay: 4000, disableOnInteraction: false },\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 800,\n  });\n  \/\/ 移动端HIGHLIGHTS轮播\n  new Swiper('.mobile-highlights-swiper', {\n    loop: true,\n    autoplay: { delay: 4000, disableOnInteraction: false },\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 800,\n  });\n\n  \/\/ PC端亮点卡片轮播初始化\n  new Swiper('.pc-card-swiper', {\n    loop: true,\n    autoplay: { delay: 5000, disableOnInteraction: false },\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 600,\n    slidesPerView: 1.2,\n    spaceBetween: 20,\n    breakpoints: {\n      769: { slidesPerView: 3, spaceBetween: 30 },\n      1024: { slidesPerView: 3, spaceBetween: 30 }\n    }\n  });\n\n  \/\/ MEDIA EVALUATION 轮播初始化（新增，来自代码二）\n  new Swiper('.media-swiper', {\n    slidesPerView: 1.3,\n    spaceBetween: 20,\n    loop: false,\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 600,\n    breakpoints: {\n      600: { slidesPerView: 2.2, spaceBetween: 20 },\n      769: { slidesPerView: 3, spaceBetween: 24 },\n      1024: { slidesPerView: 4, spaceBetween: 30 }\n    }\n  });\n\n  \/\/ OTHER CHOICE Swiper\n  new Swiper('.choice-swiper', {\n    loop: true,\n    slidesPerView: 1.2,\n    spaceBetween: 20,\n    centeredSlides: false,\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 600,\n    breakpoints: {\n      769: { slidesPerView: 3, spaceBetween: 30 },\n      1024: { slidesPerView: 4, spaceBetween: 30 }\n    }\n  });\n\n  \/\/ Lightbox - 兼容PC\/移动端所有HIGHLIGHTS轮播图点击放大\n  const lightbox = document.getElementById('lightbox');\n  const lightboxImg = document.getElementById('lightbox-img');\n  const closeBtn = document.querySelector('.lightbox-close');\n\n  document.querySelectorAll('.pc-highlights-swiper img, .mobile-highlights-swiper img').forEach(img =\u003e {\n    img.addEventListener('click', () =\u003e {\n      lightboxImg.src = img.src;\n      lightboxImg.alt = img.alt;\n      lightbox.classList.add('active');\n    });\n  });\n\n  closeBtn.addEventListener('click', () =\u003e lightbox.classList.remove('active'));\n  lightbox.addEventListener('click', e =\u003e { if (e.target === lightbox) lightbox.classList.remove('active'); });\n\u003c\/script\u003e\n\n\u003c!-- 1. PE端悬浮小视频（保留原有样式） --\u003e\n\u003cdiv id=\"small-float-video\" style=\"position: fixed; bottom: 200px; left: 20px; z-index: 9998; width: 120px; aspect-ratio: 3\/4; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.2); cursor: pointer;\"\u003e\n    \u003cbutton id=\"close-small-video\" style=\"position: absolute; top: 3px; right: 3px; background: rgba(0,0,0,0.7); color: #fff; border: none; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; cursor: pointer; z-index: 10; padding: 0; margin: 0;\"\u003e×\u003c\/button\u003e\n    \u003cvideo width=\"100%\" height=\"100%\" muted autoplay loop playsinline style=\"display: block; object-fit: cover;\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/577e45d52bf442c69bada4fc7d3e5031.mp4\" type=\"video\/mp4\"\u003e\n        你的浏览器不支持视频播放\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- 2. PE端弹窗视频（关闭按钮精准匹配示例图位置） --\u003e\n\u003cdiv id=\"video-modal\" style=\"position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 9999; display: none;\"\u003e\n    \u003c!-- 弹窗视频容器（16:9比例+PE端适配，内部包含关闭按钮） --\u003e\n    \u003cdiv id=\"modal-video-container\" style=\"\n        position: relative;\n        width: calc(100% - 60px); \n        max-width: 900px; \n        margin: 70px auto 50px auto; \n        transform: translateY(100%); \n        transition: transform 0.5s ease-out; \n        aspect-ratio: 16\/9;\n    \"\u003e\n        \u003c!-- 弹窗关闭按钮：精准匹配示例图（视频容器内右上角） --\u003e\n        \u003cbutton id=\"close-modal-btn\" style=\"\n            position: absolute; \n            top: 15px;\n            right: 15px;\n            background: #000000;\n            color: #ffffff;\n            border: none; \n            border-radius: 50%; \n            width: 32px;\n            height: 32px; \n            font-size: 18px; \n            cursor: pointer; \n            z-index: 999999; \n            line-height: 32px; \n            text-align: center; \n            padding: 0; \n            margin: 0;\n            font-weight: bold;\n        \"\u003e×\u003c\/button\u003e\n        \n        \u003cvideo width=\"100%\" height=\"100%\" muted controls playsinline style=\"border-radius: 0; object-fit: cover;\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/577e45d52bf442c69bada4fc7d3e5031.mp4\" type=\"video\/mp4\"\u003e\n            你的浏览器不支持视频播放\n        \u003c\/source\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 3. 交互逻辑（功能不变） --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const smallVideo = document.getElementById('small-float-video');\n    const closeSmallBtn = document.getElementById('close-small-video');\n    const videoModal = document.getElementById('video-modal');\n    const modalVideoContainer = document.getElementById('modal-video-container');\n    const closeModalBtn = document.getElementById('close-modal-btn');\n    const modalVideo = document.querySelector('#modal-video-container video');\n\n    \/\/ 关闭悬浮小视频\n    closeSmallBtn.addEventListener('click', function(e) {\n        e.stopPropagation();\n        smallVideo.style.display = 'none';\n    });\n\n    \/\/ 点击悬浮视频打开弹窗\n    smallVideo.addEventListener('click', function() {\n        videoModal.style.display = 'block';\n        closeModalBtn.style.display = 'block';\n        setTimeout(() =\u003e {\n            modalVideoContainer.style.transform = 'translateY(0)';\n        }, 10);\n        modalVideo.play();\n    });\n\n    \/\/ 弹窗关闭按钮逻辑\n    closeModalBtn.addEventListener('click', function() {\n        modalVideoContainer.style.transform = 'translateY(100%)';\n        modalVideo.pause();\n        setTimeout(() =\u003e {\n            videoModal.style.display = 'none';\n        }, 500);\n    });\n\n    \/\/ 点击弹窗背景关闭\n    videoModal.addEventListener('click', function(e) {\n        if (e.target === videoModal) {\n            closeModalBtn.click();\n        }\n    });\n\n    \/\/ 强制渲染关闭按钮\n    closeModalBtn.style.display = 'block';\n});\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Bronze \/ 10' x 12'","offer_id":46470172835919,"sku":"ZYMXFBY1012","price":1079.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 13'","offer_id":46470172868687,"sku":"ZYMXFBY1013","price":1169.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 14'","offer_id":46470172901455,"sku":"ZYMXFBY1014","price":1192.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 16'","offer_id":46470172934223,"sku":"ZYMXFBY1016","price":1498.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 13'","offer_id":46470172966991,"sku":"ZYMXFBY1113","price":1183.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 14'","offer_id":46470172999759,"sku":"ZYMXFBY1114","price":1237.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 12'","offer_id":46470173032527,"sku":"ZYMXFBY1212","price":1273.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 15'","offer_id":46470173065295,"sku":"ZYMXFBY1115","price":1372.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 14'","offer_id":46470173098063,"sku":"ZYMXFBY1214","price":1322.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 16'","offer_id":46470173130831,"sku":"ZYMXFBY1216","price":1574.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 20'(+Free Gift)","offer_id":46470173163599,"sku":"ZYMXFBY1220","price":1754.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 24'","offer_id":46470173196367,"sku":"ZYMXFBY1224","price":2339.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 20'","offer_id":46470173229135,"sku":"ZYMXFBY1420","price":2339.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 24'(+Free Gift)","offer_id":46470173261903,"sku":"ZYMXFBY1424","price":2474.55,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0730\/5943\/4575\/files\/purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion-purple-leaf-garden-1.jpg?v=1787367719","url":"https:\/\/rylanceracing.shop\/products\/purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion","provider":"Rylance Racing","version":"1.0","type":"link"}