.custom-bundle-wrapper{gap:var(--sp-10)}.custom-bundle-product{position:relative}.custom-bundle-product__actions{width:100%}.custom-bundle-add-btn .add-text,.custom-bundle-add-btn.is-added .added-text{display:inline}.custom-bundle-add-btn .added-text,.custom-bundle-add-btn.is-added .add-text{display:none}.custom-bundle-add-btn.is-added{--color-button-background: var(--color-success, rgb(34, 197, 94));--color-button-text: rgb(255, 255, 255)}.custom-bundle-add-btn:disabled{opacity:.5;cursor:not-allowed}.custom-bundle-sidebar{min-width:320px}.custom-bundle-sidebar__inner{background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--border-radius);padding:var(--sp-6)}@media screen and (min-width:1024px){.custom-bundle-sidebar{max-width:400px}.custom-bundle-sidebar__inner{padding:var(--sp-8)}}.custom-bundle-header{border-bottom:1px solid rgb(var(--color-border));padding-bottom:var(--sp-4)}.custom-bundle-counter{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background-color:rgb(var(--color-foreground),.05);border-radius:var(--border-radius)}.custom-bundle-counter .current-count{font-weight:700;color:rgb(var(--color-foreground))}.custom-bundle-counter.is-full .current-count{color:rgb(var(--color-success, 34, 197, 94))}.custom-bundle-body{min-height:200px;max-height:400px;overflow-y:auto}.custom-bundle-body::-webkit-scrollbar{width:6px}.custom-bundle-body::-webkit-scrollbar-track{background:rgb(var(--color-foreground),.05);border-radius:3px}.custom-bundle-body::-webkit-scrollbar-thumb{background:rgb(var(--color-foreground),.2);border-radius:3px}.custom-bundle-body::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-foreground),.3)}.custom-bundle-empty{display:block}.custom-bundle-body:has(.bundle-item) .custom-bundle-empty{display:none}.bundle-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background-color:rgb(var(--color-foreground),.02);border:1px solid rgb(var(--color-border));border-radius:var(--border-radius);transition:all .2s ease}.bundle-item:hover{background-color:rgb(var(--color-foreground),.05)}.bundle-item__media{width:60px;height:60px;flex-shrink:0;border-radius:calc(var(--border-radius) / 2);overflow:hidden;background-color:rgb(var(--color-foreground),.05)}.bundle-item__media img{width:100%;height:100%;object-fit:cover}.bundle-item__details{flex-grow:1;min-width:0}.bundle-item__title{font-size:.875rem;font-weight:500;line-height:1.25;margin-bottom:var(--sp-1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bundle-item__price{font-size:.75rem;font-weight:600;color:rgb(var(--color-foreground),.7)}.bundle-item__remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;border:1px solid rgb(var(--color-border));cursor:pointer;transition:all .2s ease;color:rgb(var(--color-foreground))}.bundle-item__remove:hover{background-color:rgb(var(--color-error, 239, 68, 68),.1);border-color:rgb(var(--color-error, 239, 68, 68));color:rgb(var(--color-error, 239, 68, 68))}.bundle-item__remove svg{width:14px;height:14px}.custom-bundle-footer{border-top:1px solid rgb(var(--color-border));padding-top:var(--sp-4)}.custom-bundle-discount{border-left:3px solid rgb(var(--color-success, 34, 197, 94))}@media screen and (max-width:1023px){.custom-bundle-wrapper{flex-direction:column}.custom-bundle-sidebar{width:100%;max-width:100%;margin-top:var(--sp-10)}.custom-bundle-sidebar__inner{position:static}.custom-bundle-body{max-height:300px}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.bundle-item{animation:slideInFromRight .3s ease-out}.custom-bundle-add-btn[aria-busy=true]{pointer-events:none;opacity:.7}.custom-bundle-add-btn[aria-busy=true] .btn-text:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}button[data-bundle-submit].success{--color-button-background: var(--color-success, rgb(34, 197, 94))}.product-form__error-message:not([hidden]){display:block;padding:var(--sp-3);margin-top:var(--sp-2)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-bundle-selector.css.map */