@charset "UTF-8";#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:column;gap:0px;margin:0}@media only screen and (min-width: 768px){#MainContent [data-section-type=product] .grid.grid--product-images--partial{gap:40px;flex-flow:row}}@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 .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){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}@media screen and (max-width: 767px){.scs-panel-comparison-icon-wrapper img.scs-panel-comparison-icon[src*=Check_Big]{filter:brightness(0)}}#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 .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:20px}}@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}#MainContent .cp-section .cp-table-column-tertiary.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-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 .cp-section .cp-table-columns{display:flex;gap:0}#MainContent .cp-section .cp-table-columns>*{flex:1}#MainContent .cp-section .cp-table-columns>*>*{width: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;width:100%}}#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}}@media only screen and (min-width: 1720px){#MainContent .spec-s .spec-s-w{max-width:100%;padding:0}}#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}.page-content.page-content--product{padding-top:16px}@media screen and (min-width: 768px){.page-content.page-content--product{padding-top:20px}}[data-product-blocks]>*:last-child{margin-bottom:0!important}body:has(.cstm-bottom-header.highlight) #MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:not(:has(.modal.show)){top:0}body #MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:not(:has(.modal.show)) .additional-gallery-container{position:sticky;top:20px;transition:all .3s ease}body:has(.cstm-bottom-header.highlight) #MainContent [data-section-type=product] .grid.grid--product-images--partial .grid__item:not(:has(.modal.show)) .additional-gallery-container{padding-top:80px}.product__photos .product__thumbs{margin:16px 0}.product__thumbs--below .product__thumb-item{margin-right:0}.additional-gallery-row-quote-trust{flex:1 0 165px;align-self:center}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote_wrapper{border-radius:6px;background:var(--Outline, #f1f1f1);gap:0}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-body{background:none;border-radius:0;padding:16px}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header{padding:16px}.additional-gallery-row-quote-divider{height:0px;border-top:1px solid #cecece;margin:0 16px;width:auto}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-name{gap:5px}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-name,#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-title{color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-stars>*:not(:first-child){display:block}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-star{height:20px;width:20px}#MainContent [data-section-type=product] .additional-gallery-container .additional-gallery-row-quote-header-rating{color:var(--Black, #000);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}.additional-gallery-container .video-wrapper .video-play-overlay{background:linear-gradient(180deg,#000,#0000 32%) no-repeat;opacity:1!important;display:flex!important;align-items:center;justify-content:center}.additional-gallery-container .video-wrapper.is-playing .video-play-overlay{background:linear-gradient(180deg,#000,#0000) no-repeat;height:25%}.additional-gallery-container .video-wrapper .video-play-overlay:before{content:"Why California Builder of the Year chooses Hans\f8?";color:var(--White, #fff);font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize;position:absolute;top:24px}.additional-gallery-container .video-wrapper.is-playing .video-play-overlay svg{display:none}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section){max-width:100%;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section)>*{padding:0 16px}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section)>*{padding-left:40px;padding-right:40px;max-width:1800px;margin-left:auto;margin-right:auto}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section)>*:first-child{padding-top:20px}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section)>*:last-child{padding-bottom:20px}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .page-width{max-width:1720px!important;padding:0!important}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section{padding-bottom:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content{display:flex;padding:25px 16px;flex-direction:column;justify-content:space-between;align-items:center;align-self:stretch;border-radius:5px;position:relative;overflow:hidden;height:68vh;min-height:571px}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content{border-radius:5px;padding:24px 40px 40px;height:clamp(670px,46.5277777778vw,847px)}}@media only screen and (max-width: 767px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content:has(.pergola-ijwi-footer){height:682px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-image{position:absolute;top:0;z-index:0;height:100%;width:100%}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-image:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=black] .pergola-ijwi-image:before{background:linear-gradient(0deg,rgba(11,40,50,0) 57.51%,transparent 50%,#0b2832 100%),transparent}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=brown] .pergola-ijwi-image:before{background:linear-gradient(0deg,rgba(44,34,24,0) 52.93%,transparent 50%,#2c2218 100%),transparent}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=pergola-black] .pergola-ijwi-image:before{background:linear-gradient(0deg,rgba(0,24,63,0) 54.13%,transparent 50%,#00183f 100%),transparent}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-header{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}@media only screen and (max-width: 767px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-header{max-width:326px}}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-header{max-width:1030px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-eyebrow{display:flex;padding:8px;align-items:flex-start;gap:4px;border-radius:5px;background:#1a1a1a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--White, #fff);font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:125%;width:-moz-fit-content;width:fit-content;max-width:100%;align-self:center}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-eyebrow{color:var(--White, #fff);font-family:Outfit;font-size:16px;font-style:normal;font-weight:500;line-height:125%}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-headline{color:var(--White, #fff);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){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-headline{color:var(--White, #fff);font-family:Outfit;font-size:48px;font-style:normal;font-weight:500;line-height:125%;text-transform:capitalize}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-subtitle{color:#fffc;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){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-subtitle{color:var(--White, rgba(255, 255, 255, .8));text-align:center;font-family:Outfit;font-size:16px;font-style:normal;font-weight:400;line-height:150%}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer{position:relative;z-index:1;display:flex;padding:24px 12px;justify-content:center;align-items:center;align-content:center;gap:24px;align-self:stretch;flex-wrap:wrap;border-radius:15px;background:linear-gradient(0deg,#00000080,#4b4b4b80,#00000080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer{padding:24px;gap:42px;align-self:center;border-radius:100px;background:linear-gradient(270deg,#00000080,#a99c5740,#00000080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=brown] .pergola-ijwi-footer{border-radius:15px;background:linear-gradient(270deg,#00000080,#4b4b4b80,#00000080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=brown] .pergola-ijwi-footer{border-radius:100px;background:linear-gradient(270deg,#00000080,#4b4b4b80,#00000080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=pergola-black] .pergola-ijwi-footer{border-radius:15px;background:linear-gradient(270deg,#00000080,#4b4b4b80,#00000080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-content[data-gradient-color=pergola-black] .pergola-ijwi-footer{border-radius:100px;background:linear-gradient(270deg,#000000b3,#00000059,#000000b3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item{flex:1 0 40%;display:flex;gap:6px}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item{flex:0 0 auto;align-items:center}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item-icon{height:32px;width:32px;position:relative;flex-shrink:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item-label{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: 1200px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section .pergola-ijwi-footer-item-label{color:var(--White, #fff);font-family:Outfit;font-size:20px;font-style:normal;font-weight:500;line-height:150%}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{margin:16px -16px 0;display:flex;flex-direction:column;gap:16px;padding-top:0}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{margin-top:24px;gap:24px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .lm-cta-block-section{padding:0 16px}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-controls{display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-controls{gap:24px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-dots.progress-style{flex:1}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-dots{text-align:center}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-arrow.disabled{opacity:.3;pointer-events:none}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .progress-track{position:relative;display:flex;align-items:center;justify-content:space-between;height:5px;background:transparent;width:100%;border-radius:5px;overflow:hidden}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .progress-gap{flex:1;height:100%;margin:0 2px;background-color:#f1f1f1;border-radius:5px;cursor:pointer}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .progress-indicator{position:absolute;height:100%;background-color:#d7263d;border-radius:5px;transition:left .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1);z-index:1}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .arrow-buttons{display:flex;gap:8px}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-arrow{border:none;cursor:pointer;transition:background .2s ease;padding:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .slider-arrow:hover{opacity:.7}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-wrapper{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:unset!important}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-wrapper::-webkit-scrollbar{display:none}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider{width:-moz-max-content;width:max-content;scroll-behavior:smooth}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item{width:272px;margin-right:16px;cursor:grab;display:inline-block}@media only screen and (min-width: 920px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item{width:592px;margin-right:24px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item:first-child{margin-left:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item:last-child{margin-right:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item:active{cursor:grabbing}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-container{height:404px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;border-radius:5px;overflow:hidden;padding:0}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-container{border-radius:5px}}@media only screen and (min-width: 920px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-container{height:372px;padding:0}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-image{position:relative;top:0;height:100%;width:100%;overflow:hidden;left:0}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-image:before{content:"";position:absolute;left:0;top:0;background:linear-gradient(180deg,#0000 59.92%,#000);z-index:1;height:100%;width:100%}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content{z-index:1;display:flex;gap:10px;align-items:center;color:#fff;position:absolute;padding:16px;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-wrap:wrap}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content{padding:24px;color:#fff;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-header{display:flex;align-items:center;gap:4px;width:100%}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-header{gap:10px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-icon{height:20px;width:20px}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-icon{width:36px;height:36px}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-icon img{filter:brightness(1);height:100%;width:100%;-o-object-fit:cover;object-fit:cover}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-label{text-wrap-style:balance;color:#fff;font-family:Outfit;font-size:14px;font-style:normal;font-weight:500;line-height:150%}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-label{color:#fff;font-family:Outfit;font-size:24px;font-style:normal;font-weight:500;line-height:150%;text-transform:capitalize}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-body{color:var(--White, #fff);font-family:Outfit;font-size:12px;font-style:normal;font-weight:400;line-height:150%;width:100%}@media only screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section .jumbo-slider-item .jumbo-slider-item-content-body{color:var(--White, #fff);font-family:Outfit;font-size:14px;font-style:normal;font-weight:400;line-height:150%}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{margin-left:-16px!important;margin-right:-16px!important}@media screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{margin-left:-40px!important;margin-right:-40px!important}}@media screen and (min-width: 1729px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{width:100vw!important;max-width:1920px!important;justify-self:center;margin-left:calc(-1*clamp(0px,(100vw - 1720px) / 2,100px))!important;margin-right:calc(-1*clamp(0px,(100vw - 1720px) / 2,100px))!important;padding-left:0;padding-right:0}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section>*{padding:0 16px}@media screen and (min-width: 768px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section>*{padding:0 40px!important}}@media screen and (min-width: 1729px){[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section>*{width:100vw!important;max-width:1920px!important;justify-self:center;padding-left:clamp(40px,(100vw - 1720px) / 2,100px)!important;padding-right:clamp(40px,(100vw - 1720px) / 2,100px)!important}}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .image-jumbotron-with-icons-section{padding-top:20px!important;padding-bottom:0!important;width:100%}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) .pergola-ijwi-jumbo-slider-section{padding-top:0!important;padding-bottom:20px!important;width:-webkit-fill-available}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) [data-for=key-features] .pergola-ijwi-jumbo-slider-section{margin:0 calc((100vw - 100%)/-2)!important}[data-tn*=pergola] main>.shopify-section:has(.pergola-ijwi-jumbo-slider-section) [data-for=key-features] .pergola-ijwi-jumbo-slider-section .slider-controls{width:87.5%;margin:auto}[data-for=where-can-it-be-used] .pos-wcibu-image_grid-item .pos-wcibu-image_grid-item-image_wrapper{height:100%;width:100%}[data-for=where-can-it-be-used] .pos-wcibu-image_grid-item img.pos-accordion-item-body-slider-slide-image{height:100%}[data-for=where-can-it-be-used] .pos-wcibu-image_grid-item{aspect-ratio:170 / 150}@media (min-width: 768px){[data-for=where-can-it-be-used] .pos-wcibu-image_grid-item{aspect-ratio:292/252}}[data-for=where-can-it-be-used] .pos-accordion-item-body-slider-slide{margin:0 10px}
/*# sourceMappingURL=/cdn/shop/t/127/assets/pergola-pdp-gen4-under-fold-styling.css.map */