.pc-builder{padding:2rem 0}.pc-builder__header{text-align:center;margin-bottom:2rem}.pc-builder__title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.pc-builder__description{font-size:1.125rem;color:#666}.pc-builder__actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.pc-builder__status{margin-bottom:2rem}.compatibility-status{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.5rem;font-weight:500}.compatibility-status--pending{background:#f3f4f6;color:#6b7280}.compatibility-status--valid{background:#d1fae5;color:#065f46}.compatibility-status--warning{background:#fef3c7;color:#92400e}.compatibility-status--error{background:#fee2e2;color:#991b1b}.pc-builder__grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}@media(max-width:1024px){.pc-builder__grid{grid-template-columns:1fr}}.pc-builder__section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.component-slots{display:flex;flex-direction:column;gap:1rem}.component-slot{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:border-color .2s}.component-slot:hover{border-color:#d1d5db}.component-slot[data-required=true] .component-slot__title:after{content:" *";color:#ef4444}.component-slot__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.component-slot__icon{flex-shrink:0;color:#6b7280}.component-slot__title{flex:1;font-size:1.125rem;font-weight:600;margin:0}.component-slot__content{margin-top:.75rem}.component-slot__empty{padding:1rem;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:.375rem}.component-card{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s}.component-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.component-card__image{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:.375rem;overflow:hidden}.component-card__image img{width:100%;height:100%;object-fit:cover}.component-card__no-image{display:flex;align-items:center;justify-content:center;color:#d1d5db}.component-card__content{display:flex;flex-direction:column;gap:.5rem}.component-card__title{font-size:1rem;font-weight:600;margin:0;line-height:1.4}.component-card__specs{display:flex;flex-wrap:wrap;gap:.5rem}.spec-badge{display:inline-block;padding:.25rem .5rem;background:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;border-radius:.25rem}.spec-badge--capitalize{text-transform:capitalize}.spec-badge--uppercase{text-transform:uppercase}.component-card__footer{display:flex;align-items:center;gap:.5rem;margin-top:auto}.component-card__price{font-size:1.125rem;font-weight:700;color:#059669}.component-card__in-stock{padding:.25rem .5rem;background:#d1fae5;color:#065f46;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.component-card__out-of-stock{padding:.25rem .5rem;background:#fee2e2;color:#991b1b;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.component-card--out-of-stock{opacity:.6;position:relative}.component-card--out-of-stock .component-card__image img{filter:grayscale(50%)}.component-card__stock-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:0 2px 4px #0000001a}.component-card__stock-badge--in-stock{background:#10b981f2;color:#fff}.component-card__stock-badge--out{background:#ef4444f2;color:#fff}.component-card__actions{display:flex;align-items:center}.component-card--incompatible{opacity:.7;border-color:#fca5a5}.component-card__compat-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;border-radius:.25rem;z-index:1}.component-card__warnings{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.warning-text{color:#d97706;font-size:.75rem;line-height:1.3}.pc-builder__summary{position:sticky;top:2rem;height:fit-content}.build-summary{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.build-summary__title{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.build-summary__name{margin-bottom:1.5rem}.build-summary__name-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.build-summary__name-input:focus{outline:none;border-color:#3b82f6}.build-summary__section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.build-summary__section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.build-summary__subtitle{font-size:1rem;font-weight:600;margin:0 0 .75rem}.build-summary__price{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem}.build-summary__price-value{font-weight:700;color:#059669}.build-summary__power-bar{height:1.5rem;background:#f3f4f6;border-radius:.375rem;overflow:hidden;margin-bottom:.5rem}.build-summary__power-used{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s}.build-summary__power-text{text-align:center;font-size:.875rem;color:#6b7280}.build-summary__warnings{display:flex;flex-direction:column;gap:.75rem}.build-summary__no-warnings{color:#059669;font-size:.875rem;margin:0}.build-summary__actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.build-item{display:grid;grid-template-columns:60px 1fr auto;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.375rem}.build-item__image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.25rem;overflow:hidden}.build-item__image img{width:100%;height:100%;object-fit:cover}.build-item__content{display:flex;flex-direction:column;gap:.25rem}.build-item__type{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280}.build-item__title{font-size:.875rem;font-weight:500;line-height:1.3}.build-item__price{font-size:.875rem;font-weight:600;color:#059669}.build-item__actions{display:flex;align-items:flex-start}.build-item__remove{padding:.5rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s}.build-item__remove:hover{background:#fee2e2;color:#dc2626}.compatibility-badge{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;padding:.75rem;border-radius:.375rem;align-items:start}.compatibility-badge--critical{background:#fee2e2;color:#991b1b}.compatibility-badge--high{background:#fef3c7;color:#92400e}.compatibility-badge--medium{background:#dbeafe;color:#1e40af}.compatibility-badge--low{background:#f3f4f6;color:#374151}.compatibility-badge__icon{flex-shrink:0}.compatibility-badge__message{font-size:.875rem;font-weight:500;line-height:1.4}.compatibility-badge__affected{font-size:.75rem;margin-top:.25rem;opacity:.8}.compatibility-badge__priority{flex-shrink:0}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.badge--critical{background:#991b1b;color:#fff}.badge--high{background:#d97706;color:#fff}.badge--medium{background:#2563eb;color:#fff}.badge--low{background:#6b7280;color:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal.is-open{display:block}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.modal__container{position:relative;max-width:900px;max-height:90vh;margin:2rem auto;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal__title{font-size:1.5rem;font-weight:600;margin:0}.modal__close{padding:.5rem;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s}.modal__close:hover{background:#f3f4f6;color:#374151}.modal__search{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal__search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.modal__search-input:focus{outline:none;border-color:#3b82f6}.modal__filters{padding:.75rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.modal__filter-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.modal__filter-toggle input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.modal__filter-toggle span{font-size:.875rem;color:#4b5563}.modal__body{flex:1;overflow-y:auto;padding:1.5rem}.modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.spinner{width:3rem;height:3rem;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:1.25rem;height:1.25rem;border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-more-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;margin:1rem 0;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.modal__content{display:grid;grid-template-columns:1fr;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background:#2563eb}.btn--secondary{background:#f3f4f6;color:#374151}.btn--secondary:hover:not(:disabled){background:#e5e7eb}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn--full{width:100%;justify-content:center}.icon{flex-shrink:0}.icon--error{color:#dc2626}.icon--warning{color:#d97706}.icon--info{color:#2563eb}
/*# sourceMappingURL=/cdn/shop/t/46/assets/pc-builder.css.map */