.brand-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;margin-left:8px;margin-top:.25rem;align-self:flex-start}.brand-badge.amd{background-color:#ed1c24;color:#fff}.brand-badge.intel{background-color:#0071c5;color:#fff}.brand-badge.nvidia{background-color:#76b900;color:#fff}.brand-badge.unknown{background-color:var(--color-text-dimmer);color:#fff}.component-specs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.component-card{flex:1 1 280px;max-width:340px;margin-bottom:1.5rem;display:flex;flex-direction:column;height:auto;min-height:400px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.component-card.out-of-stock{opacity:.5;pointer-events:none;position:relative}.component-card.out-of-stock:after{content:"OUT OF STOCK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);background:#ff0000e6;color:#fff;padding:5px 20px;font-weight:700;font-size:14px;border-radius:4px;z-index:10}.barebones-builder-container{background:var(--color-bg);color:var(--color-text);font-family:inherit;width:100vw!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;position:relative;overflow-x:hidden}.barebones-builder-container *{box-sizing:border-box!important}.barebones-builder-container .builder-content{width:auto!important;max-width:none!important;margin:0!important;flex:1!important}.barebones-builder-container .summary-sidebar{width:auto!important;max-width:none!important;margin:0!important;flex:none!important}.builder-header{background:var(--color-bg-secondary);padding:32px 0 24px;text-align:center;border-bottom:1px solid var(--color-border)}.page-title{color:var(--color-heading);font-size:2.2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-1px}.page-subtitle{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:1.5rem}.tier-selector{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.tier-btn{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);padding:.75rem 1.25rem;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:var(--shadow-sm);font-size:1rem}.tier-btn:hover,.tier-btn.active{border-color:var(--brand-orange);background:var(--brand-orange);color:#fff;box-shadow:var(--shadow-lg)}.tier-btn.active{border-color:var(--brand-orange);background:var(--color-surface);box-shadow:var(--shadow-orange)}.tier-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .75rem;border-radius:20px;background:var(--color-bg-secondary);color:var(--brand-orange);margin-bottom:.25rem}.tier-btn.active .tier-badge{background:#fff;color:var(--brand-orange)}.tier-badge.budget{background:#22c55e;color:#fff}.tier-badge.performance{background:var(--brand-orange);color:#fff}.tier-badge.extreme{background:#dc2626;color:#fff}.tier-name{font-weight:600;color:var(--color-heading)}.tier-price{font-size:.9rem;color:var(--color-text-muted)}.barebones-builder-container .builder-main{padding:2rem 0 3rem;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}.component-step{background:var(--color-surface);border-radius:12px;padding:1.25rem 1rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--brand-orange) var(--color-bg-secondary);overflow-y:scroll}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.step-number{background:var(--brand-orange);color:#fff;font-weight:700;font-size:1.1rem;border-radius:50%;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;min-width:2.2rem;min-height:2.2rem;box-sizing:border-box}.step-title{color:var(--color-heading);font-size:1.25rem;font-weight:600;margin-bottom:.15rem}.step-description{color:var(--color-text-muted);font-size:1rem}.component-grid{display:flex;flex-wrap:wrap;gap:1.25rem;scrollbar-width:thin;scrollbar-color:var(--brand-orange) var(--color-bg-secondary);overflow-y:scroll}.component-grid::-webkit-scrollbar{width:8px;background:var(--color-bg-secondary);border-radius:8px;display:block}.component-grid::-webkit-scrollbar-thumb{background:var(--brand-orange);border-radius:8px}.component-grid::-webkit-scrollbar-thumb:hover{background:#d17a00}.component-image{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;height:250px;flex-shrink:0;width:100%}.component-image img{width:250px;height:250px;border-radius:8px;background:#fff;box-shadow:var(--shadow-sm);object-fit:contain;object-position:center}.placeholder-image{width:250px;height:250px;background:var(--color-bg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.1rem;font-weight:600;margin:0 auto}.component-info{margin-top:.5rem;display:flex;flex-direction:column;flex-grow:1}.component-title{font-weight:600;color:var(--color-heading);font-size:1.05rem;margin-bottom:.25rem;line-height:1.3;min-height:5.2rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.component-meta{font-size:.95rem;color:var(--color-text-muted);margin-top:auto}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.component-price{color:var(--brand-orange);font-weight:700;font-size:1.05rem}.component-card input[type=radio]{margin-bottom:.5rem}.summary-sidebar{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;border:1.5px solid var(--color-border)}.summary-title{color:var(--color-heading);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.summary-items{margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.summary-item:last-child{border-bottom:none}.item-name{color:var(--color-text);font-size:.875rem}.item-price{color:var(--brand-orange);font-weight:600}.summary-placeholder{color:var(--color-text-muted);text-align:center;font-size:1rem;padding:1.5rem 0}.pricing-summary{background:var(--color-bg-secondary);border-radius:8px;padding:1rem;font-size:1rem;color:var(--color-text);margin-bottom:1rem}.pricing-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.pricing-row:last-child{font-weight:700;color:var(--brand-orange)}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.btn{border:none;border-radius:8px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;background:var(--brand-orange);color:#fff;box-shadow:var(--shadow-sm);transition:background .2s,box-shadow .2s}.btn-primary:hover{background:#d17a00;box-shadow:var(--shadow-lg)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--brand-orange);color:var(--brand-orange)}@media (max-width: 1024px){.barebones-builder-container .builder-grid{grid-template-columns:1fr!important;gap:0!important;margin:0 1rem!important}.summary-sidebar{display:none!important}.component-grid{justify-content:center}}@media (min-width: 1025px){.summary-sidebar{display:block!important}.continue-btn-main{background:var(--color-surface)!important;border:2px solid var(--color-border)!important;color:var(--color-text)!important;font-size:.9rem!important;padding:.75rem 1.25rem!important;border-radius:8px!important;transition:all .2s ease!important}.continue-btn-main:hover{border-color:var(--brand-orange)!important;color:var(--brand-orange)!important;background:var(--color-bg-secondary)!important}.continue-btn-main:disabled{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important}#add-to-cart-btn-main{background:var(--color-surface)!important;border:2px solid var(--brand-orange)!important;color:var(--brand-orange)!important;font-size:.9rem!important;padding:.75rem 1.25rem!important;border-radius:8px!important;transition:all .2s ease!important}#add-to-cart-btn-main:hover{background:var(--brand-orange)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}#add-to-cart-btn-main:disabled{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important}.component-grid{justify-content:flex-start;gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:1fr}.component-card{flex:none;max-width:none;height:100%;display:flex;flex-direction:column}@media (min-width: 1400px){.component-grid{grid-template-columns:repeat(3,1fr)}}.component-step{padding:1.5rem 1.25rem}.step-header{margin-bottom:1.5rem}.barebones-builder-container .builder-grid{max-width:none!important;gap:2vw!important;margin:0 4vw!important;grid-template-columns:65vw 25vw!important}.builder-content{min-height:600px;overflow:hidden}.summary-sidebar{position:sticky;top:2rem;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.desktop-button-note{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem;margin-top:1rem;font-size:.85rem;color:var(--color-text-muted);text-align:center}.continue-btn-main:after{content:" (or use sidebar)";font-size:.75rem;opacity:.7;font-weight:400}.component-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover, var(--brand-orange))}.component-card:hover:not(.selected):not(.out-of-stock){border-color:#ff66004d}.component-image img{transition:transform .2s ease}.component-card:hover .component-image img{transform:scale(1.05)}.brand-badge{font-size:.7rem;padding:1px 6px;border-radius:3px}.builder-content{position:relative}.continue-btn-main{position:relative;z-index:5}.tier-selector{margin-bottom:1rem}.tier-btn{min-width:140px;padding:1rem 1.5rem}.builder-header{padding:3rem 0 2rem}.page-title{font-size:2.5rem;margin-bottom:.75rem}.page-subtitle{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.pricing-summary{border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.pricing-row:last-child{border-top:1px solid var(--color-border);padding-top:.5rem;margin-top:.5rem;font-size:1.1rem}.action-buttons .btn{padding:1rem 1.5rem;font-size:1.05rem}.barebones-builder-container .continue-btn-main,.barebones-builder-container #add-to-cart-btn-main{margin-left:auto!important;margin-right:auto!important;max-width:280px!important;display:block!important;position:relative!important;z-index:1!important}.component-card{min-height:480px;display:flex;flex-direction:column;justify-content:space-between}.component-info{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.component-meta{margin-top:auto}@media (min-width: 1025px) and (max-width: 1299px){.component-grid{grid-template-columns:repeat(2,1fr)}.barebones-builder-container .builder-grid{gap:2vw!important;margin:0 4vw!important;grid-template-columns:65vw 25vw!important}}@media (min-width: 1300px){.builder-main{padding:2.5rem 0 3rem}.component-step{padding:2rem 1.5rem}.step-header{margin-bottom:1.5rem}.component-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.barebones-builder-container .builder-grid{gap:2vw!important;margin:0 4vw!important;grid-template-columns:65vw 25vw!important}}}@media (max-width: 768px){.builder-header{padding:24px 0 16px}.page-title{font-size:1.4rem}.tier-selector{gap:.5rem}.component-grid{gap:.75rem}.component-card{padding:.75rem;max-width:100%}.summary-sidebar{padding:1rem .5rem}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--brand-orange);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.component-card.selected{border-color:var(--brand-orange);box-shadow:0 0 0 3px #ff660026;z-index:2;position:relative;transition:border-color .2s,box-shadow .2s}.barebones-builder-container .builder-grid{display:grid!important;grid-template-columns:65vw 25vw!important;gap:2vw!important;margin:0 4vw!important;width:auto!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;flex:none!important;contain:layout!important}.barebones-builder-container .builder-grid>*{min-width:0!important;max-width:none!important;width:auto!important;flex:none!important}@media (max-width: 1024px){.barebones-builder-container .builder-grid{grid-template-columns:1fr!important;gap:0!important;margin:0 1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/barebones-builder.css.map */