.collection-bundle-wrapper.has-border{border:1px solid rgba(var(--color-foreground),.08);padding:2rem}.collection-bundle-wrapper.has-rounded-corners{border-radius:1.2rem}.bundle-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.bundle-showcase.showcase-reverse{grid-template-columns:1fr 1fr}.bundle-showcase.showcase-reverse .bundle-showcase__media-container{order:2}.bundle-showcase.showcase-reverse .bundle-showcase__content-container{order:1}.bundle-showcase__media-wrapper{position:relative;width:100%}.bundle-showcase__media{position:relative;width:100%;border-radius:var(--showcase-border-radius);overflow:hidden;background:var(--gradient-base-background-1);height:100%;padding-bottom:100%}.bundle-showcase__media.media--placeholder{min-height:35rem;display:flex;align-items:center;justify-content:center}.bundle-showcase__media.media--rounded{border-radius:1rem}.bundle-showcase__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-indicators{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bundle-indicator{position:absolute;left:var(--indicator-x);top:var(--indicator-y);width:3rem;height:3rem;border-radius:50%;FONT-VARIANT:JIS83;border:0px solid rgba(var(--color-foreground),0);display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,-50%);background:rgb(var(--color-background))}.bundle-indicator:hover,.bundle-indicator.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px rgba(var(--color-foreground),.2)}.bundle-indicator .indicator__number{position:relative;z-index:1}.bundle-showcase__content{padding:1rem 0}.bundle-header{margin-bottom:2rem}.bundle-header__title{margin-bottom:.5rem;color:rgb(var(--color-foreground))}.bundle-header__subtitle{color:rgba(var(--color-foreground),.7);font-size:1.125rem;line-height:1.6}.bundle-collection__products{display:flex;flex-direction:column;gap:1.5rem}.bundle-product__card{display:flex;align-items:center;gap:2rem;padding:0 0 2rem;border-bottom:1px solid rgba(var(--color-foreground),.07);background:rgb(var(--color-background));transition:var(--transition);position:relative}.bundle-product__card:hover{border-color:rgba(var(--color-foreground),.15)}.bundle-product__card.active{border-color:rgb(var(--color-foreground))}.bundle-product__image-container{flex-shrink:0;width:15rem;height:15rem;position:relative}.bundle-product__image{width:100%;height:100%;border-radius:.5rem;overflow:hidden;background:var(--gradient-base-background-2)}.bundle-product__img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-product__card:hover .bundle-product__img{transform:scale(1.05)}.bundle-product__status-badge{position:absolute;top:0;left:0;background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.25rem .5rem;border-radius:.25rem;opacity:0;transition:opacity .3s ease}.bundle-product__card.variant-unavailable .bundle-product__status-badge{opacity:1}.bundle-product__details{flex:1;min-width:0}.bundle-product__title{margin:0 0 .5rem}.bundle-product__title-link{color:rgb(var(--color-foreground));text-decoration:none;transition:color .3s ease}.bundle-product__title-link:hover{color:rgba(var(--color-foreground),.8)}.bundle-product__pricing{margin-bottom:1rem}.bundle-product__variants{display:flex;flex-wrap:wrap;gap:.75rem}.bundle-variant-selector{display:flex;flex-direction:column;gap:.25rem;min-width:8rem}.bundle-variant-label{color:rgba(var(--color-foreground),.75);margin-bottom:.25rem}.bundle-select-wrapper{position:relative;display:flex;align-items:center}.bundle-variant-select{-webkit-appearance:none;appearance:none;width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:all .3s ease}.bundle-variant-select:hover{border-color:rgba(var(--color-foreground),.3)}.bundle-variant-select:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.1)}.bundle-select-wrapper svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:rgba(var(--color-foreground),.6)}.bundle-product__index{position:absolute;top:-.75rem;left:-.75rem;width:2.5rem;height:2.5rem;background:rgba(var(--color-foreground),.15);color:rgb(var(--color-foreground));border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.active .bundle-product__index{background:rgba(var(--color-foreground),1);color:rgb(var(--color-background))}.bundle-actions{margin-top:2rem}.bundle-submit-btn{width:100%}.bundle-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bundle-submit-btn.loading{position:relative;color:transparent}.bundle-submit-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.bundle-total-display{display:flex;align-items:center;justify-content:center;gap:.5rem}.bundle-showcase.is-hover .bundle-product__card{opacity:.6;transition:opacity .3s ease}.bundle-showcase.is-hover .bundle-product__card.active{opacity:1;border-color:rgb(var(--color-foreground))}.bundle-notification{margin-top:1rem;padding:1rem;border-radius:.75rem;display:flex;align-items:flex-start;font-size:.875rem;line-height:1.4;animation:slideInUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000001a}.bundle-notification__content{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bundle-notification__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.bundle-notification__text{flex:1;font-weight:500}.bundle-notification__close{flex-shrink:0;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit;opacity:.7;transition:opacity .3s ease;padding:0;margin-left:.5rem}.bundle-notification__close:hover{opacity:1}.bundle-notification--success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);color:#15803d}.bundle-notification--success .bundle-notification__icon svg{color:#22c55e}.bundle-notification--warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);color:#92400e}.bundle-notification--warning .bundle-notification__icon svg{color:#f59e0b}.bundle-notification--error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);color:#991b1b}.bundle-notification--error .bundle-notification__icon svg{color:#ef4444}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bundle-notification--success{animation:slideInUp .4s cubic-bezier(.16,1,.3,1),successPulse .6s ease-in-out .2s}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.bundle-unavailable-message{margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#991b1b;font-size:.875rem;text-align:center}.bundle-hidden-selector,.bundle-product__media-collection{display:none!important}@media screen and (max-width: 1024px){.bundle-showcase{gap:2rem}.collection-bundle-wrapper.has-border{padding:1.5rem}}@media screen and (max-width: 749px){.bundle-showcase{grid-template-columns:1fr;gap:2rem}.bundle-showcase.showcase-reverse .bundle-showcase__media-container,.bundle-showcase.showcase-reverse .bundle-showcase__content-container{order:unset}.bundle-showcase__media.media--placeholder{min-height:20rem}.bundle-product__image-container{width:10rem;height:10rem}.bundle-product__variants{justify-content:center}.bundle-variant-selector{min-width:7rem}.collection-bundle-wrapper.has-border{padding:1rem}.bundle-header{margin-bottom:1.5rem}.bundle-notification{padding:.875rem}.bundle-notification__text{font-size:.8125rem}}@media screen and (max-width: 480px){.bundle-product__variants{flex-direction:column;align-items:stretch}.bundle-variant-selector{min-width:unset}.bundle-notification__content{gap:.5rem}.bundle-notification__icon{width:1rem;height:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.bundle-product__card{border-width:2px}.bundle-indicator{border-width:3px}.bundle-notification{border-width:2px}}.spacing-bottom-lg{margin-bottom:2rem}.spacing-top-lg{margin-top:2rem}.bundle-product__pricing.price-updating{animation:priceFlash .6s ease}@keyframes priceFlash{0%,to{opacity:1}50%{opacity:.7}}.cart-count--filled{animation:cartBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}to{transform:scale(1)}}@media screen and (min-width: 750px){.sticky-element{position:sticky;top:2rem;z-index:2}}.product-collection-bundle{--pin-border-width: 3px;--animation-duration: .3s;--animation-easing: cubic-bezier(.4, 0, .2, 1)}.product-collection-bundle .indicator__dot{position:relative}.product-collection-bundle .indicator__dot:after{position:absolute;top:-15%;left:-15%;width:130%;height:130%;content:"";border:1px solid rgba(var(--color-foreground),.9);border-radius:50%;transform-origin:center;transition:all var(--animation-duration) var(--animation-easing);animation:pulse 2s ease-in-out infinite;opacity:.7}.product-collection-bundle .indicator__dot:hover:after{border-color:rgba(var(--color-foreground),.08);animation-play-state:paused;transform:scale(1.4);opacity:.6;background:rgba(var(--color-foreground),.08)}@keyframes pulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.8);opacity:.7}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/product-collection-bundle.css.map */