.konfigurator{padding:60px 0 80px}.konfig__layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px}.konfig__preview{position:sticky;top:calc(var(--nav-height) + 20px);align-self:start;display:flex;flex-direction:column;align-items:center}.konfig__model-wrap{width:100%;aspect-ratio:1;background:#1a1a1a;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.konfig__model-wrap model-viewer{--poster-color: transparent}.konfig__3d{width:100%;aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.konfig__cube{width:var(--kw, 200px);height:var(--kh, 200px);position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg);transition:all .4s ease}.k-face{position:absolute;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 .5px #ffffff0f;transition:background .3s,opacity .3s,filter .3s;margin:-.5px}.k-front{width:var(--kw, 200px);height:var(--kh, 200px);transform:translateZ(calc(var(--kd, 200px) / 2));background-position:center}.k-back{width:var(--kw, 200px);height:var(--kh, 200px);transform:rotateY(180deg) translateZ(calc(var(--kd, 200px) / 2));background-position:center}.k-right{width:var(--kd, 200px);height:var(--kh, 200px);right:0;transform:translate(50%) rotateY(90deg);transform-origin:right center;background-position:right center}.k-left{width:var(--kd, 200px);height:var(--kh, 200px);left:0;transform:translate(-50%) rotateY(-90deg);transform-origin:left center;background-position:left center}.k-top-rim{position:absolute;width:var(--kw, 200px);height:var(--kd, 200px);top:0;transform:translateY(-50%) rotateX(90deg);transform-origin:center top;background:transparent;border:8px solid;box-sizing:border-box;filter:brightness(1.15);transition:border-color .3s ease;box-shadow:inset 0 0 0 1px #ffffff14}.k-inner-floor{position:absolute;width:calc(var(--kw, 200px) - 16px);height:calc(var(--kd, 200px) - 16px);left:8px;bottom:0;transform:translateY(50%) rotateX(-90deg);transform-origin:center bottom;background:linear-gradient(135deg,#0f0e0d,#1a1816,#0f0e0d);box-shadow:inset 0 0 20px #00000080}.k-bottom{width:var(--kw, 200px);height:var(--kd, 200px);bottom:0;transform:translateY(50%) rotateX(-90deg);transform-origin:center bottom;background-position:center bottom}.konfig__shadow{position:absolute;bottom:-2px;left:50%;width:var(--kw, 200px);height:var(--kd, 200px);transform:translate(-50%) translateY(50%) rotateX(-90deg) translateZ(-1px);transform-origin:center top;background:radial-gradient(ellipse,rgba(0,0,0,.25) 0%,transparent 70%);pointer-events:none}.konfig__cube--ger .k-face{box-shadow:inset 0 0 0 .5px #ffffff0f,inset 0 0 0 2px #c9a96e80;transition:box-shadow .4s ease}.konfig__cube--ger .k-top-rim{box-shadow:inset 0 0 0 1px #ffffff14,0 0 8px #c9a96e4d}.konfig__controls{display:flex;flex-direction:column;gap:28px}.konfig__section{display:flex;flex-direction:column;gap:10px}.konfig__section-title{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.konfig__shape-grid,.konfig__size-grid{display:flex;gap:8px;flex-wrap:wrap}.konfig__shape-btn,.konfig__size-btn{padding:8px 16px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius);transition:all .3s}.konfig__shape-btn:hover,.konfig__size-btn:hover{border-color:var(--gold);color:var(--gold)}.konfig__shape-btn--active,.konfig__size-btn--active{border-color:var(--gold);background:#c9a96e1a;color:var(--gold)}.konfig__dims{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.konfig__dim-input{display:flex;flex-direction:column;gap:4px}.konfig__dim-input label{font-size:11px;color:var(--text-muted)}.konfig__dim-input input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:14px;outline:none;transition:border-color .3s}.konfig__dim-input input:focus{border-color:var(--gold)}.konfig__radio-group{display:flex;flex-direction:column;gap:6px}.konfig__radio,.konfig__check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.konfig__radio input,.konfig__check input{accent-color:var(--gold)}.konfig__presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.konfig__preset-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);transition:all .3s}.konfig__preset-btn:hover{border-color:var(--gold);color:var(--gold)}.konfig__preset-btn--active{border-color:var(--gold);background:#c9a96e1a;color:var(--gold)}.konfig__preset-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;background-size:cover;background-position:center}.konfig__preset-dots{display:flex;gap:2px}.konfig__color-picker{display:flex;flex-direction:column;gap:8px}.konfig__cat-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.konfig__cat-tab{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all .2s;font-size:12px}.konfig__cat-tab:hover{border-color:var(--border-hover)}.konfig__cat-tab--active{border-color:var(--gold);background:#c9a96e0f}.konfig__cat-preview{width:24px;height:24px;border-radius:3px;background-size:cover;background-position:center;flex-shrink:0}.konfig__cat-name{font-weight:500;color:var(--text)}.konfig__cat-tab--active .konfig__cat-name{color:var(--gold)}.konfig__cat-count{color:var(--text-muted);font-size:10px}.konfig__color-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.color-tile{display:flex;flex-direction:column;padding:0;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:border-color .2s,transform .2s;overflow:hidden}.color-tile:hover{transform:scale(1.03);border-color:var(--border-hover)}.color-tile--active{border-color:var(--gold)}.color-tile__img{width:100%;aspect-ratio:1;background-size:cover;background-position:center}.color-tile__name{font-size:11px;padding:5px 6px 6px;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.color-tile--active .color-tile__name{color:var(--gold);font-weight:500}.konfig__wall-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.konfig__wall-tab{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;transition:all .2s;font-size:12px}.konfig__wall-tab:hover{border-color:var(--border-hover)}.konfig__wall-tab--active{border-color:var(--gold);background:#c9a96e14}.konfig__wall-tab-preview{width:20px;height:20px;border-radius:3px;background-size:cover;background-position:center;flex-shrink:0;border:1px solid var(--border)}.konfig__wall-tab-name{font-weight:600;color:var(--text)}.konfig__wall-tab--active .konfig__wall-tab-name{color:var(--gold)}.konfig__wall-tab-color{color:var(--text-muted);font-size:10px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.konfig__toggle-btn{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);cursor:pointer;padding:0;background:none;border:none}.konfig__toggle-track{position:relative;width:40px;height:22px;border-radius:11px;background:var(--border);transition:background .3s ease;flex-shrink:0}.konfig__toggle-btn--active .konfig__toggle-track{background:var(--gold)}.konfig__toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--bg);transition:transform .3s ease}.konfig__toggle-btn--active .konfig__toggle-thumb{transform:translate(18px)}.konfig__hint{font-size:12px;color:var(--text-muted);line-height:1.6}.konfig__price-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px}.konfig__price-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.konfig__price-divider{height:1px;background:var(--border);margin:4px 0}.konfig__price-total{display:flex;justify-content:space-between;font-size:20px;font-weight:500;color:var(--gold);padding-top:8px;border-top:1px solid var(--border)}.konfig__error{padding:12px 16px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:var(--radius);color:#e74c3c;font-size:13px}.dno-options{display:flex;gap:8px}.dno-option{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .25s ease;flex:1;min-width:0}.dno-option input[type=radio]{display:none}.dno-option:hover{border-color:var(--border-hover)}.dno-option--active{border-color:var(--gold);background:#c9a96e0f}.dno-option__diagram{flex-shrink:0}.dno-option__diagram svg{display:block}.dno-option__text{display:flex;flex-direction:column;gap:1px;min-width:0}.dno-option__label{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.dno-option__desc{font-size:11px;color:var(--text-muted);white-space:nowrap}@media(max-width:900px){.konfig__layout{grid-template-columns:1fr;gap:32px}.konfig__preview{position:static}.konfig__model-wrap{aspect-ratio:4/3}.dno-options{flex-direction:column}}