.bundle-builder{padding:40px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.bundle-builder__heading{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#333}.progress-section{margin-bottom:50px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;margin-bottom:30px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2c3e50,#3498db);border-radius:3px;transition:width .5s ease}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.step-number{width:40px;height:40px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s ease}.progress-step.active .step-number,.progress-step.completed .step-number{background:#2c3e50;color:#fff}.step-text{font-size:14px;color:#666;font-weight:500}.step-text-desc{font-size:12px;color:#999;font-weight:500}.progress-step.active .step-text,.progress-step.completed .step-text{color:#2c3e50;font-weight:600}.steps-container{min-height:600px;position:relative}.step-content{display:none;animation:fadeInUp .5s ease}.step-content.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:40px}.step-header h2{font-size:2rem;color:#333;margin-bottom:10px}.step-description{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;max-width:900px;margin-left:auto;margin-right:auto}.option-card{border:3px solid #e0e0e0;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s}.option-card:hover:before{left:100%}.option-card:hover{border-color:#3498db;box-shadow:0 8px 32px #3498db33;transform:translateY(-4px)}.option-card.selected{border-color:#2c3e50;background:#f8f9ff;box-shadow:0 8px 32px #2c3e5026}.option-image{margin-bottom:20px;height:120px;display:flex;align-items:center;justify-content:center}.option-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.option-content{position:relative;z-index:2}.option-title{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:8px}.option-subtitle{font-size:1rem;color:#666;margin-bottom:12px}.option-badge{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:700}.option-price{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-top:8px}.collection-tabs{display:flex;gap:12px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.collection-tab{padding:12px 24px;border:2px solid #e0e0e0;border-radius:25px;background:#fff;color:#666;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:14px}.collection-tab.active,.collection-tab:hover{background:#2c3e50;color:#fff;border-color:#2c3e50}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.product-card{border:2px solid #f0f0f0;border-radius:12px;padding:16px;text-align:center;transition:all .3s ease;background:#fff}.product-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db1a}.product-image{margin-bottom:12px;height:120px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-placeholder{width:100%;height:100%;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px}.product-info{margin-bottom:12px}.product-title{font-size:14px;font-weight:500;margin:0 0 8px;color:#333;line-height:1.3}.product-price{font-size:14px;color:#666;margin:0}.btn-add-product{background:#2c3e50;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;width:100%;transition:background .3s ease}.btn-add-product:hover{background:#34495e}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:12px}.qty-btn{width:30px;height:30px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s ease}.qty-btn:hover{background:#f8f9fa;border-color:#2c3e50}.qty-display{font-weight:500;min-width:20px;text-align:center}.selected-preview{margin-bottom:40px;background:#f8f9fa;border-radius:12px;padding:24px}.selected-preview h3{text-align:center;margin-bottom:20px;color:#2c3e50}.selected-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;min-height:120px}.selected-item{border:2px dashed #ddd;border-radius:8px;padding:8px;text-align:center;position:relative;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.selected-item.filled{border-style:solid;border-color:#2c3e50}.selected-item img{width:60px;height:60px;object-fit:cover;border-radius:4px;margin-bottom:4px}.selected-item .item-name{font-size:10px;color:#333;line-height:1.2}.selected-item .remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#e74c3c;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.empty-slot{color:#999;font-size:24px;font-weight:700}.order-summary{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto}.order-summary h3{text-align:center;margin-bottom:20px;color:#2c3e50}.summary-details{space-y:12px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.summary-row:last-child{border-bottom:none}.summary-label{font-weight:500;color:#333}.summary-value{color:#666}.total-row{border-top:2px solid #2c3e50!important;padding-top:16px!important;margin-top:12px;font-size:1.1rem;font-weight:700}.total-row .summary-label,.total-row .summary-value{color:#2c3e50}.step-navigation{display:flex;justify-content:center;gap:20px;margin-top:40px}.btn{padding:16px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px}.btn-next,.btn-add-to-cart{background:#2c3e50;color:#fff}.btn-next:hover:not(:disabled),.btn-add-to-cart:hover:not(:disabled){background:#34495e;transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.btn-prev{background:#95a5a6;color:#fff}.btn-prev:hover{background:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #7f8c8d4d}.btn:disabled{background:#bdc3c7;color:#7f8c8d;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.bundle-builder__heading{font-size:2rem}.progress-steps{gap:8px}.step-text{font-size:12px}.step-number{width:30px;height:30px;font-size:14px}.options-grid{grid-template-columns:1fr;gap:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.collection-tabs{overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:8px}.collection-tab{white-space:nowrap;flex-shrink:0;padding:10px 18px}.selected-items-grid{grid-template-columns:repeat(3,1fr)}.step-navigation{flex-direction:column;gap:12px}.btn{width:100%;min-width:auto}.step-header h2{font-size:1.5rem}.step-description{font-size:1rem}}@media (max-width: 480px){.container{padding:0 15px}.progress-steps{flex-direction:column;align-items:center;gap:16px}.progress-step{flex-direction:row;gap:12px}.products-grid{grid-template-columns:1fr}.selected-items-grid{grid-template-columns:repeat(2,1fr)}}.collection-selector-section{margin-bottom:40px}.collection-selector-title{text-align:center;font-size:1.5rem;color:#2c3e50;margin-bottom:30px;font-weight:600}.collection-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1000px;margin:0 auto}.collection-selector-card{border:3px solid #e0e0e0;border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.collection-selector-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s}.collection-selector-card:hover:before{left:100%}.collection-selector-card:hover{border-color:#3498db;box-shadow:0 8px 32px #3498db33;transform:translateY(-4px)}.collection-selector-card.active{border-color:#2c3e50;background:#f8f9ff;box-shadow:0 8px 32px #2c3e5026;transform:translateY(-2px)}.collection-selector-card.active:after{content:"\2713";position:absolute;top:12px;right:12px;width:24px;height:24px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.collection-card-content{position:relative;z-index:2}.collection-image{margin-bottom:16px;height:80px;display:flex;align-items:center;justify-content:center}.collection-image img{max-width:80px;max-height:80px;object-fit:cover;border-radius:50%;border:3px solid #e0e0e0}.collection-icon{margin-bottom:16px;height:80px;display:flex;align-items:center;justify-content:center;color:#666}.collection-selector-card:hover .collection-icon,.collection-selector-card.active .collection-icon{color:#2c3e50}.collection-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px}.collection-description{font-size:.9rem;color:#666;margin:0}.collection-selector-card.active .collection-title{color:#2c3e50}.collection-selector-card.active .collection-description{color:#2c3e50;opacity:.8}.selected-collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.selected-collection-title{font-size:1.5rem;color:#2c3e50;margin:0;font-weight:600}.btn-back-to-collections{background:#95a5a6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-back-to-collections:hover{background:#7f8c8d;transform:translateY(-1px)}.product-card{display:none}.product-card.visible{display:block}@media (max-width: 768px){.collection-selector-grid{grid-template-columns:repeat(2,1fr);gap:16px}.collection-selector-card{padding:20px 16px}.collection-image{height:60px}.collection-image img{max-width:60px;max-height:60px}.collection-icon{height:60px}.collection-icon svg{width:32px;height:32px}.collection-title{font-size:1.1rem}.collection-description{font-size:.8rem}.selected-collection-header{flex-direction:column;gap:15px;align-items:center;text-align:center}}@media (max-width: 480px){.collection-selector-grid{grid-template-columns:1fr}.collection-selector-title{font-size:1.3rem}}.step-3-layout{display:grid;grid-template-columns:1fr 350px;gap:40px;align-items:start}.products-content{min-height:600px}.selected-preview{position:sticky;top:20px;margin-bottom:0;background:#f8f9fa;border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000001a;border:2px solid #e0e0e0}.selected-preview h3{text-align:center;margin-bottom:20px;color:#2c3e50;font-size:1.3rem;font-weight:600}.selected-preview .selected-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;min-height:auto;margin-bottom:20px}.selected-preview .selected-item{border:2px dashed #ddd;border-radius:8px;padding:12px;text-align:center;position:relative;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.selected-preview .selected-item.filled{border-style:solid;border-color:#2c3e50}.selected-preview .selected-item img{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-bottom:6px}.selected-preview .selected-item .item-name{font-size:10px;color:#333;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.selected-preview .selected-item .remove-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#e74c3c;color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.selected-preview .empty-slot{color:#999;font-size:20px;font-weight:700}.selection-progress{text-align:center;margin-bottom:16px;padding:12px;background:#e8f4f8;border-radius:8px;border:1px solid #bee5eb}.progress-text{font-size:.9rem;color:#2c3e50;font-weight:500}.collection-selector-section{margin-bottom:30px}.products-section{animation:fadeInUp .5s ease}.selected-collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;margin-bottom:0}.product-card{border:2px solid #f0f0f0;border-radius:12px;padding:14px;text-align:center;transition:all .3s ease;background:#fff}.product-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db1a;transform:translateY(-2px)}.product-image{margin-bottom:10px;height:100px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.product-title{font-size:13px;font-weight:500;margin:0 0 6px;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:13px;color:#666;margin:0 0 10px}.step-content[data-step="3"] .step-navigation{grid-column:1 / -1;margin-top:30px}@media (max-width: 1024px){.step-3-layout{grid-template-columns:1fr 300px;gap:30px}.selected-preview .selected-items-grid{grid-template-columns:1fr}}@media (max-width: 768px){.step-3-layout{grid-template-columns:1fr;gap:20px}.selected-preview{position:relative;top:auto;order:-1}.selected-preview .selected-items-grid{grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.selected-preview .selected-items-grid{grid-template-columns:repeat(2,1fr)}}.btn-continue-step{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #28a74533}.btn-continue-step:hover{background:linear-gradient(135deg,#218838,#1da88a);transform:translateY(-2px);box-shadow:0 6px 16px #28a7454d}.btn-continue-step:active{transform:translateY(0)}.btn-edit-selection{width:100%;background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-edit-selection:hover{background:#e9ecef;color:#495057;border-color:#adb5bd}.summary-mini-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.summary-mini-item:last-child{margin-bottom:0}.summary-mini-label{color:#666;font-weight:500}.summary-mini-value{color:#333;font-weight:600}.selection-status{transition:all .4s ease}.selection-complete{animation:completePulse .6s ease-in-out}@keyframes completePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.continue-step-wrapper{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-summary{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.selection-progress{margin-bottom:16px;padding:12px;background:#e8f4f8;border-radius:8px;border:1px solid #bee5eb;transition:all .3s ease}.selection-progress.complete{background:#d4edda;border-color:#c3e6cb}.progress-text{font-size:.9rem;color:#2c3e50;font-weight:500;margin-bottom:4px}.progress-numbers{font-size:1.2rem;font-weight:700;color:#2c3e50}.progress-numbers.complete{color:#28a745}.success-checkmark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#28a745;color:#fff;font-size:12px;margin-left:8px;animation:checkmarkPop .3s ease-out}@keyframes checkmarkPop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.btn-continue-step{padding:16px 24px;font-size:15px}.summary-mini-item{font-size:13px}.btn-edit-selection{padding:12px 18px;font-size:14px}}.selected-preview.selection-complete .selected-item.filled{border-color:#28a745}.selected-preview.selection-complete .selected-item.filled img{border:1px solid #28a745;border-radius:4px}.progress-numbers.updating{animation:numberPulse .3s ease-in-out}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.packaging-products-section{margin-bottom:40px}.packaging-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.packaging-product-card{border:3px solid #e0e0e0;border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;overflow:hidden}.packaging-product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s}.packaging-product-card:hover:before{left:100%}.packaging-product-card:hover{border-color:#3498db;box-shadow:0 8px 32px #3498db33;transform:translateY(-4px)}.packaging-product-card.selected{border-color:#2c3e50;background:#f8f9ff;box-shadow:0 8px 32px #2c3e5026}.packaging-product-card.selected:after{content:"\2713";position:absolute;top:12px;right:12px;width:24px;height:24px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.packaging-product-image{margin-bottom:16px;height:120px;display:flex;align-items:center;justify-content:center}.packaging-product-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.packaging-product-info{position:relative;z-index:2}.packaging-product-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3}.packaging-product-price{font-size:1.1rem;font-weight:700;color:#2c3e50;margin-bottom:12px}.packaging-variants{margin-top:12px}.packaging-variant-option{border:2px solid #f0f0f0;border-radius:8px;padding:12px;margin-bottom:8px;transition:all .3s ease;cursor:pointer}.packaging-variant-option:hover{border-color:#3498db;background:#f8f9fa}.packaging-variant-option.selected{border-color:#2c3e50;background:#e8f4f8}.variant-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.variant-title{font-weight:500;color:#333;font-size:.9rem}.variant-price{font-weight:700;color:#2c3e50;font-size:.9rem}.btn-select-packaging{background:#2c3e50;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%}.btn-select-packaging:hover{background:#34495e;transform:translateY(-1px)}.btn-select-packaging:disabled{background:#bdc3c7;color:#7f8c8d;cursor:not-allowed;transform:none}.packaging-variant-option .btn-select-packaging{width:100%;padding:8px 16px;font-size:13px}.traditional-packaging-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.packaging-product-card.traditional{min-height:200px;display:flex;align-items:center;justify-content:center}.summary-pricing{border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px}.pricing-method{transition:all .3s ease}.pricing-method[data-pricing=fixed]{font-size:1.1rem;font-weight:600}.fixed-box-price{color:#2c3e50;font-weight:700}.calculated-subtotal,.packaging-cost{color:#666}.discount-amount{color:#e74c3c;font-weight:600}.pricing-indicator{display:inline-block;background:#e8f4f8;color:#2c3e50;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-left:8px}.pricing-indicator.fixed{background:#fff3cd;color:#856404}@media (max-width: 768px){.packaging-products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.packaging-product-card{padding:16px}.packaging-product-image{height:80px}.packaging-product-title,.packaging-product-price{font-size:1rem}.traditional-packaging-grid{grid-template-columns:1fr}}@media (max-width: 480px){.packaging-products-grid{grid-template-columns:1fr}.variant-info{flex-direction:column;gap:4px;align-items:flex-start}}.packaging-products-grid.loading{opacity:.6;pointer-events:none}.packaging-product-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.packaging-product-card.selected .btn-select-packaging{background:#28a745;color:#fff}.packaging-product-card.selected .btn-select-packaging:hover{background:#218838}
/*# sourceMappingURL=/cdn/shop/t/31/assets/box-builder.css.map */