.product-bundle{width:100%}.product-bundle__container{display:grid;grid-template-columns:1fr;gap:2rem}.product-bundle__summary{position:sticky;top:calc(var(--header-bottom-position, 8rem) + 1.6rem);display:flex;flex-direction:column;height:fit-content}.bundle-summary__header{padding:2.4rem;margin-bottom:.8rem;border-radius:var(--content-container-border-radius)}.bundle-summary__title,.bundle-summary__text{margin-bottom:1.6rem}@media screen and (max-width:749px){.bundle-summary__title{margin-bottom:1.2rem;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:2.4rem}.bundle-summary__title .svg-wrapper{transform:rotate(-90deg);transition:transform .3s ease}.product-bundle__summary.bundle-hidden .bundle-summary__items,.product-bundle__summary.bundle-hidden .bundle-summary__total{display:none}.product-bundle__summary.bundle-hidden .bundle-summary__title .svg-wrapper{transform:rotate(90deg)}}.product-bundle__bar{width:100%;height:8px;background-color:rgba(var(--color-foreground),.2);border-radius:4px;overflow:hidden}.product-bundle__progress-bar{height:100%;background-color:rgb(var(--color-foreground));border-radius:4px;width:var(--progress, 0%);transition:width .8s ease}.bundle-summary__content{padding:2.4rem;border-radius:var(--content-container-border-radius)}.bundle-summary__error{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;margin-bottom:1.2rem}.bundle-summary__error .icon{width:1.4rem;height:1.4rem}.bundle-summary__error.hidden{display:none}@media screen and (max-width:749px){.product-bundle__summary{width:100vw;margin-left:calc(50% - 50vw)}.bundle-summary__header{margin-bottom:0;border-radius:var(--content-container-border-radius) var(--content-container-border-radius) 0 0}.bundle-summary__content{border-radius:0}}.bundle-summary__items{margin-bottom:2.4rem;min-height:100px}.bundle-summary__item{display:flex;align-items:flex-start;gap:1.6rem}.bundle-summary__item+.bundle-summary__item{margin-top:2.4rem}.bundle-summary__item-image{width:10rem;height:10rem;border-radius:var(--small-product-card-border-radius);object-fit:cover;flex-shrink:0}.bundle-summary__item-content{flex:1;padding-top:1.2rem;min-width:0}.bundle-summary__item-title{font-size:.875rem;font-weight:500;margin:0 0 .25rem;color:var(--color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bundle-summary__item-variant{font-size:.75rem;color:var(--color-foreground-75);margin:0 0 .25rem}.bundle-summary__item-price{font-size:.875rem;font-weight:600;color:var(--color-foreground);margin:0}.bundle-summary__item-remove{background:none;border:none;cursor:pointer;width:3.2rem;height:3.2rem;padding:0;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),1)}.bundle-summary__item-remove svg{width:2rem;height:2rem}.bundle-summary__total{padding:1.6rem 0 2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(var(--color-foreground),.1)}.bundle-summary__actions a,.bundle-summary__actions button{width:100%}.product-bundle__products{flex:1}.bundle-product-card{position:relative;transition:all .3s ease}.quick-add.bundle-product__quick-add{opacity:1;visibility:visible}.bundle-add-btn,.bundle-remove-btn{padding:.4rem;min-height:4rem;min-width:4rem;font-size:1.2rem;border-radius:var(--product-badge-border-radius);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:none}@media(any-hover:hover)and (any-pointer:fine){.bundle-add-btn:hover,.bundle-remove-btn:hover{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}}.bundle-add-btn:disabled,.bundle-add-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.bundle-add-btn__icon,.bundle-remove-btn__icon{display:flex;align-items:center;justify-content:center}.bundle-product__variants{display:flex;flex-direction:column;gap:1rem}.bundle-variants__swatches{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding:2px}.bundle-variants__group{display:flex;flex-direction:column;gap:.8rem;position:relative}.bundle-variants__group:has(.bundle-variant-swatch--swatch){order:-1}.bundle-variants__group--hidden-for-popup{display:none!important}.bundle-variant-swatch{scroll-snap-align:start;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:4rem;max-width:100%;height:4rem;padding:.6rem 1rem;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border-radius:.4rem;background:rgb(var(--color-background-secondary));outline:none}.bundle-variant-swatch--selected,.bundle-variant-swatch:hover{outline-offset:1px;outline:1px solid rgb(var(--color-foreground))}.bundle-variant-swatch:disabled{opacity:.5;cursor:not-allowed}.bundle-variant-swatch--disabled{opacity:.6;position:relative;cursor:pointer}.bundle-variant-swatch--disabled:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:1px;background:rgb(var(--color-foreground));transform:translate(-50%,-50%) rotate(-45deg);opacity:.3}.bundle-variant-swatch--disabled:hover{outline:.1rem solid rgba(var(--color-foreground),.3)}.bundle-variant-swatch--disabled .bundle-variant-swatch__text{opacity:.6}.bundle-variant-swatch--swatch.bundle-variant-swatch--disabled .bundle-swatch{opacity:.4;filter:grayscale(30%)}.bundle-variant-swatch__image{width:100%;height:100%;object-fit:cover;border-radius:4px}.bundle-variant-swatch__text{color:rgb(var(--color-foreground));text-align:center;line-height:1;font-size:min(var(--font-body--size),1.6rem);font-weight:500}.bundle-variant-swatch--more{background:rgb(var(--color-background-secondary));color:rgb(var(--color-foreground))}.bundle-variant-swatch--more:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-foreground))}.bundle-variant-swatch--swatch{--swatch-size: 4.4rem;min-width:var(--swatch-size);height:var(--swatch-size);padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.bundle-swatch{display:block;width:100%;height:100%;background:var(--swatch--background);background-position:var(--swatch-focal-point, center);background-size:cover;background-origin:border-box;flex-shrink:0;transition:all .2s ease}.bundle-swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5);background:rgb(var(--color-background-secondary))}.bundle-variant-swatch--color:hover .bundle-swatch{transform:scale(1.1)}.bundle-variant-swatch--color.bundle-variant-swatch--selected .bundle-swatch{transform:none}.bundle-variant-swatch:hover .bundle-swatch--square{transform:scale(1.05)}.bundle-variant-swatch--material,.bundle-variant-swatch--style,.bundle-variant-swatch--type{min-width:32px;height:28px;border-radius:4px;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background))}.bundle-variant-swatch--material .bundle-variant-swatch__text,.bundle-variant-swatch--style .bundle-variant-swatch__text,.bundle-variant-swatch--type .bundle-variant-swatch__text{font-size:.75rem;font-weight:500;padding:0 .5rem}.bundle-variant-swatch--material:hover,.bundle-variant-swatch--style:hover,.bundle-variant-swatch--type:hover{border-color:rgba(var(--color-foreground),.5);background:rgb(var(--color-background-secondary))}.bundle-variant-swatch--material.bundle-variant-swatch--selected,.bundle-variant-swatch--style.bundle-variant-swatch--selected,.bundle-variant-swatch--type.bundle-variant-swatch--selected{border-color:rgb(var(--color-accent));background:rgba(var(--color-accent),.1);color:rgb(var(--color-accent))}.bundle-variant-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.bundle-summary__empty{text-align:center;padding:2rem 1rem;color:var(--color-foreground-50)}.bundle-summary__empty-icon{width:48px;height:48px;margin:0 auto 1rem;opacity:.5}.bundle-summary__empty-text{font-size:.875rem;margin:0}@media screen and (min-width:750px){.product-bundle__container{grid-template-columns:300px 1fr;gap:3rem}}@media screen and (min-width:990px){.product-bundle__container{--gap: 4rem}.product-bundle__container:has(.grid--2-desktop){--gap-bundle: calc(var(--gap) - (var(--gap-h-d) / 2));grid-template-columns:calc(100% / 3 - var(--gap-bundle)) calc(100% / 3 * 2 - (var(--gap-h-d) / 2));gap:var(--gap)}.product-bundle__container:has(.grid--3-desktop){--gap-bundle: calc(var(--gap) - (var(--gap-h-d) / 3));grid-template-columns:calc(100% / 3 - var(--gap-bundle)) calc(100% / 3 * 2 - (var(--gap-h-d) / 3));gap:var(--gap)}}@media screen and (max-width:749px){.product-bundle__container{display:flex;flex-direction:column;gap:2.4rem}.bundle-product__variants{gap:.8rem;margin-top:1rem;margin-bottom:1rem}.bundle-variants__swatches{gap:.6rem}.bundle-variant-swatch{height:3.6rem}.bundle-variant-swatch--swatch{width:4rem;height:4rem}.bundle-variant-swatch--size{min-width:3.6rem;height:3.6rem;padding:.5rem .8rem}.bundle-variant-swatch__text{font-size:1.4rem}.bundle-variants__group:after{width:2rem}.product-bundle__summary{max-height:none;order:2;top:auto;bottom:0;z-index:2}.product-bundle__products{order:1}.bundle-summary__items{min-height:60px}.bundle-add-btn,.bundle-remove-btn{padding:.375rem .625rem;font-size:.8125rem}}.bundle-item-enter{animation:bundleItemEnter .3s ease-out}.bundle-item-exit{animation:bundleItemExit .3s ease-in}@keyframes bundleItemEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bundleItemExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.bundle-product-card--loading{pointer-events:none;opacity:.7}.bundle-product-card--loading .bundle-add-btn,.bundle-product-card--loading .bundle-remove-btn{position:relative}.bundle-product-card--loading .bundle-add-btn:after,.bundle-product-card--loading .bundle-remove-btn:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bundle-swatch{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:var(--swatch--background);background-position:var(--swatch-focal-point, center);background-size:cover;background-origin:border-box;flex-shrink:0;transition:all .2s ease}.bundle-swatch--circle{border-radius:50%}.bundle-swatch--square{border-radius:4px;height:24px}.bundle-variant-swatch--selected{border-color:transparent}.bundle-variant-swatch__text{font-size:min(var(--font-body--size),1.6rem);font-weight:500;color:rgb(var(--color-foreground))}.bundle-product-item{display:flex;align-items:flex-start;gap:1.6rem}.bundle-product-item+.bundle-product-item{margin-top:2.4rem}.bundle-product-item:last-child{border-bottom:none}.bundle-product-item__media{flex-shrink:0;width:11rem;height:11rem;border-radius:var(--small-product-card-border-radius);overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.bundle-product-item__image{width:100%;height:100%;object-fit:cover}.bundle-product-item__image[src=""]{display:none}.bundle-product-item__content{flex:1;padding-top:1.2rem;min-width:0}.bundle-product-item__title{margin-bottom:.4rem}.bundle-product-item__variant{font-size:1.4rem;color:rgba(var(--color-foreground),.8);margin-bottom:.4rem}.bundle-product-item__remove{flex-shrink:0;width:3.2rem;height:3.2rem;padding:0;border:none;background:none;color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bundle-product-item__remove svg{width:2.4rem;height:2.4rem}.bundle-product-item__skeleton{display:flex;flex-direction:column;gap:.8rem}.bundle-product-item__skeleton-line{height:1.4rem;background:linear-gradient(90deg,rgba(var(--color-foreground),.1) 25%,rgba(var(--color-foreground),.2),rgba(var(--color-foreground),.1) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.4rem}.bundle-product-item__skeleton-line--title{width:80%}.bundle-product-item__skeleton-line--variant{width:60%}.bundle-product-item__skeleton-line--price{width:40%}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.bundle-product-item--placeholder{opacity:.6}.bundle-add-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.bundle-add-button--disabled:hover{transform:none;box-shadow:none}.bundle-product-card:has(.bundle-product__remove-button[style="display: flex;"]) .bundle-product__variants,.bundle-product-card:has(.bundle-product__remove-button[style="display: flex;"]) .card-variant-popup-btn{opacity:.4;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-bundle.css.map */