.step-container{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{border-bottom:1px solid #eef2f3;margin-bottom:14px;padding-bottom:10px}.step-title{color:#1a1a1a;align-items:center;gap:10px;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.25;display:flex}.step-title:before{content:"";background:#007b7a;border-radius:2px;flex:none;width:4px;height:20px}.step-subtitle{color:#666;margin:0;font-size:13px;line-height:1.5}.configurator .configurator__section{box-shadow:none;background:0 0;border:none;margin-bottom:12px;padding:4px 0}.configurator .configurator__section__values{padding:8px 0 2px}.configurator .item__dot{width:38px;height:38px}.configurator .item.item--active .item__dot{border:3px solid #007b7a;box-shadow:0 0 0 3px #007b7a2e,0 4px 10px #007b7a33}.configurator .badgeButtons,.configurator .sizeButtons{border-radius:9px;padding:8px 14px}.configurator .configurator__section__values{border-top:1px dashed #eef2f3;margin-top:6px}.configurator .item__label:not(.badgeButtons):not(.sizeButtons){display:none}.configurator .item__check{color:#2ecc71;z-index:3;background:#fff;border-radius:50%;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 4px #00000038}.configurator .item__price{letter-spacing:.2px;color:#007b7a;background:#e6fbfa;border-radius:9999px;margin-top:3px;padding:1px 7px;font-size:10px;font-weight:800}.option-group{margin-bottom:25px}.option-group-label{text-transform:uppercase;letter-spacing:.5px;color:#333;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.swatch-item{text-align:center;cursor:pointer;background-color:#fff;border:1.5px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.swatch-item:hover{border-color:#888;transform:translateY(-2px)}.swatch-item.active{background-color:#f5fefe;border-color:#007b7a}.swatch-color{border-radius:50%;width:32px;height:32px;margin-bottom:8px}.swatch-name{color:#444;font-size:11px;font-weight:600}.price-delta{color:#007b7a;margin-top:4px;font-size:10px;font-weight:700}.eco-badge{color:#fff;text-transform:uppercase;background-color:#2ecc71;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:-8px;left:-4px;box-shadow:0 1px 3px #0000001a}.toggle-container{cursor:pointer;background:#f7f9fa;border:1px dashed #ccc;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.toggle-label{color:#333;font-size:13px;font-weight:600}.card-accessory-item{cursor:pointer;background-color:#fff;border:1.5px solid #e0e0e0;border-radius:8px;align-items:center;gap:15px;padding:15px;transition:all .2s;display:flex}.card-accessory-item:hover{border-color:#888}.card-accessory-item.active{background-color:#f5fefe;border-color:#007b7a}.accessory-title{color:#333;font-size:13px;font-weight:700}.accessory-desc{color:#666;margin-top:2px;font-size:11px}.uploader-box{text-align:center;background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;padding:20px}.upload-btn{color:#fff;cursor:pointer;background-color:#007b7a;border-radius:6px;padding:8px 18px;font-size:12px;font-weight:700;transition:opacity .2s;display:inline-block}.upload-btn:hover{opacity:.9}.upload-preview-container{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:flex}.upload-preview{object-fit:cover;border:1px solid #ddd;border-radius:6px;width:60px;height:60px}.remove-preview-btn{color:red;cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline}
