.balcony-configurator{padding:80px 0;background:linear-gradient(180deg,#ffffff,#f8fbff)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.config-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:40px;color:#003955}.configurator-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.constructor{height:500px;background-color:#f0f8ff;border-radius:16px;overflow:hidden;align-items:flex-end;box-shadow:0 10px 30px rgba(0,57,85,.1)}.constructor,.image-stack{position:relative;display:flex;justify-content:center}.image-stack{width:100%;height:100%}.constructor-layer{position:absolute;bottom:0;transition:all .3s ease}.background{height:400px;z-index:1}.roof{z-index:0;width:360px;transform:translateY(-185%);margin-right:20px}.glazing{z-index:4;height:227px;transform:translate(-116%,-74%)}.wall{z-index:3;width:239px;transform:translate(-3%,-12.2%)}.floor{z-index:5}.floor,.furniture{width:232px;transform:translate(-2.8%,-54%)}.furniture{z-index:6}.parameters-compact{display:flex;flex-direction:column;background-color:#f2f9fd;border-radius:16px;padding:25px;box-shadow:0 10px 30px rgba(0,57,85,.1);height:500px}.config-tabs{display:flex;border-bottom:2px solid #e0f0ff;margin-bottom:20px}.tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#5c6b89;cursor:pointer;transition:all .3s ease}.tab-btn.active{color:#008acf;border-bottom-color:#008acf}.tab-btn:hover:not(.active){color:#247EBA}.tab-content{flex:1 1;overflow-y:auto;padding:10px}.tab-pane h3{font-size:1.3rem;font-weight:700;margin-bottom:15px;color:#003955}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-bottom:20px}.option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;background:white;border:2px solid #e0f0ff;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.option-card.active{border-color:#008acf;background:#e6f4ff;box-shadow:0 5px 15px rgba(0,138,207,.2)}.option-card:hover:not(.active){border-color:#4D9DCB}.option-icon{font-size:2rem;margin-bottom:10px}.option-name{font-size:.95rem;font-weight:600;color:#003955}.material-categories{display:flex;flex-direction:column;gap:20px}.material-category h4{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:#5c6b89}.material-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.material-btn{width:32px;height:32px;border-radius:50%;border:2px solid #e0f0ff;background-size:cover;background-position:50%;cursor:pointer;transition:all .3s ease}.material-btn.active{border-color:#008acf;box-shadow:0 0 0 2px rgba(0,138,207,.5);transform:scale(1.1)}.material-btn:hover{transform:scale(1.1);box-shadow:0 0 0 2px rgba(0,138,207,.3)}.calculate-btn{width:100%;padding:16px;background:linear-gradient(90deg,#247EBA,#4D9DCB);color:white;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px rgba(36,126,186,.3);cursor:pointer;margin-top:20px}.calculate-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(36,126,186,.4)}@media (max-width:992px){.configurator-wrapper{grid-template-columns:1fr}.constructor{height:500px}.parameters-compact{height:auto}.config-title{font-size:2rem}}@media (max-width:768px){.balcony-configurator{padding:60px 0}.option-grid{grid-template-columns:1fr}.config-tabs{flex-wrap:wrap}.config-title{font-size:1.8rem}}@media (max-width:576px){.constructor{height:400px}.background{height:300px}.roof{width:280px;margin-bottom:-15px;margin-right:25px}.glazing{height:170px}.floor,.wall{width:180px}.config-title{font-size:1.6rem}.tab-btn{padding:10px 15px;font-size:.9rem}}