@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Montserrat:wght@300;400;500;700&display=swap";.pc-builder-page,.pc-builder-page *,.pc-builder-page *:before,.pc-builder-page *:after{box-sizing:border-box}.pc-builder-page{--pcb-primary-color: #ffffff;--pcb-secondary-color: #333333;--pcb-dark-bg: #050505;--pcb-light-bg: #111111;--pcb-text-light: #f0f0f0;--pcb-text-muted: #888888;--pcb-border-color: #262626;--pcb-accent-hover: #404040}.pc-builder-page{background:var(--pcb-dark-bg);font-family:Montserrat,sans-serif;color:var(--pcb-text-light);min-height:100vh;padding-top:2rem;padding-bottom:4rem}.pc-builder-page .modal-body::-webkit-scrollbar{width:8px}.pc-builder-page .modal-body::-webkit-scrollbar-track{background:var(--pcb-light-bg);border-radius:4px}.pc-builder-page .modal-body::-webkit-scrollbar-thumb{background:var(--pcb-secondary-color);border-radius:4px;border:1px solid var(--pcb-border-color)}.pc-builder-page .modal-body::-webkit-scrollbar-thumb:hover{background:var(--pcb-accent-hover)}.pc-builder-page .pc-builder-container button,.pc-builder-page .pc-builder-container button *{visibility:visible!important;font-size:1rem!important;text-indent:0!important}.pc-builder-page .quantity-selector{display:flex;align-items:center;gap:.5rem}.pc-builder-page .quantity-selector .quantity-btn{width:32px;height:32px;border:1px solid var(--pcb-border-color);border-radius:.25rem;font-weight:600;background-color:var(--pcb-secondary-color);color:var(--pcb-text-light);transition:all .2s}.pc-builder-page .quantity-selector .quantity-btn:hover{background-color:var(--pcb-accent-hover);border-color:var(--pcb-text-muted)}.pc-builder-page .quantity-selector .quantity-input{width:48px;height:32px;text-align:center;border:1px solid var(--pcb-border-color);background-color:var(--pcb-dark-bg);color:var(--pcb-text-light);border-radius:.25rem;-moz-appearance:textfield}.pc-builder-page .quantity-selector .quantity-input::-webkit-outer-spin-button,.pc-builder-page .quantity-selector .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pc-builder-page .modal-filter-container{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--pcb-border-color);margin-bottom:1rem}.pc-builder-page .modal-filter-btn{padding:.5rem 1.25rem;border-radius:.25rem;font-weight:500;font-size:.875rem;color:var(--pcb-text-muted);background-color:transparent;border:1px solid var(--pcb-border-color);transition:all .2s ease-in-out}.pc-builder-page .modal-filter-btn:hover{color:var(--pcb-text-light);border-color:var(--pcb-text-muted);background-color:var(--pcb-secondary-color)}.pc-builder-page .modal-filter-btn.active{color:#000;background-color:var(--pcb-primary-color);border-color:var(--pcb-primary-color);font-weight:700}.pc-builder-page .loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.pc-builder-page .loading-spinner{width:40px;height:40px;border:3px solid var(--pcb-secondary-color);border-top-color:var(--pcb-primary-color);border-radius:50%;animation:pcb-spin .8s linear infinite}@keyframes pcb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-builder-page .pc-builder-container{background:var(--pcb-light-bg);border-radius:.5rem;padding:3rem;max-width:1200px;border:1px solid var(--pcb-border-color)}.pc-builder-page .pc-builder-title{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:var(--pcb-text-light);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}.pc-builder-page .builder-steps .component-row{border-radius:.5rem;transition:all .2s ease;background:var(--pcb-dark-bg);border:1px solid var(--pcb-border-color)}.pc-builder-page .builder-steps .component-row:hover{border-color:var(--pcb-text-muted);transform:translateY(-2px)}.pc-builder-page .select-btn{background:transparent;color:var(--pcb-text-light)!important;border:1px solid var(--pcb-text-light);padding:.6rem 1.5rem;border-radius:.25rem;font-weight:600;transition:all .2s;text-transform:uppercase;font-family:Orbitron,sans-serif;letter-spacing:1px;font-size:.8rem!important;display:flex;justify-content:center;align-items:center}.pc-builder-page .select-btn:hover{background:var(--pcb-text-light);color:var(--pcb-dark-bg)!important;box-shadow:0 0 15px #ffffff1a}.pc-builder-page .summary-box{border-radius:.5rem;background:var(--pcb-light-bg);padding:2rem;border:1px solid var(--pcb-border-color);position:sticky;top:10rem}.pc-builder-page .summary-box h2{color:var(--pcb-text-light);font-family:Orbitron,monospace;letter-spacing:1px;border-bottom:1px solid var(--pcb-border-color);padding-bottom:1rem;margin-bottom:1.5rem}.pc-builder-page #add-to-cart-btn{background:var(--pcb-text-light);color:#000;border-radius:.25rem;font-weight:700;transition:all .2s;border:none;text-transform:uppercase;font-family:Orbitron,monospace;letter-spacing:1px;display:flex;justify-content:center;align-items:center}.pc-builder-page #add-to-cart-btn:hover:not(:disabled){background:#d4d4d4;transform:scale(1.01)}.pc-builder-page #add-to-cart-btn:disabled{background:var(--pcb-secondary-color);color:var(--pcb-text-muted);cursor:not-allowed;opacity:.7}.pc-builder-page .modal-content{border-radius:.5rem;background:var(--pcb-light-bg);overflow:hidden;border:1px solid var(--pcb-border-color);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000000a}.pc-builder-page .modal-header{background:var(--pcb-dark-bg);border-bottom:1px solid var(--pcb-border-color);padding:1.5rem 2rem;color:var(--pcb-text-light);display:flex;align-items:center;justify-content:space-between}.pc-builder-page .modal-header h2{font-family:Orbitron,monospace;font-size:1.25rem;letter-spacing:1px}.pc-builder-page .product-item{border-radius:.5rem;transition:all .2s;background:var(--pcb-dark-bg);border:1px solid var(--pcb-border-color);padding:1rem}.pc-builder-page .product-item:hover{border-color:var(--pcb-text-muted);background:#080808}.pc-builder-page .product-item img{width:80px;height:80px;border-radius:.25rem;background:#fff;padding:.25rem;object-fit:contain}.pc-builder-page .remove-item-btn{transition:all .2s;color:#ef4444!important;opacity:.8!important}.pc-builder-page .remove-item-btn:hover{opacity:1!important;text-decoration:underline}.pc-builder-page #total-price{color:var(--pcb-text-light);font-weight:700;font-family:Orbitron,monospace;letter-spacing:1px}.pc-builder-page .component-title{font-family:Orbitron,monospace;color:var(--pcb-text-light);font-weight:600;letter-spacing:.5px;font-size:1.1rem}.pc-builder-page .component-row img[src*=icons8]{filter:invert(1) brightness(2)}.pc-builder-page .modal-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--pcb-border-color);border-radius:.25rem;font-size:.875rem;background-color:var(--pcb-dark-bg);transition:border-color .2s;color:var(--pcb-text-light);font-family:Montserrat,sans-serif}.pc-builder-page .modal-search-input:focus{outline:none;border-color:var(--pcb-text-muted)}.pc-builder-page .modal-search-input::placeholder{color:var(--pcb-text-muted)}.pc-builder-page .text-muted{color:var(--pcb-text-muted)}.pc-builder-page .pc-builder-container,.pc-builder-page .builder-steps .component-row,.pc-builder-page .summary-box{opacity:0;transform:translateY(20px);animation:pcb-fadeInUp .5s ease-out forwards}.pc-builder-page .builder-steps .component-row:nth-child(1){animation-delay:.05s}.pc-builder-page .builder-steps .component-row:nth-child(2){animation-delay:.1s}.pc-builder-page .builder-steps .component-row:nth-child(3){animation-delay:.15s}.pc-builder-page .builder-steps .component-row:nth-child(4){animation-delay:.2s}.pc-builder-page .builder-steps .component-row:nth-child(5){animation-delay:.25s}@keyframes pcb-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/pc-builder.css.map */