.configurator-page{background:#faf9f5}.config-announcement{height:32px;display:flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:var(--paper);font-size:10px;letter-spacing:.4px}.demo-chip{font-size:8px;letter-spacing:1.1px;border:1px solid #ffffff50;border-radius:3px;padding:2px 7px}.config-header{height:88px;border-bottom:1px solid #e6e7df;background:#faf9f5;padding-left:45px;padding-right:45px}.config-header-nav{display:flex;gap:35px;font-size:12px}.config-header-nav a[aria-current]{border-bottom:1px solid var(--green);padding-bottom:4px}.config-main{max-width:1450px;margin:auto;padding:0 45px}.config-breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;color:#777e72;margin-top:25px}.config-breadcrumb a{color:var(--green)}.config-breadcrumb>span:last-child{color:var(--ink)}.config-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-top:32px;margin-bottom:34px}.config-intro h1{font-size:47px;letter-spacing:-2px;margin-top:15px;line-height:1.15}.config-intro h1 em{letter-spacing:-1.7px}.config-intro>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:5px}.config-product-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:35px}.config-product-nav a{display:flex;align-items:center;gap:12px;min-height:62px;border:1px solid #dfe2d7;border-radius:5px;padding:16px 20px;font-size:13px;transition:background .2s,border-color .2s}.config-product-nav a[aria-current]{background:var(--green);color:var(--paper);border-color:var(--green)}.config-product-nav a:not([aria-current]):hover{background:#eeefe6;border-color:#8f9c84}.config-nav-number{font-size:10px;opacity:.6;letter-spacing:.5px}.config-product-nav a>span:last-child{font-size:20px;margin-left:auto}.config-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.9fr);gap:58px;align-items:start}.config-visual-sticky{position:sticky;top:22px}.config-visual-column{height:100%;min-width:0}.config-stage{position:relative;border-radius:7px;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#f8f7f0,#e9e9df);aspect-ratio:1.2;isolation:isolate}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:absolute;top:21px;left:23px;right:23px;z-index:2}.stage-product-label{font-size:8px;letter-spacing:1.5px;font-weight:600}.stage-live{display:inline-flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.9px;color:#5a6c53;background:#f8f8f1b8;padding:4px 7px;border-radius:3px}.stage-live>span{width:4px;height:4px;background:#67854e;border-radius:50%}.stage-caption{position:absolute;bottom:15px;left:15px;right:15px;font-size:8px;color:#62705d;text-align:center;pointer-events:none}.model-preview{height:100%;display:flex;align-items:center}.model-preview>svg{width:100%;height:auto;max-height:100%}.inspiration-photo{height:100%;position:absolute;inset:0;z-index:-1;object-position:center}.inspiration-photo[hidden]{display:none}.config-stage:has(.inspiration-photo:not([hidden])) .stage-header{color:white}.config-stage:has(.inspiration-photo:not([hidden])) .stage-caption{color:white;text-shadow:0 1px 4px #000}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.stage-view-buttons{display:flex;background:#eeeee5;border-radius:4px;padding:3px;gap:3px}.stage-view-buttons button{background:none;border:0;padding:9px 12px;font-size:10px;border-radius:3px}.stage-view-buttons button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0000000b;color:var(--green)}.config-reset{border:0;background:none;font-size:10px;color:#68745d;display:flex;align-items:center;gap:6px;padding:5px}.config-reset>span{font-size:18px}.config-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;border-top:1px solid #dfe2d5;border-bottom:1px solid #dfe2d5;padding:18px 0}.config-dimensions>div{display:flex;flex-direction:column;gap:4px;padding-left:18px;border-left:1px solid #dfe2d5}.config-dimensions>div:first-child{padding-left:0;border:0}.config-dimensions span{font-size:9px;color:var(--muted)}.config-dimensions strong{font-weight:400;font-size:20px;letter-spacing:-.5px}.config-demo-info{margin-top:24px;display:flex;gap:12px;background:#eeeee3;border-radius:5px;padding:18px}.demo-info-icon{display:grid;place-items:center;flex-shrink:0;border:1px solid #7e8d72;border-radius:50%;width:17px;height:17px;font-size:11px;font-family:Georgia,serif;line-height:1;margin-top:1px}.config-demo-info strong{font-size:11px;font-weight:600}.config-demo-info p{font-size:10px;color:#6a755f;line-height:1.8;margin-top:5px}.config-help{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-top:20px;color:var(--muted)}.config-help a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.config-help a>span{margin-left:8px}.config-product-heading .eyebrow{font-size:9px;color:#77816e}.config-product-heading h2{font-size:35px;line-height:1.15;letter-spacing:-1.4px;margin-top:10px}.config-product-heading>p:last-child{font-size:12px;color:var(--muted);line-height:1.85;margin-top:13px}.config-price-head{padding:22px 0 18px;border-bottom:1px solid #e0e3d8}.config-price-head>span{font-size:10px;color:#65705e}.config-price-head>div{display:flex;align-items:center;gap:14px;margin-top:4px}.config-price-head output{font-size:35px;font-weight:500;letter-spacing:-1.2px;line-height:1.4}.config-price-badge{font-size:8px;letter-spacing:.8px;background:#e8eadd;color:#606e4e;border:1px solid #d4d9c8;border-radius:3px;padding:3px 6px}.config-price-head>p{font-size:10px;color:var(--muted);margin-top:4px}.config-options-note{font-size:9px;color:var(--muted);margin-top:17px;margin-bottom:3px}.config-group{border-bottom:1px solid #e0e3d8;padding:24px 0}.config-group-heading{display:flex;gap:11px;align-items:center;margin-bottom:19px}.config-group-number{font-size:9px;background:#eaece1;color:#66765a;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.config-group h3{font-size:17px;letter-spacing:-.3px}.config-group-description{font-size:10px;line-height:1.75;margin:-9px 0 18px 34px;color:var(--muted)}.config-field{min-width:0;border:0;padding:0;margin:0 0 21px}.config-field:last-child{margin-bottom:0}.config-field legend,.config-number-label{font-size:11px;line-height:1.5;font-weight:600;display:block;margin-bottom:10px}.config-field-hint{font-size:9px;color:#77836d;line-height:1.7;margin-top:8px}.config-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.config-option{position:relative;display:flex;min-width:0}.config-option input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%}.config-option-label{display:flex;flex-direction:column;justify-content:center;width:100%;border:1px solid #d9decf;border-radius:4px;background:#fffefb;padding:12px 13px;min-height:51px;transition:border-color .15s,box-shadow .15s;cursor:pointer;position:relative}.config-option-label>strong{font-size:11px;font-weight:400;line-height:1.5;padding-right:10px}.config-option-label>small{font-size:9px;line-height:1.6;color:#7a8472;margin-top:3px}.config-option-label>em{font-family:Arial,Helvetica,sans-serif;font-style:normal;letter-spacing:0;font-size:9px;color:#5e7152;margin-top:4px}.config-option input:checked+.config-option-label{border-color:#53694a;box-shadow:inset 0 0 0 1px #53694a;background:#f1f3e9}.config-option input:checked+.config-option-label::after{content:'✓';position:absolute;right:10px;top:11px;font-size:10px;color:#48603d}.config-option input:focus-visible+.config-option-label{outline:3px solid #a76f36;outline-offset:3px}.config-colors{display:flex;gap:9px;flex-wrap:wrap}.config-color-option .config-option-label{align-items:center;justify-content:flex-start;min-width:77px;min-height:95px;padding:10px 9px;text-align:center}.config-color-option .config-option-label>strong{padding:0;font-size:9px}.config-color-option .config-option-label>em{font-size:8px}.config-color-option input:checked+.config-option-label::after{right:5px;top:4px;font-size:9px}.color-swatch{width:29px;height:29px;border:1px solid #00000012;border-radius:50%;display:block;background:var(--swatch);margin-bottom:7px}.number-control{background:white;border:1px solid #d9decf;border-radius:4px;padding:13px 14px}.number-top-row{display:flex;align-items:center;gap:14px;justify-content:space-between}.number-value-input{display:flex;align-items:center;gap:8px}.number-value-input input{width:90px;border:1px solid #dce1d2;background:#fafbf5;text-align:right;padding:7px 9px;border-radius:3px;font-size:14px;color:var(--green);font-weight:500}.number-unit{font-size:10px;color:var(--muted)}.number-range{width:100%;accent-color:var(--green);height:3px;display:block;margin:19px 0 13px;cursor:pointer}.number-limits{display:flex;justify-content:space-between;font-size:8px;color:#8a927f}.number-step-label{font-size:9px;color:#7a8570;line-height:1.5;max-width:150px}.config-field-error{color:#a23f24;font-size:10px;line-height:1.6;margin-top:7px}.number-control:has(input[aria-invalid=true]){border-color:#b45d44}.config-size-choices .config-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.config-size-choices .config-option-label{padding:11px 9px;text-align:center}.config-size-choices .config-option-label>strong{padding-right:0}.config-size-choices .config-option input:checked+.config-option-label::after{top:3px;right:4px;font-size:8px}.config-order{background:#eeeee4;border:1px solid #dce1d1;border-radius:6px;padding:25px;margin-top:26px;scroll-margin-top:25px}.order-title{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:20px}.order-title h3{font-size:21px;letter-spacing:-.6px}.order-title>span{font-size:9px;color:#768168}.config-selection-summary{margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.config-selection-summary>div{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;font-size:10px;line-height:1.7}.config-selection-summary dt{color:#6b7761;flex-shrink:0;max-width:48%}.config-selection-summary dd{margin:0;text-align:right;color:var(--green)}.config-cost-details{margin-top:20px;border-top:1px solid #d4dac9;border-bottom:1px solid #d4dac9}.config-cost-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;padding:15px 0;cursor:pointer}.config-cost-details summary::-webkit-details-marker{display:none}.config-cost-details summary>span{font-size:18px}.config-cost-details[open] summary>span{transform:rotate(45deg)}.config-cost-details>p{font-size:9px;color:#7d876f;margin-bottom:10px}.config-price-line{display:flex;gap:20px;align-items:baseline;justify-content:space-between;font-size:10px;line-height:1.7;margin-bottom:8px}.config-price-line>span:first-child{color:#626e57}.config-price-line>span:last-child{white-space:nowrap}.config-tax-lines{padding:15px 0;font-size:10px;border-bottom:1px solid #d4dac9}.config-tax-lines>div{display:flex;justify-content:space-between;gap:12px;margin:4px 0;color:#6d785f}.order-total{display:flex;gap:15px;align-items:center;justify-content:space-between;padding-top:18px}.order-total strong{font-size:13px;font-weight:500;display:block}.order-total>div>span{font-size:9px;color:#707d63;display:block;margin-top:2px}.order-total output{font-size:27px;font-weight:500;letter-spacing:-.9px;white-space:nowrap}.order-demo-note{font-size:9px;line-height:1.8;color:#75806a;margin-top:14px}.config-request{width:100%;margin-top:22px;gap:18px;padding:16px 19px}.config-email-link{display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid #c7d0ba;border-radius:4px;padding:12px;font-size:11px;margin-top:10px}.config-email-link>span{font-size:18px}.request-note{font-size:9px;line-height:1.7;text-align:center;color:#7a856f;margin-top:10px}.config-utility{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:21px}.config-utility button{background:none;border:0;font-size:9px;color:var(--green);text-decoration:underline;text-underline-offset:4px;padding:2px}.config-status{font-size:10px;color:var(--green);line-height:1.8;margin-top:13px;text-align:center}.config-share-fallback{margin-top:15px}.config-share-fallback label{display:block;font-size:10px}.config-share-fallback input{font-size:10px;width:100%;padding:7px;margin-top:5px;border:1px solid var(--line);border-radius:3px}.validation-summary{font-size:11px;color:#9a4934;padding:10px;background:#f5e6dc;border:1px solid #e3c6b8;border-radius:4px;margin-bottom:15px}.config-request[aria-disabled=true],.config-email-link[aria-disabled=true]{opacity:.45;cursor:not-allowed}.config-bottom-info{display:grid;grid-template-columns:1fr 1.7fr;gap:65px;border-top:1px solid #dfe2d6;padding:70px 0;margin-top:80px}.config-bottom-info h2{font-size:42px;letter-spacing:-1.8px;margin-top:23px}.config-bottom-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:start}.config-bottom-steps article>span{font-size:12px;color:#8b967b}.config-bottom-steps h3{font-size:20px;margin-top:15px}.config-bottom-steps p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:12px}.config-footer{padding:25px 45px;background:var(--green);color:var(--paper);display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:10px}.config-footer a{border-bottom:1px solid #ffffff5a;padding-bottom:3px}.config-mobile-total{display:none}.config-noscript{padding:30px;background:#eeeee4;margin-bottom:30px}.config-noscript a{text-decoration:underline}
@media(min-width:1650px){.config-header{max-width:1560px;margin:auto}.config-main{max-width:1490px}.config-stage{aspect-ratio:1.3}}
@media(max-width:1150px){.config-layout{gap:30px;grid-template-columns:1.04fr 1fr}.config-main{padding:0 30px}.config-header{padding:0 30px}.config-intro h1{font-size:41px}.config-intro>p{font-size:11px}.config-product-nav a{font-size:11px;padding:14px}.config-stage{aspect-ratio:1.05}.stage-header{top:17px;left:16px;right:16px}.stage-product-label{font-size:7px;letter-spacing:1px}.stage-live{font-size:6px}.stage-toolbar{gap:7px}.stage-view-buttons button{font-size:9px;padding:8px}.config-reset{font-size:9px}.config-dimensions strong{font-size:17px}.config-order{padding:20px}.config-product-heading h2{font-size:31px}.config-colors{gap:7px}.config-color-option .config-option-label{min-width:65px;padding:9px 6px}.config-bottom-info{gap:40px}.config-bottom-info h2{font-size:36px}.config-bottom-steps{gap:20px}}
@media(max-width:760px){.config-announcement{font-size:8px;gap:14px;height:30px}.demo-chip{font-size:7px;padding:2px 5px}.config-header{height:77px;padding:0 21px}.config-header-nav{display:none}.config-header .header-cta{font-size:10px;gap:14px}.config-main{padding:0 21px}.config-breadcrumb{font-size:8px;margin-top:20px;gap:7px;flex-wrap:wrap}.config-intro{display:block;margin-top:26px;margin-bottom:25px}.config-intro h1{font-size:34px;letter-spacing:-1.8px;margin-top:13px}.config-intro>p{font-size:11px;margin-top:15px}.config-intro>p br{display:none}.config-product-nav{gap:6px;margin-bottom:25px}.config-product-nav a{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:11px 10px;gap:8px;min-height:83px;font-size:10px;line-height:1.4;position:relative}.config-nav-number{font-size:8px}.config-product-nav a>span:last-child{position:absolute;right:8px;top:7px;font-size:14px}.config-layout{display:block}.config-visual-sticky{position:static}.config-stage{aspect-ratio:1.2;min-height:275px;max-height:500px}.stage-header{top:15px;left:15px;right:15px}.stage-caption{font-size:7px;bottom:10px}.stage-toolbar{margin-top:11px}.stage-view-buttons button{font-size:9px;padding:8px 9px}.config-reset{font-size:9px}.config-dimensions{margin-top:18px;padding:15px 0;gap:10px}.config-dimensions strong{font-size:18px}.config-dimensions span{font-size:8px}.config-dimensions>div{padding-left:12px}.config-demo-info{margin-top:17px;padding:14px;gap:9px}.config-demo-info strong{font-size:10px}.config-demo-info p{font-size:9px}.config-help{font-size:10px;margin-top:14px;margin-bottom:28px}.config-options-column{padding-top:25px;border-top:1px solid #dde2d3}.config-product-heading h2{font-size:30px;letter-spacing:-1px;margin-top:11px}.config-product-heading>p:last-child{font-size:12px}.config-price-head{padding-top:20px}.config-price-head output{font-size:33px}.config-group{padding:24px 0}.config-group h3{font-size:17px}.config-group-description{font-size:10px}.config-option-label{padding:12px}.config-option-label>strong{font-size:11px}.config-option-label>small{font-size:9px}.config-colors{gap:8px}.config-color-option .config-option-label{min-width:69px;min-height:92px;padding:10px 7px}.config-order{padding:22px 19px;margin-top:25px}.config-selection-summary>div{font-size:10px;gap:15px}.config-selection-summary dt{max-width:46%}.order-title h3{font-size:21px}.order-total output{font-size:26px}.config-utility{gap:14px}.config-bottom-info{grid-template-columns:1fr;gap:30px;padding:45px 0;margin-top:45px}.config-bottom-info h2{font-size:35px}.config-bottom-steps{gap:18px}.config-bottom-steps h3{font-size:17px;margin-top:12px}.config-bottom-steps p{font-size:10px}.config-footer{padding:25px 21px 100px;flex-wrap:wrap;font-size:9px;gap:17px}.config-footer>span{width:100%}.config-mobile-total{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fafaf3f5;backdrop-filter:blur(10px);border-top:1px solid #dce1d1;z-index:25;align-items:center;justify-content:space-between;gap:15px;padding:12px 21px max(12px,env(safe-area-inset-bottom))}.config-mobile-total>div>span{display:block;font-size:8px;color:#718063}.config-mobile-total strong{font-size:22px;letter-spacing:-.7px;font-weight:500}.config-mobile-total>a{background:var(--green);color:white;padding:12px 14px;border-radius:4px;font-size:10px;display:flex;gap:15px;align-items:center}.config-mobile-total>a>span{font-size:17px}.config-order{scroll-margin-top:20px}.configurator-page{padding-bottom:0}}
@media(max-width:370px){.config-main{padding:0 16px}.config-intro h1{font-size:30px}.config-header{padding:0 16px}.config-product-nav a{font-size:9px}.config-colors{gap:6px}.config-color-option .config-option-label{min-width:62px}.config-size-choices .config-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.config-bottom-steps{grid-template-columns:1fr;gap:22px}.config-bottom-steps h3{margin-top:5px}.config-bottom-steps p{margin-top:5px}.order-total output{font-size:23px}}
@media print{body.configurator-page{background:white;color:#111}.config-announcement,.config-header,.config-breadcrumb,.config-intro,.config-product-nav,.stage-toolbar,.config-help,.config-form,.config-price-head,.config-product-heading,.config-options-note,#config-form,.config-request,.config-email-link,.request-note,.config-utility,.config-mobile-total,.config-bottom-info,.config-footer,.skip-link,.config-status,.config-share-fallback{display:none!important}.config-main{padding:0;max-width:none}.config-layout{display:block}.config-visual-sticky{position:static}.config-stage{height:260px;max-width:500px;min-height:0;margin:0 auto;break-inside:avoid}.config-dimensions{max-width:500px;margin:10px auto}.config-demo-info{margin:10px auto;max-width:600px;padding:10px}.config-options-column{border:0;padding:0}.config-order{margin:15px 0 0;padding:15px;background:white;border:1px solid #aaa;break-inside:avoid}.config-order::before{content:'PergolaSmart.it · Riepilogo configurazione · PREZZI DIMOSTRATIVI';display:block;font-size:13px;font-weight:600;margin-bottom:15px}.config-selection-summary{gap:3px}.order-title{margin-bottom:10px}.config-selection-summary>div,.config-tax-lines,.order-demo-note{font-size:10px}.config-cost-details{display:none}.order-total{padding-top:8px}.config-selection-summary dt{max-width:50%}.stage-caption{font-size:8px}.config-visual-column{height:auto}}

.configurator-page [hidden]{display:none!important}.config-color-option{flex:1;min-width:65px;max-width:110px}

/* Six finishes share a consistent grid, including the longer colour names. */
.config-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.config-color-option{min-width:0;max-width:none}.config-color-option .config-option-label{width:100%;min-width:0;min-height:128px;padding:13px 9px}.config-color-option .config-option-label>strong{font-size:10px;line-height:1.5}.config-color-option .color-swatch{width:34px;height:34px;margin-bottom:10px;position:relative;overflow:hidden}.color-swatch[data-sheen="glossy"]{background:linear-gradient(135deg,transparent 23%,#ffffff44 34%,#ffffffbb 40%,transparent 47%,#ffffff19 78%),var(--swatch);box-shadow:inset 0 0 0 1px #ffffff32,inset 0 -3px 5px #00000020}.color-swatch[data-sheen="matte"]{background:var(--swatch);box-shadow:inset 0 0 0 1px #0000000c}.legacy-finish-notice{font-size:10px;line-height:1.8;padding:10px 12px;background:#f0eadd;border-left:2px solid #9b8761;border-radius:3px;margin-top:12px}@media(max-width:760px){.config-color-option .config-option-label{min-height:126px;padding:12px 7px}.config-color-option .config-option-label>strong{font-size:10px}.config-colors{gap:7px}}@media(max-width:370px){.config-color-option .config-option-label{min-height:130px;padding-left:5px;padding-right:5px}.config-color-option .config-option-label>strong{font-size:9px}}
.config-stage{width:100%;min-width:0}

/* Inspiration stays separate from the live model; its gallery has no autoplay. */
.stage-gallery{margin-top:12px;max-width:100%;min-width:0}.gallery-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.gallery-counter{font-size:11px;letter-spacing:.8px;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-step-buttons{display:flex;gap:6px}.gallery-step-buttons button{display:grid;place-items:center;width:44px;height:38px;border:1px solid #d8dece;border-radius:4px;background:#fffef8;color:var(--green);padding:0}.gallery-step-buttons button:hover{background:#ecefe3;border-color:#9aa98d}.gallery-step-buttons svg{width:18px;height:18px;display:block}.gallery-thumbnails{display:flex;gap:8px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px;box-sizing:border-box}.gallery-thumbnail{flex:1 0 64px;min-width:0;aspect-ratio:1.4;border:1px solid #d4dac9;border-radius:4px;background:#eeeee4;padding:0;overflow:hidden}.gallery-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .15s}.gallery-thumbnail:hover img,.gallery-thumbnail[aria-pressed=true] img{opacity:1}.gallery-thumbnail[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.gallery-thumbnail:focus-visible{outline:2px solid #a76f36;outline-offset:2px}.config-stage:has(.inspiration-photo:not([hidden]))::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14251a45,transparent 30%,transparent 68%,#14251a70);pointer-events:none;z-index:0}.config-stage .stage-caption{z-index:2}.config-stage:has(.inspiration-photo:not([hidden])) .stage-caption{max-width:92%;margin:auto;line-height:1.65;text-wrap:balance}.config-visual-sticky:has(.stage-gallery:not([hidden])){top:12px}
@media(max-width:760px){.stage-gallery{margin-top:9px}.gallery-navigation{margin-bottom:4px}.gallery-step-buttons button{width:44px;height:44px}.gallery-thumbnails{gap:7px}.gallery-thumbnail{flex-basis:58px;min-height:44px}.config-stage:has(.inspiration-photo:not([hidden])) .stage-caption{font-size:8px;bottom:12px}.gallery-counter{font-size:10px}}
@media print{.stage-gallery{display:none!important}}

.config-zip-color .config-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.config-zip-color .config-option-label{min-height:90px;padding:12px 9px}

/* Feature copy stays editable HTML and is shown only over the selected photo. */
.stage-feature{position:absolute;z-index:2;left:30px;right:30px;bottom:65px;max-width:490px;color:#fff;pointer-events:none;text-shadow:0 1px 10px #07150c40}.stage-feature h3{font-size:clamp(23px,2.2vw,31px);line-height:1.14;font-weight:400;letter-spacing:-.7px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.stage-feature p{font-size:14px;line-height:1.6;color:#fffffff0;margin-top:11px;max-width:48ch;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.config-stage:has(.stage-feature:not([hidden]))::after{background:linear-gradient(180deg,#0c1e12a0 0%,#0c1e1210 28%,#0c1e1240 42%,#0b1b16b8 62%,#07150cf0 100%)}.gallery-thumbnail{flex:0 0 96px;display:flex;flex-direction:column;aspect-ratio:auto;min-height:100px;text-align:left;background:#fffef8}.gallery-thumbnail img{height:64px;flex:none;aspect-ratio:1.5}.gallery-thumbnail-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:9px;line-height:1.4;min-height:2.8em;max-height:2.8em;margin:6px 7px 7px;color:var(--green)}.gallery-thumbnail[aria-pressed=true]{background:#edf1e4}
@media(max-width:1150px){.stage-feature{left:23px;right:23px;bottom:65px}.stage-feature h3{font-size:25px}.stage-feature p{font-size:13px}}
@media(max-width:760px){.config-stage:has(.stage-feature:not([hidden])){min-height:350px;aspect-ratio:1.08}.stage-feature{left:19px;right:19px;bottom:63px;max-width:none}.stage-feature h3{font-size:22px;line-height:1.16;letter-spacing:-.5px}.stage-feature p{font-size:13px;line-height:1.55;margin-top:9px}.gallery-thumbnail{flex-basis:88px;min-height:95px}.gallery-thumbnail img{height:56px}.gallery-thumbnail-label{font-size:9px}}
@media(max-width:370px){.stage-feature{left:17px;right:17px;bottom:64px}.stage-feature h3{font-size:20px;line-height:1.18}.stage-feature p{font-size:12px;line-height:1.55;margin-top:8px}}
@media print{.stage-feature{display:none!important}}

/* New supplied photos keep the complete composition, including portrait views. */
.inspiration-photo[data-fit="contain"]{object-fit:contain}.config-stage:has(.inspiration-photo[data-fit="contain"]:not([hidden])){background:#26332c}

/* Assembly is a separate, user-started video view; its controls stay unobstructed. */
.config-stage[data-stage-view="assembly"]{aspect-ratio:16/9;background:#17231c}.stage-video-panel{position:absolute;inset:0;background:#17231c}.stage-video-panel[hidden]{display:none}.stage-assembly-video{display:block;width:100%;height:100%;object-fit:contain;background:#17231c}.stage-video-error{position:absolute;inset:20% 8% auto;padding:16px;background:#faf9f5;color:var(--ink);font-size:13px;line-height:1.6;border-radius:5px}.stage-video-error a{text-decoration:underline}.stage-toolbar{flex-wrap:wrap;align-items:flex-start}.stage-view-buttons{flex-wrap:wrap;min-width:0}.stage-view-buttons button{min-height:40px;line-height:1.35}
@media(max-width:760px){.stage-toolbar .stage-view-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-basis:100%;width:100%}.stage-toolbar .stage-view-buttons:has([data-view="assembly"][hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}.stage-view-buttons button{padding:10px 7px;white-space:normal;font-size:10px}.config-reset{margin-left:auto}}
@media print{.stage-video-panel{display:none!important}.config-stage[data-stage-view="assembly"]{background:#f4f4ec}.config-stage[data-stage-view="assembly"] .model-preview{display:flex!important}.config-stage[data-stage-view="assembly"] .stage-header{display:flex!important}.config-stage[data-stage-view="assembly"] .stage-caption{display:block!important}}

.config-product-heading .config-product-included{font-size:14px;line-height:1.5;font-weight:500;color:var(--green);margin-top:9px;letter-spacing:0}

/* Included pergola services sit beside delivery without adding an optional charge. */
.config-pergola-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px;align-items:stretch}.config-pergola-services>.config-field{margin:0}.config-pergola-services>.config-field:first-child{grid-column:1/-1}.config-pergola-services>.config-field:not(:first-child) .config-choice-list{grid-template-columns:1fr}.config-included-service{display:flex;flex-direction:column}.config-included-service h4{font-size:11px;line-height:1.5;font-weight:600;margin:0 0 10px}.config-included-card{flex:1;cursor:default;border-color:#53694a;box-shadow:inset 0 0 0 1px #53694a;background:#f1f3e9}.config-included-card::after{content:'✓';position:absolute;right:10px;top:11px;font-size:10px;color:#48603d}@media(max-width:1150px){.config-pergola-services{grid-template-columns:1fr}.config-pergola-services>.config-field:first-child{grid-column:auto}}