.bundle-builder{--bb-border: var(--color-border, var(--border-color, #e5e5e5));--bb-muted: var(--color-text-secondary, var(--color-text-muted, #767676));--bb-success: #2d8a4e;--bb-error: #c0392b;--bb-radius: var(--border-radius, 2px);--bb-summary-w: 300px;--bb-transition: .2s ease}.bundle-builder *,.bundle-builder *:before,.bundle-builder *:after{box-sizing:border-box}.bundle-builder__inner{max-width:var(--page-width, var(--container-max-width, 1280px));margin:0 auto;padding:60px 24px 80px}.bundle-builder__header{text-align:center;margin-bottom:48px}.bundle-builder__title{font-size:clamp(1.75rem,3vw,2.5rem);margin:0 0 12px}.bundle-builder__subtitle{margin:0 auto;max-width:480px;opacity:.7;line-height:1.6}.bundle-builder__progress{display:flex;align-items:center;justify-content:center;margin-bottom:48px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.bundle-builder__progress::-webkit-scrollbar{display:none}.bundle-builder__progress-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;min-width:80px}.bundle-builder__progress-dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--bb-border);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color var(--bb-transition),background var(--bb-transition),color var(--bb-transition)}.bundle-builder__progress-num{font-size:.8rem;font-weight:600;opacity:.5;transition:opacity var(--bb-transition)}.bundle-builder__progress-check{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transition:opacity var(--bb-transition)}.bundle-builder__progress-label{font-size:.72rem;text-align:center;white-space:nowrap;opacity:.5;transition:opacity var(--bb-transition);max-width:100px;overflow:hidden;text-overflow:ellipsis}.bundle-builder__progress-item.is-active .bundle-builder__progress-dot{border-color:currentColor}.bundle-builder__progress-item.is-active .bundle-builder__progress-num{opacity:1}.bundle-builder__progress-item.is-active .bundle-builder__progress-label{opacity:1;font-weight:500}.bundle-builder__progress-item.is-complete .bundle-builder__progress-dot{background:currentColor;border-color:currentColor}.bundle-builder__progress-item.is-complete .bundle-builder__progress-num{opacity:0}.bundle-builder__progress-item.is-complete .bundle-builder__progress-check{opacity:1;color:#fff}.bundle-builder__progress-item.is-complete .bundle-builder__progress-dot svg polyline{stroke:#fff}.bundle-builder__progress-line{flex:1;height:1px;background:var(--bb-border);min-width:24px;max-width:80px;margin-top:17px;align-self:flex-start;position:relative;overflow:hidden}.bundle-builder__progress-line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.bundle-builder__progress-line.is-complete .bundle-builder__progress-line-fill{transform:scaleX(1)}.bundle-builder__layout{display:grid;grid-template-columns:1fr var(--bb-summary-w);gap:40px;align-items:start}[data-layout=stepped] .bundle-builder__step{display:none}[data-layout=stepped] .bundle-builder__step.is-active{display:block;animation:bb-step-in .28s ease}[data-layout=stacked] .bundle-builder__step{display:block;border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:28px;margin-bottom:24px;transition:box-shadow var(--bb-transition)}[data-layout=stacked] .bundle-builder__step.is-complete{opacity:.9}[data-layout=stacked] .bundle-builder__step.is-highlighted{box-shadow:0 0 0 2px currentColor}@keyframes bb-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bundle-builder__step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.bundle-builder__step-heading-row{display:flex;align-items:center;gap:12px}.bundle-builder__step-badge{width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;opacity:.6}.bundle-builder__step-title{font-size:clamp(1.05rem,1.5vw,1.25rem);margin:0}.bundle-builder__step-hint{font-size:.75rem;opacity:.5;white-space:nowrap}.bundle-builder__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.bundle-builder__product-card{background:transparent;border:1px solid var(--bb-border);border-radius:var(--bb-radius);cursor:pointer;padding:0;text-align:left;transition:border-color var(--bb-transition),box-shadow var(--bb-transition);overflow:hidden;position:relative}.bundle-builder__product-card:hover{border-color:currentColor}.bundle-builder__product-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bundle-builder__product-card.is-selected{border-color:currentColor;border-width:2px}.bundle-builder__product-card.is-loading{opacity:.5;pointer-events:none}.bundle-builder__card-img-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--color-image-background, #f5f5f5)}.bundle-builder__card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.bundle-builder__product-card:hover .bundle-builder__card-img-wrap img{transform:scale(1.04)}.bundle-builder__card-check{position:absolute;top:8px;right:8px;opacity:0;transform:scale(.5);transition:opacity var(--bb-transition),transform var(--bb-transition);pointer-events:none}.bundle-builder__product-card.is-selected .bundle-builder__card-check{opacity:1;transform:scale(1)}.bundle-builder__card-body{padding:12px 14px}.bundle-builder__card-name{font-size:.8rem;font-weight:500;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-builder__card-price{font-size:.75rem;margin:0;opacity:.6}.bundle-builder__variant-panel{margin-top:24px;border:1px solid var(--bb-border);border-radius:var(--bb-radius);overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.bundle-builder__variant-panel.is-visible{opacity:1;transform:translateY(0)}.bundle-builder__variant-inner{padding:24px}.bundle-builder__variant-preview{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--bb-border)}.bundle-builder__variant-img-wrap{width:72px;height:72px;flex-shrink:0;border-radius:var(--bb-radius);overflow:hidden;background:var(--color-image-background, #f5f5f5)}.bundle-builder__variant-img{width:100%;height:100%;object-fit:cover;display:block}.bundle-builder__variant-meta{flex:1;min-width:0}.bundle-builder__variant-name{font-size:.95rem;font-weight:500;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-builder__variant-price{font-size:.85rem;margin:0;opacity:.6}.bundle-builder__options{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.bundle-builder__option-group{display:flex;flex-direction:column;gap:8px}.bundle-builder__option-name{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0;opacity:.55}.bundle-builder__option-values{display:flex;flex-wrap:wrap;gap:6px}.bundle-builder__option-btn{border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:transparent;padding:7px 14px;font-size:.8rem;cursor:pointer;transition:border-color var(--bb-transition),background var(--bb-transition),color var(--bb-transition);white-space:nowrap;line-height:1}.bundle-builder__option-btn:hover:not(.is-unavailable):not(.is-selected){border-color:currentColor}.bundle-builder__option-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bundle-builder__option-btn.is-selected{background:var(--color-button, currentColor);color:var(--color-button-text, #fff);border-color:var(--color-button, currentColor)}.bundle-builder__option-btn.is-unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through}.bundle-builder__variant-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.bundle-builder__btn-back{background:none;border:none;padding:0;font-size:.78rem;opacity:.5;cursor:pointer;transition:opacity var(--bb-transition);white-space:nowrap}.bundle-builder__btn-back:hover{opacity:1}.bundle-builder__btn-confirm{min-width:150px}.bundle-builder__btn-confirm:disabled{opacity:.35!important;cursor:not-allowed!important;pointer-events:none}.bundle-builder__summary{position:sticky;top:100px}.bundle-builder__summary-inner{border:1px solid var(--bb-border);border-radius:var(--bb-radius);overflow:hidden}.bundle-builder__summary-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0;padding:16px 18px;border-bottom:1px solid var(--bb-border);opacity:.6}.bundle-builder__summary-list{list-style:none;margin:0;padding:0}.bundle-builder__summary-item{display:flex;align-items:flex-start;gap:10px;padding:13px 18px;border-bottom:1px solid var(--bb-border)}.bundle-builder__summary-num{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--bb-border);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0;margin-top:1px;opacity:.5;transition:all var(--bb-transition)}.bundle-builder__summary-num.is-complete{background:currentColor;border-color:currentColor;opacity:1;color:var(--color-background, #fff)}.bundle-builder__summary-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bundle-builder__summary-step-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;opacity:.5}.bundle-builder__summary-selection{font-size:.8rem;font-style:italic;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-builder__summary-selection.has-selection{font-style:normal;font-weight:500;opacity:1}.bundle-builder__summary-edit{background:none;border:none;padding:0;font-size:.7rem;text-decoration:underline;cursor:pointer;flex-shrink:0;opacity:.5;transition:opacity var(--bb-transition);align-self:center}.bundle-builder__summary-edit:hover{opacity:1}.bundle-builder__summary-footer{padding:18px}.bundle-builder__add-to-cart{width:100%;display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:46px}.bundle-builder__add-to-cart:disabled{opacity:.4!important;cursor:not-allowed!important;pointer-events:none}.bundle-builder__atc-spinner svg{animation:bb-spin .7s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}.bundle-builder__disclaimer{font-size:.72rem;text-align:center;margin:10px 0 0;opacity:.5;line-height:1.5}@media(max-width:900px){.bundle-builder__layout{grid-template-columns:1fr}.bundle-builder__summary{position:static;order:2}.bundle-builder__steps-wrap{order:1}}@media(max-width:640px){.bundle-builder__inner{padding:40px 16px 60px}.bundle-builder__progress-label{display:none}.bundle-builder__products{grid-template-columns:repeat(2,1fr);gap:10px}.bundle-builder__variant-inner{padding:18px 14px}.bundle-builder__variant-footer{flex-direction:column;align-items:stretch;gap:12px}.bundle-builder__btn-confirm{width:100%}.bundle-builder__btn-back{text-align:center}[data-layout=stacked] .bundle-builder__step{padding:20px 16px}}.bundle-builder__view-cart{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:10px;border:1px solid currentColor;border-radius:var(--bb-radius);font-size:.85rem;font-weight:500;text-decoration:none;text-align:center;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease,background var(--bb-transition)}.bundle-builder__view-cart.is-visible{opacity:1;transform:translateY(0)}.bundle-builder__view-cart:hover{background:currentColor}.bundle-builder__view-cart:hover{color:var(--color-background, #fff)}
/*# sourceMappingURL=/cdn/shop/t/50/assets/bundle-builder.css.map */