:root{--background-color:#111113;--surface-color:#1a1b1e;--border-color:#2c2d31;--text-primary:#ffffff;--text-secondary:#d0d0d0;--accent-color:#007bff;--accent-hover:#0056b3;--disabled-color:#4a4b50;--font-family:"Inter",sans-serif;--sticky-offset: 80px}.configurator-container-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:var(--background-color);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;scroll-behavior:smooth}.configurator-container{padding:2rem 0;max-width:100%;margin:0 auto}.configurator-content{max-width:1600px;margin:0 auto;padding:0 5%}.configurator-header{text-align:center;margin-bottom:4rem}.configurator-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.configurator-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-anchor,:target{scroll-margin-top:var(--sticky-offset)}.summary-preview,.summary-sticky-content,.steps-container{overflow-anchor:none}.platform-filter{display:flex;justify-content:center;gap:1.5rem;margin:-1rem auto 2rem;flex-wrap:wrap}.platform-placeholder{width:100%;text-align:center;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.platform-card{flex:0 0 170px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.platform-card:hover{border-color:#555;transform:translateY(-3px)}.platform-card.active{border-color:var(--accent-color);box-shadow:0 0 15px #007bff40}.platform-card img{width:68px;height:68px;object-fit:contain;aspect-ratio:1/1}.platform-card span{font-weight:600;color:var(--text-secondary)}.platform-card.disabled{opacity:.5;cursor:not-allowed}.carousel-section{margin-bottom:4rem}.carousel-section h2,.component-selection h2{font-size:1.8rem;font-weight:700;margin-bottom:2rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-primary)}.carousel-section h2{margin-left:5%}.carousel-wrapper{position:relative}.carousel-wrapper:before,.carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.carousel-wrapper:before{left:0;background:linear-gradient(to right,var(--background-color),transparent)}.carousel-wrapper:after{right:0;background:linear-gradient(to left,var(--background-color),transparent)}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:.5rem 5%;scrollbar-width:none;-ms-overflow-style:none;min-height:320px}.carousel-track::-webkit-scrollbar{display:none}.case-card{scroll-snap-align:start;flex:0 0 220px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:.75rem;text-align:center;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s;border-bottom:4px solid transparent;color:var(--text-primary)}.case-card:hover{transform:translateY(-5px);border-color:#555}.case-card.active{border-color:var(--accent-color);border-bottom-color:var(--accent-color);box-shadow:0 0 20px #007bff33}.card-image-container{background:var(--background-color);border-radius:8px;overflow:hidden;margin-bottom:.75rem}.card-image-container img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .3s}.case-card:hover img{transform:scale(1.05)}.case-card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.case-card .price{font-size:.9rem;color:var(--text-secondary);font-weight:500}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#1a1b1ecc;border:1px solid var(--border-color);color:var(--text-primary);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background-color .2s,transform .2s,opacity .3s}.carousel-arrow.hidden{opacity:0;pointer-events:none}.carousel-arrow:hover{background:var(--surface-color);transform:translateY(-50%) scale(1.1)}.carousel-arrow.left-arrow{left:1rem}.carousel-arrow.right-arrow{right:1rem}.main-layout{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:flex-start}.steps-container{display:flex;flex-direction:column;gap:1rem;min-width:0}.step-accordion{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow:visible;transition:background-color .2s,color .2s;color:var(--text-primary);width:100%}.step-accordion.disabled{background:#151618;opacity:.7}.step-accordion.disabled .step-header{cursor:not-allowed}.step-header{min-height:56px;padding:1.25rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.step-accordion:not(.disabled) .step-header:hover{background:#222327}.step-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.step-status{font-size:.9rem;padding:.25rem .75rem;border-radius:20px;font-weight:600;transition:all .2s;color:#dff7ff;background:#007bff26}.step-status.status-active{background:#007bff2e}.step-status.status-done{background:#28a7452e;color:#b9ffcb}.step-content{display:none;padding:0;margin:0;border-top:0;overflow:visible;min-width:0;box-sizing:border-box}.step-accordion.open .step-content{display:block;padding:1rem 1.1rem 1.1rem;border-top:1px solid var(--border-color);animation:fadeSlide .18s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.component-option{box-sizing:border-box;max-width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:10px;transition:border-color .2s,background-color .2s;display:grid;grid-template-columns:56px 1fr auto;gap:.85rem;align-items:center;color:var(--text-primary)}.component-option:hover{background:#222327}.component-option.selected{border-color:var(--accent-color);background:#007bff14;border-width:2px;padding:calc(1rem - 1px)}.option-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#0f0f11;border:1px solid var(--border-color)}.option-title{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-price{color:var(--text-secondary);font-weight:600}.component-option-placeholder{border:1px dashed var(--border-color);padding:1rem;margin-top:1rem;border-radius:8px;text-align:center;color:var(--text-secondary)}.summary-preview{position:sticky;top:4rem}.summary-sticky-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.summary-sticky-content h3{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.preview-image-container{position:relative;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;background:var(--background-color)}.preview-image-container img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.summary-list{margin-bottom:1.25rem}.summary-list h4{font-weight:600;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--text-primary)}.summary-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.summary-list li{display:flex;justify-content:space-between;font-size:.95rem}.summary-list li strong{color:var(--text-primary);font-weight:600}.summary-list li span{color:var(--text-secondary);text-align:right;max-width:60%}.summary-total{border-top:1px solid var(--border-color);padding-top:1rem;margin-bottom:.75rem;text-align:center}.summary-total p{color:var(--text-secondary);margin:0;font-size:1rem}.summary-total h2{font-size:2.25rem;font-weight:800;color:var(--accent-color);margin:0}.services-chooser{margin:.75rem 0 .5rem}.services-chooser h4{font-weight:600;margin:0 0 .5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--text-primary)}.service-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.service-label{color:var(--text-secondary)}.toggle-group{display:inline-flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.toggle-group button{background:transparent;border:none;color:var(--text-primary);padding:.45rem .85rem;cursor:pointer;font-weight:600}.toggle-group button.active{background:#007bff1f;border-right:1px solid var(--border-color)}.toggle-group button:last-child.active{border-right:none}.toggle-group button:disabled{opacity:.5;cursor:not-allowed}.summary-services{margin:.5rem 0 .75rem}.summary-services h4{font-weight:600;margin:0 0 .5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:var(--text-primary)}.summary-services ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.summary-services li{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-secondary)}.share-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0 0}.share-actions a,.share-actions button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-weight:600;position:relative}.share-actions a:hover,.share-actions button:hover{background:#222327}.btn-share.loading{opacity:.7;pointer-events:none}.btn-share.loading:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pcspin .6s linear infinite}@keyframes pcspin{to{transform:translateY(-50%) rotate(360deg)}}.btn-share.ok{box-shadow:0 0 0 2px #007bff40 inset;border-color:#007bff8c}.cta-button{width:100%;background:var(--accent-color);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-align:center}.cta-button:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.cta-button:disabled{background:var(--disabled-color);cursor:not-allowed;opacity:.8}.btn-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .9s linear infinite;display:none}.cta-button.loading .btn-spinner{display:inline-block}.cta-button.loading .btn-text{opacity:.95}@keyframes spin{to{transform:rotate(360deg)}}.configurator-container,.steps-container,.step-accordion,.step-content{min-width:0}@media (max-width:1200px){.main-layout{grid-template-columns:1.5fr 1fr;gap:2rem}}@media (max-width:992px){.main-layout{grid-template-columns:1fr}.summary-preview{position:static;top:auto;margin-top:3rem}.carousel-arrow{display:none}.carousel-wrapper:before,.carousel-wrapper:after{width:50px}.configurator-content{padding-left:5%;padding-right:5%}.step-accordion.open .step-content{padding:.9rem}}@media (max-width:600px){.component-option{grid-template-columns:56px 1fr;gap:.75rem}.component-option .option-price{grid-column:1 / -1;justify-self:end}}@media (max-width:768px){.configurator-content{padding:0 3%}.carousel-track{padding:.5rem 3%}.carousel-section h2{margin-left:3%}.configurator-header h1{font-size:2rem}.case-card{flex-basis:200px}}.configurator-container-wrapper .platform-card:focus-visible,.configurator-container-wrapper .case-card:focus-visible,.configurator-container-wrapper .component-option:focus-visible,.configurator-container-wrapper .carousel-arrow:focus-visible,.configurator-container-wrapper .toggle-group button:focus-visible,.configurator-container-wrapper .cta-button:focus-visible,.configurator-container-wrapper .share-actions a:focus-visible,.configurator-container-wrapper .share-actions button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.extsvc-card{background:var(--surface-color);border:1px dashed var(--border-color);border-left:4px solid var(--accent-color);color:var(--text-secondary);border-radius:12px;padding:12px 14px;margin-top:10px}.extsvc-card .extsvc-title,.extsvc-card .extsvc-amount{color:var(--text-primary);font-weight:800}.extsvc-card .extsvc-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.pill-ext{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent-color);color:var(--text-primary);background:transparent;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;margin-left:6px}@media (prefers-reduced-motion: reduce){.case-card:hover img,.platform-card:hover{transform:none}.cta-button:hover:not(:disabled){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/pc-configurator.css.map */