.bundle-builder{display:block}.bundle-builder__empty{text-align:center;padding:4rem 2rem}.bundle-builder__header{text-align:center;margin-bottom:3rem}.bundle-builder__title{margin:0 0 1rem;font-size:2.4rem;font-weight:600}.bundle-builder__description{margin:0;font-size:1.6rem;color:rgba(var(--color-foreground),.7)}.bundle-builder__container{display:grid;grid-template-columns:1fr;gap:3rem}.bundle-builder__sidebar--mobile-first{order:-1}.bundle-builder__products{order:1}@media screen and (min-width: 990px){.bundle-builder__container{grid-template-columns:2fr 1fr;gap:4rem}.bundle-builder__sidebar--mobile-first,.bundle-builder__products{order:0}}.bundle-builder__products{width:100%}.bundle-builder__products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem}@media screen and (min-width: 750px){.bundle-builder__products-grid{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2.5rem}.bundle-builder__product-variants--mobile{display:none}.bundle-builder__product-variants--desktop{display:block}}.bundle-builder__product-card{display:flex;flex-direction:column;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.bundle-builder__product-card:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.1)}.bundle-builder__product-image{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.bundle-builder__product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-builder__product-card[data-hover-scale=true]:hover .bundle-builder__product-image img{transform:scale(1.05)}.bundle-builder__product-info{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.bundle-builder__product-title{margin:0;font-size:1.6rem;font-weight:500;line-height:1.4}.bundle-builder__product-variants{width:100%}.bundle-builder__product-variants--mobile{display:block;padding:1rem 1.5rem 0;margin-bottom:1rem}.bundle-builder__product-variants--desktop{display:none}.bundle-builder__product-inventory{font-size:1.3rem;color:rgba(var(--color-foreground),.7);margin:.5rem 0}.bundle-builder__inventory-text{display:inline-block}.bundle-builder__inventory-text--out{color:rgb(var(--color-error));font-weight:500}.bundle-builder__inventory-quantity{color:rgb(var(--color-foreground));font-weight:600}.bundle-builder__variant-select{width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;font-size:1.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.bundle-builder__variant-select:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.bundle-builder__product-price{margin-top:auto}.bundle-builder__add-button{width:100%;margin-top:.5rem}.bundle-builder__add-button:disabled{opacity:.5;cursor:not-allowed}.bundle-builder__sidebar{width:100%}.bundle-builder__cart{position:static;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;padding:2rem;display:flex;flex-direction:column;gap:2rem}@media screen and (min-width: 990px){.bundle-builder__cart{position:sticky;top:2rem}}.bundle-builder__cart-header{text-align:center;padding-bottom:1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.bundle-builder__cart-title{margin:0 0 .5rem;font-size:2rem;font-weight:600}.bundle-builder__cart-subtitle{margin:0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.bundle-builder__cart-count{font-weight:600;color:rgb(var(--color-foreground))}.bundle-builder__cart-items{min-height:10rem;max-height:40rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.bundle-builder__cart-empty{text-align:center;padding:2rem;color:rgba(var(--color-foreground),.5);font-size:1.4rem}.bundle-builder__cart-item{display:flex;gap:1rem;padding:1rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.4rem;position:relative}.bundle-builder__cart-item-image{width:6rem;height:6rem;flex-shrink:0;border-radius:.4rem;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.bundle-builder__cart-item-image img{width:100%;height:100%;object-fit:cover}.bundle-builder__cart-item-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.bundle-builder__cart-item-title{margin:0;font-size:1.4rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bundle-builder__cart-item-details{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:rgba(var(--color-foreground),.7)}.bundle-builder__cart-item-price{font-weight:600;color:rgb(var(--color-foreground))}.bundle-builder__cart-item-warning{margin:.5rem 0 0;font-size:1.2rem;color:rgb(var(--color-error));font-style:italic}.bundle-builder__remove-button{position:absolute;top:.5rem;right:.5rem;width:2.4rem;height:2.4rem;border:none;background-color:transparent;color:rgba(var(--color-foreground),.6);font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.bundle-builder__remove-button:hover{background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.bundle-builder__cart-footer{display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.bundle-builder__cart-total{display:flex;justify-content:space-between;align-items:center;font-size:1.8rem;font-weight:600}.bundle-builder__cart-total-label{color:rgba(var(--color-foreground),.7)}.bundle-builder__cart-total-price{color:rgb(var(--color-foreground))}.bundle-builder__cart-actions{display:flex;flex-direction:column;gap:1rem}.bundle-builder__cart-actions .button{width:100%}.bundle-builder__add-to-cart-button:disabled{opacity:.5;cursor:not-allowed}.bundle-builder__add-to-cart-button.loading{position:relative;color:transparent}.bundle-builder__add-to-cart-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:.2rem solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bundle-builder__cart-message{padding:1rem;border-radius:.4rem;font-size:1.4rem}.bundle-builder__cart-error{color:rgb(var(--color-error));margin:0}.bundle-builder__cart-success{color:rgb(var(--color-success));margin:0}.bundle-builder__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.bundle-builder__modal[open]{opacity:1;visibility:visible}.bundle-builder__modal-content{background-color:rgb(var(--color-background));border-radius:.8rem;width:90%;max-width:50rem;max-height:90vh;overflow-y:auto;box-shadow:0 .4rem 2rem #0003;transform:scale(.9);transition:transform .3s ease;position:relative}.bundle-builder__modal[open] .bundle-builder__modal-content{transform:scale(1)}.bundle-builder__modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.bundle-builder__modal-title{margin:0;font-size:2rem;font-weight:600;color:rgb(var(--color-foreground))}.bundle-builder__modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:rgba(var(--color-foreground),.7);display:flex;align-items:center;justify-content:center;transition:color .2s ease;width:3.6rem;height:3.6rem;border-radius:50%}.bundle-builder__modal-close:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.bundle-builder__modal-body{padding:2rem}.bundle-builder__modal-message{margin:0;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.bundle-builder__modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.bundle-builder__modal-footer .button{min-width:12rem}@media screen and (max-width: 989px){.bundle-builder__cart{position:static}.bundle-builder__products-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.bundle-builder__modal-content{width:95%;max-width:none}.bundle-builder__modal-header,.bundle-builder__modal-body,.bundle-builder__modal-footer{padding:1.5rem}.bundle-builder__modal-footer{flex-direction:column}.bundle-builder__modal-footer .button{width:100%}}.bundle-builder__notification{position:fixed;z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;display:none}.bundle-builder__notification--show{opacity:1!important;visibility:visible!important;pointer-events:auto;display:block!important}.bundle-builder__notification--bottom{bottom:2rem;left:50%;transform:translate(-50%);right:auto;width:auto;max-width:calc(100vw - 4rem)}.bundle-builder__notification--top{top:2rem;left:50%;transform:translate(-50%);right:auto;width:auto;max-width:calc(100vw - 4rem)}.bundle-builder__notification--left{left:2rem;top:50%;transform:translateY(-50%);right:auto;width:auto;max-width:calc(100vw - 4rem)}.bundle-builder__notification--right{right:2rem;top:50%;transform:translateY(-50%);left:auto;width:auto;max-width:calc(100vw - 4rem)}.bundle-builder__notification-content{display:flex;align-items:center;gap:1.5rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;padding:1.5rem 2rem;box-shadow:0 .4rem 1.2rem #00000026;min-width:30rem;max-width:50rem;width:calc(100% - 4rem);max-width:calc(100vw - 4rem)}.bundle-builder__notification-icon{flex-shrink:0;width:2.4rem;height:2.4rem;color:#22c55e;display:flex;align-items:center;justify-content:center}.bundle-builder__notification-message{flex:1}.bundle-builder__notification-text{margin:0;font-size:1.5rem;line-height:1.4;color:rgb(var(--color-foreground))}.bundle-builder__notification-close{flex-shrink:0;background:none;border:none;padding:.5rem;cursor:pointer;color:rgba(var(--color-foreground),.6);display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;transition:background-color .2s ease,color .2s ease}.bundle-builder__notification-close:hover{background-color:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.bundle-builder__notification--slide-up-enter{animation:slideUpEnter .3s ease-out forwards!important}.bundle-builder__notification--slide-down-enter{animation:slideDownEnter .3s ease-out forwards!important}.bundle-builder__notification--fade-in-enter{animation:fadeInEnter .3s ease-out forwards!important}.bundle-builder__notification--slide-left-enter{animation:slideLeftEnter .3s ease-out forwards!important}.bundle-builder__notification--slide-right-enter{animation:slideRightEnter .3s ease-out forwards!important}.bundle-builder__notification--slide-down-exit{animation:slideDownExit .3s ease-in forwards!important}.bundle-builder__notification--slide-up-exit{animation:slideUpExit .3s ease-in forwards!important}.bundle-builder__notification--fade-out-exit{animation:fadeOutExit .3s ease-in forwards!important}.bundle-builder__notification--slide-left-exit{animation:slideLeftExit .3s ease-in forwards!important}.bundle-builder__notification--slide-right-exit{animation:slideRightExit .3s ease-in forwards!important}@keyframes slideUpEnter{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDownExit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100%)}}@keyframes slideDownEnter{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUpExit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}.bundle-builder__notification--left.bundle-builder__notification--slide-left-enter{animation:slideLeftEnter .3s ease-out forwards}.bundle-builder__notification--left.bundle-builder__notification--slide-left-exit{animation:slideLeftExit .3s ease-in forwards}.bundle-builder__notification--left.bundle-builder__notification--slide-right-enter{animation:slideRightEnter .3s ease-out forwards}.bundle-builder__notification--left.bundle-builder__notification--slide-right-exit{animation:slideRightExit .3s ease-in forwards}@keyframes slideLeftEnter{0%{opacity:0;transform:translateY(-50%) translate(-100%)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideLeftExit{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-100%)}}.bundle-builder__notification--right.bundle-builder__notification--slide-right-enter{animation:slideRightEnter .3s ease-out forwards}.bundle-builder__notification--right.bundle-builder__notification--slide-right-exit{animation:slideRightExit .3s ease-in forwards}.bundle-builder__notification--right.bundle-builder__notification--slide-left-enter{animation:slideLeftEnter .3s ease-out forwards}.bundle-builder__notification--right.bundle-builder__notification--slide-left-exit{animation:slideLeftExit .3s ease-in forwards}@keyframes slideRightEnter{0%{opacity:0;transform:translateY(-50%) translate(100%)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes slideRightExit{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(100%)}}@keyframes fadeInEnter{0%{opacity:0}to{opacity:1}}@keyframes fadeOutExit{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 749px){.bundle-builder__notification{left:50%!important;right:auto!important;width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important;transform:translate(-50%)!important}.bundle-builder__notification--bottom,.bundle-builder__notification--top,.bundle-builder__notification--left,.bundle-builder__notification--right{left:50%!important;right:auto!important;width:calc(100vw - 2rem)!important;transform:translate(-50%)!important}.bundle-builder__notification--left,.bundle-builder__notification--right{top:auto!important;bottom:2rem!important}.bundle-builder__notification-content{width:100%!important;max-width:100%!important;min-width:auto!important}.bundle-builder__notification--bottom.bundle-builder__notification--slide-up-enter,.bundle-builder__notification--bottom.bundle-builder__notification--slide-down-exit,.bundle-builder__notification--top.bundle-builder__notification--slide-down-enter,.bundle-builder__notification--top.bundle-builder__notification--slide-up-exit,.bundle-builder__notification--bottom.bundle-builder__notification--fade-in-enter,.bundle-builder__notification--top.bundle-builder__notification--fade-in-enter,.bundle-builder__notification--bottom.bundle-builder__notification--fade-out-exit,.bundle-builder__notification--top.bundle-builder__notification--fade-out-exit{transform:translate(-50%)!important;animation:none!important}@keyframes slideUpEnterMobile{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDownExitMobile{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100%)}}@keyframes slideDownEnterMobile{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUpExitMobile{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}@keyframes fadeInEnterMobile{0%{opacity:0}to{opacity:1}}@keyframes fadeOutExitMobile{0%{opacity:1}to{opacity:0}}.bundle-builder__notification-content{min-width:auto;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-bundle-builder.css.map */