.system-builder{padding:var(--spacing-section, 60px) 0}.system-builder__container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-horizontal, 20px)}.system-builder__heading{text-align:center;margin-bottom:var(--spacing-4, 16px)}.system-builder__subheading{text-align:center;margin-bottom:var(--spacing-8, 32px);color:var(--text-color-secondary, #666)}.system-builder__layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-6, 24px)}@media(min-width:1024px){.system-builder__layout{grid-template-columns:1fr 380px;align-items:start}}.system-builder__steps{min-width:0}.system-builder__sidebar{position:relative}@media(min-width:1024px){.system-builder__sidebar{position:sticky;top:20px}}.system-builder__step{background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--border-radius, 8px);padding:var(--spacing-6, 24px);margin-bottom:var(--spacing-6, 24px)}.system-builder__step--product{background:var(--color-background-secondary, #f9f9f9)}.system-builder__step[hidden]{display:none}.system-builder__step-header{display:flex;gap:var(--spacing-6, 24px);align-items:flex-start}@media(max-width:768px){.system-builder__step-header{flex-direction:column}}.system-builder__step-image{flex-shrink:0;width:120px}.system-builder__step-image img{width:100%;height:auto;border-radius:var(--border-radius-sm, 4px)}.system-builder__step-content{flex:1}.system-builder__step-title{margin:0 0 var(--spacing-4, 16px) 0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.system-builder__field{margin-bottom:var(--spacing-5, 20px)}.system-builder__field[hidden]{display:none}.system-builder__field:last-child{margin-bottom:0}.system-builder__label{display:block;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--spacing-3, 12px);color:var(--text-color, #333)}.system-builder__chips{display:flex;flex-wrap:wrap;gap:var(--spacing-2, 8px)}.system-builder__chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--border-radius-sm, 4px);background:var(--color-background, #fff);color:var(--text-color, #333);font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.system-builder__chip:hover{border-color:var(--color-primary, #333);background:var(--color-background-secondary, #f9f9f9)}.system-builder__chip:focus{outline:2px solid var(--color-primary, #333);outline-offset:2px}.system-builder__chip--selected{background:var(--color-primary, #333);border-color:var(--color-primary, #333);color:var(--color-primary-contrast, #fff)}.system-builder__chip--selected:hover{background:var(--color-primary-dark, #111);border-color:var(--color-primary-dark, #111)}.system-builder__chip--disabled{opacity:.5;cursor:not-allowed}.system-builder__chip--disabled:hover{border-color:var(--color-border, #e5e5e5);background:var(--color-background, #fff)}.system-builder__product-display{margin-top:var(--spacing-4, 16px)}.system-builder__product-display[hidden]{display:none}.system-builder__product-card{display:flex;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-4, 16px);background:var(--color-background, #fff);border:2px solid var(--color-border, #e5e5e5);border-radius:var(--border-radius, 8px);cursor:pointer;transition:all .2s ease;position:relative}.system-builder__product-card:hover{border-color:var(--color-primary, #333);box-shadow:0 2px 8px #0000001a}.system-builder__product-card:focus{outline:2px solid var(--color-primary, #333);outline-offset:2px}.system-builder__product-card--selected{border-color:var(--color-primary, #333);background:var(--color-background-selected, #f0f7f0);box-shadow:0 2px 8px #0000001a}.system-builder__product-card--selected .system-builder__product-hint{display:none}.system-builder__product-select-indicator{position:absolute;top:var(--spacing-2, 8px);right:var(--spacing-2, 8px);width:24px;height:24px;border:2px solid var(--color-border, #e5e5e5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--color-background, #fff)}.system-builder__product-card:hover .system-builder__product-select-indicator{border-color:var(--color-primary, #333)}.system-builder__product-card--selected .system-builder__product-select-indicator{background:var(--color-primary, #333);border-color:var(--color-primary, #333)}.system-builder__checkmark{display:none}.system-builder__product-card--selected .system-builder__checkmark{display:block;width:12px;height:12px;position:relative}.system-builder__product-card--selected .system-builder__checkmark:before{content:"";position:absolute;left:3px;top:0;width:5px;height:10px;border:solid var(--color-primary-contrast, #fff);border-width:0 2px 2px 0;transform:rotate(45deg)}.system-builder__product-hint{position:absolute;bottom:var(--spacing-2, 8px);right:var(--spacing-3, 12px);font-size:.75rem;color:var(--text-color-secondary, #666);font-style:italic;margin:0}.system-builder__badge{position:absolute;top:var(--spacing-2, 8px);left:var(--spacing-2, 8px);z-index:2;padding:3px 10px;border-radius:var(--border-radius-sm, 4px);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.system-builder__badge--preorder{background:#000;color:#fff}.system-builder__product-image{flex-shrink:0;width:80px;height:80px}.system-builder__product-img{width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-sm, 4px)}.system-builder__product-placeholder-image{width:100%;height:100%;background:var(--color-background-secondary, #f9f9f9);border-radius:var(--border-radius-sm, 4px);display:flex;align-items:center;justify-content:center}.system-builder__product-info{flex:1}.system-builder__product-title{margin:0 0 var(--spacing-1, 4px) 0;font-size:1.25rem;font-weight:600}.system-builder__product-price{margin:0;font-size:1.125rem;font-weight:500;color:var(--color-primary, #333)}.system-builder__empty-message,.system-builder__placeholder{color:var(--text-color-secondary, #666);font-style:italic;padding:var(--spacing-4, 16px);background:var(--color-background-secondary, #f9f9f9);border-radius:var(--border-radius-sm, 4px);margin:0}.system-builder__summary{background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e5e5);border-radius:var(--border-radius, 8px);padding:var(--spacing-5, 20px);margin-top:0}@media(max-width:1023px){.system-builder__summary{margin-top:var(--spacing-6, 24px)}}.system-builder__summary-title{margin:0 0 var(--spacing-4, 16px) 0;padding-bottom:var(--spacing-3, 12px);border-bottom:1px solid var(--color-border, #e5e5e5);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem}.system-builder__summary-items{margin-bottom:0}.system-builder__summary-item{display:flex;align-items:center;gap:var(--spacing-3, 12px);padding:var(--spacing-3, 12px) 0;border-bottom:1px solid var(--color-border, #e5e5e5)}.system-builder__summary-item[hidden]{display:none}.system-builder__summary-item:last-child{border-bottom:none}.system-builder__summary-item-image{flex-shrink:0;width:60px;height:60px;border-radius:var(--border-radius-sm, 4px);overflow:hidden;background:var(--color-background-secondary, #f9f9f9)}.system-builder__summary-item-image img{width:100%;height:100%;object-fit:contain}.system-builder__summary-item-details{flex:1;min-width:0}.system-builder__summary-name{display:block;font-weight:500;font-size:1.25rem;line-height:1.3;margin-bottom:var(--spacing-1, 4px)}.system-builder__summary-price{display:block;font-weight:600;font-size:1.25rem;color:var(--color-primary, #333)}.system-builder__qty{display:flex;align-items:center;gap:var(--spacing-1, 4px);margin-top:var(--spacing-2, 8px)}.system-builder__qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--border-radius-sm, 4px);font-size:1.25rem;font-weight:600;line-height:1;cursor:pointer;padding:0;color:var(--text-color, #333);transition:all .15s ease}.system-builder__qty-btn:hover{border-color:var(--color-primary, #333);background:var(--color-background-secondary, #f9f9f9)}.system-builder__qty-value{min-width:28px;text-align:center;font-size:1rem;font-weight:600}.system-builder__summary-remove{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-color-secondary, #666);font-size:2.5rem;cursor:pointer;padding:0;border-radius:50%;transition:all .15s ease}.system-builder__summary-remove:hover{background:var(--color-background-secondary, #f9f9f9);color:var(--color-error, #c00)}.system-builder__summary-empty{padding:var(--spacing-6, 24px) var(--spacing-4, 16px);text-align:center;color:var(--text-color-secondary, #666);font-size:1rem}.system-builder__summary-empty p{margin:0;font-size:.875rem}.system-builder__summary-empty[hidden],.system-builder__summary-footer[hidden]{display:none}.system-builder__summary-total{display:flex;justify-content:space-between;padding:var(--spacing-4, 16px) 0;border-top:2px solid var(--color-border, #e5e5e5);margin-top:var(--spacing-2, 8px);font-size:1.5rem}.system-builder__summary-total-label{font-weight:600}.system-builder__summary-total-price{font-weight:700;color:var(--color-primary, #333)}.system-builder__add-to-cart{width:100%;padding:var(--spacing-4, 16px) var(--spacing-6, 24px);margin-top:var(--spacing-4, 16px);background:var(--color-primary, #333);color:var(--color-primary-contrast, #fff);border:none;border-radius:var(--border-radius-sm, 4px);font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .15s ease;text-align:center}.system-builder__add-to-cart:hover{background:var(--color-primary-dark, #111)}.system-builder__add-to-cart:focus{outline:2px solid var(--color-primary, #333);outline-offset:2px}.system-builder__add-to-cart:disabled{opacity:.7;cursor:not-allowed}div.header__cart-count{font-size:10px;background:#000;width:15px;height:15px;justify-content:center;display:flex;align-items:center;border-radius:100px}.system-builder__step--accessories{background:var(--color-background, #fff)}.system-builder__product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-4, 16px);margin-top:var(--spacing-4, 16px)}.system-builder__product-grid .system-builder__product-card{flex-direction:column;text-align:center;align-items:center}.system-builder__product-grid .system-builder__product-image{width:100%;height:140px}@media(max-width:480px){.system-builder__step{padding:var(--spacing-4, 16px)}.system-builder__step-image{width:80px}.system-builder__chip{padding:var(--spacing-2, 8px) var(--spacing-3, 12px);font-size:1rem}.system-builder__product-card{flex-direction:column;text-align:center}.system-builder__product-image{width:100px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/system-builder.css.map */