.configurator-wrapper{min-height:100vh;background:var(--dark-bg);padding-top:140px;padding-bottom:120px}.progress-container{max-width:800px;margin:0 auto 60px;padding:0 20px}.progress-bar{display:flex;align-items:center;justify-content:space-between;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2}.step-circle{width:50px;height:50px;border-radius:50%;background:var(--card-bg);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:var(--text-gray);transition:all .3s ease}.progress-step.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 20px #0a84ff80}.progress-step.completed .step-circle{background:#28c840;border-color:#28c840;color:#fff}.step-label{font-size:14px;color:var(--text-gray);font-weight:600}.progress-step.active .step-label{color:var(--primary-color)}.progress-line{flex:1;height:2px;background:#ffffff1a;position:relative;margin:0 -20px;top:-20px;transition:background .3s ease}.progress-step.completed+.progress-line{background:#28c840}.configurator-main{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:start}.preview-section{position:sticky;top:100px}.preview-card{background:var(--card-bg);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.preview-card h3{font-size:24px;margin-bottom:20px;color:var(--text-light)}.preview-image{position:relative;width:100%;height:300px;background:#0000004d;border-radius:12px;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-badge{position:absolute;top:15px;right:15px;background:var(--primary-color);padding:6px 12px;border-radius:15px;font-size:12px;font-weight:600;color:#fff}.preview-summary{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:20px;background:#0000004d;border-radius:12px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:14px;color:var(--text-gray)}.summary-value{font-size:14px;font-weight:600;color:var(--text-light)}.price-display{text-align:center;padding:20px;background:#0a84ff1a;border-radius:12px;border:1px solid rgba(10,132,255,.3)}.price-label{display:block;font-size:14px;color:var(--text-gray);margin-bottom:5px}.price-amount{display:block;font-size:36px;font-weight:700;color:var(--primary-color)}.config-section{min-height:600px}.config-step{display:none;animation:fadeIn .5s ease}.config-step.active{display:block}.step-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.step-header-content{flex:1}.step-header h2{font-size:clamp(32px,4vw,48px);color:var(--text-light);margin-bottom:10px}.step-header p{font-size:18px;color:var(--text-gray);margin-bottom:15px}.size-guide-btn{background:#0a84ff1a;border:2px solid var(--primary-color);color:var(--primary-color);padding:12px 24px;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:10px}.size-guide-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0a84ff4d}.selection-counter{margin-top:15px;padding:12px 20px;background:#0a84ff1a;border:1px solid rgba(10,132,255,.3);border-radius:25px;display:inline-block}.selection-counter span{color:var(--primary-color);font-weight:600;font-size:15px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.size-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.version-grid{grid-template-columns:repeat(2,1fr);gap:30px}.version-features{list-style:none;padding:0;margin:15px 0;text-align:left}.version-features li{padding:8px 0 8px 25px;position:relative;font-size:14px;color:var(--text-gray)}.version-features li:before{content:"\2713";position:absolute;left:0;color:var(--primary-blue);font-weight:700}.color-showcase-image{max-width:400px;margin:0 auto 30px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.color-showcase-image img{width:100%;height:auto;display:block}.color-grid{grid-template-columns:repeat(2,1fr);max-width:800px}.color-option h3{writing-mode:horizontal-tb!important;text-orientation:mixed!important}.decal-color-toggle{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.decal-color-btn{padding:12px 24px;background:var(--card-bg);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-gray)}.decal-color-btn:hover{border-color:var(--primary-color);background:#9333ea1a}.decal-color-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.decal-color-btn .color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.option-card.large{padding:30px}.option-card.large .color-image{height:300px;margin-bottom:20px}.color-swatch{width:60px;height:60px;border-radius:50%;margin:15px auto;border:3px solid rgba(255,255,255,.2)}.black-swatch{background:#000}.white-swatch{background:#fff}.large-swatch{width:80px;height:80px}.size-guide-btn{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--text-light);padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;display:inline-block;font-family:inherit}.size-guide-btn:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.selection-counter{display:inline-block;background:#0a84ff1a;padding:8px 16px;border-radius:20px;margin-top:10px}.selection-counter span{color:var(--primary-color);font-weight:600;font-size:14px}.decal-note{background:#ffffff0d;border-left:3px solid var(--primary-color);padding:15px 20px;border-radius:8px;margin-bottom:30px}.decal-note p{margin:0;color:var(--text-gray);font-size:14px}.decal-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.decal-grid-two{grid-template-columns:repeat(2,1fr);max-width:800px}.btn-size-guide{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--text-light);padding:15px 30px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;display:inline-block;font-family:inherit}.btn-size-guide:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.option-card{background:var(--card-bg);border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.option-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px #0a84ff4d}.option-card.selected{border-color:var(--primary-color);background:#0a84ff1a;box-shadow:0 10px 30px #0a84ff4d}.option-card.selected:after{content:"\2713";position:absolute;top:10px;right:10px;width:30px;height:30px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.option-icon{font-size:48px;margin-bottom:15px}.option-image{width:100%;height:250px;border-radius:10px;overflow:hidden;margin-bottom:15px;background:#0000004d}.option-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.option-card:hover .option-image img{transform:scale(1.05)}.color-image{height:250px;margin-bottom:20px}.option-card h3{font-size:20px;color:var(--text-light);margin-bottom:5px}.option-card p{font-size:16px;color:var(--text-gray);margin-bottom:10px}.option-desc{font-size:13px;color:var(--text-gray);font-style:italic}.popular-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#667eea,#764ba2);padding:5px 12px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase}.large-swatch{width:80px!important;height:80px!important;margin:0 auto 15px;border:3px solid rgba(255,255,255,.3)!important}.decal-note{background:#0a84ff1a;border:1px solid rgba(10,132,255,.3);border-radius:12px;padding:15px;margin-bottom:30px}.decal-note p{margin:0;color:var(--text-light);font-size:14px}.decal-preview{width:100%;height:120px;background:#0000004d;border-radius:10px;overflow:hidden;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.decal-preview img{width:100%;height:100%;object-fit:cover}.decal-preview.no-decal{border:2px dashed rgba(255,255,255,.2)}.decal-preview.no-decal span{color:var(--text-gray);font-size:14px}.decal-price{color:var(--primary-color);font-weight:600}.step-actions{position:fixed;bottom:30px;left:0;right:0;display:flex;gap:15px;align-items:center;justify-content:center;z-index:100}.btn-next,.btn-back,.btn-add-to-cart{padding:18px 50px;border-radius:35px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit;white-space:nowrap;min-width:180px}.btn-next{background:var(--primary-color);color:#fff;box-shadow:0 10px 30px #0a84ff4d}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #0a84ff66}.btn-next:disabled{opacity:.5;cursor:not-allowed;animation:none}@keyframes pulse{0%,to{box-shadow:0 10px 30px #0a84ff4d}50%{box-shadow:0 10px 40px #0a84ff80}}.btn-back{background:transparent;color:var(--text-light);border:2px solid rgba(255,255,255,.2);min-width:150px}.btn-back:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-add-to-cart{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #667eea4d;justify-content:center;min-width:200px}.btn-add-to-cart:hover{transform:translateY(-2px);box-shadow:0 15px 40px #667eea66}.cart-price{font-size:18px;font-weight:700}.final-actions{position:fixed;bottom:30px;left:0;right:0;display:flex;gap:20px;align-items:center;justify-content:center;z-index:100}.review-container{display:flex;flex-direction:column;gap:30px}.review-preview{width:100%;max-width:600px;margin:0 auto;border-radius:15px;overflow:hidden;background:var(--card-bg);border:2px solid rgba(255,255,255,.1)}.review-preview img{width:100%;height:auto;display:block}.review-details{display:flex;flex-direction:column;gap:20px}.review-section{background:var(--card-bg);border-radius:15px;padding:30px;border:1px solid rgba(255,255,255,.1)}.review-section h3{font-size:20px;color:var(--text-light);margin-bottom:20px}.review-summary{margin-bottom:30px}.summary-card{background:var(--card-bg);border-radius:15px;padding:30px;border:2px solid rgba(255,255,255,.1)}.summary-card h3{font-size:20px;color:var(--text-light);margin-bottom:20px}.config-list{display:flex;flex-direction:column;gap:15px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0000004d;border-radius:10px}.config-label{font-size:15px;color:var(--text-gray);font-weight:600}.config-value{font-size:16px;color:var(--text-light);font-weight:600}.review-details{display:flex;flex-direction:column;gap:15px}.review-item{display:flex;justify-content:space-between;padding:15px;background:#0000004d;border-radius:10px}.review-label{color:var(--text-gray);font-size:16px}.review-value{color:var(--text-light);font-weight:600;font-size:16px}.price-breakdown{display:flex;flex-direction:column;gap:12px}.price-line{display:flex;justify-content:space-between;padding:12px 0;font-size:16px;color:var(--text-light)}.price-line.subitem{padding:8px 0 8px 15px;font-size:14px;color:var(--text-gray);font-style:italic}.price-line.total{border-top:2px solid rgba(255,255,255,.1);padding-top:15px;margin-top:10px;font-size:20px;font-weight:700;color:var(--primary-color)}.included-list{list-style:none;display:flex;flex-direction:column;gap:12px}.included-list li{padding:12px;background:#0000004d;border-radius:8px;color:var(--text-light);font-size:15px}@media (max-width: 1024px){.configurator-main{grid-template-columns:1fr;gap:40px}.preview-section{position:relative;top:0}}@media (max-width: 768px){.configurator-wrapper{padding-bottom:120px}.step-header{flex-direction:column;align-items:flex-start}.step-actions{bottom:20px;gap:10px}.btn-next,.btn-back,.btn-add-to-cart{padding:16px 35px;font-size:16px;min-width:140px}.progress-bar{overflow-x:auto;padding-bottom:10px}.step-circle{width:40px;height:40px;font-size:16px}.step-label{font-size:12px}.version-grid,.size-grid,.color-grid,.decal-grid,.decal-grid-two{grid-template-columns:repeat(2,1fr)}.step-actions{flex-direction:row;flex-wrap:wrap}.btn-next,.btn-back,.btn-add-to-cart{flex:1;min-width:120px}.final-actions{bottom:20px;flex-direction:row;flex-wrap:wrap;gap:10px}}@media (max-width: 480px){.decal-grid{grid-template-columns:1fr}.preview-image{height:200px}.price-amount{font-size:28px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;animation:fadeIn .3s ease}.modal.active{display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;background:var(--card-bg);border-radius:20px;max-width:900px;max-height:90vh;overflow-y:auto;margin:20px;box-shadow:0 20px 60px #000c;border:1px solid rgba(255,255,255,.1);z-index:10001;animation:slideUp .4s ease}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:var(--text-light);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10002}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-header{padding:40px 40px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:32px;color:var(--text-light);margin-bottom:10px}.modal-header p{font-size:16px;color:var(--text-gray)}.modal-body{padding:30px 40px 40px}.guide-section{display:flex;gap:25px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05)}.guide-section:last-child{border-bottom:none}.guide-number{width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 10px 30px #0a84ff4d}.guide-content{flex:1}.guide-content h3{font-size:24px;color:var(--text-light);margin-bottom:10px}.guide-content p{font-size:16px;color:var(--text-gray);margin-bottom:20px;line-height:1.6}.guide-image{margin:20px 0;border-radius:12px;overflow:hidden;background:#0000004d;padding:10px}.guide-image img{width:100%;height:auto;display:block;border-radius:8px}.guide-image-container{position:relative;width:100%;max-width:400px;height:250px;border-radius:15px;overflow:hidden;margin:20px 0;border:2px solid rgba(255,255,255,.1)}.guide-image-container img{width:100%;height:100%;object-fit:cover}.guide-annotation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.annotation-line{width:3px;height:150px;background:var(--primary-color);box-shadow:0 0 20px #0a84ffcc;animation:pulse 2s ease-in-out infinite}.annotation-label{background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-top:10px;box-shadow:0 5px 20px #0a84ff80}.size-chart{background:#0000004d;border-radius:12px;overflow:hidden;margin:20px 0;border:1px solid rgba(255,255,255,.1)}.chart-row{display:grid;grid-template-columns:1.5fr 1fr 2fr;gap:20px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.chart-row:last-child{border-bottom:none}.chart-row.header{background:#0a84ff26;font-weight:700;color:var(--primary-color);font-size:14px;text-transform:uppercase}.chart-row.highlight{background:#0a84ff14;border-left:3px solid var(--primary-color)}.chart-row span{color:var(--text-light);font-size:15px}.size-name{font-weight:600}.size-range{font-family:Courier New,monospace;color:var(--primary-color)}.size-for{color:var(--text-gray)}.gpu-reference{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.gpu-category{background:#0000004d;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.gpu-category h4{font-size:16px;color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.gpu-category ul{list-style:none}.gpu-category li{padding:8px 0;color:var(--text-light);font-size:14px;border-bottom:1px solid rgba(255,255,255,.03)}.gpu-category li:last-child{border-bottom:none}.guide-tip{background:#0a84ff1a;border:1px solid rgba(10,132,255,.3);border-radius:10px;padding:15px;margin:20px 0;color:var(--text-light);font-size:14px;line-height:1.6}.guide-tip strong{color:var(--primary-color)}.guide-section.not-sure{flex-direction:column;background:#0a84ff0d;padding:30px;border-radius:15px;border:1px solid rgba(10,132,255,.2)}.guide-section.not-sure h3{font-size:24px;margin-bottom:15px}.guide-section.not-sure p{font-size:16px;line-height:1.7;margin-bottom:25px}.guide-cta{display:flex;gap:15px;flex-wrap:wrap}.guide-cta .btn-primary{background:var(--primary-color);color:#fff;padding:15px 30px;border-radius:25px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.guide-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0a84ff66}.guide-cta .btn-secondary{background:transparent;color:var(--text-light);padding:15px 30px;border-radius:25px;border:2px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.guide-cta .btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.modal-content{max-height:95vh;margin:10px;border-radius:15px}.modal-header,.modal-body{padding:25px 20px}.modal-header h2{font-size:24px}.guide-section{flex-direction:column;gap:15px}.guide-number{width:40px;height:40px;font-size:20px}.guide-content h3{font-size:20px}.guide-image{margin:15px 0;padding:8px}.size-chart{font-size:13px}.chart-row{grid-template-columns:1fr;gap:5px;padding:12px 15px}.chart-row span{font-size:14px}.gpu-reference{grid-template-columns:1fr}.guide-cta{flex-direction:column}.guide-cta .btn-primary,.guide-cta .btn-secondary{width:100%;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/configure-styles.css.map */