{"product_id":"purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo","title":"PURPLE LEAF Caesar Outdoor Louvered Pergola Patio Sun Shade Shelter with Adjustable Hardtop Patio Pergola Gray Frame White Roof","description":"\u003c!-- 自定义商品详情排版 - Doc7内容 + Doc6 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 { background: #f8f9fa; }\n    .accordion-header::after {\n      content: '+';\n      font-size: 28px;\n      transition: transform 0.3s ease;\n    }\n    .accordion-item.active .accordion-header::after { transform: rotate(45deg); }\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 { padding: 30px; }\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    \/* Policy *\/\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: pointer;\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    \/* 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: 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 { display: none; }\n      .mobile-highlights-swiper .swiper-pagination { bottom: 15px; }\n\n      .pc-detail-swiper { display: none; }\n      .mobile-detail-swiper { display: block; }\n    }\n\n    \/* 详情图轮播 *\/\n    .detail-swiper-wrap { margin: 30px 0; }\n    .detail-swiper-wrap .swiper-slide img {\n      width: 100%;\n      height: auto;\n      max-height: 600px;\n      object-fit: cover;\n      cursor: default;\n    }\n    .detail-swiper-wrap .swiper-slide img:hover { transform: none; }\n\n    \/* 亮点卡片 *\/\n    .pc-card-swiper { display: block; }\n    .mobile-card-grid { display: none; }\n    @media (max-width: 768px) {\n      .pc-card-swiper { display: none; }\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    .pc-card-swiper, .mobile-card-grid { margin: 40px 0; padding: 20px 0; }\n    .pc-card-swiper .swiper-slide { display: flex; flex-direction: column; padding: 0 15px; }\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 { width: 100%; max-width: 300px; border-radius: 8px; margin: 0 auto 16px; flex-shrink: 0; }\n    .highlight-card h4 { font-size: 18px; margin: 12px 0; font-weight: 600; color: var(--primary); }\n    .highlight-card p { font-size: 14px; color: var(--gray); line-height: 1.5; flex-grow: 1; }\n\n    \/* 产品卡片 *\/\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 { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }\n    .product-card img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; }\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    }\n    .lightbox-modal.active { display: flex; }\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 { transform: translateY(0); }\n    .lightbox-close {\n      position: absolute;\n      top: 20px; right: 30px;\n      color: #fff;\n      font-size: 40px;\n      font-weight: bold;\n      cursor: pointer;\n      z-index: 10001;\n    }\n\n    \/* 移动端通用 *\/\n    @media (max-width: 768px) {\n      .section-title { 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      .highlight-card { padding: 15px; }\n      .highlight-card img { max-width: 250px; }\n      .highlight-card h4 { font-size: 16px; }\n      .highlight-card p { font-size: 13px; }\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\u003e● Modern \u0026amp; Clean Style\u003c\/strong\u003e: A modern outdoor pergola with a special and handcrafted design featuring smooth curves and clean lines while concealing any fixings. This ideal addition to your outdoor space will captivate your senses with a sleek appearance.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● Independent Adjustable Roof\u003c\/strong\u003e: With two rows of individually controlled louvered roofs, you can enjoy up to 120-310 square feet of shade while still being able to bask in the sun or gaze at the stars with this patio pergola.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● Full Aluminum Frames and Louvers\u003c\/strong\u003e: Constructed with high-quality aluminum, the Purple Leaf pergola is built to withstand the test of time. With a weatherproof aluminum louvers, it create an optimal environment by shielding your outdoor space from heavy rain, snow, and other harsh elements.\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● Hidden Drainage System\u003c\/strong\u003e: Effortlessly manage water accumulation with the hidden drainage of this aluminum pergola. Designed to efficiently and invisibly whisk water away, this innovative system prevents pooling and ensures a clean and dry environment for your outdoor space.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e● Exceptional Load-bearing Capacity\u003c\/strong\u003e: Anchored firmly to the floor, this pergola can effortlessly withstand wind speeds of 40-70 mph and snow accumulation of up to 2.4 inches. With an impressive static pressure test rating of 66 lbs\/㎡, designed to endure heavy snow and challenging weather condition.\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 2-3 people to install. \u003cstrong\u003eImportant: Check HOA approval before purchasing – many associations regulate louvered pergolas.\u003c\/strong\u003e PURPLE LEAF doesn't offer installation service. Furniture NOT INCLUDED!\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 that have been installed to avoid potential damage to your pergola.\u003c\/p\u003e\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端横幅轮播（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\/pc_2d473a7a-6da7-47fe-bf2e-e0875bce6915.jpg?v=1737186824\" 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\/3_abec4706-bc59-47e0-95d1-b5d144e0b322.jpg?v=1737602908\" alt=\"PURPLE-LEAF Adjustable Louvered Pergola 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\/1_f083c837-556e-4b4e-bdf7-c42221a2823e.jpg?v=1737602908\" alt=\"PURPLE-LEAF Adjustable Louvered Pergola 2\"\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!-- 移动端横幅轮播（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\/13_64f9a904-7010-4bdd-8390-45f67a1b0924.jpg?v=1737186824\" alt=\"PURPLE-LEAF Adjustable Louvered Pergola Mobile\"\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\/3_9bb71a11-e42a-4899-aba7-00f820a4b589.jpg?v=1737610873\" 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\/1_5d75b517-57f0-4db5-b43c-062880b85d2a.jpg?v=1737610873\" alt=\"PURPLE-LEAF Adjustable Louvered Pergola Mobile 2\"\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端详情图轮播（3张） --\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\/4_46cae16c-5085-4749-804a-d62cd5f75e38.jpg?v=1737602908\" 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\/2_cd7e1fb1-671d-4133-9474-184e05c394e1.jpg?v=1737602908\" 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\/5_bb081a8c-e7c8-41b4-8532-6e65bccc26d3.jpg?v=1737602907\" alt=\"Detail 3\"\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!-- 移动端详情图轮播（3张） --\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\/4_066c5b75-fcd0-499f-8d34-79cf02e70396.jpg?v=1737610874\" 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\/2_1700cd96-1b89-40ec-826b-f2e8c6c0835b.jpg?v=1737610873\" 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\/5_94764188-0287-4f86-8c39-01dcb320c6f4.jpg?v=1737610873\" alt=\"Detail Mobile 3\"\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 active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eOTHER CHOICE\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"swiper choice-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1012-2.jpg?v=1737187780\" 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 $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\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\/louvered-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:\/\/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:\/\/cdn.shopify.com\/s\/files\/1\/0610\/4757\/0686\/files\/4eace1f44dbd917d3bddbbe0831f4765.jpg?v=1726034472\" alt=\"Gray Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eGray 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\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\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 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) 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\u003cli\u003e\u003cstrong\u003e(3) Missing part\u003c\/strong\u003e\u003c\/li\u003e\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\u003cli\u003e\u003cstrong\u003e(4) Doesn't work or defective\u003c\/strong\u003e\u003c\/li\u003e\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\u003cli\u003e\u003cstrong\u003e(5) Incorrect Package Sent\u003c\/strong\u003e\u003c\/li\u003e\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 --\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      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\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!-- 悬浮小视频 --\u003e\n\u003cdiv id=\"small-float-video\" style=\"position: fixed; bottom: 200px; left: 20px; z-index: 9998; width: 120px; aspect-ratio: 3\/4; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.2); cursor: pointer;\"\u003e\n  \u003cbutton id=\"close-small-video\" style=\"position: absolute; top: 3px; right: 3px; background: rgba(0,0,0,0.7); color: #fff; border: none; border-radius: 50%; width: 18px; height: 18px; font-size: 12px; cursor: pointer; z-index: 10; padding: 0; margin: 0;\"\u003e×\u003c\/button\u003e\n  \u003cvideo width=\"100%\" height=\"100%\" muted autoplay loop playsinline style=\"display: block; object-fit: cover;\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b1509f8406ae45ddab56e36c33316f06.mp4\" type=\"video\/mp4\"\u003e\n    你的浏览器不支持视频播放\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- 弹窗视频（竖屏 3:4 比例 + opacity淡入淡出） --\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; overflow-y: auto;\"\u003e\n  \u003cdiv id=\"modal-video-container\" style=\"position: relative; width: auto; max-width: 420px; margin: 40px auto; aspect-ratio: 3\/4; opacity: 0; transition: opacity 0.4s ease-out;\"\u003e\n    \u003cbutton id=\"close-modal-btn\" style=\"position: absolute; top: 10px; right: 10px; 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: 8px; object-fit: contain; background: #000;\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b1509f8406ae45ddab56e36c33316f06.mp4\" type=\"video\/mp4\"\u003e\n      你的浏览器不支持视频播放\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 手机端弹窗适配 --\u003e\n\u003cstyle\u003e\n@media (max-width: 480px) {\n  #modal-video-container {\n    max-width: calc(100% - 32px) !important;\n    margin: 24px auto !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- 视频交互逻辑 --\u003e\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const smallVideo = document.getElementById('small-float-video');\n  const closeSmallBtn = document.getElementById('close-small-video');\n  const videoModal = document.getElementById('video-modal');\n  const modalVideoContainer = document.getElementById('modal-video-container');\n  const closeModalBtn = document.getElementById('close-modal-btn');\n  const modalVideo = document.querySelector('#modal-video-container video');\n\n  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    modalVideoContainer.getBoundingClientRect(); \/\/ 强制 reflow\n    modalVideoContainer.style.opacity = '1';\n    modalVideo.play();\n  });\n\n  closeModalBtn.addEventListener('click', function() {\n    modalVideoContainer.style.opacity = '0';\n    modalVideo.pause();\n    setTimeout(() =\u003e { videoModal.style.display = 'none'; }, 400);\n  });\n\n  videoModal.addEventListener('click', function(e) {\n    if (e.target === videoModal) closeModalBtn.click();\n  });\n});\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"10' x 12'","offer_id":46470263570511,"sku":"ZY02KSBY1012-WT","price":877.05,"currency_code":"USD","in_stock":true},{"title":"10' x 14'","offer_id":46470263603279,"sku":"ZY02KSBY1014-WT","price":1057.05,"currency_code":"USD","in_stock":true},{"title":"11' x 18'","offer_id":46470263636047,"sku":"ZY02KSBY1118-WT","price":1282.05,"currency_code":"USD","in_stock":true},{"title":"11' x 21'(+Free Gift)","offer_id":46470263668815,"sku":"ZY02KSBY1121-WT","price":1619.55,"currency_code":"USD","in_stock":true},{"title":"11' x 23'(+Free Gift)","offer_id":46470263701583,"sku":"ZY02KSBY1123-WT","price":1664.55,"currency_code":"USD","in_stock":true},{"title":"11' x 28'(+Free Gift)","offer_id":46470263734351,"sku":"ZY02KSBY1128-WT","price":2137.05,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0730\/5943\/4575\/files\/1012-1_19de2f20-b88a-4731-9ff6-0ad3e46b1136.jpg?v=1787368127","url":"https:\/\/rylanceracing.shop\/products\/purple-leaf-outdoor-louvered-pergola-patio-sun-shade-shelter-adjustable-metal-roof-grill-gazebo","provider":"Rylance Racing","version":"1.0","type":"link"}