.cfg-page{padding-bottom:96px}@media (width>=1040px){.cfg-page{padding-bottom:72px}}.cfg-head{border-bottom:1px solid var(--line-soft);padding-block:clamp(28px,5vw,56px) clamp(20px,3vw,32px);position:relative;overflow:hidden}.cfg-head:before{content:"";background-image:var(--zellige);pointer-events:none;background-size:96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.cfg-head>.container{position:relative}.cfg-head .h1{margin-bottom:10px}.cfg-head .lead{margin-bottom:0}.cfg-head-grid{align-items:end;gap:24px;display:grid}@media (width>=1040px){.cfg-head-grid{grid-template-columns:1.1fr 1fr}}.cfg-presets{gap:14px;display:grid}.cfg-fieldset{border:0;min-width:0;margin:0;padding:0}.cfg-mini-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-size:.72rem;display:block}.cfg-presets .chip{height:34px}.cfg-presets .chip .badge-dot{width:9px;height:9px}.cfg-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-top:24px;display:grid}@media (width>=1040px){.cfg-layout{grid-template-columns:minmax(0,1.08fr) minmax(400px,1fr);gap:32px}.cfg-preview{top:calc(var(--header-h) + 14px);max-height:calc(100vh - var(--header-h) - 28px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-inline-end:6px;position:sticky;overflow-y:auto}.cfg-preview::-webkit-scrollbar{width:6px}.cfg-preview::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}}.cfg-stage{--stage-h:clamp(320px, 50vh, 560px);position:relative}@media (width>=1040px){.cfg-stage{--stage-h:clamp(340px, calc(100vh - var(--header-h) - 440px), 640px)}}.cfg-tabs{z-index:4;top:12px;-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);background:#ffffffe6;border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:absolute;inset-inline-end:12px;box-shadow:0 4px 14px -8px #14171a4d}.cfg-tabs button{color:var(--text-dim);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.cfg-tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 1px var(--line)}.cfg-tabs button:disabled{opacity:.45;cursor:not-allowed}.cfg-viewer{height:var(--stage-h)}.cfg-stage .cv-hint{bottom:54px;top:auto!important}.cfg-viewer[hidden],.cfg-drawing[hidden]{display:none}.cfg-drawing{height:var(--stage-h);place-items:center;padding:56px 16px 16px;display:grid;overflow:auto}.cfg-drawing svg{min-width:520px;max-height:100%}.cfg-viewtools{z-index:4;inset-inline:12px;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px}.cfg-viewtools>*{pointer-events:auto}.cfg-viewtools[hidden]{display:none}.cfg-viewtools .chip{-webkit-backdrop-filter:blur(8px);background:#ffffffe6;height:32px;padding:0 12px;font-size:.78rem}.cfg-viewtools .chip[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.cfg-explode{border:1px solid var(--line);height:32px;color:var(--text-dim);-webkit-backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.78rem;display:inline-flex}.cfg-explode input{width:96px;accent-color:var(--accent-fill)}.cfg-summary{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);gap:12px;margin-top:14px;padding:clamp(14px,2vw,20px);display:grid}.cfg-ref .cfg-mini-label{margin-bottom:6px}.cfg-ref .ref-box{padding:8px 8px 8px 12px;font-size:clamp(.8rem,1.3vw,.95rem)}.cfg-ref-text{min-width:0}.cfg-ref-tools{flex:none;gap:6px;display:flex}.cfg-ref .icon-btn{width:34px;height:34px}.cfg-ref .icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px}.cfg-facts{color:var(--text-faint);flex-wrap:wrap;gap:4px 16px;margin:0;font-size:.8rem;display:flex}.cfg-facts strong{color:var(--text);margin-inline-start:4px;font-weight:600}.cfg-mobilebar .k,.cfg-price-main .k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.66rem;display:block}.cfg-price{gap:8px;display:grid}.cfg-price-main{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;padding-top:10px;display:flex}.cfg-price-unit{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:600;line-height:1.15}.cfg-price-total{text-align:end}.cfg-price-total strong{font-family:var(--font-display);font-size:1.15rem}.cfg-price-rows{border-top:1px solid var(--line-soft);gap:0;margin:8px 0 0;display:grid}.cfg-price-rows>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:7px 0;font-size:.88rem;display:flex}.cfg-price-rows dt{color:var(--text-dim)}.cfg-price-rows dd{margin:0}.cfg-price-rows .cfg-total{font-size:.98rem;font-weight:700}.cfg-price-rows .cfg-total dt{color:var(--text)}.cfg-breakdown summary{cursor:pointer;color:var(--accent);font-size:.85rem;font-weight:600}.cfg-breakdown-table{margin-top:8px;font-size:.8rem}.cfg-breakdown-table td{border-bottom:1px dashed var(--line-soft);color:var(--text-dim);vertical-align:top;padding:5px 0}.cfg-breakdown-table td.num{text-align:end;white-space:nowrap;color:var(--text);padding-inline-start:12px}.cfg-breakdown-table tr.sub td{color:var(--text);font-weight:600}.cfg-actions{grid-template-columns:1.5fr 1fr 1fr;gap:8px;display:grid}.cfg-actions .btn{white-space:normal;text-align:center;padding-inline:12px;line-height:1.2}.cfg-actions .btn-lg{min-height:48px}.cfg-price .hint{margin:0;font-size:.72rem;line-height:1.4}@media (width<=560px){.cfg-actions{grid-template-columns:1fr 1fr}.cfg-actions .btn-lg{grid-column:1/-1}}.cfg-offline{margin:0}.cfg-form{gap:16px;min-width:0;display:grid}.cfg-section{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg);gap:22px;padding:clamp(16px,2.4vw,24px);display:grid}.cfg-section-title{align-items:center;gap:12px;margin:0;font-size:1.12rem;display:flex}.cfg-field{gap:10px;min-width:0;display:grid}.cfg-field+.cfg-field{border-top:1px solid var(--line-soft);padding-top:20px}.cfg-field-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.cfg-label{font-size:.95rem;font-weight:600}.cfg-std{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.78rem}.cfg-field .hint{margin:0}.cfg-field .segmented button{padding:6px 14px;font-size:.82rem}.cfg-grid-d{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.cfg-grid-wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cfg-grid-wide .opt span{min-height:52px;font-size:.84rem}.cfg-num{align-items:center;gap:8px;display:flex}.cfg-num .input{text-align:end}.cfg-num>span{color:var(--text-faint);font-size:.82rem}.range-row .cfg-num .input{min-width:0}.range-row{grid-template-columns:1fr 130px}.cfg-custom-d{gap:6px;max-width:320px;display:grid}.cfg-custom-d[hidden]{display:none}.cfg-badge{color:#7a4d0c;background:#c98a2b29;border-radius:999px;margin-top:3px;padding:1px 6px;font-size:.66rem;font-style:normal;font-weight:700;display:inline-block}.cfg-swatches{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.cfg-swatch span{gap:2px;text-align:start!important;align-items:flex-start!important;padding:10px!important}.cfg-swatch i{border:1px solid #14171a29;border-radius:7px;width:100%;height:30px;margin-bottom:6px;display:block}.cfg-swatch b{font-size:.8rem;font-family:var(--font-mono);font-weight:500}.cfg-swatch .cfg-swatch-name{color:var(--text-faint);font-size:.7rem;line-height:1.25}.cfg-swatch input:disabled+span{opacity:.3;text-decoration:none}.cfg-ral-custom{gap:4px;max-width:360px;display:grid}.cfg-disabled-note{margin:0}.cfg-disabled-note[hidden]{display:none}.cfg-bearings{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.cfg-bearing span{gap:2px;text-align:start!important;align-items:flex-start!important;padding:10px 12px!important}.cfg-bearing b{font-family:var(--font-mono);font-size:.95rem}.cfg-bearing .cfg-b-dims,.cfg-bearing .cfg-b-c{color:var(--text-dim);font-size:.74rem}.cfg-two{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.cfg-two{grid-template-columns:1.4fr 1fr}}.cfg-gauge{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:12px;gap:8px;padding:12px 14px;font-size:.86rem;display:grid}.cfg-gauge-head{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;display:flex}.cfg-gauge-state{border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.cfg-gauge-state.ok{color:#026802;background:#0268021a}.cfg-gauge-state.ko{color:#a80202;background:#ca020217}.cfg-gauge-bar{background:var(--line);border-radius:8px;height:8px;overflow:hidden}.cfg-gauge-bar span{height:100%;transition:width .3s var(--ease);border-radius:8px;display:block}.cfg-gauge-bar span.ok{background:var(--green-light)}.cfg-gauge-bar span.ko{background:var(--red-light)}.cfg-gauge-detail{font-size:.76rem}.cfg-gauge .btn{white-space:normal;text-align:start;justify-self:start}.cfg-qty{align-items:center;gap:8px;display:flex}.cfg-qty .input{text-align:center;width:130px}.cfg-qty .icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px}.cfg-issues{gap:6px;display:grid}.cfg-issues:empty{display:none}.cfg-issue{border-inline-start:3px solid;border-radius:10px;margin:0;padding:8px 12px;font-size:.82rem}.cfg-issue-info{color:#1b4a78;background:#2f74b514;border-color:#2f74b5}.cfg-issue-warn{color:#6e460a;background:#c98a2b1a;border-color:#c98a2b}.cfg-issue-error{border-color:var(--red-light);color:#8f0202;background:#ca020212}.cfg-help{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cfg-help strong{display:block}.cfg-mobilebar{inset-inline:0;z-index:95;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;box-shadow:0 -8px 24px -14px #14171a59}.cfg-mobilebar>div{flex-direction:column;display:flex}.cfg-mobilebar strong{font-family:var(--font-display);font-size:1.15rem}@media (width>=1040px){.cfg-mobilebar{display:none}}@media (width<=1039px){body:has(.cfg-page) .float-contact{bottom:84px}}.cfg-dialog{border:1px solid var(--line);background:var(--surface);width:min(760px,100% - 24px);max-height:calc(100vh - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:18px;padding:0}.cfg-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14171a73}.cfg-dialog-inner{flex-direction:column;max-height:calc(100vh - 34px);display:flex}.cfg-dialog-inner[hidden]{display:none}.cfg-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 8px;display:flex}.cfg-dialog-head .eyebrow{margin-bottom:6px}.cfg-dialog-head h2{margin:0}.cfg-dialog-body{gap:16px;padding:8px 22px 16px;display:grid;overflow-y:auto}.cfg-dialog-foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.cfg-dlg-recap{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:12px;flex-wrap:wrap;gap:6px 18px;padding:12px 14px;font-size:.86rem;display:flex}.cfg-dlg-recap .mono{word-break:break-all}.cfg-consent{color:var(--text-dim);align-items:flex-start;gap:10px;font-size:.82rem;display:flex}.cfg-consent input{accent-color:var(--green);margin-top:3px}.cfg-consent a{color:var(--green-light);text-decoration:underline}.cfg-form-error{margin:0}.cfg-form-error[hidden]{display:none}.cfg-dialog [aria-invalid=true]{border-color:var(--red-light)}.cfg-success{text-align:center;align-items:center;gap:8px;padding:36px 24px}.cfg-success-icon{color:#026802;background:#0268021a;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:6px;font-size:1.6rem;display:grid}.cfg-success .btn{margin-top:12px}@media (width<=700px){.cfg-presets .chip-row{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.cfg-presets .chip-row::-webkit-scrollbar{display:none}.cfg-presets .chip{flex:none}.cfg-head .lead{font-size:.98rem}}@media (width<=560px){.cfg-price-total{text-align:start}.range-row{grid-template-columns:1fr 112px}.cfg-dialog-foot{flex-direction:column-reverse}.cfg-dialog-foot .btn{width:100%}}@media (prefers-reduced-motion:reduce){.cfg-gauge-bar span{transition:none}}
