{"product_id":"purple-leaf-louvered-pergola-white-outdoor-aluminum-pergola-with-roller-blind-adjustable-gazebo-rainproof-for-patio-deck-garden","title":"PURPLE LEAF Athena Louvered Pergola Bronze Outdoor Aluminum Pergola with Roller Blind Adjustable Gazebo for Patio Deck Garden","description":"\u003c!-- 自定义商品详情排版 - Doc4内容 + Doc3 UI风格 + 新增MEDIA EVALUATION板块 + WHY CHOOSE US板块 --\u003e\n\u003cdiv class=\"custom-detail-container\"\u003e\n  \u003cdiv class=\"section-title\"\u003ePRODUCT OVERVIEW\u003c\/div\u003e\n\n  \u003c!-- Swiper CDN --\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\u003e\n  \u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"\u003e\u003c\/script\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --primary: #3771aa;\n      --text: #333;\n      --bg: #fff;\n      --gray: #666;\n      --border: #eee;\n    }\n    .custom-detail-container {\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 40px 20px;\n      color: var(--text);\n      line-height: 1.6;\n    }\n    .section-title {\n      font-size: 32px;\n      font-weight: 600;\n      text-align: center;\n      margin-bottom: 50px;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Accordion *\/\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 sections *\/\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-only { display: block; }\n    .mobile-only { display: none; }\n\n    @media (max-width: 768px) {\n      .pc-only { display: none; }\n      .mobile-only {\n        display: block;\n        width: calc(100% + 60px);\n        margin-left: -30px;\n        margin-right: -30px;\n        margin-top: 0;\n        margin-bottom: 60px;\n        border-radius: 0;\n        box-shadow: none;\n      }\n      .mobile-only .swiper-slide {\n        padding: 30px 0;\n        background: #fff;\n      }\n      .mobile-only .swiper-slide img {\n        width: auto;\n        max-width: 100%;\n        height: auto;\n        max-height: 78vh;\n        object-fit: contain;\n        border-radius: 0;\n      }\n      .mobile-only .swiper-button-next,\n      .mobile-only .swiper-button-prev { display: none; }\n      .mobile-only .swiper-pagination { bottom: 10px; }\n\n      \/* 普通轮播在移动端全宽 *\/\n      .detail-swiper-wrap .swiper {\n        border-radius: 0;\n        margin-left: -30px;\n        margin-right: -30px;\n        width: calc(100% + 60px);\n      }\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: 30px 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 {\n      display: flex;\n      flex-direction: column;\n      padding: 0 15px;\n    }\n    .highlight-card {\n      text-align: center;\n      background: #fff;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n    .highlight-card img {\n      width: 100%;\n      max-width: 300px;\n      border-radius: 8px;\n      margin: 0 auto 16px;\n      flex-shrink: 0;\n    }\n    .highlight-card h4 {\n      font-size: 18px;\n      margin: 12px 0;\n      font-weight: 600;\n      color: var(--primary);\n    }\n    .highlight-card p {\n      font-size: 14px;\n      color: var(--gray);\n      line-height: 1.5;\n      flex-grow: 1;\n    }\n\n    \/* MEDIA EVALUATION 达人测评卡片 *\/\n    .media-swiper { padding-bottom: 46px; }\n    \/* 覆盖全局 .swiper-slide 的 flex 居中，否则卡片会因为没有固有宽度被压缩成一条细线 *\/\n    .media-swiper .swiper-slide {\n      display: block;\n      height: auto;\n      background: transparent;\n    }\n    .media-card {\n      position: relative;\n      display: block;\n      width: 100%;\n      height: 0;\n      padding-bottom: 133.33%; \/* 3:4 比例卡片，比 aspect-ratio 兼容性更好，不依赖浏览器\/主题支持 *\/\n      border-radius: 14px;\n      overflow: hidden;\n      text-decoration: none;\n      background: #111;\n      box-shadow: 0 6px 20px rgba(0,0,0,0.12);\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .media-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 14px 30px rgba(0,0,0,0.18);\n    }\n    \/* 用更高的选择器优先级覆盖全局 .swiper-slide img（否则那条规则的 height:auto 会赢，导致图片按原始比例显示、撑不满卡片） *\/\n    .media-swiper .media-card-img {\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      width: 100% !important;\n      height: 100% !important;\n      max-width: none;\n      object-fit: cover;\n      border-radius: 0;\n      margin: 0;\n      transition: transform 0.5s ease;\n    }\n    .media-card:hover .media-card-img { transform: scale(1.06); }\n    .media-card-name {\n      position: absolute;\n      top: 14px;\n      left: 14px;\n      max-width: calc(100% - 28px);\n      background: rgba(20,20,20,0.55);\n      color: #fff;\n      font-size: 13px;\n      font-weight: 600;\n      padding: 6px 14px;\n      border-radius: 999px;\n      backdrop-filter: blur(3px);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n    .media-card-play {\n      position: absolute;\n      top: 14px;\n      right: 14px;\n      width: 30px;\n      height: 30px;\n      border-radius: 50%;\n      background: rgba(20,20,20,0.55);\n      color: #fff;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 13px;\n      backdrop-filter: blur(3px);\n    }\n    .media-card-overlay {\n      position: absolute;\n      left: 0; right: 0; bottom: 0;\n      padding: 46px 16px 16px;\n      background: linear-gradient(to top, rgba(0,0,0,0.88) 15%, rgba(0,0,0,0.55) 55%, rgba(0,0,0,0) 100%);\n      color: #fff;\n    }\n    .media-card-quote {\n      font-size: 13px;\n      line-height: 1.55;\n      margin: 0 0 10px;\n      display: -webkit-box;\n      -webkit-line-clamp: 4;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n    .media-card-rating {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n    }\n    .media-card-rating .stars { color: #ffb400; letter-spacing: 1px; font-size: 14px; }\n    .media-card-rating .score { color: #eee; font-weight: 600; }\n    .media-swiper .swiper-button-disabled { display: none; }\n\n    \/* WHY CHOOSE US 样式 *\/\n    .why-choose-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px 30px;\n      margin: 20px 0 10px;\n    }\n    .why-choose-item {\n      padding: 16px 0;\n      border-bottom: 1px solid var(--border);\n    }\n    .why-choose-item h4 {\n      font-size: 17px;\n      font-weight: 600;\n      color: var(--primary);\n      margin: 0 0 8px 0;\n    }\n    .why-choose-item p {\n      font-size: 15px;\n      line-height: 1.6;\n      color: var(--gray);\n      margin: 4px 0;\n    }\n    .why-choose-item a {\n      color: var(--primary);\n      text-decoration: underline;\n    }\n    .why-choose-item a:hover {\n      color: #2a5a8c;\n    }\n    @media (max-width: 768px) {\n      .why-choose-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n      }\n      .why-choose-item h4 {\n        font-size: 16px;\n      }\n      .why-choose-item p {\n        font-size: 14px;\n      }\n    }\n\n    \/* 产品卡片 *\/\n    .product-card {\n      background: #fff;\n      border-radius: 12px;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.08);\n      padding: 24px;\n      width: 100%;\n      max-width: 340px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .product-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 12px 32px rgba(0,0,0,0.12);\n    }\n    .product-card img {\n      width: 100%;\n      height: auto;\n      border-radius: 8px;\n      margin-bottom: 20px;\n    }\n    .card-title { font-size: 18px; font-weight: 600; margin: 16px 0; }\n    .spec-list {\n      list-style: none;\n      padding: 0;\n      margin: 20px 0;\n      text-align: left;\n      font-size: 15px;\n      line-height: 1.8;\n    }\n    .spec-list li { padding: 8px 0; border-bottom: 1px solid #eee; }\n    .spec-list li:last-child { border-bottom: none; }\n    .spec-list strong { color: var(--primary); }\n    .pBtn {\n      display: inline-block;\n      padding: 12px 28px;\n      background: var(--primary);\n      color: white;\n      border-radius: 8px;\n      text-decoration: none;\n      font-weight: 600;\n      margin-top: auto;\n      transition: background 0.3s ease;\n    }\n    .pBtn:hover { background: #2a5a8c; }\n\n    \/* Lightbox *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      z-index: 10000;\n      left: 0; top: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0,0,0,0.95);\n      justify-content: center;\n      align-items: center;\n      overflow: hidden;\n    }\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● Adjustable Louvered Roof：\u003c\/strong\u003e The unique louvered roof design allows you to control the amount of sun or shade you receive. Keeps out the bright light and harmful UV rays。\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● High Quality Material：\u003c\/strong\u003e Constructed with powder coated aluminum frame, which is rust-resistant and not easy to deform. Designed to last for years to come.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003e● Hidden Gutter Design：\u003c\/strong\u003e This outdoor pergola has a built-in gutter system along the roof to redirect the water to outside posts, avoiding water accumulation on the roof and keeping dry underneath.\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● Privacy and Protection：\u003c\/strong\u003e Enjoy uninterrupted leisure time shielded from prying eyes and harsh weather conditions with the adjustable drop-down roller shade.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e● Customizable Shading：\u003c\/strong\u003e Pulling to the roller blinds to control the level of shade to create the perfect ambience can enhance your outdoor experience.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e● Built to Last：\u003c\/strong\u003e Crafted from premium aluminum, the metal pergola stands the test of time, shielding your outdoor haven from the harshest elements. Rain or shine, rest assured your space remains protected and stylish.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003e● Easy to Assemble：\u003c\/strong\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\u003cstrong\u003e● Noted：\u003c\/strong\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端横幅轮播（原静态2张） --\u003e\n      \u003cdiv class=\"swiper pc-only pc-banner-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\/74b96dbb2d19db9758ba306fc55ad040_41005180-15c1-45e9-9743-99e25f4e405a.jpg?v=1723715849\" 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\/4aa3f5d7-a3f4-41af-bf41-9903fdbed4b3.__CR0_0_1464_600_PT0_SX1464_V1_01f8ae8b-b06a-447b-93c2-832d23ab927c.jpg?v=1721282570\" alt=\"PURPLE-LEAF 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!-- 移动端横幅轮播（原静态2张） --\u003e\n      \u003cdiv class=\"swiper mobile-only mobile-banner-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\/695940a3-60ba-4302-84dc-178d5a9daa4b.__CR0_0_600_450_PT0_SX600_V1____1.jpg?v=1721284555\" alt=\"PURPLE-LEAF 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\/6de5e2b6-6e57-4280-94a3-091da99e1153.__CR0_0_600_450_PT0_SX600_V1.jpg?v=1721284555\" alt=\"PURPLE-LEAF 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端（PC-01\/02\/03） --\u003e\n      \u003cdiv class=\"detail-swiper-wrap\"\u003e\n        \u003cdiv class=\"swiper pc-only new-pc-swiper\"\u003e\n          \u003cdiv class=\"swiper-wrapper\"\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PC-01_abc135e2-618b-4514-830b-011d010e3553.jpg?v=1769073775\" alt=\"Detail PC 1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PC-02_e8c66a8b-a596-45cf-aea4-dce7948f0aaa.jpg?v=1769073775\" alt=\"Detail PC 2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PC-03_952cc3e9-d3de-4c52-9068-deb02bfed849.jpg?v=1769073777\" alt=\"Detail PC 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\n        \u003c!-- 新轮播：移动端（PE-01\/02\/03） --\u003e\n        \u003cdiv class=\"swiper mobile-only new-mobile-swiper\"\u003e\n          \u003cdiv class=\"swiper-wrapper\"\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-01_7604c332-456c-4647-8995-0ec5054f799b.jpg?v=1769073794\" alt=\"Detail PE 1\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-02_45284b6f-09d4-4031-b803-0cb7394f8f89.jpg?v=1769073796\" alt=\"Detail PE 2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/PE-03_a6da7fd2-69f5-40cd-a17c-65b4c7ac63ac.jpg?v=1769073798\" alt=\"Detail PE 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!-- 原有轮播：PC端（4张，从第4张开始） --\u003e\n      \u003cdiv class=\"detail-swiper-wrap\"\u003e\n        \u003cdiv class=\"swiper pc-only old-pc-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\/20662942-78f1-4951-a317-1bbd2c814ab6.__CR0_0_1464_600_PT0_SX1464_V1_7bfa8b41-bc65-4300-9d66-014e21e11e1e.jpg?v=1721282570\" alt=\"Detail1\"\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\/4384c127-82f3-4020-b1aa-51c717c33c75.__CR0_0_1464_600_PT0_SX1464_V1_0e462f2c-24c7-48a6-84b7-66beb781162e.jpg?v=1721282569\" alt=\"Detail2\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/33ffae0206d3c7cd1aadac09875e5e96_9a5f929d-857a-4d62-8c10-a5f9e2c7c7d2.jpg?v=1727404708\" alt=\"Detail3\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/0cf3c8cc-f963-405c-b44c-87b435e6a7dc.__CR0_0_1464_600_PT0_SX1464_V1_f6a6a275-e9ab-47d4-bb04-f1ee563d7377.jpg?v=1721282570\" alt=\"Detail4\"\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!-- 原有轮播：移动端（4张，从第4张开始） --\u003e\n        \u003cdiv class=\"swiper mobile-only old-mobile-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\/589de876-b5d0-4583-bf67-416ff824bb8a.__CR0_0_600_450_PT0_SX600_V1.jpg?v=1721284555\" 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\/8b80b040-277c-4fbc-94a2-bbc05f8c24cb.__CR0_0_600_450_PT0_SX600_V1.jpg?v=1721284555\" 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\/33ffae0206d3c7cd1aadac09875e5e96_4b502b3c-b218-4fa5-996c-ff6afa2ae9cc.jpg?v=1727404804\" alt=\"Detail Mobile 3\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/5bb5d9d2-6d7c-4ec6-82bc-444ab2e1835e.__CR0_0_600_450_PT0_SX600_V1.jpg?v=1721284555\" alt=\"Detail Mobile 4\"\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- MEDIA EVALUATION - 新增达人测评卡片轮播（默认展开） --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eMEDIA EVALUATION\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"swiper media-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/DGlIytCgQjD\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/481745836_18493569325019064_7811412094960016043_n..jpg?v=1784340119\" alt=\"lauri_b review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003elauri_b\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003ewe've been wanting this for 4 years and finally came true. We now have the most chic and inviting patio space. This is the perfect spot to enjoy a drink, watch the sunrise\/sunset and enjoy with family.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/CtrGGKjAGtk\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/ZYMXFBY1113_2.jpg?v=1784339904\" alt=\"nita_home review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003enita_home\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eIt's perfect for those sunny days and all you want its shade. Designed with two independent adjustable roofs, equipped with adjustable poles that allow you to adjust it effortlessly from 0° to 90°.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.youtube.com\/watch?v=ijWqYa5xxpI\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1_c4ae163c-44fa-45cf-b948-2479b5d82d67.png?v=1784336724\" alt=\"Jasminmelendez review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003eJasminmelendez\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eTransforma tu hogar con estilo: Encuentra inspiración para renovar cada rincón con ideas acogedoras, elegantes y llenas de personalidad.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/p\/DLzzSxFsN-H\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/photo-output_3.png?v=1784340339\" alt=\"marianneferminr review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003emarianneferminr\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eThe perfect spot for slow mornings, golden sunsets, and family memories. My heart is so full — it's everything I pictured and more.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reels\/DZC9rAJur-S\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/IMG_3074.jpg?v=1784341083\" alt=\"kellitesta review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003ekellitesta\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eWe added this louvered pergola to our patio and it's been so nice having permanent shade! This is the 12x14 in champagne and we added sun shades on 2 sides for additional privacy.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003ca class=\"media-card\" href=\"https:\/\/www.instagram.com\/reel\/DLpQ8Z3RROz\/\" target=\"_blank\" rel=\"noopener\"\u003e\n              \u003cimg class=\"media-card-img\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/Landscape_Image_2.jpg?v=1784341308\" alt=\"allyrokstyle review of PURPLE-LEAF pergola\"\u003e\n              \u003cspan class=\"media-card-name\"\u003eallyrokstyle\u003c\/span\u003e\n              \u003cspan class=\"media-card-play\"\u003e▶\u003c\/span\u003e\n              \u003cdiv class=\"media-card-overlay\"\u003e\n                \u003cp class=\"media-card-quote\"\u003eThe metal frame is also really sturdy. It's not going anywhere! There is an option to secure it to the patio as well, but we didn't even need to…it is very secure on its own.\u003c\/p\u003e\n                \u003cdiv class=\"media-card-rating\"\u003e\n                  \u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/a\u003e\n          \u003c\/div\u003e\n\n          \u003c!-- 后续达人素材，按上面的结构复制一份 \u003cdiv class=\"swiper-slide\"\u003e...\u003c\/div\u003e 即可 --\u003e\n\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============================================================\n   WHY CHOOSE US（新增板块，插入在 MEDIA EVALUATION 与 OTHER CHOICE 之间）\n   ============================================================ --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eWHY CHOOSE US\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n        \u003cdiv class=\"why-choose-grid\"\u003e\n\n            \u003c!-- 第一个项目：始终显示 --\u003e\n            \u003cdiv class=\"why-choose-item\"\u003e\n                \u003ch4\u003e10+ Years Dedicated to Outdoor Living\u003c\/h4\u003e\n                \u003cp\u003eFor more than a decade, PURPLE LEAF has focused on one thing—creating premium outdoor shade solutions that help families enjoy their backyards in comfort and style. From design and engineering to manufacturing and customer support, we continuously refine every detail to deliver durable, functional, and beautiful outdoor structures that stand the test of time.\u003c\/p\u003e\n                \u003c!-- ﹥See More 按钮（默认可见） --\u003e\n                \u003cspan class=\"see-more-btn\" onclick=\"expandWhyChoose()\" style=\"cursor:pointer; color:#0066cc; font-weight:bold;\"\u003e﹥See More\u003c\/span\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 第二个项目：始终显示（没有fold-item） --\u003e\n            \u003cdiv class=\"why-choose-item\"\u003e\n                \u003ch4\u003eTrusted by Thousands of American Families\u003c\/h4\u003e\n                \u003cp\u003eMore than 10,000 homeowners across the United States have chosen PURPLE LEAF to transform their outdoor spaces. From Texas and California to Florida and beyond, our customers share real experiences, installation photos, and backyard transformations that showcase how our louvered pergolas perform in different climates and seasons.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/purpleleafshop.com\/pages\/purple-leaf-louvered-pergola-reviews\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eRead what real customers are saying →\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- 以下所有项目默认折叠（添加 class=\"fold-item\"） --\u003e\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eDesigned for Confidence, Backed by Support\u003c\/h4\u003e\n                \u003cp\u003eA pergola is a long-term investment in your home. That's why we stand behind our products with comprehensive warranty coverage, giving you added confidence and peace of mind throughout ownership.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eReliable Door-to-Door Delivery\u003c\/h4\u003e\n                \u003cp\u003eWe coordinate the shipping process from start to finish, including freight handling and delivery arrangements. You'll receive tracking updates throughout the journey so you always know the status of your order.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eTransparent Return Policy\u003c\/h4\u003e\n                \u003cp\u003eIf your product arrives with shipping damage or verified manufacturing defects, our support team will work quickly to provide replacement parts, a replacement product, or an appropriate resolution based on the situation.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eInstallation Support Every Step of the Way\u003c\/h4\u003e\n                \u003cp\u003eFrom detailed assembly manuals to step-by-step installation videos, we provide the resources you need for a successful installation. Need extra help? Our team can also recommend professional third-party installation partners in many regions.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/assemblyhelp.com\/pages\/purple-leaf-assembly-help\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eChoose professional third-party assembly services →\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eLocal Support You Can Count On\u003c\/h4\u003e\n                \u003cp\u003eAfter-sales support originates from the same location as your order. When purchasing a large louvered pergola, your biggest concern often isn't the product itself, but rather: \"If a screw is missing or a corner gets dinged, how long will it take to resolve?\"\u003c\/p\u003e\n                \u003cp\u003eOver the past two years, hundreds of customers have encountered minor shipping scuffs, missing parts, or cracked handles. The reason they consistently left 5-star reviews was the same: \"Purple Leaf sent replacement parts in just a few days.\"\u003c\/p\u003e\n                \u003cp\u003eThis efficiency is backed by our genuine U.S.-based warehouses and service network:\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. West (California)\u003c\/strong\u003e – Serving all western states; replacement parts delivered in as little as 2-3 days.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. East (New Jersey + Pennsylvania)\u003c\/strong\u003e – Covering densely populated areas like New York, Philadelphia, and Boston; after-sales support requires no transoceanic shipping.\u003c\/p\u003e\n                \u003cp\u003e\u003cstrong\u003eU.S. South (Georgia + Texas)\u003c\/strong\u003e – Serving the Southeast and Gulf Coast; whether facing the scorching Texas sun or Florida downpours, replacement parts are close at hand.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"why-choose-item fold-item\"\u003e\n                \u003ch4\u003eProfessional \u0026amp; Efficient Customer Service\u003c\/h4\u003e\n                \u003cp\u003eQuestions before or after your purchase? Our dedicated customer support team is available to assist with product selection, installation guidance, replacement parts, warranty inquiries, and after-sales service. Most customer inquiries receive a response within 24 business hours.\u003c\/p\u003e\n                 \u003ch4\u003eAfter-Sales Support\u003c\/h4\u003e\n                  \u003cp\u003eOur after-sales service process is designed to help customers resolve issues quickly and efficiently, minimizing downtime and ensuring long-term product satisfaction. Our dedicated support team is available via email and phone to handle any inquiries, from missing parts and installation questions to warranty claims and damage reports. Replacement parts are shipped promptly from our U.S.-based warehouses, often reaching you within 3–4business days. With our commitment to responsive and reliable service, you can enjoy your outdoor space with complete peace of mind.\u003c\/p\u003e\n                \u003c!-- ﹥See Less 按钮（默认隐藏，放在最后一项内部） --\u003e\n                \u003cspan class=\"see-less-btn\" onclick=\"collapseWhyChoose()\" style=\"display:none; cursor:pointer; color:#0066cc; font-weight:bold;\"\u003e﹥See Less\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- OTHER CHOICE --\u003e\n  \u003cdiv class=\"accordion-item active\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eOTHER CHOICE\u003c\/div\u003e\n    \u003cdiv class=\"accordion-content\"\u003e\n      \u003cdiv class=\"swiper choice-swiper\"\u003e\n        \u003cdiv class=\"swiper-wrapper\"\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/8_e340964a-717b-4eb2-bc41-dd3c59e3345a.jpg?v=1727336578\" alt=\"Pergola with Roller Blind\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Roller Blind\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2799-$4899\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Roller Blind\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Privacy \u0026amp; Adjustable Sun Shade\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Tesslin Fabric\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-white-outdoor-aluminum-pergola-with-roller-blind-adjustable-gazebo-rainproof-for-patio-deck-garden\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/1013_10453c27-1947-470f-800b-746fda8e92b0.jpg?v=1727336289\" alt=\"Pergola with Strip Lights\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Strip Lights\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2978-$4508\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Illumination\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e LED\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e √\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Shutter Wall \/ Roller Blind\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-bronze-outdoor-aluminum-pergola-with-strip-lights-adjustable-gazebo-rainproof-for-patio-deck-garden-copy\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/7_0ef72540-0206-4dec-bbd0-bf4785de3f0f.jpg?v=1727336515\" alt=\"Pergola with Shutter Wall\"\u003e\n              \u003ch3 class=\"card-title\"\u003ePergola with Shutter Wall\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2699-$7219\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e Shutter Wall\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Privacy、Shading、Ventilation\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-louvered-pergola-bronze-outdoor-aluminum-pergola-with-louver-grille-adjustable-gazebo-rainproof-for-patio-deck-garden\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"swiper-slide\"\u003e\n            \u003cdiv class=\"product-card\"\u003e\n              \u003cimg loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0025\/3172\/1251\/files\/2_bc61ca3c-9032-4e8c-a535-99b9bcb6b6aa.jpg?v=1727336773\" alt=\"Athena Louvered Pergola\"\u003e\n              \u003ch3 class=\"card-title\"\u003eAthena Louvered Pergola\u003c\/h3\u003e\n              \u003cul class=\"spec-list\"\u003e\n                \u003cli\u003e\n\u003cstrong\u003ePrice:\u003c\/strong\u003e $2699-$4199\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eAccessory:\u003c\/strong\u003e None\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eFunctionality:\u003c\/strong\u003e Adjustable Sunshade\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e Aluminum\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eRemote Control:\u003c\/strong\u003e ×\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eCompatible:\u003c\/strong\u003e Roller Blind \/ Shutter Wall \/ Strip Lights\u003c\/li\u003e\n                \u003cli\u003e\n\u003cstrong\u003eWarranty:\u003c\/strong\u003e 1 Year\u003c\/li\u003e\n              \u003c\/ul\u003e\n              \u003ca class=\"pBtn\" href=\"https:\/\/purpleleafshop.com\/collections\/louvered-pergola\/products\/purple-leaf-outdoor-louvered-pergola-adjustable-metal-roof-bronze-hardtop-gazebo-patio-pavilion\" target=\"_blank\"\u003eView Details\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n        \u003cdiv class=\"swiper-pagination\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-prev\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"swiper-button-next\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SHIPPING \u0026 RETURN --\u003e\n  \u003cdiv class=\"accordion-item\"\u003e\n    \u003cdiv class=\"accordion-header\"\u003eSHIPPING \u0026amp; RETURN\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. Customer Service\u003c\/h4\u003e\n        \u003cp\u003eOur customer service team will respond within 24 hours. \u003cstrong\u003eWe offer a 3-year warranty for the polyester fabric and a 1-year warranty for the component (umbella cover is included)\u003c\/strong\u003e. You can contact our exclusive Purple Leaf customer service team for assistance before and after your purchase.\u003c\/p\u003e\n\n        \u003ch4\u003e2. 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\u003e3. 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. \u003cstrong\u003eReturns will not be accepted for OPEN BOX products.\u003c\/strong\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003e\u003cstrong\u003e(2) Arrived damage\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cp\u003eIf the item you have received is defective or damaged, contact our customer service at the first time and provide us with the order number and the photos or a video of the defective or damaged item in 7 days. In this case, after our checking, we can give a full refund.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(3) Missing part\u003c\/strong\u003e\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eIf your product parts damaged or missing, we can send the new parts to you or partially refund you. If the part affects product function or use, you can't repair it by yourself or the local technique person, and we will send a new item with you or a full refund.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(4) Doesn't work or defective\u003c\/strong\u003e\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eWhen you received the product that doesn't work, you can ask our customer service for help, we'll give you the related technical reply; if it doesn't work still, you can ask for an refund. When you received the product is defective, and you can ask our customer service to give you technical support or solution, if you can repair it by yourself or local store, we will provide you with some compensation.\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003e(5) Incorrect Package Sent\u003c\/strong\u003e\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eIf the item you have received differs completely from the one you ordered, please do not hesitate to contact our customer service and to provide us with the following proofs in 7 days: Photos or a video of the incorrect item. We will send a new item to you.\u003c\/p\u003e\n\n        \u003ch4\u003e4. 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\u003e5. 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\u003c!-- 控制 WHY CHOOSE US 展开\/折叠的 JavaScript --\u003e\n\u003cscript\u003e\nfunction expandWhyChoose() {\n    document.querySelector('.see-more-btn').style.display = 'none';\n    document.querySelector('.see-less-btn').style.display = 'inline';\n    var items = document.querySelectorAll('.fold-item');\n    items.forEach(function(item) {\n        item.style.display = 'block';\n    });\n}\n\nfunction collapseWhyChoose() {\n    document.querySelector('.see-less-btn').style.display = 'none';\n    document.querySelector('.see-more-btn').style.display = 'inline';\n    var items = document.querySelectorAll('.fold-item');\n    items.forEach(function(item) {\n        item.style.display = 'none';\n    });\n}\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    var items = document.querySelectorAll('.fold-item');\n    items.forEach(function(item) {\n        item.style.display = 'none';\n    });\n    document.querySelector('.see-less-btn').style.display = 'none';\n});\n\u003c\/script\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端横幅轮播（2张静态图）\n  new Swiper('.pc-banner-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  \/\/ 移动端横幅轮播（2张静态图）\n  new Swiper('.mobile-banner-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('.new-pc-swiper', {\n    loop: true,\n    autoplay: { delay: 8000, disableOnInteraction: true },\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('.new-mobile-swiper', {\n    loop: true,\n    autoplay: { delay: 8000, disableOnInteraction: true },\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  \/\/ 原有轮播 PC端（从第4张开始）\n  new Swiper('.old-pc-swiper', {\n    loop: true,\n    initialSlide: 3,\n    autoplay: { delay: 8000, disableOnInteraction: true },\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  \/\/ 原有轮播 移动端（从第4张开始）\n  new Swiper('.old-mobile-swiper', {\n    loop: true,\n    initialSlide: 3,\n    autoplay: { delay: 8000, disableOnInteraction: true },\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  \/\/ MEDIA EVALUATION 轮播（新增）\n  new Swiper('.media-swiper', {\n    slidesPerView: 1.3,\n    spaceBetween: 20,\n    loop: false,\n    pagination: { el: '.swiper-pagination', clickable: true },\n    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },\n    grabCursor: true,\n    speed: 600,\n    breakpoints: {\n      600: { slidesPerView: 2.2, spaceBetween: 20 },\n      769: { slidesPerView: 3, spaceBetween: 24 },\n      1024: { slidesPerView: 4, spaceBetween: 30 }\n    }\n  });\n\n  \/\/ OTHER CHOICE 轮播\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-banner-swiper img, .mobile-banner-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\/d580488daecc4b59ae31d0c33498e946.mp4\" type=\"video\/mp4\"\u003e\n    你的浏览器不支持视频播放\n  \u003c\/source\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\n\u003c!-- 弹窗视频 --\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: cover;\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d580488daecc4b59ae31d0c33498e946.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\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    closeModalBtn.style.display = 'block';\n    setTimeout(() =\u003e { modalVideoContainer.style.transform = 'translateY(0)'; }, 10);\n    modalVideo.play();\n  });\n\n  closeModalBtn.addEventListener('click', function() {\n    modalVideoContainer.style.transform = 'translateY(100%)';\n    modalVideo.pause();\n    setTimeout(() =\u003e { videoModal.style.display = 'none'; }, 500);\n  });\n\n  videoModal.addEventListener('click', function(e) {\n    if (e.target === videoModal) closeModalBtn.click();\n  });\n\n  closeModalBtn.style.display = 'block';\n});\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Bronze \/ 10' x 12' \/ 1L","offer_id":46470099730511,"sku":"ZYMXFBY1012-RB1L","price":1191.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 12' \/ 1W","offer_id":46470099763279,"sku":"ZYMXFBY1012-RB1W","price":1178.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 12' \/ 1L and 1W","offer_id":46470099796047,"sku":"ZYMXFBY1012-RB1L1W","price":1290.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 12' \/ 1L and 2W","offer_id":46470099828815,"sku":"ZYMXFBY1012-RB1L2W","price":1388.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 13' \/ 1L","offer_id":46470099861583,"sku":"ZYMXFBY1013-RB1L","price":1295.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 13' \/ 1W","offer_id":46470099894351,"sku":"ZYMXFBY1013-RB1W","price":1268.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 13' \/ 1L and 1W","offer_id":46470099927119,"sku":"ZYMXFBY1013-RB1L1W","price":1393.65,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 13' \/ 1L and 2W","offer_id":46470099959887,"sku":"ZYMXFBY1013-RB1L2W","price":1492.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 14' \/ 1L","offer_id":46470099992655,"sku":"ZYMXFBY1014-RB1L","price":1317.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 14' \/ 1W","offer_id":46470100025423,"sku":"ZYMXFBY1014-RB1W","price":1290.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 14' \/ 1L and 1W","offer_id":46470100058191,"sku":"ZYMXFBY1014-RB1L1W","price":1416.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 14' \/ 1L and 2W","offer_id":46470100090959,"sku":"ZYMXFBY1014-RB1L2W","price":1514.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 16' \/ 1L","offer_id":46470100123727,"sku":"ZYMXFBY1016-RB1L","price":1632.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 16' \/ 1W","offer_id":46470100156495,"sku":"ZYMXFBY1016-RB1W","price":1596.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 16' \/ 1L and 1W","offer_id":46470100189263,"sku":"ZYMXFBY1016-RB1L1W","price":1731.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 10' x 16' \/ 1L and 2W","offer_id":46470100222031,"sku":"ZYMXFBY1016-RB1L2W","price":1829.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 13' \/ 1L","offer_id":46470100254799,"sku":"ZYMXFBY1113-RB1L","price":1308.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 13' \/ 1W","offer_id":46470100287567,"sku":"ZYMXFBY1113-RB1W","price":1290.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 13' \/ 1L and 1W","offer_id":46470100320335,"sku":"ZYMXFBY1113-RB1L1W","price":1416.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 13' \/ 1L and 2W","offer_id":46470100353103,"sku":"ZYMXFBY1113-RB1L2W","price":1523.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 14' \/ 1L","offer_id":46470100385871,"sku":"ZYMXFBY1114-RB1L","price":1362.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 14' \/ 1W","offer_id":46470100418639,"sku":"ZYMXFBY1114-RB1W","price":1344.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 14' \/ 1L and 1W","offer_id":46470100451407,"sku":"ZYMXFBY1114-RB1L1W","price":1470.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 14' \/ 1L and 2W","offer_id":46470100484175,"sku":"ZYMXFBY1114-RB1L2W","price":1577.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 15' \/ 1L","offer_id":46470100516943,"sku":"ZYMXFBY1115-RB1L","price":1524.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 15' \/ 1W","offer_id":46470100549711,"sku":"ZYMXFBY1115-RB1W","price":1479.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 15' \/ 1L and 1W","offer_id":46470100582479,"sku":"ZYMXFBY1115-RB1L1W","price":1615.05,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 11' x 15' \/ 1L and 2W","offer_id":46470100615247,"sku":"ZYMXFBY1115-RB1L2W","price":1718.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 12' \/ 1L","offer_id":46470100648015,"sku":"ZYMXFBY1212-RB1L","price":1385.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 12' \/ 1W","offer_id":46470100680783,"sku":"ZYMXFBY1212-RB1W","price":1385.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 12' \/ 1L and 1W","offer_id":46470100713551,"sku":"ZYMXFBY1212-RB1L1W","price":1497.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 12' \/ 1L and 2W","offer_id":46470100746319,"sku":"ZYMXFBY1212-RB1L2W","price":1609.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 14' \/ 1L","offer_id":46470100779087,"sku":"ZYMXFBY1214-RB1L","price":1448.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 14' \/ 1W","offer_id":46470100811855,"sku":"ZYMXFBY1214-RB1W","price":1434.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 14' \/ 1L and 1W","offer_id":46470100844623,"sku":"ZYMXFBY1214-RB1L1W","price":1560.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 14' \/ 1L and 2W","offer_id":46470100877391,"sku":"ZYMXFBY1214-RB1L2W","price":1672.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 16' \/ 1L","offer_id":46470100910159,"sku":"ZYMXFBY1216-RB1L","price":1709.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 16' \/ 1W","offer_id":46470100942927,"sku":"ZYMXFBY1216-RB1W","price":1686.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 16' \/ 1L and 1W","offer_id":46470100975695,"sku":"ZYMXFBY1216-RB1L1W","price":1821.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 16' \/ 1L and 2W","offer_id":46470101008463,"sku":"ZYMXFBY1216-RB1L2W","price":1933.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 20'(+Free Gift) \/ 1L","offer_id":46470101041231,"sku":"ZYMXFBY1220-RB1L","price":1911.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 20'(+Free Gift) \/ 1W","offer_id":46470101073999,"sku":"ZYMXFBY1220-RB1W","price":1866.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 20'(+Free Gift) \/ 1L and 1W","offer_id":46470101106767,"sku":"ZYMXFBY1220-RB1L1W","price":2023.65,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 20'(+Free Gift) \/ 1L and 2W","offer_id":46470101139535,"sku":"ZYMXFBY1220-RB1L2W","price":2135.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 20' \/ 1L","offer_id":46470101172303,"sku":"ZYMXFBY1420-RB1L","price":2496.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 20' \/ 1W","offer_id":46470101205071,"sku":"ZYMXFBY1420-RB1W","price":2465.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 20' \/ 1L and 1W","offer_id":46470101237839,"sku":"ZYMXFBY1420-RB1L1W","price":2622.15,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 20' \/ 1L and 2W","offer_id":46470101270607,"sku":"ZYMXFBY1420-RB1L2W","price":2747.7,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 24' \/ 1L","offer_id":46470101303375,"sku":"ZYMXFBY1224-RB1L","price":2554.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 24' \/ 1W","offer_id":46470101336143,"sku":"ZYMXFBY1224-RB1W","price":2451.6,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 24' \/ 1L and 1W","offer_id":46470101368911,"sku":"ZYMXFBY1224-RB1L1W","price":3015.0,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 12' x 24' \/ 1L and 2W","offer_id":46470101401679,"sku":"ZYMXFBY1224-RB1L2W","price":3084.75,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 24'(+Free Gift) \/ 1L","offer_id":46470101434447,"sku":"ZYMXFBY1424-RB1L","price":2698.2,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 24'(+Free Gift) \/ 1W","offer_id":46470101467215,"sku":"ZYMXFBY1424-RB1W","price":2600.1,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 24'(+Free Gift) \/ 1L and 1W","offer_id":46470101499983,"sku":"ZYMXFBY1424-RB1L1W","price":2823.75,"currency_code":"USD","in_stock":true},{"title":"Bronze \/ 14' x 24'(+Free Gift) \/ 1L and 2W","offer_id":46470101532751,"sku":"ZYMXFBY1424-RB1L2W","price":2949.3,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0730\/5943\/4575\/files\/8_fbb8f264-ee00-4a81-9137-423ead3fc7a6.jpg?v=1787367428","url":"https:\/\/rylanceracing.shop\/products\/purple-leaf-louvered-pergola-white-outdoor-aluminum-pergola-with-roller-blind-adjustable-gazebo-rainproof-for-patio-deck-garden","provider":"Rylance Racing","version":"1.0","type":"link"}