@charset "UTF-8";#MainContent>.shopify-section:has(.product-single__meta) .page-width{padding:0 16px!important}@media only screen and (min-width: 768px){#MainContent>.shopify-section:has(.product-single__meta) .page-width{max-width:1800px!important;padding:0 40px!important}}#MainContent>.shopify-section:not(:has(.product-single__meta),:has([class*=ijwi-jumbo-slider])){padding:16px 0;overflow:hidden!important}@media only screen and (min-width: 768px){#MainContent>.shopify-section:not(:has(.product-single__meta),:has([class*=ijwi-jumbo-slider])){padding:40px 0}}#MainContent>.shopify-section:not(:has(.product-single__meta),:has([class*=ijwi-jumbo-slider]))>*{padding:0 16px}@media only screen and (min-width: 768px){#MainContent>.shopify-section:not(:has(.product-single__meta),:has([class*=ijwi-jumbo-slider]))>*{max-width:1800px!important;padding-left:40px!important;padding-right:40px!important;margin-left:auto;margin-right:auto}}#MainContent [data-section-type=product] span.add-cart-btn-img img{display:none}#MainContent [data-section-type=product] span.add-cart-btn-img{background:url(/cdn/shop/files/bag_bc010d9c-e69b-4948-98ff-61348408e34c.svg?v=1750562428);height:24px;width:24px;background-size:contain}#MainContent [data-section-type=product] .grid.grid--product-images--partial{display:flex;flex-flow:row wrap;gap:0px;margin:0}@media only screen and (min-width: 768px){#MainContent [data-section-type=product] .grid.grid--product-images--partial{gap:40px}}@media only screen and (min-width: 1600px){#MainContent [data-section-type=product] .grid.grid--product-images--partial{gap:80px}}#MainContent [data-section-type=product] .grid.grid--product-images--partial .product-single__sticky{padding-left:0}#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item{float:unset;flex:1;padding:0}@media only screen and (min-width: 992px){#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:first-child{flex:1 1 40%;min-width:450px}}@media only screen and (min-width: 1200px){#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:first-child{flex:1 1 55%;min-width:520px}}@media only screen and (min-width: 992px){#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:last-child{flex:1 1 36%;min-width:350px}}#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item .product-single__meta{padding:0}#MainContent [data-section-type=product] .grid.grid--product-images--partial:after{display:none}@media only screen and (min-width: 992px){#MainContent [data-section-type=product] .youtube_modal{display:none}}#MainContent [data-section-type=product] .additional-gallery-container{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 991px){#MainContent [data-section-type=product] .additional-gallery-container{display:none}}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row{display:flex;flex-flow:row wrap;gap:16px}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row:has(.additional-gallery-row-quote_wrapper) .additional-gallery-row-item{min-width:310px;height:auto}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-item{display:flex;flex:1 0 40%;overflow:hidden;border-radius:5px;height:100%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-item:has(.additional-gallery-row-quote_wrapper){height:auto;flex:1 0 40%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-item img{width:100%;-o-object-fit:cover;object-fit:cover;height:auto}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-item video{width:100%;-o-object-fit:cover;object-fit:cover}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote_wrapper{display:flex;flex-direction:column;gap:8px;flex:1 0 0;align-self:stretch}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header{display:flex;padding:12px 8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:5px;background:var(--Outline, #f1f1f1);gap:12px}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-name{color:var(--Black, #000);font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:150%;display:flex;gap:12px;flex:1 0 fit-content}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-stars{display:flex;align-items:center;gap:2px;align-self:stretch}@media screen and (max-width: 1300px){#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-stars>*:not(:first-child){display:none}}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-star{width:15px;height:15px;line-height:0}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-star svg{height:100%;width:100%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-title{color:var(--Black, #000);font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:150%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-body{display:flex;padding:16px 12px;flex-direction:row;align-items:flex-start;gap:10px;flex:1 0 0;align-self:stretch;border-radius:6px;background:var(--Outline, #f1f1f1);color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:150%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-body-icon:last-child{align-self:end}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-rating{color:var(--Black, #000);font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:150%;display:flex;align-items:center;gap:4px}@media screen and (min-width: 1301px){#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-rating{flex-direction:row-reverse}}@media only screen and (max-width: 767px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price p{color:var(--hansohome-com-cod-gray, #11100f);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%;margin-bottom:0}}@media only screen and (max-width: 767px) and (min-width: 768px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price p{color:var(--Black, #000);font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%}}@media only screen and (max-width: 767px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price-savings{display:flex;padding:4px 12px;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:var(--White, #fff);font-family:Outfit;font-size:12px;font-style:normal;font-weight:500;line-height:125%}}@media only screen and (max-width: 767px) and (min-width: 768px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price-savings{color:var(--White, #fff);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%;padding:8px 12px;border-radius:150px}}@media only screen and (max-width: 767px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.product__price--compare{color:var(--Black, rgba(0, 0, 0, .7));font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-decoration-line:line-through}}@media only screen and (max-width: 767px) and (min-width: 768px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.product__price--compare{color:var(--Black, rgba(0, 0, 0, .7));font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-decoration-line:line-through}}@media only screen and (max-width: 767px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.change-price-upsell-js,#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.on-sale.change-price-upsell-js{color:var(--hansohome-com-cod-gray, #11100f);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}}@media only screen and (max-width: 767px) and (min-width: 768px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.change-price-upsell-js,#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price span.product__price.on-sale.change-price-upsell-js{color:var(--Black, #000);font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%}}@media only screen and (max-width: 767px){#MainContent [data-section-type=product] .product-single__meta .product-block.product-block--price .prices-badge-container{align-items:center}}#MainContent [data-section-type=product] .product-single__meta div:has(>klarna-placement){margin-bottom:12px!important}@media only screen and (min-width: 992px){#MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:not(:has(.modal.show)){position:sticky;top:20px;height:-moz-fit-content;height:fit-content;transition:all .3s ease-in-out}}@media only screen and (min-width: 992px){body:has(.cstm-bottom-header.highlight) #MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:not(:has(.modal.show)){top:80px}}#MainContent .p-contactus-wrapper{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;border-radius:5px;background:var(--Outline, #f1f1f1);margin:24px auto}#MainContent .p-contactus-wrapper .p-contactus-info_row{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:16px}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-info_row{flex-flow:row wrap}}#MainContent .p-contactus-wrapper .p-contactus-info_row-header_wrapper{display:flex;justify-content:center;align-items:flex-start;gap:12px}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-info_row-header_wrapper{gap:10px}}#MainContent .p-contactus-wrapper .p-contactus-info_row-image_wrapper{display:flex;width:50px;height:50px;justify-content:flex-end;align-items:center}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-info_row-image_wrapper{height:42px;width:42px}}#MainContent .p-contactus-wrapper .p-contactus-info_row-heading{color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-info_row-heading{color:var(--Black, #000);font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}#MainContent .p-contactus-wrapper .p-contactus-info_row-hours_wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-info_row-hours_wrapper{align-items:end}}#MainContent .p-contactus-wrapper .p-contactus-info_row-hours_1,#MainContent .p-contactus-wrapper .p-contactus-info_row-hours_2{color:var(--Black, #000);font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:150%}#MainContent .p-contactus-wrapper .p-contactus-buttons_row{display:flex;align-items:center;gap:10px;align-self:stretch}#MainContent .p-contactus-wrapper .p-contactus-button{border-radius:5px;background:var(--Accent, #1a1a1a);display:flex;padding:12px 8px;justify-content:center;align-items:center;gap:8px;flex:1 0 0}#MainContent .p-contactus-wrapper .p-contactus-button a{color:#fff;font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-button a{display:flex;gap:8px;align-items:center}}#MainContent .p-contactus-wrapper .p-contactus-button a i{display:none}@media only screen and (min-width: 768px){#MainContent .p-contactus-wrapper .p-contactus-button a i{display:block;font-size:24px}}#MainContent .p-contactus-wrapper .p-contactus-button a i.fa-phone:before{content:"";background:url(/cdn/shop/files/call-calling.svg?v=1750561512);height:24px;width:24px;display:block}#MainContent .p-contactus-wrapper .p-contactus-button a i.fa-envelope:before{content:"";background:url(/cdn/shop/files/sms-tracking.svg?v=1750561523);height:24px;width:24px;display:block}#MainContent .scs{display:flex;padding:20px 16px;align-items:center;gap:10px;align-self:stretch}#MainContent .scs .scs-panel{display:flex;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel{gap:24px;padding:40px;max-width:1720px;margin:auto;background:#000;border-radius:5px}}#MainContent .scs .scs-panel-header{display:flex;flex-direction:column;gap:24px;align-items:center}#MainContent .scs .scs-panel-header-eyebrow{border-radius:5px;background:var(--Accent, #1a1a1a);color:var(--White, #fff);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%;display:flex;padding:8px;align-items:flex-start}@media only screen and (max-width: 767px){#MainContent .scs .scs-panel-header-eyebrow{display:none}}#MainContent .scs .scs-panel-header-title{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-header-title{color:var(--White, #fff);text-align:center;font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}#MainContent .scs .scs-panel-comparisons{display:flex;flex-flow:row wrap;gap:16px;width:100%;justify-content:center}#MainContent .scs .scs-panel-comparison{display:flex;flex-flow:row wrap;width:100%;flex:1 0 100%;gap:8px;align-self:stretch;max-width:400px}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison{max-width:unset;flex-flow:row;width:100%;flex:1 0 100%}}@media only screen and (min-width: 1200px){#MainContent .scs .scs-panel-comparison{flex:1 0 334px;flex-flow:row wrap}}#MainContent .scs .scs-panel-comparison-image-wrapper{height:200px;overflow:hidden;border-radius:5px;flex:1 0 334px}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison-image-wrapper{height:276px}}#MainContent .scs img.scs-panel-comparison-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#MainContent .scs .scs-panel-comparison-columns{display:flex;gap:8px;flex:1 0 334px}#MainContent .scs .scs-panel-comparison-column{flex:1;display:flex;gap:8px;flex-direction:column}#MainContent .scs .scs-panel-comparison-header{display:flex;padding:8px 0;justify-content:center;align-items:center;flex:1 0 0;flex-direction:column;border-radius:5px;border:1px solid var(--Outline, #f1f1f1);color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:150%}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison-header{color:#fafdf9;border:1px solid var(--Accent, #1a1a1a)}}#MainContent .scs .scs-panel-comparison-title{color:var(--Black, #000);font-family:Outfit;font-size:20px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison-title{color:#fafdf9}}#MainContent .scs .scs-panel-comparison-row{border-radius:5px;border:1px solid var(--Outline, #f1f1f1);display:flex;padding:8px 0;justify-content:center;gap:8px;color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:150%}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison-row{color:#fff;border:1px solid var(--Accent, #1a1a1a)}}#MainContent .scs .scs-panel-comparison-column:first-child .scs-panel-comparison-row,#MainContent .scs .scs-panel-comparison-column:first-child .scs-panel-comparison-header{border-radius:5px;background:var(--Outline, #f1f1f1)}@media only screen and (min-width: 768px){#MainContent .scs .scs-panel-comparison-column:first-child .scs-panel-comparison-row,#MainContent .scs .scs-panel-comparison-column:first-child .scs-panel-comparison-header{border-radius:5px;background:var(--Accent, #1a1a1a)}}#MainContent .scs .scs-panel-comparison-icon-wrapper{height:24px;width:24px}#MainContent .scs img.scs-panel-comparison-icon{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#MainContent .ugc-reel-section{padding-top:20px;padding-bottom:20px}#MainContent .ugc-reel-section .ugc-reel-content{padding:20px 16px;border-radius:5px;display:flex;flex-direction:column;gap:24px;align-self:stretch;background:var(--Black, #000);width:100%}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content{background:#fff}}#MainContent .ugc-reel-section .ugc-reel-content .reel-heading{text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize;color:var(--White, #fff)}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .reel-heading{color:var(--Black, #000);font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:125%;text-transform:capitalize}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item{margin-right:16px;width:278px}@media only screen and (max-width: 767px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item{border-radius:5px;border:1px solid var(--Accent, #1a1a1a)}}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item{margin-right:24px;width:20.9722222222vw;max-width:412px;min-width:278px}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-left{display:none}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-image{width:60px;height:60px;border-radius:50%;background:#1a1a1a}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-image{background:#d9d9d9}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer{display:flex;align-items:center;gap:12px;align-self:stretch;padding:12px 16px}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer{padding:0 16px;margin-top:10px}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-title{color:#fff;font-family:Outfit;font-size:20px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-title{color:#000}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-subtitle{color:#fff;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-subtitle{color:#333}}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-subtitle svg path{stroke:#fff}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item .media-reel-item-footer-subtitle svg path{stroke:#333}}#MainContent .ugc-reel-section .ugc-reel-content .slider-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0;width:100%}#MainContent .ugc-reel-section .ugc-reel-content .slider-dots.progress-style{flex:1}#MainContent .ugc-reel-section .ugc-reel-content .progress-track{position:relative;display:flex;align-items:center;justify-content:space-between;height:5px;width:100%;border-radius:5px;overflow:hidden}#MainContent .ugc-reel-section .ugc-reel-content .progress-gap{flex:1;height:100%;margin:0 2px;background-color:#1a1a1a;border-radius:5px;cursor:pointer}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .progress-gap{border-radius:5px;background:var(--Outline, #f1f1f1)}}#MainContent .ugc-reel-section .ugc-reel-content .progress-indicator{position:absolute;height:100%;background-color:#fff;border-radius:5px;transition:left .5s ease,width .5s ease;z-index:1}@media only screen and (min-width: 768px){#MainContent .ugc-reel-section .ugc-reel-content .progress-indicator{background:var(--Accent, #d7263d);box-shadow:0 2px 8px #d7263d40}}#MainContent .ugc-reel-section .ugc-reel-content .arrow-buttons{display:flex;gap:8px}#MainContent .ugc-reel-section .ugc-reel-content .slider-arrow{border:none;cursor:pointer;padding:0;background:transparent}#MainContent .ugc-reel-section .ugc-reel-content .slider-arrow.disabled{opacity:.3;pointer-events:none}#MainContent .ugc-reel-section .ugc-reel-content .arrow-buttons svg path[stroke=black]{stroke:#1a1a1a;fill:#1a1a1a}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item-container{position:relative}#MainContent .ugc-reel-section .ugc-reel-content .mute-toggle,#MainContent .ugc-reel-section .ugc-reel-content .fullscreen-toggle{position:absolute;bottom:8px;width:32px;height:32px;background:#00000080;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:4px}#MainContent .ugc-reel-section .ugc-reel-content .fullscreen-toggle{right:48px}#MainContent .ugc-reel-section .ugc-reel-content .mute-toggle{right:8px}#MainContent .ugc-reel-section .ugc-reel-content .mute-toggle svg,#MainContent .ugc-reel-section .ugc-reel-content .fullscreen-toggle svg{width:24px;height:24px;fill:#fff}#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item-container video:fullscreen,#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item-container video:-webkit-full-screen,#MainContent .ugc-reel-section .ugc-reel-content .media-reel-item-container video:-moz-full-screen{object-fit:contain;width:100%;height:100%}#MainContent .pergola-customer-stories-with-aso-section .single-review-image-gallery-swiper{margin-top:0!important;margin-block:0!important}@media only screen and (max-width: 767px){#MainContent .pergola-customer-stories-with-aso-section .single-review-image-gallery-swiper{order:-1;margin-top:16px!important}}#MainContent .pergola-customer-stories-with-aso-section .single-review-and-video-container h2{color:var(--White, #fff);text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;margin-bottom:32px}@media only screen and (min-width: 768px){#MainContent .pergola-customer-stories-with-aso-section .single-review-and-video-container h2{color:var(--White, #fff);text-align:center;font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize;margin-bottom:24px}}#MainContent .pergola-customer-stories-with-aso-section .single-review-and-video-container .customer-story-feedback-header{padding:12px 16px}#MainContent .pergola-customer-stories-with-aso-section .as-seen-on-section{order:2}#MainContent .pergola-customer-stories-with-aso-section .aso-content{display:flex;width:auto;padding:25px 16px;align-items:center;gap:16px;flex-shrink:0;border-radius:5px;background:#1a1a1a;flex-wrap:wrap;justify-content:center;overflow:hidden;position:relative;margin-top:10px}@media only screen and (max-width: 767px){#MainContent .pergola-customer-stories-with-aso-section .aso-content{gap:0px;padding:25px 16px 8px}}@media only screen and (min-width: 768px){#MainContent .pergola-customer-stories-with-aso-section .aso-content{gap:25px}}@media only screen and (min-width: 992px){#MainContent .pergola-customer-stories-with-aso-section .aso-content{gap:25px}}@media only screen and (min-width: 1200px){#MainContent .pergola-customer-stories-with-aso-section .aso-content{gap:50px;margin-top:24px;padding:25px}}@media screen and (min-width: 1400px){#MainContent .pergola-customer-stories-with-aso-section .aso-content{gap:100px}}#MainContent .pergola-customer-stories-with-aso-section .aso-header{color:var(--White, #fff);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}@media only screen and (min-width: 768px){#MainContent .pergola-customer-stories-with-aso-section .aso-header{color:var(--White, #fff);font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%}}#MainContent .pergola-customer-stories-with-aso-section .aso-item_wrapper{display:flex;align-items:center;gap:24px;flex:1 0 auto;width:-moz-max-content;width:max-content;overflow:hidden;padding:16px}@media only screen and (min-width: 992px){#MainContent .pergola-customer-stories-with-aso-section .aso-item_wrapper{gap:25px}}@media only screen and (min-width: 1200px){#MainContent .pergola-customer-stories-with-aso-section .aso-item_wrapper{gap:50px}}@media screen and (min-width: 1400px){#MainContent .pergola-customer-stories-with-aso-section .aso-item_wrapper{gap:100px;padding:0}}#MainContent .pergola-customer-stories-with-aso-section .aso-item{width:auto;height:20px;display:inline-block}@media only screen and (min-width: 992px){#MainContent .pergola-customer-stories-with-aso-section .aso-item{height:25px}}#MainContent .pergola-customer-stories-with-aso-section .aso-item img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}#MainContent .pergola-customer-stories-with-aso-section .aso-slider{overflow:auto;margin:0 -16px}#MainContent .pergola-customer-stories-with-aso-section .aso-slider:before{content:"";position:absolute;left:0;background:linear-gradient(270deg,#1a1a1a00,#1a1a1a);height:100%;width:70px;z-index:1;top:0}@media only screen and (min-width: 768px){#MainContent .pergola-customer-stories-with-aso-section .aso-slider:before{display:none}}#MainContent .pergola-customer-stories-with-aso-section .aso-slider:after{content:"";position:absolute;right:0;height:100%;width:70px;z-index:1;top:0;background:linear-gradient(90deg,#1a1a1a00,#1a1a1a)}@media only screen and (min-width: 768px){#MainContent .pergola-customer-stories-with-aso-section .aso-slider:after{display:none}}@media only screen and (max-width: 767px){#MainContent .cp-section [data-compare-column] .cp-table-column-row-header .cp-table-column-row-header-heading{margin-bottom:4px;font-size:14px}}@media only screen and (max-width: 767px){#MainContent .cp-section [data-compare-column] .cp-table-column-row-header .cp-table-column-row-header-subheading{margin-bottom:4px;font-size:12px}}@media only screen and (min-width: 768px){#MainContent .cp-section .cp-table-column-tertiary.cp-table-column .cp-table-column-row-header-heading{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;line-height:125%;text-transform:capitalize}#MainContent .cp-section .cp-table-column-tertiary.cp-table-column .cp-table-column-row-header{display:flex!important;flex-direction:column!important;width:224px!important}#MainContent .cp-section .cp-table-column-tertiary.cp-table-column .cp-table-column-row{width:224px;flex-direction:row}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-primary .cp-table-column-row{flex-direction:row}}@media only screen and (min-width: 768px){#MainContent .cp-section .cp-table-column-secondary.cp-table-column .cp-table-column-row{border-bottom:1px solid #d7d7d7;background:#f5f5f5}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-secondary.cp-table-column .cp-table-column-row{flex-direction:row}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-secondary.cp-table-column .cp-table-column-row-header-heading{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:27.119px;font-style:normal;font-weight:400;line-height:21.186px}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-secondary.cp-table-column .cp-table-column-row-header-subheading{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:16.949px;font-style:normal;font-weight:500;line-height:20.339px}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-tertiary.cp-table-column .cp-table-column-row-header-heading{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;line-height:125%;text-transform:capitalize}}@media only screen and (min-width: 768px) and (min-width: 768px){#MainContent .cp-section .cp-table-column-tertiary.cp-table-column .cp-table-column-row-header-subheading{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:125%;text-transform:capitalize}}@media only screen and (min-width: 768px){#MainContent .cp-section .cp-table-column-row .cp-table-column-row-icon{align-content:center;height:20px}#MainContent .cp-section .cp-table-column-row .cp-table-column-row-icon img{height:100%}}#MainContent .pergola-diy-s{max-width:100%;width:100%;overflow:hidden;padding:20px 16px;position:relative}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s{padding:40px 16px}}@media only screen and (min-width: 992px){#MainContent .pergola-diy-s{padding:40px}}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w{max-width:1720px;margin:auto}}#MainContent .pergola-diy-s-w .pergola-diy-main-content{display:flex;flex-direction:column;gap:24px;align-self:stretch;width:100%}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-main-content{gap:40px}}#MainContent .pergola-diy-s-w .pergola-diy-header{display:flex;flex-direction:column;gap:8px;align-self:stretch;width:100%}#MainContent .pergola-diy-s-w .pergola-diy-header .pergola-diy-header-title{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-header .pergola-diy-header-title{color:var(--Black, #000);font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}#MainContent .pergola-diy-s-w .pergola-diy-header .pergola-diy-header-subtitle{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-header .pergola-diy-header-subtitle{color:#333;font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:150%}}#MainContent .pergola-diy-s-w .pergola-diy-main-content-w{display:flex;flex-direction:column;gap:24px;width:100%}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-main-content-w{flex-direction:row;gap:40px}}#MainContent .pergola-diy-s-w .pergola-diy-main-content-w .pergola-diy-slider{flex:1}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-main-content-w .pergola-diy-slider{flex:1 1 520px;height:auto}}#MainContent .pergola-diy-s-w .pergola-diy-main-content-w .pergola-diy-video-content{flex:1 0 auto}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-main-content-w .pergola-diy-video-content{flex:1 1 550px;height:250px}}@media only screen and (min-width: 1200px){#MainContent .pergola-diy-s-w .pergola-diy-main-content-w .pergola-diy-video-content{flex:0 1 720px;height:326px}}#MainContent .pergola-diy-s-w .pergola-diy-main-content-w>*{flex:1;height:auto}#MainContent .pergola-diy-s-w .pergola-diy-slider{min-height:0;min-width:0}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slider-w,#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slider-w .slick-list,#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slider-w .slick-list .slick-track{height:100%}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w{display:flex;flex-direction:column;height:100%;border-radius:15px;border:1px solid var(--Outline, #f1f1f1);overflow:hidden}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w{flex-direction:row}}@media only screen and (min-width: 1600px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w{flex-direction:column}}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w .pergola-diy-slide-image-w{flex:0 0 146px;align-self:center}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w .pergola-diy-slide-image-w{flex:1}}@media only screen and (min-width: 1600px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-w .pergola-diy-slide-image-w{flex:0 0 212px}}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-image-w{height:146px;overflow:hidden;display:flex;width:100%;align-items:center}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-image-w{height:100%;width:100%}}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-image-w img.pergola-diy-slide-image{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content{display:flex;padding:10px 16px 16px;flex-direction:column;gap:10px;flex:1 0 0;align-self:stretch;justify-content:center}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-title{color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}@media only screen and (min-width: 992px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-title{color:var(--Black, #000);font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}@media only screen and (min-width: 1600px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-title{color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}}#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-subtitle{color:var(--Black, #000);font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%;opacity:.7}@media only screen and (min-width: 992px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-subtitle{color:var(--Black, #000);font-family:Outfit;font-size:20px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}@media only screen and (min-width: 1600px){#MainContent .pergola-diy-s-w .pergola-diy-slider .pergola-diy-slide-content .pergola-diy-slide-subtitle{color:var(--Black, #000);font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:150%;text-transform:none}}#MainContent .pergola-diy-s-w .pergola-diy-video-content{display:flex;height:201px;justify-content:center;align-items:center;align-self:stretch;overflow:hidden;border-radius:15px}@media only screen and (min-width: 768px){#MainContent .pergola-diy-s-w .pergola-diy-video-content{height:auto;flex:0 1 520px;height:250px}}@media only screen and (min-width: 1200px){#MainContent .pergola-diy-s-w .pergola-diy-video-content{height:326px;flex:0 1 720px}}#MainContent .pergola-diy-s-w .pergola-diy-video-content .pergola-diy-video-w{width:100%;height:100%;position:relative}#MainContent .pergola-diy-s-w .pergola-diy-video-content .pergola-diy-video-w video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#MainContent .pergola-diy-s-w .pergola-diy-video-content .pergola-diy-video-playBtn{position:absolute;width:124px;height:124px}#MainContent .spec-s:not(.lm-section){margin:40px auto;padding:0 16px}@media only screen and (min-width: 768px){#MainContent .spec-s:not(.lm-section){margin:80px auto}}#MainContent .spec-s .spec-s-w{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;margin:auto}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-s-w{padding:0 24px}}@media only screen and (min-width: 992px){#MainContent .spec-s .spec-s-w{max-width:1068px}}@media only screen and (min-width: 1200px){#MainContent .spec-s .spec-s-w{max-width:1288px}}#MainContent .spec-s .spec-header{display:flex;padding:16px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:15px;background:var(--Outline, #f1f1f1)}#MainContent .spec-s .spec-header-title{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize;text-wrap-style:balance}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-header-title{color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:48px;font-style:normal;font-weight:500;line-height:125%;text-transform:capitalize}}#MainContent .spec-s .spec-content{display:flex;flex-wrap:wrap;gap:25px}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-content{gap:12px}}#MainContent .spec-s .spec-tile-header{display:flex;padding:8px 0;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:5px;background:var(--Outline, #f1f1f1);color:var(--Black, #000);text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize;flex:1 0 100%;height:54px}#MainContent .spec-s .spec-tile{width:100%;display:flex;gap:12px;flex-wrap:wrap;flex:1 1 614px}#MainContent .spec-s .spec-tile-content{border-radius:5px;border:1px solid var(--Outline, #f1f1f1);display:flex;flex-wrap:wrap;flex:1 0 100%}#MainContent .spec-s .spec-tile-content-item{flex:1 0 40%;display:flex;padding:24px;justify-content:center;align-items:center;gap:24px;border-radius:5px;border:1px solid var(--Outline, #f1f1f1);flex-wrap:wrap}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-content-item{height:148px}#MainContent .spec-s .spec-tile-column .spec-tile-content-item{height:auto}}#MainContent .spec-s .spec-tile-content-item-text{color:#000;text-align:center;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;line-height:150%;text-transform:capitalize}#MainContent .spec-s .spec-tile-content:has(.spec-tile-content-item){border:0;gap:12px}#MainContent .spec-s .spec-tile-content-item-color-icon{border-radius:54px;border:.54px solid var(--Outline, #f1f1f1);width:32px;height:32px}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-content-item-color-icon{width:100px;height:100px;border-radius:100px;border-width:1px}}#MainContent .spec-s .spec-tile-content-item:has([data-color]){padding:16px 12px;gap:8px}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-content-item:has([data-color]){padding:16px 24px;gap:24px}}#MainContent .spec-s .spec-tile-content-item-color-icon[data-color=white]{background:#fff}#MainContent .spec-s .spec-tile-content-item-color-icon[data-color=darkgrey]{background:#333}#MainContent .spec-tile-content-item-text_mini{color:#000;text-align:center;font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}@media only screen and (min-width: 768px){#MainContent .spec-tile-content-item-text_mini{color:#000;text-align:center;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;line-height:150%}}#MainContent .spec-s .spec-tile-content-item-text_jumbo{color:#000;text-align:center;font-family:Outfit;font-size:32px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-content-item-text_jumbo{color:#000;text-align:center;font-family:Outfit;font-size:48px;font-style:normal;font-weight:500;line-height:125%;text-transform:capitalize}}#MainContent .spec-s .spec-tile-column{flex:1 0 40%;gap:12px;display:flex;flex-wrap:wrap}#MainContent .spec-tile-column .spec-tile-content{flex:1}#MainContent .spec-s .spec-tile-column{flex-direction:column;width:100%}#MainContent .spec-tile-column .spec-tile-header{flex:0 0 54px}#MainContent .spec-s .spec-tile-column .spec-tile-content-item-text{color:#000;text-align:center;font-family:Outfit;font-size:20px;font-style:normal;font-weight:400;line-height:150%;text-transform:capitalize}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-column .spec-tile-content-item-text{color:#000;text-align:center;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}#MainContent .spec-s .spec-tile-column .spec-tile-content-item{padding:24px 12px}#MainContent .spec-s .spec-tile-content-image_jumbo{height:257px;width:100%}@media only screen and (min-width: 768px){#MainContent .spec-s .spec-tile-content-image_jumbo{height:309px;width:100%}}#MainContent .spec-s .spec-tile-content-image_jumbo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#MainContent .spec-s .spec-tile[data-full-width]{flex:1 0 100%}#MainContent [class*=-slider]:has([class$=-slider-p]){display:flex;flex-direction:column;gap:24px}#MainContent [class*=-slider]:has([class$=-slider-p]) [class*=-slider-w]{margin-bottom:0}#MainContent [class*=-slider]:has([class$=-slider-p]) [class*=-slider-w]:has(.slick-current+.slick-active){margin:0 8px 0 -8px}#MainContent [class*=-slider]:has([class$=-slider-p]) [class*=-slider-w]:has(.slick-current+.slick-active) .slick-list{margin-right:-16px}#MainContent [class*=-slider]:has([class$=-slider-p]) [class*=-slider-w]:has(.slick-current+.slick-active)>[class*=-slide],#MainContent [class*=-slider]:has([class$=-slider-p]) [class*=-slider-w]:has(.slick-current+.slick-active)>div>div>[class*=-slide]{margin:0 8px}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p]{display:flex;justify-content:center;align-items:center;gap:24px;align-self:stretch}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-d-w]{flex:1}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-d-w] ul.slick-dots{display:flex;align-items:center;gap:8px;flex:1 0 0;position:relative;bottom:0}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-d-w] ul.slick-dots li{flex:1 0;height:5px;flex:1 0 0;border-radius:5px;background:var(--Accent, #f1f1f1);transition:all 1s ease-in-out;overflow:hidden;margin:0}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-d-w] ul.slick-dots li.slick-active{flex:4 0}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-d-w] ul.slick-dots li.slick-active button{background:#d7263d;height:100%;padding:0;width:100%}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-b-w]{display:flex;align-items:center;gap:8px;position:relative;flex:0 0 max-content}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-b-w] button.slick-arrow{position:relative;left:unset;right:unset;display:flex;width:24px;height:24px;justify-content:center;align-items:center;bottom:0;top:0;transform:none}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p] [class$=-slider-p-b-w] button.slick-arrow:before{display:none}#MainContent [class*=-slider]:has([class$=-slider-p]) [class$=-slider-p]:not(:has(.slick-arrow)){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/63/assets/pergola-pdp-gen4-under-fold-styling.css.map */