._6Nm8jq_experience{--color-pergola-logo-blue:#009fe3;--color-pergola-logo-blue-hover:#0086c3}._6Nm8jq_brandFocus:focus-visible{outline-color:var(--color-pergola-logo-blue)}._6Nm8jq_selected{border-color:var(--color-pergola-logo-blue);box-shadow:0 0 0 1px var(--color-pergola-logo-blue)}._6Nm8jq_selectedMarker{background-color:var(--color-pergola-logo-blue)}._6Nm8jq_viewerCanvas{height:480px}@media (min-width:640px){._6Nm8jq_viewerCanvas{height:540px}}@media (min-width:1280px){._6Nm8jq_viewerCanvas{height:720px}}._6Nm8jq_benefitsPanel{color:#f7fbff;background:#16202b;border-color:#30475f}._6Nm8jq_benefitsEyebrow,._6Nm8jq_benefitLabel{color:#b9d7e8!important}._6Nm8jq_benefitCard{color:#f7fbff;background:#223244;border-color:#3d566d}._6Nm8jq_benefitValue{color:#f7fbff!important}
.yvLviG_experience{--accent:#009fe3;color:#16202b;background:#fff;border-block:1px solid #dfe4e8;scroll-margin-top:110px}.yvLviG_layout{grid-template-columns:minmax(0,1fr) 370px;gap:52px;max-width:1440px;margin:auto;padding:64px 40px;display:grid}.yvLviG_controls{min-width:0}.yvLviG_configurationWorkspace{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:32px;margin-top:24px;display:grid}.yvLviG_configurationFlow{min-width:0}.yvLviG_modelPreview{align-self:start;min-width:0;scroll-margin-top:84px;position:sticky;top:115px}.yvLviG_modelPreview h3{margin-bottom:12px;font-size:16px;font-weight:600}.yvLviG_modelCanvas{height:clamp(460px,43vw,600px)}.yvLviG_eyebrow{color:#0075a8;letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:700}.yvLviG_controls h2{letter-spacing:-.035em;margin:12px 0;font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.15}.yvLviG_intro{color:#5b6470;max-width:590px;font-size:15px;line-height:1.8}.yvLviG_steps{border-bottom:1px solid #dfe4e8;gap:18px;margin:30px 0;display:flex}.yvLviG_steps button{color:#68737d;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 0;font-size:14px;font-weight:600;display:flex}.yvLviG_steps button[aria-current]{color:#16202b;border-bottom-color:var(--accent)}.yvLviG_steps span{background:#eef1f4;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.yvLviG_steps button[aria-current] span{color:#0075a8;background:#e0f4fe}.yvLviG_panel h3{letter-spacing:-.025em;margin-bottom:18px;font-size:23px;font-weight:600;line-height:1.3}.yvLviG_panel fieldset{min-width:0;margin-block:26px}.yvLviG_panel legend,.yvLviG_selectLabel{margin-bottom:10px;font-size:13px;font-weight:650;display:block}.yvLviG_panel select{color:#16202b;background:#fff;border:1px solid #cbd4dc;border-radius:9px;width:100%;min-height:48px;padding:10px 36px 10px 13px;font-size:14px;display:block}.yvLviG_hint{color:#64707b;margin-top:10px;font-size:12px;line-height:1.75}.yvLviG_choices{flex-wrap:wrap;gap:9px;display:flex}.yvLviG_sizeChoices{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.yvLviG_sizeChoice{color:#263b46;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd4dc;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:10px 12px;display:flex;position:relative}.yvLviG_sizeChoice input{opacity:0;width:1px;height:1px;position:absolute}.yvLviG_sizeChoice:has(input:checked){color:#fff;background:#263b46;border-color:#263b46;box-shadow:0 0 0 1px #263b46}.yvLviG_sizeChoice:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.yvLviG_sizeChoice strong{font-size:14px}.yvLviG_sizeChoice small{color:inherit;opacity:.76;font-size:11px}.yvLviG_choices button,.yvLviG_choices a{background:#fff;border:1px solid #d3dbe1;border-radius:9px;align-items:center;gap:10px;min-height:48px;padding:11px 16px;font-size:13px;font-weight:550;display:flex}.yvLviG_choices button[aria-pressed=true],.yvLviG_bays button[aria-pressed=true],.yvLviG_wallChoices button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f3fbff}.yvLviG_swatch{border:1px solid #c3cbd0;border-radius:50%;width:23px;height:23px;display:block}.yvLviG_next{color:#0075a8;align-items:center;gap:10px;margin-top:15px;padding-block:13px;font-size:14px;font-weight:650;display:inline-flex}.yvLviG_bays{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 26px;display:grid}.yvLviG_bays button{text-align:left;border:1px solid #dfe4e8;border-radius:9px;flex-direction:column;align-items:flex-start;padding:13px;display:flex;position:relative}.yvLviG_bays strong{font-size:13px;font-weight:650}.yvLviG_bays span{color:#64707b;margin-top:5px;font-size:11px}.yvLviG_bays svg{color:#0075a8;position:absolute;top:15px;right:12px}.yvLviG_wallChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.yvLviG_wallChoices button{text-align:left;border:1px solid #dfe4e8;border-radius:9px;flex-direction:column;align-items:flex-start;min-width:0;padding:16px 14px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.yvLviG_wallChoices small{color:#64707b;margin-top:7px;font-size:11px;font-weight:400}.yvLviG_accessoryDetails{background:#f6f7f9;border-radius:9px;margin-top:18px;padding:16px}.yvLviG_accessoryDetails label{font-size:12px;font-weight:600;display:block}.yvLviG_accessoryDetails select{margin-top:7px}.yvLviG_quantity{margin-top:14px}.yvLviG_quantityLabel{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.yvLviG_quantityStepper{background:#fff;border:1px solid #cbd4dc;border-radius:999px;grid-template-columns:42px 48px 42px;min-height:42px;display:inline-grid;overflow:hidden}.yvLviG_quantityStepper button,.yvLviG_quantityStepper output{place-items:center;display:grid}.yvLviG_quantityStepper button{color:#263b46;font-size:21px}.yvLviG_quantityStepper button:disabled{cursor:not-allowed;opacity:.35}.yvLviG_quantityStepper output{border-inline:1px solid #e0e5e9;font-size:14px;font-weight:650}.yvLviG_extra{border-bottom:1px solid #e0e5e9;padding:20px 0}.yvLviG_extraToggle,.yvLviG_assembly{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.yvLviG_extraToggle input,.yvLviG_assembly input{accent-color:var(--accent);width:19px;height:19px;margin-top:3px}.yvLviG_extraToggle span,.yvLviG_assembly span{flex-direction:column;gap:5px;display:flex}.yvLviG_extraToggle strong,.yvLviG_assembly strong{font-size:14px;font-weight:600}.yvLviG_extraToggle small,.yvLviG_assembly small{color:#64707b;font-size:12px;line-height:1.65}.yvLviG_assembly{margin-top:28px}.yvLviG_unavailable{color:#68737d;border-bottom:1px solid #e0e5e9;padding-block:13px;font-size:12px;line-height:1.7}.yvLviG_summary{background:#f7f9fa;border:1px solid #dfe4e8;border-radius:16px;align-self:start;min-width:0;padding:28px;position:sticky;top:115px;box-shadow:0 16px 45px #16202b0b}.yvLviG_summary h3{letter-spacing:-.03em;margin:11px 0 25px;font-size:24px;font-weight:600;line-height:1.25}.yvLviG_summaryRows{flex-direction:column;gap:12px;display:flex}.yvLviG_summaryRows>div{justify-content:space-between;gap:18px;font-size:12px;line-height:1.5;display:flex}.yvLviG_summaryRows dt{color:#64707b}.yvLviG_summaryRows dd{text-align:right;flex-shrink:0;max-width:60%;font-weight:550}.yvLviG_rail,.yvLviG_notice{color:#365363;background:#edf6fb;border-radius:9px;align-items:flex-start;gap:8px;margin-block:18px;padding:13px;font-size:12px;line-height:1.7;display:flex}.yvLviG_rail svg,.yvLviG_notice svg,.yvLviG_included svg{flex-shrink:0;margin-top:2px}.yvLviG_included{color:#426375;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.yvLviG_prices{border-top:1px solid #dce3e8;margin-top:24px;padding-top:22px}.yvLviG_before{color:#697580;margin-top:20px;font-size:12px}.yvLviG_total{flex-direction:column;gap:5px;margin-top:16px;display:flex}.yvLviG_total span{color:#5b6470;font-size:12px}.yvLviG_total strong{letter-spacing:-.035em;font-size:36px;font-weight:650;line-height:1.2}.yvLviG_primary{background:var(--color-action-primary,#009fe3);color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:53px;margin-top:23px;padding:12px 16px;font-size:13px;font-weight:650;display:flex}.yvLviG_primary:disabled{opacity:.5;cursor:wait}.yvLviG_primary:not(:disabled):hover{background:var(--color-action-primary-hover,#0086c3)}.yvLviG_secondary{background:#fff;border:1px solid #cbd4dc;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:14px;padding:10px 14px;font-size:13px;line-height:1.35;text-decoration:none;display:flex}.yvLviG_delivery{border-top:1px solid #dfe4e8;margin-top:20px;padding-top:18px;font-size:12px;line-height:1.6}.yvLviG_calculation,.yvLviG_calculating{align-items:center;gap:10px;font-size:14px;display:flex}.yvLviG_loading{max-width:1360px;margin:auto;padding:60px 24px}.yvLviG_loading h2{margin-bottom:20px;font-size:28px;font-weight:600}.yvLviG_loading p{align-items:center;gap:10px;display:flex}.yvLviG_spinner{animation:1s linear infinite yvLviG_spin;display:inline-block}@keyframes yvLviG_spin{to{transform:rotate(360deg)}}.yvLviG_experience button:focus-visible,.yvLviG_experience a:focus-visible,.yvLviG_experience select:focus-visible,.yvLviG_experience input:focus-visible{outline-offset:3px;outline:2px solid #0075a8}@media (max-width:1280px){.yvLviG_layout{grid-template-columns:minmax(0,1fr);gap:32px}.yvLviG_summary{width:100%;position:static}}@media (max-width:1000px){.yvLviG_layout{padding:42px 24px}.yvLviG_summary{padding:22px}.yvLviG_steps{gap:11px}.yvLviG_steps button{gap:5px;font-size:12px}.yvLviG_steps span{width:22px;height:22px}}@media (max-width:900px){.yvLviG_layout{flex-direction:column;gap:32px;display:flex}.yvLviG_summary{width:100%;position:static}}@media (max-width:760px){.yvLviG_layout{padding:30px 20px}.yvLviG_controls h2{margin:8px 0;font-size:27px}.yvLviG_intro{font-size:14px;line-height:1.6}.yvLviG_steps{justify-content:space-between;margin:22px 0}.yvLviG_steps button{font-size:12px}.yvLviG_panel h3{margin-bottom:14px;font-size:20px}.yvLviG_panel fieldset{margin-block:20px}.yvLviG_configurationWorkspace{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:18px}.yvLviG_modelPreview{position:static}.yvLviG_modelCanvas{height:clamp(420px,56svh,560px)}.yvLviG_summary{border-radius:14px;padding:16px}.yvLviG_summary h3{margin:6px 0 16px;font-size:20px}.yvLviG_summaryRows{gap:8px}.yvLviG_rail,.yvLviG_notice{margin-block:12px;padding:10px}.yvLviG_prices{margin-top:16px;padding-top:16px}.yvLviG_wallChoices{grid-template-columns:repeat(2,minmax(0,1fr))}.yvLviG_total{flex-flow:wrap;justify-content:space-between;align-items:baseline}.yvLviG_total span{white-space:nowrap}.yvLviG_total strong{font-size:32px}}@media (max-width:380px){.yvLviG_steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.yvLviG_steps button{flex-direction:column;justify-content:center;min-width:0;font-size:11px}}@media (prefers-reduced-motion:reduce){.yvLviG_spinner{animation:none}}
.IUln5G_section{color:var(--color-foreground);padding-block:clamp(3.5rem,7vw,7.5rem);position:relative}.IUln5G_header{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.IUln5G_headingGroup{max-width:48rem}.IUln5G_eyebrow{color:var(--color-text-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .7rem;font-size:.75rem;font-weight:700}.IUln5G_title{letter-spacing:-.045em;max-width:18ch;margin:0;font-size:clamp(2rem,4vw,4.25rem);font-weight:650;line-height:.98}.IUln5G_description{max-width:45rem;color:var(--color-text-subtle);margin:1.15rem 0 0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65}.IUln5G_previewNavButton,.IUln5G_iconButton,.IUln5G_navButton{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}.IUln5G_previewCarousel{perspective:1200px;background:radial-gradient(circle at 50% 10%,#fffffff5,#0000 42%),linear-gradient(155deg,#fafbfc 0%,#eef1f3 100%);border:1px solid #16202b1a;border-radius:clamp(1.25rem,2.5vw,2rem);padding:clamp(1rem,2vw,1.75rem);position:relative;overflow:hidden}.IUln5G_previewTrack{touch-action:pan-y;min-height:clamp(26rem,42vw,38rem);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.IUln5G_previewButton{aspect-ratio:4/3;border-radius:var(--radius-panel,1.5rem);background:var(--color-surface-subtle);cursor:zoom-in;isolation:isolate;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:min(58%,46rem);opacity:var(--gallery-opacity);transform:translate3d(calc(-50% + var(--gallery-shift)), -50%, var(--gallery-depth)) rotateY(var(--gallery-rotation)) scale(var(--gallery-scale));border:1px solid #ffffffbf;transition:transform .62s cubic-bezier(.22,.8,.2,1),opacity .38s,box-shadow .38s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 26px 70px #12455a2e}.IUln5G_previewButton:focus:not(:focus-visible){outline:none}.IUln5G_previewButton:focus-visible,.IUln5G_previewNavButton:focus-visible,.IUln5G_iconButton:focus-visible,.IUln5G_navButton:focus-visible{outline:3px solid var(--color-action-primary);outline-offset:3px}.IUln5G_previewImage{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}.IUln5G_previewButton:hover .IUln5G_previewImage{filter:saturate(1.04)contrast(1.02);transform:scale(1.025)}.IUln5G_previewButton[aria-current=true]{border-color:#16202b2e;box-shadow:0 30px 90px #12455a3d}.IUln5G_previewShade{z-index:1;pointer-events:none;background:linear-gradient(#0000 52%,#08131ead 100%);position:absolute;inset:0}.IUln5G_previewCaption{z-index:2;color:#fff;text-align:left;font-size:clamp(.8rem,1vw,.95rem);font-weight:650;line-height:1.35;position:absolute;bottom:1rem;left:1rem;right:1rem}.IUln5G_playBadge{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1f2ec7;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.IUln5G_previewNavButton{z-index:20;color:#16202b;background:#fffffff0;border:1px solid #16202b24;border-radius:999px;width:3.15rem;height:3.15rem;transition:background-color .18s,border-color .18s,transform .18s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 34px #16202b29}.IUln5G_previewNavButton:hover{background:#fff;border-color:#16202b47;transform:translateY(-50%)scale(1.04)}.IUln5G_previewPrevious{left:clamp(.75rem,2vw,1.5rem)}.IUln5G_previewNext{right:clamp(.75rem,2vw,1.5rem)}.IUln5G_previewCounter{z-index:20;color:#34404b;font-variant-numeric:tabular-nums;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #16202b1f;border-radius:999px;min-width:5.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:700;position:absolute;bottom:clamp(.75rem,1.5vw,1.15rem);right:50%;transform:translate(50%)}.IUln5G_viewer{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040c14eb;place-items:center;padding:clamp(.75rem,2vw,2rem);display:grid;position:fixed;inset:0}.IUln5G_viewerChrome{background:#08131e;border:1px solid #ffffff26;border-radius:clamp(1.25rem,2vw,2rem);width:min(96vw,100rem);height:min(92vh,64rem);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000073}.IUln5G_viewerTopbar{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));left:max(1rem, env(safe-area-inset-left));z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.IUln5G_counter,.IUln5G_iconButton,.IUln5G_navButton{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07141fc2;border:1px solid #ffffff2e;box-shadow:0 10px 30px #0000002e}.IUln5G_counter{font-variant-numeric:tabular-nums;border-radius:999px;padding:.6rem .8rem;font-size:.78rem;font-weight:700}.IUln5G_iconButton{pointer-events:auto;border-radius:50%;width:3rem;height:3rem}.IUln5G_figure{touch-action:pan-y;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;display:grid}.IUln5G_stage{overscroll-behavior:contain;place-items:center;min-height:0;padding:clamp(4.5rem,8vw,6rem) clamp(1rem,6vw,7rem) 1.25rem;display:grid;position:relative;overflow:auto}.IUln5G_fullMedia{object-fit:contain;border-radius:clamp(.75rem,1.2vw,1.25rem);width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 18px 60px #0000004d}.IUln5G_zoomedMedia{cursor:grab;object-fit:contain}.IUln5G_zoomControls{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07141fd1;border:1px solid #ffffff2e;border-radius:999px;gap:.35rem;padding:.35rem;display:flex;position:absolute;bottom:5rem;right:50%;transform:translate(50%);box-shadow:0 10px 30px #00000038}.IUln5G_zoomButton{color:#fff;cursor:pointer;min-width:2.65rem;height:2.65rem;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.IUln5G_zoomButton:disabled{cursor:default;opacity:.4}.IUln5G_zoomButton:not(:disabled):hover,.IUln5G_zoomButton:not(:disabled):focus-visible{background:#ffffff24;outline:none}.IUln5G_fullCaption{color:#ffffffd1;border-top:1px solid #ffffff1f;min-height:4.25rem;padding:1.1rem clamp(1rem,6vw,7rem);font-size:.925rem;line-height:1.5}.IUln5G_navButton{z-index:4;border-radius:50%;width:3.25rem;height:3.25rem;position:absolute;top:50%;transform:translateY(-50%)}.IUln5G_previous{left:1rem}.IUln5G_next{right:1rem}@media (max-width:767px){.IUln5G_section{padding-block:3.75rem}.IUln5G_title{max-width:14ch;font-size:clamp(2rem,10vw,3.1rem)}.IUln5G_previewCarousel{margin-inline:calc(var(--page-gutter,1rem) * -1);border-left:0;border-right:0;border-radius:0;padding:.75rem 0 1rem}.IUln5G_previewTrack{min-height:min(82vw,24rem)}.IUln5G_previewButton{width:78vw;transform:translate3d(calc(-50% + var(--gallery-shift-mobile)), -50%, var(--gallery-depth-mobile)) rotateY(var(--gallery-rotation-mobile)) scale(var(--gallery-scale-mobile));border-radius:1.1rem}.IUln5G_previewNavButton{width:3rem;height:3rem}.IUln5G_previewPrevious{left:max(.5rem, env(safe-area-inset-left))}.IUln5G_previewNext{right:max(.5rem, env(safe-area-inset-right))}.IUln5G_previewCounter{bottom:.55rem}.IUln5G_viewer{padding:0}.IUln5G_viewerChrome{border:0;border-radius:0;width:100vw;height:100dvh}.IUln5G_stage{padding:calc(4.75rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) .75rem max(.75rem, env(safe-area-inset-left))}.IUln5G_fullCaption{min-height:4.5rem;padding:1rem max(1.25rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}.IUln5G_navButton{width:3rem;height:3rem;top:auto;bottom:5.35rem;transform:none}.IUln5G_zoomControls{bottom:5.55rem}.IUln5G_previous{left:max(.75rem, env(safe-area-inset-left))}.IUln5G_next{right:max(.75rem, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce){.IUln5G_previewButton,.IUln5G_previewNavButton,.IUln5G_previewImage{transition:none}}
.kreAOq_activeStage{min-width:0;animation:.34s cubic-bezier(.22,.8,.2,1) both kreAOq_gallery-reveal}@keyframes kreAOq_gallery-reveal{0%{opacity:.45;transform:translateY(4px)scale(.997)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.kreAOq_activeStage{animation:none}}
.w2_wVG_layout{min-width:0}.w2_wVG_pergolaLayout{grid-template-columns:minmax(0,1fr);row-gap:0}.w2_wVG_pergolaLayout>.w2_wVG_header,.w2_wVG_pergolaLayout>.w2_wVG_summary{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:none}.w2_wVG_pergolaLayout>.w2_wVG_header{margin-top:11px}.w2_wVG_pergolaLayout>.w2_wVG_gallery{margin-top:0;order:-1;margin-inline:-15px}.w2_wVG_pergolaLayout>.w2_wVG_summary [data-qa=pdp-price-block]{margin-top:11px}@media (min-width:1024px){.w2_wVG_pergolaLayout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:start;gap:16px 48px}.w2_wVG_pergolaLayout>.w2_wVG_header{grid-area:1/2;margin-top:0}.w2_wVG_pergolaLayout>.w2_wVG_gallery{margin-top:0;grid-area:1/1/3;margin-inline:0}.w2_wVG_pergolaLayout>.w2_wVG_summary{grid-area:2/2}.w2_wVG_pergolaLayout>.w2_wVG_summary [data-qa=pdp-price-block]{margin-top:0}}@media (min-width:1280px){.w2_wVG_header{grid-area:1/2}.w2_wVG_gallery{grid-area:1/1/3}.w2_wVG_summary{grid-area:2/2}}
.HpQBZG_root{--a3d-radius-lg:28px;--a3d-radius-md:20px;--a3d-radius-sm:14px;color:var(--color-foreground);position:relative}.HpQBZG_head{padding:0 0 24px}.HpQBZG_eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-soft);margin:0 0 10px;font-size:12px;font-weight:600}.HpQBZG_title{letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:600;line-height:1.15}@media (min-width:1024px){.HpQBZG_title{font-size:32px}}.HpQBZG_lead{max-width:760px;color:var(--color-text-body);margin:12px 0 0;font-size:16px;line-height:1.7}.HpQBZG_track{height:var(--track,600vh);position:relative}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.HpQBZG_root[data-story=faltzelt-aufbau] .HpQBZG_track{height:max(var(--track,600vh), 1400vh)}}@media (min-width:768px){.HpQBZG_root[data-story=groessen] .HpQBZG_track{--a3d-contact-clearance:calc(3rem + 1.5rem + 2px + 1.5rem)}}.HpQBZG_sticky{background:var(--color-surface-subtle);height:100svh;position:sticky;top:0;overflow:hidden}.HpQBZG_player{border-radius:var(--a3d-radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);height:min(78vh,720px);min-height:480px;position:relative;overflow:hidden}.HpQBZG_canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.HpQBZG_panel{background:var(--color-surface-overlay-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-subtle);border-radius:var(--a3d-radius-lg);width:min(360px,34%);box-shadow:0 18px 50px var(--color-border-subtle);padding:22px 20px 12px;position:absolute;top:50%;left:max(16px,50% - 620px);transform:translateY(-50%)}.HpQBZG_player .HpQBZG_panel{width:min(340px,36%);left:16px}.HpQBZG_counter{color:var(--color-text-soft);letter-spacing:.04em;text-transform:uppercase;margin:0 4px 12px;font-size:.78rem;font-weight:600}.HpQBZG_steps{margin:0;padding:0;list-style:none}.HpQBZG_panel .step{border-radius:var(--a3d-radius-sm);cursor:pointer;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:10px 6px;display:grid}.HpQBZG_panel .step+.step{border-top:1px solid var(--color-border-subtle)}.HpQBZG_panel .step-num{border:1px solid var(--color-border-soft);width:30px;height:30px;color:var(--color-text-soft);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid}.HpQBZG_panel .step h3{color:var(--color-text-soft);margin:0;font-size:.95rem;font-weight:600}.HpQBZG_panel .step p{opacity:0;max-height:0;color:var(--color-text-subtle);margin:0;font-size:.88rem;line-height:1.5;transition:max-height .4s,opacity .3s,margin .3s;overflow:hidden}.HpQBZG_panel .step.is-done .step-num{background:var(--color-surface-card);color:var(--color-foreground);border-color:var(--color-foreground)}.HpQBZG_panel .step.is-active .step-num{background:var(--color-action-primary);color:var(--color-background);border-color:var(--color-action-primary)}:is(.HpQBZG_panel .step.is-active h3,.HpQBZG_panel .step.is-done h3){color:var(--color-foreground)}.HpQBZG_panel .step.is-active p{opacity:1;max-height:180px;margin-top:6px}.HpQBZG_controls{right:max(16px,50% - 620px);bottom:calc(30px + max(var(--a3d-contact-clearance,0px), var(--a3d-sticky-buy-clearance,0px)));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute}.HpQBZG_player .HpQBZG_controls{bottom:20px;right:16px}.HpQBZG_pill{height:44px;font:inherit;cursor:pointer;background:var(--color-action-primary);color:var(--color-background);border:1px solid var(--color-action-primary);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:.92rem;font-weight:600;display:inline-flex}.HpQBZG_pill:hover{background:var(--color-action-primary-hover)}.HpQBZG_pillOutline{height:44px;color:var(--color-foreground);background:var(--color-surface-overlay-strong);border:1px solid var(--color-foreground);border-radius:999px;align-items:center;padding:0 20px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.HpQBZG_pillOutline:hover{background:var(--color-surface-card)}.HpQBZG_pill svg{fill:currentColor;width:18px;height:18px}.HpQBZG_pill.is-playing svg{display:none}.HpQBZG_controls .swatches{background:var(--color-surface-overlay-strong);border:1px solid var(--color-border-subtle);height:44px;color:var(--color-text-subtle);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 16px;font-size:.82rem;font-weight:600;display:inline-flex}.HpQBZG_controls .swatches:empty{display:none}.HpQBZG_controls .swatch{background:var(--c);border:1px solid var(--color-border-soft);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0}.HpQBZG_controls .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-surface-card), 0 0 0 3.5px var(--color-foreground)}.HpQBZG_series{background:var(--color-surface-overlay-strong);border:1px solid var(--color-border-subtle);border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:absolute;top:20px;right:max(16px,50% - 620px)}.HpQBZG_series:empty{display:none}.HpQBZG_series button{min-width:96px;height:46px;font:inherit;color:var(--color-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:0 16px;font-size:.9rem;font-weight:600;line-height:1.1;display:inline-flex}.HpQBZG_series button small{color:var(--color-text-soft);font-size:.7rem;font-weight:500}.HpQBZG_series button[aria-pressed=true]{background:var(--color-action-primary);color:var(--color-background)}.HpQBZG_series button[aria-pressed=true] small{color:var(--color-surface-overlay-muted)}.HpQBZG_progress{background:var(--color-border-subtle);height:3px;position:absolute;bottom:0;left:0;right:0}.HpQBZG_progress i{background:var(--color-action-primary);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.HpQBZG_player .HpQBZG_progress{cursor:pointer;height:6px}.HpQBZG_loading{color:var(--color-text-subtle);background:var(--color-surface-subtle);justify-content:center;align-items:center;gap:12px;font-weight:500;transition:opacity .5s;display:flex;position:absolute;inset:0}.HpQBZG_loading.is-hidden{opacity:0;pointer-events:none}.HpQBZG_spinner{border:2px solid var(--color-border-soft);border-top-color:var(--color-foreground);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite HpQBZG_a3dSpin}@keyframes HpQBZG_a3dSpin{to{transform:rotate(360deg)}}.HpQBZG_labels{pointer-events:none;position:absolute;inset:0}.HpQBZG_labels .leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.HpQBZG_labels .leaders polyline{fill:none;stroke:var(--color-foreground);stroke-width:1px;opacity:0;transition:opacity .35s}.HpQBZG_labels .leaders circle{fill:var(--color-foreground);stroke:var(--color-surface-card);stroke-width:1.5px;opacity:0;transition:opacity .35s}.HpQBZG_labels .leaders .is-visible{opacity:.85}.HpQBZG_labels .label3d{white-space:nowrap;color:var(--color-foreground);background:var(--color-surface-overlay-strong);border:1px solid var(--color-border-subtle);opacity:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .35s;display:flex;position:absolute;top:0;left:0}.HpQBZG_labels .label3d small{color:var(--color-text-subtle);font-weight:500}.HpQBZG_labels .label3d.is-visible{opacity:1}@media (max-width:900px){.HpQBZG_panel,.HpQBZG_player .HpQBZG_panel{top:auto;bottom:calc(76px + max(var(--a3d-contact-clearance,0px), var(--a3d-sticky-buy-clearance,0px)));width:auto;max-height:38%;padding:14px 14px 6px;left:16px;right:16px;overflow:auto;transform:none}.HpQBZG_panel .step:not(.is-active){display:none}.HpQBZG_controls,.HpQBZG_player .HpQBZG_controls{left:16px;right:16px;bottom:calc(20px + max(var(--a3d-contact-clearance,0px), var(--a3d-sticky-buy-clearance,0px)));flex-wrap:nowrap;justify-content:space-between}.HpQBZG_pill,.HpQBZG_pillOutline{height:40px;padding:0 16px;font-size:.86rem}.HpQBZG_controls .swatches{gap:6px;height:40px;padding:0 10px 0 12px}.HpQBZG_controls .swatch{width:22px;height:22px}.HpQBZG_series{justify-content:space-between;top:12px;left:16px;right:16px}.HpQBZG_series button{flex:1;min-width:0}.HpQBZG_player{height:82svh;min-height:560px}}@media (prefers-reduced-motion:reduce){.HpQBZG_panel .step p{transition:none}}.HpQBZG_film .HpQBZG_panel[hidden]{display:none}.HpQBZG_film .HpQBZG_head{padding-inline:20px}.HpQBZG_film .HpQBZG_progress{display:none}.HpQBZG_filmSize{z-index:2;letter-spacing:-.035em;color:var(--color-foreground);pointer-events:none;margin:0;font-size:clamp(32px,4.5vw,64px);font-weight:600;line-height:1.05;position:absolute;top:90px;left:20px;right:20px}@media (min-width:640px){.HpQBZG_film .HpQBZG_head{padding-inline:24px}.HpQBZG_filmSize{left:24px;right:24px}}@media (min-width:1024px){.HpQBZG_film .HpQBZG_head{padding-inline:40px}.HpQBZG_filmSize{left:40px;right:40px}}@media (max-width:900px){.HpQBZG_film[data-story=groessen] .HpQBZG_track{height:max(2200vh,16000px)}.HpQBZG_filmSize{top:90px}}.HpQBZG_filmCTAMobile{display:none}.HpQBZG_filmCTADesktop{display:inline}@media (max-width:900px){.HpQBZG_film .HpQBZG_controls{justify-content:center;gap:10px}.HpQBZG_film .HpQBZG_pill,.HpQBZG_film .HpQBZG_pillOutline{white-space:nowrap;flex-shrink:0;height:40px}.HpQBZG_filmCTADesktop{display:none}.HpQBZG_filmCTAMobile{display:inline}}@media (max-width:1023px){body:has([data-qa=v2-sticky-bar]:not([aria-hidden=true])) .HpQBZG_track{--a3d-sticky-buy-clearance:calc(46px + 10px + max(env(safe-area-inset-bottom), 10px) + 1px)}}
.jFr4Tq_root{color:var(--color-foreground);position:relative}.jFr4Tq_head{padding:0 0 24px}.jFr4Tq_eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-soft);margin:0 0 10px;font-size:12px;font-weight:600}.jFr4Tq_title{letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:600;line-height:1.15}@media (min-width:1024px){.jFr4Tq_title{font-size:32px}}.jFr4Tq_lead{max-width:760px;color:var(--color-text-body);margin:12px 0 0;font-size:16px;line-height:1.7}.jFr4Tq_layout{grid-template-columns:minmax(0,1fr) 360px;gap:20px;display:grid}.jFr4Tq_stage{border:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);border-radius:28px;height:min(78vh,720px);min-height:460px;position:relative;overflow:hidden}.jFr4Tq_stage canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.jFr4Tq_sliders{background:var(--color-surface-overlay-strong);border:1px solid var(--color-border-subtle);border-radius:20px;gap:22px;padding:12px 16px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.jFr4Tq_sliders[hidden]{display:none}.jFr4Tq_sliders label{color:var(--color-text-subtle);flex:200px;gap:4px;font-size:.78rem;font-weight:600;display:grid}.jFr4Tq_sliders input{width:100%;accent-color:var(--color-action-primary)}.jFr4Tq_info{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:28px;flex-direction:column;gap:18px;padding:20px;display:flex}.jFr4Tq_tabs{flex-wrap:wrap;gap:8px;display:flex}.jFr4Tq_tabs .tab{border:1px solid var(--color-border-soft);background:var(--color-surface-card);height:38px;font:inherit;color:var(--color-foreground);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:500}.jFr4Tq_tabs .tab:hover{border-color:var(--color-foreground)}.jFr4Tq_tabs .tab[aria-selected=true]{background:var(--color-action-primary);border-color:var(--color-action-primary);color:var(--color-background)}.jFr4Tq_info .series{border:1px solid var(--color-border-subtle);background:var(--color-surface-overlay-strong);border-radius:22px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.jFr4Tq_info .series button{height:42px;font:inherit;color:var(--color-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:70px;justify-content:center;align-items:center;padding:0 10px;font-size:.84rem;font-weight:600;line-height:1.1;display:inline-flex}.jFr4Tq_info .series button small{color:var(--color-text-soft);font-size:.7rem;font-weight:500}.jFr4Tq_info .series button[aria-pressed=true]{background:var(--color-action-primary);color:var(--color-background)}.jFr4Tq_info .series button[aria-pressed=true] small{color:var(--color-surface-overlay-muted)}.jFr4Tq_copy h3{margin:0 0 8px;font-size:1.3rem;font-weight:700}.jFr4Tq_copy p{color:var(--color-text-subtle);margin:0 0 14px;font-size:.94rem;line-height:1.55}.jFr4Tq_copy .facts{gap:10px;margin:0;padding:0;list-style:none;display:grid}.jFr4Tq_copy .facts li{grid-template-columns:44px 1fr;align-items:center;gap:12px;display:grid}.jFr4Tq_copy .facts .ico{background:var(--color-surface-subtle);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.jFr4Tq_copy .facts .ico svg{width:20px;height:20px;stroke:var(--color-foreground);fill:none;stroke-width:1.6px}.jFr4Tq_copy .facts b{font-size:.9rem;display:block}.jFr4Tq_copy .facts span{color:var(--color-text-subtle);font-size:.82rem}.jFr4Tq_labels{pointer-events:none;position:absolute;inset:0}.jFr4Tq_labels .leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jFr4Tq_labels .leaders polyline{fill:none;stroke:var(--color-foreground);stroke-width:1px;opacity:0;transition:opacity .35s}.jFr4Tq_labels .leaders circle{fill:var(--color-foreground);stroke:var(--color-surface-card);stroke-width:1.5px;opacity:0;transition:opacity .35s}.jFr4Tq_labels .leaders .is-visible{opacity:.85}.jFr4Tq_labels .label3d{white-space:nowrap;color:var(--color-foreground);background:var(--color-surface-overlay-strong);border:1px solid var(--color-border-subtle);opacity:0;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:opacity .35s;position:absolute;top:0;left:0}.jFr4Tq_labels .label3d.is-visible{opacity:1}.jFr4Tq_loading{color:var(--color-text-subtle);background:var(--color-surface-subtle);justify-content:center;align-items:center;gap:12px;font-weight:500;transition:opacity .5s;display:flex;position:absolute;inset:0}.jFr4Tq_loading.is-hidden{opacity:0;pointer-events:none}.jFr4Tq_spinner{border:2px solid var(--color-border-soft);border-top-color:var(--color-foreground);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite jFr4Tq_gdSpin}@keyframes jFr4Tq_gdSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.jFr4Tq_layout{grid-template-columns:1fr}.jFr4Tq_stage{height:64svh}}
.xYYaia_viewport{padding-bottom:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.xYYaia_track{gap:1.5rem;width:max-content;display:flex}.xYYaia_marquee .xYYaia_track{will-change:transform;animation:34s linear infinite xYYaia_review-marquee}.xYYaia_set{flex:none;gap:1.5rem;display:flex}.xYYaia_track[data-paused=true],.xYYaia_marquee:hover .xYYaia_track,.xYYaia_marquee:focus-within .xYYaia_track{animation-play-state:paused}@keyframes xYYaia_review-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .75rem))}}@media (prefers-reduced-motion:reduce){.xYYaia_viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.xYYaia_marquee .xYYaia_track{animation:none}}
.tB__1a_poster,.tB__1a_video{object-fit:cover;object-position:center;width:100%;height:100%}.tB__1a_video{position:absolute;inset:0}.tB__1a_still{visibility:hidden}.tB__1a_playback{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f181b7a;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:24px;right:24px}.tB__1a_playback:hover{background:#0f181bcc}.tB__1a_playback:focus-visible{outline-offset:4px;outline:3px solid #fff}@media (min-width:1024px){.tB__1a_playback{top:24px;bottom:auto}}@media (max-width:639px){.tB__1a_playback{bottom:18px;right:18px}}
.LnYY5q_theme [data-qa=pergola-module-hero]{padding-bottom:10px}@media (max-width:374px){.LnYY5q_theme [data-qa=hero-primary-cta]{white-space:nowrap;flex:1.3}}@media (min-width:1024px){.LnYY5q_theme [data-qa=hero-desktop-reviews]{position:relative}.LnYY5q_theme [data-qa=hero-desktop-reviews]:after{content:"";background:radial-gradient(circle at top right, transparent 20px, var(--color-surface-subtle) 20.5px);pointer-events:none;width:20px;height:20px;position:absolute;bottom:4px;right:-20px}}@media (min-width:1280px){.LnYY5q_theme [data-qa=hero-desktop-reviews]:after{bottom:9px}}.LnYY5q_theme .img-mask{filter:url(#pergola-home-hero-surface)}.LnYY5q_filterDefinition{pointer-events:none;width:0;height:0;position:absolute}