{"product_id":"purple-leaf-caesar-solar-louvered-pergola-with-led-strip-lights-and-control-panel-aluminum-outdoor-pergola-with-adjustable-roof-for-patio-deck-garden-yard-champagne-copy","title":"PURPLE LEAF Caesar Solar Louvered Pergola with LED Strip Lights and Control Panel Aluminum Outdoor Pergola with Adjustable Roof for Patio Deck Garden Yard Bronze","description":"\u003c!-- 自定义商品详情排版 - Doc2内容 + Doc1 UI风格 --\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 通用样式 *\/\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 { display: none; }\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 { text-decoration: underline; }\n\n    \/* Features 内容 *\/\n    .features-list p { margin: 16px 0; font-size: 16px; }\n    .highlight-text { color: #ff8000; font-weight: 600; }\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 { margin: 16px 0; padding-left: 20px; }\n    .policy-section ul li { margin: 8px 0; line-height: 1.6; }\n    .policy-section p { margin: 12px 0; }\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: zoom-in;\n      transition: transform 0.3s ease;\n    }\n    .swiper-slide img:hover { transform: scale(1.03); }\n    .swiper-pagination-bullet-active { background: var(--primary); }\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 { font-size: 18px; }\n\n    \/* HIGHLIGHTS PC\/移动端 分离 *\/\n    .pc-highlights-swiper { display: block; }\n    .mobile-highlights-swiper { display: none; }\n    .pc-detail-swiper { display: block; }\n    .mobile-detail-swiper { display: none; }\n\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: 60px;\n        border-radius: 0;\n        box-shadow: none;\n      }\n      .mobile-highlights-swiper .swiper-slide {\n        padding: 30px 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        border-radius: 0;\n      }\n      .mobile-highlights-swiper .swiper-button-next,\n      .mobile-highlights-swiper .swiper-button-prev { display: none; }\n      .mobile-highlights-swiper .swiper-pagination { bottom: 10px; }\n      .pc-detail-swiper { display: none; }\n      .mobile-detail-swiper { display: block; }\n    }\n\n    \/* 详情图轮播 *\/\n    .detail-swiper-wrap {\n      margin: 30px 0;\n    }\n    .detail-swiper-wrap .swiper-slide img {\n      width: 100%;\n      height: auto;\n      max-height: 600px;\n      object-fit: cover;\n      border-radius: 8px;\n      cursor: zoom-in;\n    }\n    .detail-swiper-wrap .swiper-slide img:hover { transform: scale(1.02); }\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 { font-size: 18px; font-weight: 600; margin: 16px 0; }\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 { padding: 8px 0; border-bottom: 1px solid #eee; }\n    .spec-list li:last-child { border-bottom: none; }\n    .spec-list strong { color: var(--primary); }\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 { background: #2a5a8c; }\n\n    \/* Lightbox *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      z-index: 10000;\n      left: 0; top: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0,0,0,0.95);\n      justify-content: center;\n      align-items: center;\n      overflow: hidden;\n      flex-direction: column;\n    }\n    .lightbox-modal.active { display: flex; }\n    .lightbox-inner {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 95vw;\n      max-height: 90vh;\n    }\n    .modal-content {\n      max-width: 90vw;\n      max-height: 85vh;\n      object-fit: contain;\n      border-radius: 10px;\n      transform: scale(0.85);\n      opacity: 0;\n      transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s ease;\n      display: block;\n    }\n    .lightbox-modal.active .modal-content {\n      transform: scale(1);\n      opacity: 1;\n    }\n    .lightbox-close {\n      position: absolute;\n      top: 16px; right: 24px;\n      color: #fff;\n      font-size: 38px;\n      font-weight: 300;\n      cursor: pointer;\n      z-index: 10001;\n      line-height: 1;\n      opacity: 0.8;\n      transition: opacity 0.2s;\n    }\n    .lightbox-close:hover { opacity: 1; }\n    .lightbox-nav {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(255,255,255,0.15);\n      color: #fff;\n      border: none;\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      font-size: 22px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: background 0.2s;\n      z-index: 10002;\n      backdrop-filter: blur(4px);\n    }\n    .lightbox-nav:hover { background: rgba(255,255,255,0.3); }\n    .lightbox-nav.prev { left: 16px; }\n    .lightbox-nav.next { right: 16px; }\n    .lightbox-counter {\n      color: rgba(255,255,255,0.6);\n      font-size: 13px;\n      margin-top: 14px;\n      letter-spacing: 1px;\n    }\n    @media (max-width: 768px) {\n      .lightbox-nav { width: 36px; height: 36px; font-size: 18px; }\n      .lightbox-nav.prev { left: 8px; }\n      .lightbox-nav.next { right: 8px; }\n    }\n\n    \/* 移动端通用优化 *\/\n    @media (max-width: 768px) {\n      .section-title { font-size: 28px; margin-bottom: 30px; }\n      .accordion-header { font-size: 20px; padding: 16px 20px; }\n      .product-card { padding: 20px; max-width: 300px; }\n      .card-title { font-size: 17px; }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- FEATURES（默认展开） --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eFEATURES\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"features-list\"\u003e\n        \u003cp\u003e🌟 \u003cstrong\u003eLED Lighting with 3 Modes:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eBuilt-in LED strips offer Warm White \/ Cool White \/ Amber three color temperatures to set the perfect mood for dinner, party, or everyday relaxation.\u003c\/p\u003e\n\n        \u003cp\u003e🔋 \u003cstrong\u003eDual Power Design\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eIntegrated high-efficiency solar panel charges automatically in sunlight for eco-friendly operation.\u003c\/p\u003e\n        \u003cp\u003eBuilt-in rechargeable battery also supports USB backup charging, ensuring all-night illumination even on cloudy days.\u003c\/p\u003e\n\n        \u003cspan class=\"see-more\" onclick=\"expandContent()\"\u003e﹥See More\u003c\/span\u003e\n\n        \u003cspan class=\"more-text\"\u003e\n          \u003cp\u003e🏗️ \u003cstrong\u003eSuperior Stability:\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003eFeatures thicker 4.53\" square columns (compared to standard 3.14\") for enhanced wind resistance and long-term structural integrity.\u003c\/p\u003e\n          \u003cp\u003eHigh-quality bronze aluminum with powder-coated finish resists rust, corrosion, and UV fading.\u003c\/p\u003e\n\n          \u003cp\u003e🌧️ \u003cstrong\u003eWeather-Resistant Design：\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003eInnovative rain gutter integrated into the structure channels water down through the columns, keeping your patio dry and clean.\u003c\/p\u003e\n          \u003cp\u003eSecurely ground-mounted to withstand winds of 40–70 mph and snow loads up to 2.4 inches. Static pressure tested to 66 lbs\/sq.ft, designed for heavy snow and harsh weather.\u003c\/p\u003e\n\n          \u003cp\u003e📦 \u003cstrong\u003eEasy Assembly with Complete Kit\u003c\/strong\u003e\u003c\/p\u003e\n          \u003cp\u003ePre-assembled main frame simplifies installation; includes all necessary hardware, USB cable, and clear instructions.(Note: PURPLE LEAF does not provide installation service. Furniture not included.)\u003c\/p\u003e\n          \u003cp\u003eBacked by 1-year warranty on frame construction and reliable customer support for peace of mind.\u003c\/p\u003e\n\n          \u003cp class=\"highlight-text\"\u003ePlease feel free to contact us if you have further questions! Email address: \u003ca style=\"color:#ff8000;\" href=\"mailto:purpleleafservice2@gmail.com\"\u003epurpleleafservice2@gmail.com\u003c\/a\u003e\u003c\/p\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（默认展开） --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eHIGHLIGHTS\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n\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\/PC-01_d19e3cde-4a83-4944-acfd-e6a8d68ead70.jpg?v=1770097922\" alt=\"PURPLE-LEAF Adjustable 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\/PC-02_177c1505-8cf0-47b4-b75d-d14c963e66f3.jpg?v=1770098845\" 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\/PC-08.jpg?v=1770098707\" 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_8230c14f-4166-4225-94e9-81be3c0baa68.jpg?v=1770099063\" alt=\"PURPLE-LEAF Adjustable Louvered Pergola Mobile 1\"\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_4f088f7f-d88f-4357-b569-753972272ba2.jpg?v=1770099072\" alt=\"PURPLE-LEAF Pergola Mobile 2\"\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-08_e6d53e62-5396-4090-9696-fbd7c6657a41.jpg?v=1770099081\" alt=\"PURPLE-LEAF Pergola Mobile 3\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- PC端详情图轮播 --\u003e\n      \u003cdiv class=\"detail-swiper-wrap pc-detail-swiper\"\u003e\n        \u003cdiv class=\"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\/Gemini_Generated_Image_hmn69jhmn69jhmn6.png?v=1784100530\" alt=\"Detail 1\"\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\/PC-07.jpg?v=1770098858\" alt=\"Detail 2\"\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\/PC-06.jpg?v=1770098984\" alt=\"Detail 3\"\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\/PC-04_9086b1df-74f3-4afe-a6a6-f0d0e47e6fcf.jpg?v=1770098989\" alt=\"Detail 4\"\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      \u003c\/div\u003e\n\n      \u003c!-- 移动端详情图轮播 --\u003e\n      \u003cdiv class=\"detail-swiper-wrap mobile-detail-swiper\"\u003e\n        \u003cdiv class=\"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-05_fc3479c0-dfe9-4d97-acd9-e9eaad49f08b.jpg?v=1770099094\" alt=\"Detail Mobile 1\"\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-07_fbfac5b9-a4e4-494c-a8b3-d699090cd785.jpg?v=1770099103\" alt=\"Detail Mobile 2\"\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-06_2e100844-eafe-4b69-8180-4cac5c29e26f.jpg?v=1770099109\" alt=\"Detail Mobile 3\"\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-04_b463e5a5-53b9-44ce-9ec9-1e5c32b0d089.jpg?v=1770099131\" alt=\"Detail Mobile 4\"\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      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- OTHER CHOICE --\u003e\n  \u003cdiv class=\"accordion-item\"\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\/ChatGPT_Image_2026_5_19_10_41_06.png?v=1779158899\" alt=\"Caesar Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eCaesar Louvered Pergola\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2499-$5299\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 10'x12' - 11'x28'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 92.5\"\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Bronze\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e No\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:\/\/c3knm56u3ucxsfjj-2531721251.shopifypreview.com\/collections\/louvered-pergola\/products\/purple-leaf-caesar-solar-louvered-pergola-with-led-strip-lights-and-control-panel-aluminum-outdoor-pergola-with-adjustable-roof-for-patio-deck-garden-yard-champagne-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\/0610\/4757\/0686\/files\/d7521fa9782deb8109520c7585dc1b1e.jpg?v=1726033027\" 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\u003eSize:\u003c\/strong\u003e 10'x12' - 14'x24'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 94.5''\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Grey\/Bronze\/White\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e Yes\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-outdoor-aluminum-pergola-with-adjustable-roof-for-deck-backyard-garden-hardtop-gazebo\" 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:\/\/purpleleafshop.com\/cdn\/shop\/files\/1012_b9956a8b-e60d-425a-80d4-f3abca91f0a5.jpg?v=1741489503\u0026amp;width=900\" alt=\"Wood Grain Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eWood Grain Louvered Pergola\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2099-$4699\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 10'x12' - 14'x24'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 92.5''\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Wood Grain\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e No\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\/pergola\/products\/purple-leaf-louvered-pergola-11-4-x-20-4-outdoor-aluminum-pergola-with-adjustable-roof-for-deck-backyard-garden-grey-hardtop-gazebo\" 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\/0610\/4757\/0686\/files\/5a20eb2906868e3e94513f25136cd036.jpg?v=1726039620\" alt=\"Athena White Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eAthena White 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\u003eSize:\u003c\/strong\u003e 10'x12' - 14'x24'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 94.5\"\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e White\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e Yes\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-modern-white-pergola-with-adjustable-roof-for-deck-backyard-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:\/\/purpleleafshop.com\/cdn\/shop\/files\/1012-1_19de2f20-b88a-4731-9ff6-0ad3e46b1136.jpg?v=1739863966\u0026amp;width=892\" alt=\"White Roof Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eWhite Roof Louvered Pergola\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2099-$4899\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 10'x12' - 14'x24'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 92.85\"\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Gray Frame White Roof\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e No\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\/pergola\/products\/purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo\" 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:\/\/purpleleafshop.com\/cdn\/shop\/files\/1012_204dcc40-eeaf-4c5c-aeb8-2b549225aa8c.jpg?v=1744624296\u0026amp;width=900\" alt=\"Athena Bronze Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eAthena Bronze 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\u003eSize:\u003c\/strong\u003e 10'x12' - 14'x24'\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eHeight:\u003c\/strong\u003e 94.5\"\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFrame Material:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrivate Curtain and Netting:\u003c\/strong\u003e No\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRegulate sunlight:\u003c\/strong\u003e Yes\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e Bronze\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eOptional accessories:\u003c\/strong\u003e Yes\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\/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\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\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 products 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) Arrived damage\u003c\/strong\u003e\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        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(3) Missing part\u003c\/strong\u003e\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        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(4) Doesn't work or defective\u003c\/strong\u003e\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        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(5) Incorrect Package Sent\u003c\/strong\u003e\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\" id=\"lightbox-close\"\u003e×\u003c\/span\u003e\n    \u003cdiv class=\"lightbox-inner\"\u003e\n      \u003cbutton class=\"lightbox-nav prev\" id=\"lightbox-prev\"\u003e‹\u003c\/button\u003e\n      \u003cimg class=\"modal-content\" id=\"lightbox-img\" alt=\"Enlarged Image\"\u003e\n      \u003cbutton class=\"lightbox-nav next\" id=\"lightbox-next\"\u003e›\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lightbox-counter\" id=\"lightbox-counter\"\u003e\u003c\/div\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        content.style.height = `${content.scrollHeight}px`;\n        item.classList.remove('active');\n        void content.offsetHeight;\n        content.style.height = '0';\n      } else {\n        item.classList.add('active');\n        content.style.height = `${content.scrollHeight}px`;\n        content.addEventListener('transitionend', function handler() {\n          content.style.height = 'auto';\n          content.removeEventListener('transitionend', handler);\n        });\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  function collapseContent() {\n    document.querySelector('.see-more').style.display = 'inline';\n    document.querySelector('.more-text').style.display = 'none';\n  }\n\n  \/\/ PC端横幅轮播\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\n  \/\/ 移动端横幅轮播\n  new Swiper('.mobile-highlights-swiper', {\n    loop: true,\n    autoplay: { delay: 4000, disableOnInteraction: false },\n    pagination: { el: '.swiper-pagination', clickable: true },\n    grabCursor: true,\n    speed: 800,\n  });\n\n  \/\/ PC端详情图轮播\n  new Swiper('.pc-detail-swiper .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  });\n\n  \/\/ 移动端详情图轮播\n  new Swiper('.mobile-detail-swiper .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  });\n\n  \/\/ OTHER CHOICE 轮播\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 — 绑定 HIGHLIGHTS 板块所有图片\n  (function () {\n    const lightbox   = document.getElementById('lightbox');\n    const lightboxImg = document.getElementById('lightbox-img');\n    const closeBtn   = document.getElementById('lightbox-close');\n    const prevBtn    = document.getElementById('lightbox-prev');\n    const nextBtn    = document.getElementById('lightbox-next');\n    const counter    = document.getElementById('lightbox-counter');\n\n    \/\/ 收集 HIGHLIGHTS 板块内所有图片（横幅 + 详情轮播，响应当前可见端）\n    function getHighlightImages() {\n      const isMobile = window.innerWidth \u003c= 768;\n      const selectors = isMobile\n        ? '.mobile-highlights-swiper img, .mobile-detail-swiper img'\n        : '.pc-highlights-swiper img, .pc-detail-swiper img';\n      return Array.from(document.querySelectorAll(selectors));\n    }\n\n    let images = [];\n    let current = 0;\n\n    function openLightbox(idx) {\n      images = getHighlightImages();\n      current = idx;\n      showImage(current);\n      lightbox.classList.add('active');\n      document.body.style.overflow = 'hidden';\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('active');\n      document.body.style.overflow = '';\n    }\n\n    function showImage(idx) {\n      \/\/ 触发退出动画后切换\n      lightboxImg.style.opacity = '0';\n      lightboxImg.style.transform = 'scale(0.92)';\n      setTimeout(() =\u003e {\n        lightboxImg.src = images[idx].src;\n        lightboxImg.alt = images[idx].alt || '';\n        lightboxImg.style.opacity = '';\n        lightboxImg.style.transform = '';\n        counter.textContent = `${idx + 1} \/ ${images.length}`;\n      }, 150);\n    }\n\n    function goPrev() {\n      images = getHighlightImages();\n      current = (current - 1 + images.length) % images.length;\n      showImage(current);\n    }\n    function goNext() {\n      images = getHighlightImages();\n      current = (current + 1) % images.length;\n      showImage(current);\n    }\n\n    \/\/ 绑定所有 HIGHLIGHTS 图片点击\n    function bindHighlightImages() {\n      const all = document.querySelectorAll(\n        '.pc-highlights-swiper img, .mobile-highlights-swiper img, .pc-detail-swiper img, .mobile-detail-swiper img'\n      );\n      all.forEach(img =\u003e {\n        img.style.cursor = 'zoom-in';\n        img.addEventListener('click', function () {\n          images = getHighlightImages();\n          \/\/ 找到在当前可见列表中的索引\n          const visibleSrc = images.map(i =\u003e i.src);\n          let idx = visibleSrc.indexOf(this.src);\n          if (idx === -1) idx = 0;\n          openLightbox(idx);\n        });\n      });\n    }\n\n    \/\/ 等 Swiper 初始化后再绑定（slide 克隆节点也需要绑定）\n    setTimeout(bindHighlightImages, 600);\n\n    \/\/ 控制按钮\n    closeBtn.addEventListener('click', closeLightbox);\n    prevBtn.addEventListener('click', goPrev);\n    nextBtn.addEventListener('click', goNext);\n\n    \/\/ 点击蒙层关闭\n    lightbox.addEventListener('click', e =\u003e {\n      if (e.target === lightbox) closeLightbox();\n    });\n\n    \/\/ 键盘支持\n    document.addEventListener('keydown', e =\u003e {\n      if (!lightbox.classList.contains('active')) return;\n      if (e.key === 'ArrowLeft')  goPrev();\n      if (e.key === 'ArrowRight') goNext();\n      if (e.key === 'Escape')     closeLightbox();\n    });\n  })();\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Bronze \/ 10‘x12’","offer_id":46470270976079,"sku":"ZY03KSBY1012-LT","price":1147.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10'x14'","offer_id":46470271008847,"sku":"ZY03KSBY1014-LT","price":1237.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11'x18'","offer_id":46470271041615,"sku":"ZY03KSBY1118-LT","price":1574.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11'x21'(+Free Gift)","offer_id":46470271074383,"sku":"ZY03KSBY1121-LT","price":1799.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11'x23'(+Free Gift)","offer_id":46470271107151,"sku":"ZY03KSBY1123-LT","price":1979.55,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11'x28'(+Free Gift)","offer_id":46470271139919,"sku":"ZY03KSBY1128-LT","price":2384.55,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0730\/5943\/4575\/files\/ChatGPT_Image_2026_5_19_10_41_06.png?v=1787368178","url":"https:\/\/rylanceracing.shop\/products\/purple-leaf-caesar-solar-louvered-pergola-with-led-strip-lights-and-control-panel-aluminum-outdoor-pergola-with-adjustable-roof-for-patio-deck-garden-yard-champagne-copy","provider":"Rylance Racing","version":"1.0","type":"link"}