PURPLE LEAF Athena Louvered Pergola Bronze Outdoor Aluminum Pergola with Roller Blind Adjustable Gazebo for Patio Deck Garden

nn n n nn 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 }nn /* 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; }nn /* 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; }nn /* Features */n .features-list p { margin: 16px 0; font-size: 16px; }n .highlight-text { color: #ff8000; font-weight: 600; }nn /* 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; }nn /* 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; }nn /* PC / 移动端轮播分离 */n .pc-only { display: block; }n .mobile-only { display: none; }nn @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; }nn /* 普通轮播在移动端全宽 */n .detail-swiper-wrap .swiper {n border-radius: 0;n margin-left: -30px;n margin-right: -30px;n width: calc(100% + 60px);n }n }nn /* 详情图轮播 */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; }nn /* 亮点卡片 */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 }nn /* 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; }nn /* 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 }nn /* 产品卡片 */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; }nn /* 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 }nn /* 移动端通用 */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 nn n

nn n

n

HIGHLIGHTS

n

nn n

n

n

n

n

n

n

n

n

nn n

n

n

n

n

n

n

nn n

n

n

n

n

n

n

n

n

n

n

nn n

n

n

n

n

n

n

n

n

n

n

nn n

n

n

n

n

n

n

n

n

n

n

n

nn n

n

n

n

n

n

n

n

n

n

n

n

nn

n

nn n

n

MEDIA EVALUATIONn

n

n

n

nn

n n n lauri_bn ▶n

n

we’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.

n

n ★★★★★n

n

n n

nn

n n n nita_homen ▶n

n

It’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°.

n

n ★★★★★n

n

n n

nn

n n n Jasminmelendezn ▶n

n

Transforma tu hogar con estilo: Encuentra inspiración para renovar cada rincón con ideas acogedoras, elegantes y llenas de personalidad.

n

n ★★★★★n

n

n n

nn

n n n marianneferminrn

n

The perfect spot for slow mornings, golden sunsets, and family memories. My heart is so full — it’s everything I pictured and more.

n

n ★★★★★n

n

n n

nn

n n n kellitestan ▶n

n

We added this louvered pergola to our patio and it’s been so nice having permanent shade! This is the 12×14 in champagne and we added sun shades on 2 sides for additional privacy.

n

n ★★★★★n

n

n n

nn

n n n allyrokstylen ▶n

n

The 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.

n

n ★★★★★n

n

n n

nn <!– 后续达人素材，按上面的结构复制一份

…

即可 –>nn

n

n

n

n

n

n

nn n

nn n

n

OTHER CHOICE

n

n

n

nn

n

n n

Pergola with Roller Blind

n

n
• nPrice: $2799-$4899

n

• nAccessory: Roller Blind

n

• nFunctionality: Privacy & Adjustable Sun Shade

n

• nMaterial: Tesslin Fabric

n

• nRemote Control: ×

n

• nCompatible: Strip Lights

n

• nWarranty: 1 Year

n

n View Detailsn

n

nn

n

n n

Pergola with Strip Lights

n

n
• nPrice: $2978-$4508

n

• nAccessory: Strip Lights

n

• nFunctionality: Illumination

n

• nMaterial: LED

n

• nRemote Control: √

n

• nCompatible: Shutter Wall / Roller Blind

n

• nWarranty: 1 Year

n

n View Detailsn

n

nn

n

n n

Pergola with Shutter Wall

n

n
• nPrice: $2699-$7219

n

• nAccessory: Shutter Wall

n

• nFunctionality: Privacy、Shading、Ventilation

n

• nMaterial: Aluminum

n

• nRemote Control: ×

n

• nCompatible: Strip Lights

n

• nWarranty: 1 Year

n

n View Detailsn

n

nn

n

n n

Athena Louvered Pergola

n

n
• nPrice: $2699-$4199

n

• nAccessory: None

n

• nFunctionality: Adjustable Sunshade

n

• nMaterial: Aluminum

n

• nRemote Control: ×

n

• nCompatible: Roller Blind / Shutter Wall / Strip Lights

n

• nWarranty: 1 Year

n

n View Detailsn

n

nn

n

n

n

n

n

n

nn n

nn n

nn n

n ×n n

n