.page-configurator{height:100dvh;overflow:hidden}.page-configurator .site-header{border-bottom-color:var(--line);background:#0b0c0deb}.cfg{--steps-h:58px;--panel-w:clamp(360px, 30vw, 460px);inset:var(--header-h) 0 0 0;grid-template-columns:1fr var(--panel-w);grid-template-rows:var(--steps-h) 1fr;grid-template-areas:"steps steps""viewer panel";display:grid;position:fixed}.cfg-steps{border-bottom:1px solid var(--line);background:var(--bg);grid-area:steps;position:relative}.cfg-steps ol{scrollbar-width:none;height:100%;padding:0 var(--gutter);align-items:stretch;display:flex;overflow-x:auto}.cfg-steps ol::-webkit-scrollbar{display:none}.cfg-steps li{flex:none}.cfg-steps button{height:100%;color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 clamp(12px,1.6vw,26px);font-size:.9rem;font-weight:500;transition:color .3s;display:flex;position:relative}.cfg-steps button small{font-family:var(--mono);color:inherit;opacity:.8;font-size:.68rem}.cfg-steps button:hover,.cfg-steps button.is-done{color:var(--text-2)}.cfg-steps button.is-done small{color:var(--accent)}.cfg-steps button[aria-current=step]{color:var(--text)}.cfg-steps button[aria-current=step]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:clamp(12px,1.6vw,26px);right:clamp(12px,1.6vw,26px)}.cfg-steps__progress{height:1px;position:absolute;bottom:-1px;left:0;right:0}.cfg-steps__progress span{width:0;height:100%;transition:width .8s var(--ease);background:linear-gradient(90deg,#0000,#a4c61c99);display:block}.cfg-viewer{background:#0b0c0d;grid-area:viewer;position:relative;overflow:hidden}.cfg-viewer__canvas{cursor:grab;touch-action:none;position:absolute;inset:0}.cfg-viewer__canvas:active{cursor:grabbing}.cfg-viewer.is-light .cfg-viewer__title h1,.cfg-viewer.is-light .cfg-viewer__title .mono{color:var(--ink)}.cfg-viewer.is-light .cfg-hint{color:var(--ink-2)}.cfg-viewer__title{top:28px;left:var(--gutter);pointer-events:none;position:absolute}.cfg-viewer__title h1{font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:-.02em;margin:6px 0 10px;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:700;line-height:1}.cfg-code{color:var(--accent)}.cfg-code span{color:var(--text-2)}.cfg-viewer__tools{gap:8px;display:flex;position:absolute;top:24px;right:24px}.cfg-viewer__bottom{left:var(--gutter);right:var(--gutter);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:24px}.seg{pointer-events:auto;-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-strong);scrollbar-width:none;background:#141618bd;border-radius:99px;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{height:36px;color:var(--text-2);background:0 0;border:0;border-radius:99px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:.82rem;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex}.seg button svg{width:17px;height:17px}.seg button:hover{color:var(--text)}.seg button.is-active,.seg button[aria-pressed=true]{background:var(--text);color:var(--ink)}.seg--actions button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.seg button:disabled{opacity:.35;pointer-events:none}.seg button[hidden]{display:none}.cfg-hint{color:var(--muted);pointer-events:none;white-space:nowrap;font-size:.66rem;transition:opacity .8s;position:absolute;top:32px;left:50%;transform:translate(-50%)}.cfg-hint.is-hidden{opacity:0}@media (width<=1280px){.cfg-hint{display:none}}.cfg-loader{z-index:5;background:var(--bg);transition:opacity .8s var(--ease), visibility .8s;place-items:center;display:grid;position:absolute;inset:0}.cfg-loader.is-done{opacity:0;visibility:hidden}.cfg-loader__inner{color:var(--muted);justify-items:center;gap:18px;display:grid}.cfg-loader__mark{width:64px;height:40px;color:var(--accent);animation:1.4s ease-in-out infinite pulse}.cfg-loader__bar{background:var(--line);width:180px;height:2px;overflow:hidden}.cfg-loader__bar span{background:var(--accent);width:40%;height:100%;animation:loadbar 1.2s var(--ease-in-out) infinite;display:block}@keyframes loadbar{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes pulse{50%{opacity:.4}}.cfg-panel{background:var(--bg-2);border-left:1px solid var(--line);flex-direction:column;grid-area:panel;min-height:0;display:flex}.cfg-panel__scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;overflow-y:auto}.cfg-panel__content{padding:32px clamp(20px,2vw,32px) 40px}.cfg-panel__content.is-entering>*{animation:panel-in .6s var(--ease) both}.cfg-panel__content.is-entering>:nth-child(2){animation-delay:50ms}.cfg-panel__content.is-entering>:nth-child(3){animation-delay:.1s}.cfg-panel__content.is-entering>:nth-child(4){animation-delay:.15s}.cfg-panel__content.is-entering>:nth-child(n+5){animation-delay:.2s}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}}.step-head{margin-bottom:30px}.step-head .mono{color:var(--accent)}.step-head h2{font-variation-settings:"wdth" 112;letter-spacing:-.015em;margin:10px 0 12px;font-size:clamp(1.5rem,2vw,1.9rem);font-weight:700;line-height:1.1}.step-head p{color:var(--text-2);font-size:.95rem;line-height:1.55}.opt-group{margin-bottom:34px}.opt-group__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.opt-group__head h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:400}.opt-group__head span{color:var(--text);text-align:right;font-size:.85rem;font-weight:500}.opt-group__note{color:var(--muted);margin-top:-6px;margin-bottom:12px;font-size:.82rem}.opt-group--compare{background:#a4c61c0a;border:1px dashed #a4c61c8c;padding:16px}.opt-group--compare .opt-group__note{margin:12px 0 0}.opt-group--compare .opt-chips{grid-template-columns:repeat(3,1fr)}details.opt-group--compare{margin-top:10px}details.opt-group--compare>summary{cursor:pointer;margin-bottom:0;list-style:none}details.opt-group--compare>summary::-webkit-details-marker{display:none}details.opt-group--compare>summary h3:before{content:"+ "}details.opt-group--compare[open]>summary{margin-bottom:14px}details.opt-group--compare[open]>summary h3:before{content:"– "}.cfg-type-btn{pointer-events:auto;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:34px;color:var(--text);cursor:pointer;background:#141618bd;border-radius:99px;align-items:center;gap:8px;margin-top:14px;padding:0 14px;font-size:.8rem;font-weight:500;transition:border-color .3s;display:inline-flex}.cfg-type-btn svg{width:16px;height:16px}.cfg-type-btn:hover{border-color:var(--accent)}.tp-open,.tp-open body{overflow:hidden}.tp{inset:var(--header-h) 0 0 0;z-index:60;overscroll-behavior:contain;background:var(--bg);opacity:0;transition:opacity .25s;position:fixed;overflow-y:auto}.tp.is-open{opacity:1}.tp__inner{max-width:1320px;padding:clamp(24px, 4vw, 56px) var(--gutter) 64px;margin:0 auto}.tp__head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.tp__head .mono{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.tp__head h2{font-variation-settings:"wdth" 118;letter-spacing:-.02em;margin-top:10px;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:700;line-height:1.05}.tp__close{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;font-size:1.5rem;line-height:1}.tp__close:hover{border-color:var(--accent)}.tp__tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:6px;margin-bottom:26px;display:flex;overflow-x:auto}.tp__tabs::-webkit-scrollbar{display:none}.tp__tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:baseline;gap:8px;margin-bottom:-1px;padding:14px 16px;font-size:.95rem;font-weight:500;display:inline-flex}.tp__tabs button small{font-family:var(--mono);color:var(--muted);font-size:.66rem}.tp__tabs button:hover{color:var(--text-2)}.tp__tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.tp__intro{color:var(--text-2);max-width:640px;margin-bottom:22px}.tp__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.tp-card{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .3s, transform .3s var(--ease), background-color .3s;border-radius:6px;align-content:start;gap:6px;padding:18px 18px 20px;display:grid;position:relative}.tp-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.tp-card.is-live{border-color:#a4c61c59}.tp-card.is-live:hover{border-color:var(--accent);background:linear-gradient(#a4c61c12,#a4c61c03)}.tp-card[aria-current=true]{border-color:var(--accent)}.tp-card__badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--muted);border-radius:99px;justify-self:start;padding:3px 8px;font-size:.6rem}.tp-card.is-live .tp-card__badge{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tp-card__art{color:var(--text-2);margin:6px -6px 4px;display:block}.tp-card:hover .tp-card__art,.tp-card.is-live .tp-card__art{color:var(--text)}.tp-card__title{font-size:1.05rem;font-weight:600}.tp-card__tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.66rem}.tp-card__desc{color:var(--text-2);font-size:.84rem;line-height:1.5}.tp-card__cta{color:var(--text);margin-top:8px;font-size:.82rem;font-weight:600}.tp-card.is-live .tp-card__cta{color:var(--accent)}.vg{width:100%;height:auto;display:block}.vg .thin{stroke-width:1.2px;opacity:.7}.vg .hub{stroke-width:1.4px}.vg .acc{stroke:var(--accent);stroke-width:2.4px}.vg .ground{stroke-width:1px;stroke-dasharray:3 5;opacity:.35}.vg rect,.vg path:not(.thin):not(.acc):not(.ground),.vg circle:not(.hub){fill:#ffffff09}.tp-detail{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.tp-detail__art{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:clamp(16px,3vw,40px)}.tp-detail__body .mono{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.tp-detail__desc{margin:12px 0 22px;font-size:1.1rem;line-height:1.55}.tp-detail__specs{background:var(--line);border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 18px;display:grid;overflow:hidden}.tp-detail__specs div{background:var(--surface);padding:14px}.tp-detail__specs dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.tp-detail__specs dd{margin:4px 0 0;font-weight:700}.tp-detail__note{color:#e0a43a;margin-bottom:20px;font-size:.8rem}.tp-detail__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=760px){.tp-detail{grid-template-columns:1fr}.tp-detail__specs{grid-template-columns:1fr 1fr}}.opt-price{font-family:var(--mono);letter-spacing:.04em;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem}[aria-checked=true]>.opt-price,[aria-checked=true] .opt-card__foot .opt-price{color:var(--accent)}.opt-card__foot{grid-column:2/-1;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;display:flex}.opt-card--compact .opt-card__foot{grid-column:1/-1}.opt-card__foot .opt-card__art{margin-top:0}.opt-chip .opt-price{margin-top:4px}.opt-toggle{grid-template-columns:1fr auto auto}.opt-toggle .opt-price{grid-area:1/2/span 2}.opt-toggle .switch{grid-column:3}.opt-group__note--price{font-family:var(--mono);color:var(--text-2);margin:10px 0 0;font-size:.72rem}.cfg-bar__price dd{color:var(--accent)}.price-table{margin-bottom:30px}.price-sec{border-top:1px solid var(--line);padding:14px 0 8px}.price-sec__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.price-sec__head h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:400}.price-sec__head button{color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.price-row{justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;font-size:.88rem;display:flex}.price-row span{min-width:0}.price-row em{color:var(--muted);font-size:.72rem;font-style:normal;display:block}.price-row small{font-family:var(--mono);color:var(--muted);font-size:.62rem;display:block}.price-row strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.price-total{border-top:1px solid var(--line-strong);gap:6px;margin-top:6px;padding-top:14px;display:grid}.price-total div{color:var(--text-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.9rem;display:flex}.price-total__sum{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;color:var(--text)!important}.price-total__sum span{font-weight:600}.price-total__sum strong{font-variation-settings:"wdth" 110;color:var(--accent);font-size:1.5rem}.price-demo{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#e0a43a;margin-top:4px;font-size:.64rem}.summary-h{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.68rem;font-weight:400}.cad-montage{left:var(--gutter);z-index:5;background:#0b0c0de6;border:1px dashed #a4c61c8c;width:260px;padding:14px;position:absolute;top:120px}.cad-montage .mono{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.cad-montage__sel{margin:6px 0 4px;font-weight:600}.cad-montage__val{white-space:pre;color:var(--text-2);min-height:2.6em;font-size:.72rem}.cad-montage__row{gap:6px;margin-top:8px;display:flex}.cad-montage__row button{border:1px solid var(--line);color:var(--text-2);cursor:pointer;background:0 0;flex:1;padding:7px 8px;font-size:.74rem}.cad-montage__row button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.opt-group--compare .opt-chip small{font-size:.7rem}.opt-badge{background:var(--accent);color:var(--accent-ink);letter-spacing:.1em;margin-left:8px;padding:2px 6px;font-style:normal}.opt-more{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 0 0;font-size:.66rem}.cfg-panel__content>.opt-more{border-top:1px solid var(--line);margin-top:4px;padding-top:16px}.opt-cards{gap:10px;display:grid}.opt-card{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;transition:border-color .3s, background-color .3s, transform .3s var(--ease);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:start;gap:4px 16px;padding:18px;display:grid;position:relative}.opt-card:hover{border-color:var(--line-strong)}.opt-card[aria-checked=true]{border-color:var(--accent);background:linear-gradient(#a4c61c14,#a4c61c05)}.opt-card__icon{width:64px;height:44px;color:var(--text-2);grid-row:span 3}.opt-card[aria-checked=true] .opt-card__icon{color:var(--accent)}.opt-card__title{font-size:1rem;font-weight:600;line-height:1.3}.opt-card__tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--line-strong);white-space:nowrap;border-radius:99px;padding:3px 8px;font-size:.66rem}.opt-card[aria-checked=true] .opt-card__tag{color:var(--accent);border-color:#a4c61c80}.opt-card__desc{color:var(--text-2);grid-column:2/-1;font-size:.85rem;line-height:1.5}.opt-card__art{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;grid-column:2/-1;margin-top:4px;font-size:.66rem}.opt-card--compact{grid-template-columns:1fr auto;padding:14px 16px}.opt-card--compact .opt-card__desc,.opt-card--compact .opt-card__art{grid-column:1/-1}.opt-card--compact:not([aria-checked=true]) .opt-card__desc{display:none}.opt-card[aria-disabled=true]{opacity:.42;cursor:not-allowed}.opt-card__hint{color:#e0a43a;grid-column:1/-1;font-size:.74rem}.opt-card--compact .opt-card__hint{margin-top:2px}.opt-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opt-chip{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:6px;gap:3px;padding:13px 14px;transition:border-color .3s,background-color .3s;display:grid}.opt-chip strong{font-size:.88rem;font-weight:600;line-height:1.3}.opt-chip small{color:var(--muted);font-size:.74rem;line-height:1.35}.opt-chip:hover{border-color:var(--line-strong)}.opt-chip[aria-checked=true]{border-color:var(--accent);background:#a4c61c12}.opt-chip[aria-checked=true] small{color:var(--text-2)}.opt-swatches{flex-wrap:wrap;gap:12px;display:flex}.swatch{border:1px solid var(--line-strong);background:var(--c);width:52px;height:52px;transition:transform .3s var(--ease);border-radius:50%;padding:0;position:relative;box-shadow:inset 0 -10px 18px #00000059,inset 0 8px 14px #ffffff2e}.swatch--metal{background:linear-gradient(135deg,#e7e9e7 0%,#8e928f 45%,#c9ccc9 60%,#7a7e7b 100%)}.swatch:hover{transform:scale(1.07)}.swatch[aria-checked=true]:after{content:"";border:2px solid var(--accent);border-radius:50%;position:absolute;inset:-6px}.opt-swatches.is-disabled{opacity:.35;pointer-events:none}.opt-toggles{border-top:1px solid var(--line);display:grid}.opt-toggle{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;width:100%;padding:15px 2px;display:grid}.opt-toggle strong{font-size:.92rem;font-weight:600}.opt-toggle small{color:var(--muted);grid-column:1;font-size:.78rem}.opt-toggle .switch{grid-area:1/2/span 2}.switch{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:99px;width:42px;height:24px;transition:background-color .3s;position:relative}.switch:after{content:"";background:var(--text-2);width:16px;height:16px;transition:transform .35s var(--ease), background-color .3s;border-radius:50%;position:absolute;top:3px;left:3px}.opt-toggle[aria-checked=true] .switch{background:var(--accent);border-color:var(--accent)}.opt-toggle[aria-checked=true] .switch:after{background:var(--accent-ink);transform:translate(18px)}.opt-toggle[aria-disabled=true]{opacity:.4;cursor:not-allowed}.cfg-bar{border-top:1px solid var(--line);padding:14px clamp(20px, 2vw, 32px) calc(14px + env(safe-area-inset-bottom));background:var(--bg);gap:12px;display:grid}.cfg-bar__specs{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.cfg-bar__specs div{min-width:0}.cfg-bar__specs dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.cfg-bar__specs dd{font-variation-settings:"wdth" 110;white-space:nowrap;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.1rem;font-weight:700}.cfg-bar__specs dd small{color:var(--text-2);margin-left:2px;font-size:.7em;font-weight:500}.cfg-bar__specs dd.flash{animation:flash .9s var(--ease)}@keyframes flash{0%{color:var(--accent)}to{color:var(--text)}}.cfg-bar__nav{grid-template-columns:auto 1fr;gap:8px;display:grid}.summary-specs{background:var(--line);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:30px;display:grid;overflow:hidden}.summary-specs div{background:var(--surface);padding:14px 16px}.summary-specs dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.62rem}.summary-specs dd{font-variation-settings:"wdth" 110;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.15rem;font-weight:700}.summary-warn{color:#e0a43a;margin:-18px 0 26px;font-size:.8rem}.summary-list{margin-bottom:30px}.summary-sec{border-top:1px solid var(--line);padding:16px 0 6px}.summary-sec__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-sec__head h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:400}.summary-sec__head button{color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.summary-sec__head button:hover{color:var(--text)}.summary-sec dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 10px;font-size:.88rem;display:grid}.summary-sec dt{color:var(--muted)}.summary-sec dd{text-align:right;margin:0}.summary-sec dd small{font-family:var(--mono);color:var(--muted);font-size:.64rem;display:block}.summary-actions{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.summary-form h3{font-variation-settings:"wdth" 110;margin-bottom:6px;font-size:1.25rem;font-weight:700}.summary-form>p{color:var(--text-2);margin-bottom:24px;font-size:.9rem}.summary-form .form-grid{gap:22px}.summary-form .btn{width:100%}.summary-success{text-align:left;padding:8px 0 20px}.summary-success svg{width:56px;height:56px;color:var(--accent);margin-bottom:18px}.summary-success h3{font-variation-settings:"wdth" 112;margin-bottom:12px;font-size:1.6rem;font-weight:700;line-height:1.1}.summary-success p{color:var(--text-2);font-size:.92rem}@media (width<=900px){.page-configurator{height:auto;overflow:auto}.cfg{padding-top:var(--header-h);grid-template-columns:minmax(0,1fr);grid-template-rows:var(--steps-h) 44svh auto;grid-template-areas:"steps""viewer""panel";position:static}.cfg-steps{top:var(--header-h);z-index:20;position:sticky}.cfg-viewer{top:calc(var(--header-h) + var(--steps-h));z-index:10;position:sticky;box-shadow:0 12px 30px #00000073}.cfg-panel{z-index:1;border-left:0;border-top:1px solid var(--line);min-height:60vh;position:relative}.cfg-panel__scroll{overflow:visible}.cfg-panel__content{padding-bottom:150px}.cfg-bar{z-index:30;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -20px 40px #0006}.cfg-viewer__title{top:16px;right:150px}.cfg-viewer__title h1{margin:4px 0 6px;font-size:1.15rem}.cfg-viewer__title .mono.muted{display:none}.cfg-viewer__tools{top:14px;right:14px}.cfg-viewer__tools .icon-btn{width:38px;height:38px}.cfg-viewer__bottom{bottom:12px;left:12px;right:12px}.seg button{height:32px;padding:0 11px;font-size:.76rem}.seg[data-views]{display:none}.seg--actions{margin:0 auto}.page-configurator .site-header.is-hidden{transform:none}}@media (width<=420px){.seg--actions button{gap:5px;padding:0 9px}.seg--actions button svg{display:none}}.page-configurator .site-header .brand{background:url(../img/logos/benzberg-logo-negativ.svg) 0/contain no-repeat;width:180px;height:29px}.page-configurator .site-header .brand>*{display:none}@media (width<=600px){.page-configurator .site-header .brand{width:140px;height:22px}}@media (width<=900px){.page-configurator .dswitch{display:none}.cfg-viewer__title h1{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.cfg-viewer__title .cfg-code{display:none}.cfg-type-btn{height:30px;padding:0 11px;font-size:.74rem}.cfg-bar{padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.cfg-bar__specs{grid-template-columns:auto}.cfg-bar__specs div:not(.cfg-bar__price){display:none}.cfg-bar__specs dd{font-size:1.05rem}.cfg-panel__content{padding-bottom:96px}}@media (width<=600px){.cfg-next-label{display:none}}@media (width<=900px){.cfg-viewer{--viewer-compact:max(140px, 22svh);height:44svh;transition:height .35s var(--ease);align-self:start}.cfg-viewer.is-compact{height:var(--viewer-compact)}.cfg-viewer__title,.cfg-viewer__tools,.cfg-viewer__bottom{transition:opacity .25s}.cfg-viewer.is-compact .cfg-viewer__title,.cfg-viewer.is-compact .cfg-viewer__tools,.cfg-viewer.is-compact .cfg-viewer__bottom{opacity:0;pointer-events:none}}