.saber-builder-section{margin-top:50px}.saber-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start}.builder-visual{position:relative;width:100%;text-align:center}.parts-img{position:relative;max-width:480px;margin:0 auto}.parts-img .buildimg{position:absolute;top:0;left:0;width:100%}.builder-options{display:flex;flex-direction:column;gap:25px}.builder-title{font-size:24px;margin-bottom:5px}.builder-subtitle{font-size:15px;color:#666}.variant-wrapper{border:1px solid #e3e3e3;border-radius:10px;padding:15px 20px;background:transparent}.buildttl{font-weight:600;cursor:pointer;margin-bottom:10px}.variant-wrapper.open .color-wrap{display:flex}.color-wrap{display:none;flex-wrap:wrap;gap:10px}.option{border:1px solid #ccc;padding:8px 14px;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;font-size:14px}.option.active,.option:hover{background:#000;color:#fff;border-color:#000}@media(max-width:768px){.saber-builder-grid{grid-template-columns:1fr}.builder-visual{order:-1}}.sub-variant{border:1px solid #e4e4e4;border-radius:10px;margin-bottom:15px;background:transparent;overflow:hidden}.sub-header{display:flex;justify-content:space-between;align-items:center;background:trasnaprent;padding:10px 15px;cursor:pointer}.sub-header:hover{background:#eee}.sub-header h4{margin:0;font-size:15px}.toggle-icon{font-size:20px;transition:.3s}.sub-variant.open .toggle-icon{transform:rotate(45deg)}.sub-content{display:none;padding:15px}.preview{text-align:center;margin-bottom:10px}.preview img{max-width:180px;border-radius:6px}.swatches{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.swatch{width:28px;height:28px;border-radius:50%;background-size:cover;background-position:center;cursor:pointer;border:1px solid #ccc;transition:transform .2s,border-color .2s}.variant-wrapper .sub-content{display:none}.variant-wrapper.open .sub-content{display:block}.variant-wrapper .sub-variant{display:none}.variant-wrapper.open .sub-variant{display:block}.swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid #ccc;cursor:pointer;transition:transform .2s,border-color .2s}.preview img{max-width:160px;border-radius:6px;display:block;margin:0 auto 10px}.builder-visual{max-width:420px;margin:0 auto 30px;position:relative}.parts-img{position:relative;width:100%}.builder-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:1100px}@media(max-width:768px){.builder-options-grid{grid-template-columns:repeat(2,1fr)}}.variant-wrapper .sub-variant,.variant-wrapper .sub-content{display:none}.variant-wrapper.open .sub-variant,.variant-wrapper.open .sub-content{display:block}.buildttl{font-weight:600;cursor:pointer;text-transform:uppercase;font-size:16px;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:5px}.preview img{max-width:140px;border-radius:8px;margin-bottom:10px}.swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.saber-builder-center{display:flex;flex-direction:column;align-items:center;text-align:center}.builder-visual{max-width:420px;position:relative;margin:0 auto 40px}.parts-img{position:relative}.parts-img .buildimg{position:absolute;top:0;left:0;width:100%;opacity:1;transition:opacity .3s ease-in-out}.parts-img img{width:100%;object-fit:contain}.builder-options-rows{display:flex;flex-direction:column;gap:25px;width:100%;max-width:1200px}.variant-wrapper{border:1px solid #e4e4e4;border-radius:10px;padding:15px;background:transparent}.buildttl{font-weight:700;cursor:pointer;text-transform:uppercase;font-size:17px;margin-bottom:15px}.models-row{display:none;flex-wrap:wrap;gap:10px;justify-content:center}.variant-wrapper.open .models-row{display:flex}.model-btn{background:transparet;border:1px solid #ccc;border-radius:8px;padding:6px 10px;cursor:pointer;transition:background .2s,color .2s}.model-btn:hover,.model-btn.active{background:#000;color:#fff}.sub-content{display:none;text-align:center;margin-top:10px}.sub-variant.open .sub-content{display:block}.preview img{max-width:150px;border-radius:8px;margin:10px auto}.swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:50%;border:1px solid #ccc;cursor:pointer;transition:transform .2s,border-color .2s}.swatch:hover,.swatch.active{border-color:#000;transform:scale(1.1)}.builder-visual{position:relative;max-width:420px;margin:0 auto 40px;min-height:420px}.parts-img{position:relative;width:100%;height:100%}.parts-img .buildimg{position:absolute;top:0;left:0;width:100%;transition:opacity .3s ease-in-out;opacity:1}.parts-img img{width:100%;display:block;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/157/assets/saber-builder.css.map */