.bundle-builder{padding-top:40px;padding-bottom:40px}.bundle-builder__heading{font-size:24px;font-weight:700;margin:0 0 6px;text-align:center}.bundle-builder__subheading{font-size:14px;color:#666;text-align:center;margin:0 0 24px}.bundle-builder__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}@media(max-width:989px){.bundle-builder__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:749px){.bundle-builder__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.bundle-item.card{display:flex;flex-direction:column;background:rgb(var(--color-background, 255 255 255));border:1px solid rgba(var(--color-foreground, 0 0 0),.08);border-radius:var(--card-corner-radius, 10px);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.bundle-item.card:hover{box-shadow:var(--card-hover-shadow, 0 8px 20px rgba(0, 0, 0, .08));transform:translateY(-2px)}.bundle-item.card.is-selected{border-color:rgb(var(--color-button, 152 103 255));box-shadow:0 0 0 2px rgb(var(--color-button, 152 103 255))}.bundle-item__media.card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:rgb(var(--color-background, 245 245 245));overflow:hidden}.bundle-item__media.card__media img{width:100%;height:100%;object-fit:cover;display:block}.bundle-item__content.card__content{display:flex;flex-direction:column;flex:1;gap:6px;padding:12px}.bundle-item__title{font-size:13px;font-weight:600;line-height:1.4;margin:0;color:rgb(var(--color-foreground, 17 17 17));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bundle-item__price{font-size:14px;font-weight:700;color:rgb(var(--color-foreground, 17 17 17))}.bundle-item__add-button{margin-top:auto;width:100%;padding:8px 10px;border-radius:999px;border:1px solid rgb(var(--color-button, 152 103 255));background:rgb(var(--color-button, 152 103 255));color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease}.bundle-item__add-button:hover,.bundle-item.is-selected .bundle-item__add-button{background:rgb(var(--color-button, 152 103 255));color:#fff}.bundle-summary{max-width:480px;margin:0 auto;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:18px;background:#fafafa}.bundle-summary__list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bundle-summary__empty{font-size:13px;color:#888;text-align:center;margin:0}.bundle-summary__row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid #eee}.bundle-summary__row button{background:none;border:none;color:#999;font-size:16px;cursor:pointer;margin-left:8px;line-height:1}.bundle-summary__row button:hover{color:#e0273f}.bundle-summary__progress{margin:12px 0}.bundle-summary__progress-bar{width:100%;height:8px;border-radius:999px;background:#e8e8e8;overflow:hidden}.bundle-summary__progress-fill{height:100%;width:0%;background:rgb(var(--color-button, 152 103 255));transition:width .3s ease}.bundle-summary__progress-text{font-size:12px;color:#666;margin:6px 0 0;text-align:center}.bundle-summary__totals{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px}.bundle-summary__discount-note{font-size:13px;font-weight:600;color:#2a8a3e;text-align:center;margin:0 0 12px}.bundle-summary__cta{width:100%;height:46px;border:none;border-radius:999px;background:rgb(var(--color-button, 152 103 255));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.2s ease}.bundle-summary__cta:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.bundle-summary__cta:disabled{opacity:.5;cursor:default}.bundle-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:#111;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;opacity:0;transition:.25s ease;z-index:10001}.bundle-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.bundle-summary__row{border-bottom:1px solid #ccc}.bundle-item__content.card__content{min-height:auto!important}.bundle-builder *{font-family:DM Sans,sans-serif;font-weight:400;font-size:16px}button.button.bundle-summary__cta:after{display:none}h2.bundle-builder__heading{font-weight:700;font-size:30px;margin-bottom:30px}@media screen and (max-width:768px){h2.bundle-builder__heading{font-size:20px}.bundle-builder *{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-bundle-builder.css.map */