.pergola-configurator{--pc-ink: #151515;--pc-muted: #686868;--pc-line: rgba(21, 21, 21, .14);--pc-line-strong: rgba(21, 21, 21, .34);--pc-background: #f5f3ef;--pc-card: #ffffff;--pc-soft: #ebe7df;--pc-selected: #151515;--pc-selected-text: #ffffff;width:100%;margin:2.8rem 0 0;color:var(--pc-ink)}.pergola-configurator__custom{display:none}.pergola-configurator.is-ready .pergola-configurator__custom,.pergola-configurator__native{display:block}.pergola-configurator.is-ready .pergola-configurator__native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pergola-configurator__header{margin-bottom:2.8rem;padding-bottom:2.5rem;border-bottom:1px solid var(--pc-line)}.pergola-configurator__eyebrow{margin:0 0 .8rem;color:var(--pc-muted);font-size:1.05rem;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}.pergola-configurator__heading{margin:0;color:var(--pc-ink);font-size:clamp(2.8rem,3vw,4rem);line-height:1.06;letter-spacing:-.035em}.pergola-configurator__introduction{max-width:62rem;margin:1.4rem 0 0;color:var(--pc-muted);font-size:1.45rem;line-height:1.65}.pergola-configurator__progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:1rem;margin-bottom:3rem}.pergola-configurator__progress-item{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid var(--pc-line);background:transparent;color:var(--pc-muted);font-size:1.05rem;line-height:1;letter-spacing:.08em;transition:background .2s ease,color .2s ease,border-color .2s ease}.pergola-configurator__progress-item.is-complete{border-color:var(--pc-selected);background:var(--pc-selected);color:var(--pc-selected-text)}.pergola-configurator__progress-item.is-active{border-color:var(--pc-selected);background:transparent;color:var(--pc-selected);box-shadow:inset 0 0 0 1px var(--pc-selected)}.pergola-configurator__progress-line{display:block;width:100%;height:1px;background:var(--pc-line)}.pergola-configurator__steps{display:grid;gap:1.4rem}.pergola-configurator__step{padding:2.2rem;border:1px solid var(--pc-line);background:#ffffff75;opacity:.56;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.pergola-configurator__step.is-active,.pergola-configurator__step.is-complete{opacity:1;background:var(--pc-card)}.pergola-configurator__step.is-active{border-color:var(--pc-line-strong)}.pergola-configurator__step-heading{display:grid;grid-template-columns:3.8rem minmax(0,1fr);gap:1.3rem;align-items:start}.pergola-configurator__step-number{display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;border:1px solid var(--pc-line-strong);color:var(--pc-ink);font-size:1.05rem;letter-spacing:.08em}.pergola-configurator__step-heading h3{margin:0;color:var(--pc-ink);font-size:1.75rem;line-height:1.25;letter-spacing:-.015em}.pergola-configurator__step-heading p{margin:.6rem 0 0;color:var(--pc-muted);font-size:1.3rem;line-height:1.55}.pergola-configurator__options{display:grid;gap:1rem;margin-top:2rem}.pergola-configurator__options--finish,.pergola-configurator__options--size,.pergola-configurator__options--control,.pergola-configurator__options--legs{grid-template-columns:repeat(2,minmax(0,1fr))}.pergola-configurator__option{position:relative;display:flex;width:100%;min-height:6.4rem;padding:1.4rem 1.5rem;border:1px solid var(--pc-line);border-radius:0;background:var(--pc-card);color:var(--pc-ink);font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.pergola-configurator__option:hover{border-color:var(--pc-line-strong)}.pergola-configurator__option:focus-visible{outline:2px solid var(--pc-ink);outline-offset:3px}.pergola-configurator__option.is-selected{border-color:var(--pc-selected);background:var(--pc-selected);color:var(--pc-selected-text)}.pergola-configurator__option[disabled],.pergola-configurator__option.is-unavailable{border-color:#15151514;background:#ffffff8c;color:#15151557;cursor:not-allowed}.pergola-configurator__option[disabled]:after,.pergola-configurator__option.is-unavailable:after{content:"";position:absolute;top:50%;left:1.2rem;right:1.2rem;height:1px;background:#1515153d;transform:rotate(-8deg)}.pergola-configurator__option-content{display:flex;width:100%;align-items:center;gap:1.2rem}.pergola-configurator__option-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.35rem}.pergola-configurator__option-title{font-size:1.35rem;line-height:1.3;font-weight:600}.pergola-configurator__option-description{color:var(--pc-muted);font-size:1.15rem;line-height:1.45}.pergola-configurator__option.is-selected .pergola-configurator__option-description{color:#ffffffb8}.pergola-configurator__swatch{display:block;flex:0 0 3.4rem;width:3.4rem;height:3.4rem;border:1px solid rgba(21,21,21,.22);background:var(--swatch-colour, #d8d8d8)}.pergola-configurator__option.is-selected .pergola-configurator__swatch{border-color:#ffffffa6}.pergola-configurator__check{display:none;flex:0 0 2rem;width:2rem;height:2rem;align-items:center;justify-content:center;border:1px solid currentColor;font-size:1.1rem;line-height:1}.pergola-configurator__option.is-selected .pergola-configurator__check{display:inline-flex}.pergola-configurator__summary{margin-top:2.4rem;padding:2.4rem;border:1px solid var(--pc-line-strong);background:var(--pc-background)}.pergola-configurator__summary-header{margin-bottom:2rem}.pergola-configurator__summary-eyebrow{margin:0 0 .7rem;color:var(--pc-muted);font-size:1rem;line-height:1.4;letter-spacing:.17em;text-transform:uppercase}.pergola-configurator__summary-header h3{margin:0;color:var(--pc-ink);font-size:2rem;line-height:1.25}.pergola-configurator__summary-list{margin:0;border-top:1px solid var(--pc-line)}.pergola-configurator__summary-row{display:grid;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);gap:1.4rem;padding:1.25rem 0;border-bottom:1px solid var(--pc-line)}.pergola-configurator__summary-row dt,.pergola-configurator__summary-row dd{margin:0}.pergola-configurator__summary-row dt{color:var(--pc-muted);font-size:1.2rem}.pergola-configurator__summary-row dd{color:var(--pc-ink);font-size:1.25rem;font-weight:600;text-align:right}.pergola-configurator__status{margin-top:1.8rem;padding:1.35rem 1.5rem;border-left:2px solid var(--pc-ink);background:var(--pc-card);color:var(--pc-muted);font-size:1.2rem;line-height:1.5}.pergola-configurator__status.is-valid{color:var(--pc-ink)}.pergola-configurator__status.is-error{border-left-color:#8f2f2f;color:#8f2f2f}.pergola-configurator.is-loading{opacity:.72;pointer-events:none}.pergola-configurator.is-loading:after{content:"Updating your configuration\2026";display:block;margin-top:1rem;color:var(--pc-muted);font-size:1.15rem}@media screen and (min-width:750px){.pergola-configurator__options--finish{grid-template-columns:repeat(2,minmax(0,1fr))}.pergola-configurator__options--size{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.pergola-configurator{margin-top:2.2rem}.pergola-configurator__header{margin-bottom:2.2rem;padding-bottom:2rem}.pergola-configurator__heading{font-size:3rem}.pergola-configurator__introduction{font-size:1.35rem}.pergola-configurator__progress{gap:.6rem}.pergola-configurator__progress-item{width:3.2rem;height:3.2rem;font-size:.95rem}.pergola-configurator__step{padding:1.7rem}.pergola-configurator__step-heading{grid-template-columns:3.4rem minmax(0,1fr);gap:1.1rem}.pergola-configurator__step-number{width:3.4rem;height:3.4rem}.pergola-configurator__step-heading h3{font-size:1.6rem}.pergola-configurator__options--finish,.pergola-configurator__options--size,.pergola-configurator__options--control,.pergola-configurator__options--legs{grid-template-columns:1fr}.pergola-configurator__option{min-height:5.8rem}.pergola-configurator__summary{padding:1.8rem}.pergola-configurator__summary-row{grid-template-columns:minmax(8rem,.7fr) minmax(0,1.3fr)}}@media screen and (min-width:990px){.james-product-theme .product__media-wrapper{position:sticky;top:2rem;align-self:flex-start;height:fit-content;z-index:2}}.pergola-configurator__summary-row--price{margin-top:.8rem;padding-top:1.8rem;padding-bottom:1.8rem;border-top:1px solid var(--pc-line-strong);border-bottom:0}.pergola-configurator__summary-row--price dt{align-self:center;color:var(--pc-ink);font-weight:600}.pergola-configurator__summary-row--price dd{color:var(--pc-ink);font-size:1.8rem;line-height:1.2;font-weight:700}.pergola-configurator__step{border-radius:8px;overflow:hidden}.pergola-configurator__summary{border-radius:8px}.pergola-configurator__status,.pergola-configurator__progress-item{border-radius:5px}.pergola-configurator__option{position:relative;min-height:8.6rem;height:100%;border-radius:6px;padding:1.5rem 4.8rem 1.5rem 1.5rem;align-items:stretch}.pergola-configurator__option-content{width:100%;min-width:0;align-items:center}.pergola-configurator__check{position:absolute;top:50%;right:1.5rem;display:inline-flex;width:2.2rem;height:2.2rem;margin:0;border-radius:4px;opacity:0;visibility:hidden;transform:translateY(-50%)}.pergola-configurator__option.is-selected .pergola-configurator__check{display:inline-flex;opacity:1;visibility:visible}.pergola-configurator__option-copy{min-width:0;padding-right:0}.pergola-configurator__option-title{display:block;line-height:1.3}.pergola-configurator__option-description{display:block;line-height:1.45}.pergola-configurator__swatch{border-radius:5px}.pergola-configurator__options{align-items:stretch}.pergola-configurator__options>.pergola-configurator__option{align-self:stretch}.pergola-configurator__options--size .pergola-configurator__option-title{white-space:nowrap}.pergola-configurator__option[disabled],.pergola-configurator__option.is-unavailable{min-height:8.6rem}@media screen and (max-width:749px){.pergola-configurator__step,.pergola-configurator__summary{border-radius:7px}.pergola-configurator__option{min-height:7.6rem;padding:1.4rem 4.6rem 1.4rem 1.4rem;border-radius:6px}.pergola-configurator__option[disabled],.pergola-configurator__option.is-unavailable{min-height:7.6rem}.pergola-configurator__check{right:1.3rem}}.pergola-configurator__options--size{grid-template-columns:1fr!important;gap:.9rem}.pergola-configurator__option-description:empty{display:none}.pergola-configurator__options--size .pergola-configurator__option{width:100%;min-height:5.8rem;height:auto;padding:1.4rem 5rem 1.4rem 1.7rem;align-items:center;border-radius:7px}.pergola-configurator__options--size .pergola-configurator__option-content{min-height:2.8rem;align-items:center}.pergola-configurator__options--size .pergola-configurator__option-title{font-size:1.5rem;line-height:1.25;font-weight:600;white-space:nowrap}.pergola-configurator__options--size .pergola-configurator__option-copy{display:flex;justify-content:center;gap:0}.pergola-configurator__options--size .pergola-configurator__option.is-selected,.pergola-configurator__options--size .pergola-configurator__option.is-unavailable,.pergola-configurator__options--size .pergola-configurator__option[disabled]{min-height:5.8rem}.pergola-configurator__options--size .pergola-configurator__check{right:1.6rem}@media screen and (min-width:750px){.pergola-configurator__options--size .pergola-configurator__option:hover:not([disabled]){transform:translate(3px)}}@media screen and (max-width:749px){.pergola-configurator__options--size{gap:.8rem}.pergola-configurator__options--size .pergola-configurator__option,.pergola-configurator__options--size .pergola-configurator__option.is-selected,.pergola-configurator__options--size .pergola-configurator__option.is-unavailable,.pergola-configurator__options--size .pergola-configurator__option[disabled]{min-height:5.4rem}.pergola-configurator__options--size .pergola-configurator__option{padding:1.25rem 4.6rem 1.25rem 1.5rem}.pergola-configurator__options--size .pergola-configurator__option-title{font-size:1.4rem}}.pergola-page-header{width:100vw;max-width:none;margin:0 0 clamp(4rem,6vw,7rem);margin-left:calc(50% - 50vw);padding:clamp(4rem,5vw,6rem) clamp(3rem,6vw,9rem);text-align:center;background:#ebebeb;border:0}.pergola-page-header__eyebrow{margin:0 0 1.2rem;color:#686868;font-size:1.1rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}.pergola-page-header__title{margin:0;color:#151515;font-family:var(--font-heading-family);font-size:clamp(4rem,5.5vw,6.8rem);font-weight:var(--font-heading-weight);line-height:1.02;letter-spacing:-.04em}.pergola-page-header__text{width:100%;max-width:none;margin:1.8rem auto 0;color:#686868;font-size:clamp(1.4rem,1.15vw,1.65rem);line-height:1.6;white-space:nowrap}.pergola-configurator__header{display:none}@media screen and (max-width:989px){.pergola-page-header__text{max-width:70rem;white-space:normal}}@media screen and (max-width:749px){.pergola-page-header{margin-bottom:3.5rem;padding:3.5rem 2rem;text-align:left}.pergola-page-header__title{font-size:4.2rem;line-height:1.04}.pergola-page-header__text{margin-top:1.4rem;font-size:1.4rem;line-height:1.65;white-space:normal}}@media screen and (min-width:990px){.james-product-theme .product__media-wrapper media-gallery{display:grid!important;grid-template-columns:9.2rem minmax(0,1fr);grid-template-areas:"thumbnails main-image";column-gap:1.4rem;align-items:stretch;width:100%}.james-product-theme .product__media-wrapper media-gallery>slider-component:not(.thumbnail-slider){grid-area:main-image;width:100%;min-width:0;margin:0!important}.james-product-theme .product__media-wrapper .product__media-list{width:100%!important;margin:0!important;padding:0!important}.james-product-theme .product__media-wrapper media-gallery>.thumbnail-slider{grid-area:thumbnails;align-self:stretch;display:grid!important;grid-template-rows:4rem minmax(0,1fr) 4rem;gap:.9rem;width:100%;min-width:0;min-height:0;height:auto;margin:0!important}.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list.slider--tablet-up,.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list.slider{display:flex!important;flex-direction:column!important;gap:.9rem!important;width:100%;height:auto!important;min-height:0;max-height:none!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;scroll-snap-type:y mandatory!important;scrollbar-width:none;overscroll-behavior:contain}.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list::-webkit-scrollbar{display:none}.james-product-theme .product__media-wrapper .thumbnail-list__item.slider__slide{flex:0 0 8.4rem!important;width:100%!important;height:8.4rem!important;max-width:none!important;scroll-snap-align:start}.james-product-theme .product__media-wrapper .thumbnail{width:100%;height:100%;border-radius:6px;overflow:hidden}.james-product-theme .product__media-wrapper .thumbnail img{width:100%;height:100%;object-fit:cover}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button{position:static!important;display:flex!important;width:100%!important;height:4rem!important;min-width:0!important;min-height:4rem!important;margin:0!important;padding:0!important;border:1px solid rgba(21,21,21,.18);border-radius:6px;background:#fff;color:#151515;align-items:center;justify-content:center;cursor:pointer}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button:hover:not([disabled]){border-color:#151515;background:#151515;color:#fff}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button[disabled]{opacity:.25;cursor:not-allowed}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button--prev{grid-row:1}.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list{grid-row:2}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button--next{grid-row:3}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button--prev svg{transform:rotate(180deg)!important}.james-product-theme .product__media-wrapper .thumbnail-slider .slider-button--next svg{transform:rotate(0)!important}}@media screen and (min-width:990px){.james-product-theme .product__media-wrapper media-gallery{align-items:start!important}.james-product-theme .product__media-wrapper media-gallery>.thumbnail-slider{align-self:start!important;height:var(--pergola-gallery-height, 60rem)!important;max-height:var(--pergola-gallery-height, 60rem)!important;overflow:hidden!important}.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list.slider--tablet-up,.james-product-theme .product__media-wrapper .thumbnail-slider .thumbnail-list.slider{height:100%!important;max-height:100%!important;min-height:0!important}}.james-product-theme .product__info-container>[id^=price-],.james-product-theme .product__info-container .product__tax,.james-product-theme .product__info-container form.installment{display:none!important}@media screen and (max-width:749px){.pergola-configurator__mobile-preview{margin-top:24px;width:100%}.pergola-configurator__mobile-preview-label{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pergola-configurator__mobile-preview-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f4f2ee}.pergola-configurator__mobile-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pergola-configurator.css.map */