.calculator{background:linear-gradient(135deg,#06c,#003d7a);padding:var(--space-12) 0;color:#fff;position:relative;overflow:hidden}.calculator:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.calculator__header{text-align:center;margin-bottom:var(--space-8)}.calculator__title{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:700}.calculator__subtitle{opacity:.85;font-size:var(--text-lg);max-width:600px;margin:0 auto}.calculator__card{background:#fff;border-radius:16px;padding:0;box-shadow:0 20px 60px #00000040;max-width:900px;margin:0 auto;overflow:hidden}.calc-steps{display:flex;background:#f8f9fa;border-bottom:1px solid #e5e5e5}.calc-step{flex:1;padding:16px 20px;text-align:center;font-size:14px;font-weight:500;color:#666;border:none;background:transparent;cursor:pointer;transition:all .2s;position:relative}.calc-step:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s}.calc-step.active{color:var(--color-primary);background:#fff}.calc-step.active:after{transform:scaleX(1)}.calc-step__num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ddd;color:#666;font-size:12px;margin-right:8px;transition:all .2s}.calc-step.active .calc-step__num{background:var(--color-primary);color:#fff}.calc-step.completed .calc-step__num{background:#28a745;color:#fff}.calc-content{padding:32px;min-height:320px}.calc-panel{display:none}.calc-panel.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.window-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.window-type{border:2px solid #e5e5e5;border-radius:12px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.window-type:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc26}.window-type.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.window-type__icon{width:80px;height:80px;object-fit:contain;margin-bottom:12px;display:block;border-radius:8px;transition:transform .2s ease}.window-type:hover .window-type__icon{transform:scale(1.05)}.window-type.selected .window-type__icon{transform:scale(1.08)}.window-type__name{font-weight:600;color:var(--color-text);font-size:15px;margin-bottom:4px}.window-type__desc{font-size:12px;color:var(--color-text-muted)}.config-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.config-item{border:2px solid #e5e5e5;border-radius:10px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s}.config-item:hover{border-color:var(--color-primary)}.config-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.config-item__visual{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.config-item__visual svg{width:100%;height:100%}.config-item__name{font-size:13px;font-weight:500;color:var(--color-text)}.size-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.size-inputs{display:flex;flex-direction:column;gap:16px}.size-field{display:flex;align-items:center;gap:12px}.size-field__label{width:80px;font-weight:500;color:var(--color-text)}.size-field__input{flex:1;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:16px;transition:border-color .2s}.size-field__input:focus{outline:none;border-color:var(--color-primary)}.size-field__unit{color:var(--color-text-muted);font-size:14px}.window-preview{background:linear-gradient(145deg,#f0f4f8,#e8ecf0);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:200px}.window-preview__frame{background:#fff;border:4px solid #0066CC;border-radius:4px;position:relative;box-shadow:inset 0 0 20px #0000000d,0 4px 12px #0000001a;transition:all .3s ease}.window-preview__glass{background:linear-gradient(135deg,#87cefa4d,#b0e0e633);position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px}.window-preview__divider{position:absolute;background:#06c}.window-preview__divider--v{width:4px;top:0;bottom:0;left:50%;transform:translate(-50%)}.window-preview__divider--v.pos-33{left:33.33%}.window-preview__divider--v.pos-66{left:66.66%}.window-preview__handle{position:absolute;width:8px;height:24px;background:#888;border-radius:2px;right:12px;top:50%;transform:translateY(-50%)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s}.option-item:hover{border-color:#ccc}.option-item.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.option-item__checkbox{width:22px;height:22px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.option-item.selected .option-item__checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-item__info{flex:1}.option-item__name{font-weight:500;color:var(--color-text);font-size:14px}.option-item__price{font-size:12px;color:var(--color-text-muted)}.result-panel{text-align:center}.result-price{margin-bottom:24px}.result-price__label{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.result-price__value{font-size:48px;font-weight:700;color:var(--color-primary)}.result-price__note{font-size:13px;color:var(--color-text-muted);margin-top:8px}.result-summary{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:24px;text-align:left}.result-summary__row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #e5e5e5}.result-summary__row:last-child{border-bottom:none}.result-summary__label{color:var(--color-text-secondary)}.result-summary__value{font-weight:500;color:var(--color-text)}.result-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;max-width:600px;margin:0 auto}.result-form__input{padding:14px 18px;border:2px solid #e5e5e5;border-radius:8px;font-size:15px;transition:border-color .2s}.result-form__input:focus{outline:none;border-color:var(--color-primary)}.result-form__submit{padding:14px 32px;background:var(--color-accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.result-form__submit:hover{background:#e65c00;transform:translateY(-1px)}.calc-nav{display:flex;justify-content:space-between;padding:20px 32px;background:#f8f9fa;border-top:1px solid #e5e5e5}.calc-nav__btn{padding:12px 28px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.calc-nav__btn--back{background:#fff;border:2px solid #e5e5e5;color:var(--color-text)}.calc-nav__btn--back:hover{border-color:#ccc}.calc-nav__btn--next{background:var(--color-primary);border:none;color:#fff}.calc-nav__btn--next:hover{background:var(--color-primary-dark)}.calc-nav__btn:disabled{opacity:.5;cursor:not-allowed}.calc-success{text-align:center;padding:40px}.calc-success__icon{width:80px;height:80px;background:#d4edda;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px}.calc-success__title{font-size:24px;font-weight:600;color:var(--color-text);margin-bottom:12px}.calc-success__text{color:var(--color-text-secondary);font-size:16px}@media (max-width: 768px){.calculator{padding:var(--space-8) 0}.calculator__title{font-size:var(--text-2xl)}.calc-steps{overflow-x:auto}.calc-step{padding:12px 16px;font-size:13px;white-space:nowrap}.calc-step__num{display:none}.calc-content{padding:20px}.window-types{grid-template-columns:1fr;gap:12px}.window-type{display:flex;align-items:center;text-align:left;padding:16px}.window-type__icon{width:60px;height:60px;margin-bottom:0;margin-right:16px;flex-shrink:0}.config-grid{grid-template-columns:repeat(2,1fr)}.size-section{grid-template-columns:1fr}.window-preview{order:-1;min-height:150px}.options-grid,.result-form{grid-template-columns:1fr}.result-price__value{font-size:36px}.calc-nav{padding:16px 20px}}