{"title":"10' x 10' Pergola Kits","description":"\u003cp\u003eHave you ever dreamed of having a holiday just at home? \u003ca href=\"https:\/\/purpleleafshop.com\/\"\u003ePURPLE LEAF\u003c\/a\u003e’s pergola kits that are easy to assemble make the thought come true.\u003c\/p\u003e\n\u003cp\u003ePURPLE LEAF’s aluminum pergolas in modern style with louvered roof or retractable canopy allows you to enjoy both sunshine and shade. Add a pergola to your patio, backyard, or deck, and make it a comfortable place where you can hold a party and enjoy happy hour.\u003c\/p\u003e\n\u003cp\u003ePick a pergola kit for your house NOW. Increase your home's value and enjoy free shipping right to your door.\u003c\/p\u003e\n\u003cdiv id=\"gtx-trans\" style=\"position: absolute; left: 408px; top: 68.6389px;\"\u003e\n\u003cdiv class=\"gtx-trans-icon\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo-1","title":"PURPLE LEAF Caesar Outdoor Louvered Pergola Patio Sun Shade Shelter with Adjustable Hardtop Patio Pergola Grey","description":"\u003c!-- ============================================================\n     综合版本：以代码1为基础 + 代码2的HIGHLIGHTS图片 + 代码2的OTHER CHOICE产品更新\n     + 新增WHY CHOOSE US板块 + 保留代码1所有交互（Swiper\/Lightbox\/Accordion\/SeeMore）\n     ============================================================ --\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\n    \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 {\n            display: none;\n        }\n        .see-more,\n        .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,\n        .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,\n        .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,\n        .swiper-button-prev:after {\n            font-size: 18px;\n        }\n\n        \/* ---------- HIGHLIGHTS 端侧分离 ---------- *\/\n        .pc-highlights-swiper {\n            display: block;\n        }\n        .mobile-highlights-swiper {\n            display: none;\n        }\n        .pc-card-swiper {\n            display: block;\n        }\n        .mobile-card-grid {\n            display: none;\n        }\n\n        @media (max-width: 768px) {\n            .pc-highlights-swiper {\n                display: none;\n            }\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            .pc-card-swiper {\n                display: none;\n            }\n            .mobile-card-grid {\n                display: grid;\n                grid-template-columns: 1fr;\n                gap: 20px;\n                margin: 40px 0;\n                padding: 0 10px;\n            }\n        }\n\n        \/* 亮点卡片通用 *\/\n        .pc-card-swiper,\n        .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        \/* ---------- 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            margin: 0 auto;\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        \/* ---------- 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        \/* 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        .size-image-wrap {\n            margin: 30px 0 10px;\n            text-align: center;\n        }\n        .size-image-wrap img {\n            width: 100%;\n            max-width: 1464px;\n            height: auto;\n            border-radius: 12px;\n            display: block;\n            margin: 0 auto;\n        }\n        .size-image-wrap .phone-only {\n            display: none;\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            .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            .size-image-wrap .desktop-only {\n                display: none;\n            }\n            .size-image-wrap .phone-only {\n                display: block;\n                width: 100%;\n                height: auto;\n            }\n            .product-card {\n                padding: 20px;\n                max-width: 300px;\n            }\n            .card-title {\n                font-size: 17px;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- ============================================================\n    FEATURES（默认展开）\n    ============================================================ --\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                \u003cspan class=\"see-more\" onclick=\"expandContent()\"\u003e﹥See More\u003c\/span\u003e\n\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                    \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!-- ============================================================\n    HIGHLIGHTS（默认展开）- 使用代码2的图片\n    ============================================================ --\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\n            \u003c!-- PC端轮播：代码2的3张电脑端图片 --\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\/6611c9ab1370d0920eee5c7d7952dece.jpg?v=1777546374\" 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\/1_b902cdec-3b14-4db2-960d-345885d1e0d1.jpg?v=1779939092\" 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\/1_c68d6054-46ed-46b8-89e5-717e5064a568.jpg?v=1781168158\" 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!-- 移动端轮播：代码2的3张手机端图片 --\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\/pe1.png?v=1782702405\" 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\/pe2.png?v=1782702406\" 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\/pe3.png?v=1782702405\" 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端亮点卡片轮播（保留代码1的3张卡片，但图片和标题已更新为代码2的内容） --\u003e\n            \u003cdiv class=\"swiper pc-card-swiper\"\u003e\n                \u003cdiv class=\"swiper-wrapper\"\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\/1.3_424af389-83c7-4f49-9dc8-74501630509d.png?v=1781781804\" alt=\"Anchoring Stand\"\u003e\n                            \u003ch4\u003e4.53\"x4.53\" Widened Pole\u003c\/h4\u003e\n                            \u003cp\u003eDesigned for year-round durability, they keep your patio pergola steady in wind, rain, and seasonal change.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\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\/1.1_a44cca4d-705c-4a9e-b495-a24b7c4149df.png?v=1781781804\" alt=\"Crossbeams\"\u003e\n                            \u003ch4\u003eFull Aluminum Frame | Rust-Proof \u0026amp; Durable\u003c\/h4\u003e\n                            \u003cp\u003eLouver Adjustment Range: 0°–85°，Seamlessly balance sunshine and cool shade for your patio.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\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\/1.2_1b440792-5532-4439-bb45-e38e3d7970ae.png?v=1781781804\" alt=\"Drainage System\"\u003e\n                            \u003ch4\u003eHidden Gutter System\u003c\/h4\u003e\n                            \u003cp\u003eThe rainwater will collect through the guttersand drain from the bottom of the support columns：1.Rainwater is collected on the top；2.Water flows to the legs；3.Fast drainage on the ground\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \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!-- 移动端亮点卡片Grid（调整为3张，与PC端对应） --\u003e\n\u003cdiv class=\"mobile-card-grid\"\u003e\n    \u003cdiv class=\"highlight-card\"\u003e\n        \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1.3_424af389-83c7-4f49-9dc8-74501630509d.png?v=1781781804\" alt=\"Widened Pole\" style=\"width:100%; max-width:600px; aspect-ratio:600\/450; object-fit:cover; border-radius:8px;\"\u003e\n        \u003ch4\u003e4.53\"x4.53\" Widened Pole\u003c\/h4\u003e\n        \u003cp\u003eDesigned for year-round durability, they keep your patio pergola steady in wind, rain, and seasonal change.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"highlight-card\"\u003e\n        \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1.1_a44cca4d-705c-4a9e-b495-a24b7c4149df.png?v=1781781804\" alt=\"Full Aluminum Frame\" style=\"width:100%; max-width:600px; aspect-ratio:600\/450; object-fit:cover; border-radius:8px;\"\u003e\n        \u003ch4\u003eFull Aluminum Frame | Rust-Proof \u0026amp; Durable\u003c\/h4\u003e\n        \u003cp\u003eLouver Adjustment Range: 0°–85°，Seamlessly balance sunshine and cool shade for your patio.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"highlight-card\"\u003e\n        \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1.2_1b440792-5532-4439-bb45-e38e3d7970ae.png?v=1781781804\" alt=\"Hidden Gutter System\" style=\"width:100%; max-width:600px; aspect-ratio:600\/450; object-fit:cover; border-radius:8px;\"\u003e\n        \u003ch4\u003eHidden Gutter System\u003c\/h4\u003e\n        \u003cp\u003eThe rainwater will collect through the guttersand drain from the bottom of the support columns：1.Rainwater is collected on the top；2.Water flows to the legs；3.Fast drainage on the ground\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n   \u003c!-- 尺寸图（代码2新增） --\u003e\n            \u003cdiv class=\"size-image-wrap\"\u003e\n                \u003cimg class=\"desktop-only\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1464x600_0593dced-182b-4352-ae36-c77e82c75bc1.jpg?v=1764322143\" alt=\"Size Guide\"\u003e\n                \u003cimg class=\"phone-only\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/600x800_e39700ee-4111-4d57-8e1d-1f575fceac61.jpg?v=1764322142\" alt=\"Size Guide Mobile\"\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c!-- 第三板块START (MEDIA EVALUATION) --\u003e\n\u003c!-- ============================================================\n    MEDIA EVALUATION\n    ============================================================ --\u003e\n\u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eMEDIA EVALUATION\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n        \u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003eOur louvered pergola has been raved about by two renowned Instagram voices in outdoor furniture:\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n        \u003cp\u003e📸 \u003cstrong\u003e\u003ca href=\"https:\/\/www.instagram.com\/reel\/DLpQ8Z3RROz\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: blue; text-decoration: underline;\"\u003e@allyrokstyle\u003c\/a\u003e:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003e- \"The sturdy metal frame also has a gutter system that drains rain water thru the posts instead of thru the lovers so you can enjoy the pergola during rainy weather too!We are LOVING this new addition to our space—it takes outdoor living to another level 🙌🏻🙌🏻🙌🏻\"\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n        \u003cp\u003e📸 \u003cstrong\u003e\u003ca href=\"https:\/\/www.instagram.com\/reel\/DAL6idiu_Kp\/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: blue; text-decoration: underline;\"\u003e@nittas_homeandstyle\u003c\/a\u003e:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003e\u003cspan data-mce-fragment=\"1\"\u003e- \"This pergola is not only stylish, functional and beautiful, it is very unique, pure Aluminum that never rusts and also very large 11x27 in size, all louvres can open individually at will, they shade you from the sun, and also rain, this pergola is a great addition to my backyard.\"\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003c!-- ============================================================\n   第四板块START WHY CHOOSE US（新增板块） \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!-- 控制展开\/折叠的 JavaScript --\u003e\n\u003cscript\u003e\nfunction 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'; \/\/ 或 'flex'，根据 grid 实际 display 调整\n    });\n}\n\nfunction 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 隐藏（避免页面加载时闪烁）\ndocument.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   \u003c!-- ============================================================\n    OTHER CHOICE - 使用代码2的产品列表，保留代码1的卡片轮播样式\n    ============================================================ --\u003e\n    \u003cdiv class=\"accordion-item active\"\u003e\n        \u003cdiv class=\"accordion-header\"\u003eOTHER CHOICE\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"accordion-content\"\u003e\n            \u003cdiv class=\"swiper choice-swiper\"\u003e\n                \u003cdiv class=\"swiper-wrapper\"\u003e\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\/4eace1f44dbd917d3bddbbe0831f4765.jpg?v=1726034472\" 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 $1999-$5299\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 10'x12' - 13'x30'\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 Grey\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\/louvered-pergola\/products\/purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo-1\" target=\"_blank\"\u003eView Details\u003c\/a\u003e    \n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"swiper-slide\"\u003e\n                        \u003cdiv class=\"product-card\"\u003e\n                         \u003cimg loading=\"lazy\" src=\"https:\/\/purpleleafshop.com\/cdn\/shop\/files\/1012_808c6d5d-0a0c-41e9-9870-6b53181aacdd.jpg?v=1754644472\u0026amp;width=180\" alt=\"Caesar Pergola with Lights\"\u003e\n                            \u003ch3 class=\"card-title\"\u003eCaesar Pergola with Lights\u003c\/h3\u003e\n                            \u003cul class=\"spec-list\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2599-$5899\u003c\/li\u003e\n                                \u003cli\u003e\n\u003cstrong\u003eSize:\u003c\/strong\u003e 10'x12' - 13'x30'\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 Grey\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\/louvered-pergola\/products\/purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo-4\" target=\"_blank\"\u003eView Details\u003c\/a\u003e   \n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\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=900\" alt=\"Caesar White Roof Louvered Pergola\"\u003e\n                            \u003ch3 class=\"card-title\"\u003eCaesar White Roof Louvered Pergola\u003c\/h3\u003e\n                            \u003cul class=\"spec-list\"\u003e\n                                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2099-$4599\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.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\u003eGrey 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                    \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-$5499\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                \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                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\n    function collapseContent() {\n        document.querySelector('.see-more').style.display = 'inline';\n        document.querySelector('.more-text').style.display = 'none';\n    }\n\n    \/\/ 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    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    \/\/ 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\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!-- ============================================================\n1. 悬浮小视频（使用代码2的视频链接）\n============================================================ --\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: contain; background: #000;\"\u003e\n        \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3d8011a9cc634c0d8d63ed8bbc198ea6.mp4\" type=\"video\/mp4\"\u003e\n        你的浏览器不支持视频播放\n    \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n2. 弹窗视频（使用代码2的视频链接）\n============================================================ --\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    \u003cdiv id=\"modal-video-container\" style=\"position: relative; width: calc(100% - 60px); max-width: 900px; margin: 70px auto 50px auto; transform: translateY(100%); transition: transform 0.5s ease-out; aspect-ratio: 16\/9;\"\u003e\n        \u003cbutton id=\"close-modal-btn\" style=\"position: absolute; top: 15px; right: 15px; background: #000000; color: #ffffff; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 18px; cursor: pointer; z-index: 999999; line-height: 32px; text-align: center; padding: 0; margin: 0; font-weight: bold;\"\u003e×\u003c\/button\u003e\n        \u003cvideo width=\"100%\" height=\"100%\" muted controls playsinline style=\"border-radius: 0; object-fit: contain; background: #000;\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3d8011a9cc634c0d8d63ed8bbc198ea6.mp4\" type=\"video\/mp4\"\u003e\n            你的浏览器不支持视频播放\n        \u003c\/source\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n3. 视频交互逻辑\n============================================================ --\u003e\n\u003cscript\u003e\n    document.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        closeSmallBtn.addEventListener('click', function(e) {\n            e.stopPropagation();\n            smallVideo.style.display = 'none';\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        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        videoModal.addEventListener('click', function(e) {\n            if (e.target === videoModal) {\n                closeModalBtn.click();\n            }\n        });\n\n        closeModalBtn.style.display = 'block';\n    });\n\u003c\/script\u003e","brand":"PURPLE LEAF","offers":[{"title":"8' x 10'(Shipping in Early August)","offer_id":53121301512557,"sku":"ZY05KSPRG0810","price":2099.0,"currency_code":"USD","in_stock":true},{"title":"8' x 12'(Shipping in Late July)","offer_id":53154744205677,"sku":"ZY05KSPRG0812","price":2199.0,"currency_code":"USD","in_stock":false},{"title":"8' x 14'(Shipping in Early August)","offer_id":53154744238445,"sku":"ZY05KSPRG0814","price":2499.0,"currency_code":"USD","in_stock":true},{"title":"10' x 10'(Shipping in Late July)","offer_id":53121301545325,"sku":"ZY05KSPRG1010","price":2199.0,"currency_code":"USD","in_stock":true},{"title":"10' × 12'","offer_id":48300112314651,"sku":"ZY05KSPRG1012","price":2049.0,"currency_code":"USD","in_stock":true},{"title":"10' × 14'(Hot Sale)","offer_id":51706181648749,"sku":"ZY05KSPRG1014","price":2249.0,"currency_code":"USD","in_stock":true},{"title":"10' x 16'","offer_id":51859226853741,"sku":"ZY05KSPRG1016","price":3029.0,"currency_code":"USD","in_stock":true},{"title":"10' x 20'(Shipping in Late July)","offer_id":53121301578093,"sku":"ZY05KSPRG1020","price":3399.0,"currency_code":"USD","in_stock":true},{"title":"11' x 15'","offer_id":51859226886509,"sku":"ZY05KSPRG1115","price":3029.0,"currency_code":"USD","in_stock":true},{"title":"13' x 15'(Shipping in Early August)","offer_id":51859226919277,"sku":"ZY05KSPRG1315","price":3429.0,"currency_code":"USD","in_stock":true},{"title":"11' × 18'","offer_id":51706181681517,"sku":"ZY05KSPRG1118","price":3099.0,"currency_code":"USD","in_stock":true},{"title":"11' × 21'","offer_id":51706181714285,"sku":"ZY05KSPRG1121","price":3599.0,"currency_code":"USD","in_stock":true},{"title":"11' × 23'","offer_id":51706181747053,"sku":"ZY05KSPRG1123","price":3799.0,"currency_code":"USD","in_stock":true},{"title":"11' × 28'","offer_id":51706181779821,"sku":"ZY05KSPRG1128","price":4599.0,"currency_code":"USD","in_stock":true},{"title":"13' x 20'(Shipping in Early August)","offer_id":51859226952045,"sku":"ZY05KSPRG1320","price":4299.0,"currency_code":"USD","in_stock":true},{"title":"13' x 25'","offer_id":51859226984813,"sku":"ZY05KSPRG1325","price":5099.0,"currency_code":"USD","in_stock":true},{"title":"13' x 30'(Shipping in Early August)","offer_id":51859244548461,"sku":"ZY05KSPRG1330","price":6199.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/purple-leaf-9-12-outdoor-louvered-pergola-patio-sun-shade-shelter-with-adjustable-hardtop-patio-pergola-grey-purple-leaf-garden-1.jpg?v=1720427971"}],"url":"https:\/\/purpleleafshop.com\/collections\/10-x-10-pergola-kits-1.oembed","provider":"PURPLE LEAF","version":"1.0","type":"link"}