.bundle-builder{position:relative;background:var(--bb-background, transparent);padding-top:var(--bb-padding-top);padding-bottom:var(--bb-padding-bottom);padding-left:var(--bb-padding-left);padding-right:var(--bb-padding-right)}.bundle-builder__inner{width:100%}.bundle-builder__heading .heading{display:block;text-align:var(--block-align-desktop, center)!important}.bundle-builder__text .text{display:block;text-align:var(--block-align-desktop, center)!important;color:var(--color-text-secondary, #6b7280)}.bundle-builder__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8, 32px);align-items:start}.bundle-builder__products{min-width:0}.bundle-builder__grid{display:grid;grid-template-columns:repeat(var(--bb-desktop-columns, 3),minmax(0,1fr));gap:var(--bb-card-gap, 16px)}.product-card__bundle-variants,.product-card__bundle-variants .select,.product-card__bundle-variants .select__trigger{width:100%}.product-card__bundle-variants .select__dropdown{z-index:100}.product-card__bundle-btn-wrapper,.product-card__bundle-btn-wrapper .btn{width:100%}.product-card__bundle-btn--remove,.product-card--bundle-mode.is-selected .product-card__bundle-btn--add{display:none}.product-card--bundle-mode.is-selected .product-card__bundle-btn--remove{display:flex}.product-card--bundle-mode .product-card__actions{flex-direction:column;gap:var(--space-1, 4px)}.bundle-builder__summary{position:sticky;top:var(--space-4, 16px)}.bundle-summary{display:flex;flex-direction:column;background:var(--color-bg-primary, #fff);border:1px solid var(--color-border-default, #e5e7eb);border-radius:var(--radius-md, 8px);padding:var(--space-5, 20px)}.bundle-summary__header{width:100%;margin-bottom:var(--space-2, 8px)}.bundle-summary__badge-text{display:block;width:100%;font-size:14px;font-weight:500;text-align:left;color:var(--color-foreground, #111);margin:0 0 var(--space-1, 4px)}.bundle-summary__title{font-size:16px;font-weight:500;text-align:left;margin:0}.bundle-summary__discount-info{display:block;width:100%;font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280);text-align:left;margin:0 0 var(--space-4, 16px);padding-bottom:var(--space-4, 16px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}.bundle-summary__items{min-height:80px;max-height:300px;overflow-y:auto;margin-bottom:var(--space-4, 16px)}.bundle-summary__empty{font-size:14px;color:var(--color-text-tertiary, #9ca3af);text-align:center;padding:var(--space-6, 24px) 0}.bundle-summary__item{display:flex;gap:var(--space-3, 12px);padding:var(--space-3, 12px) 0;border-bottom:1px solid var(--color-border-subtle, #f3f4f6);opacity:0;transform:translate(10px);animation:bundle-item-in .2s ease forwards;animation-delay:calc(var(--item-index, 0) * 50ms)}@keyframes bundle-item-in{to{opacity:1;transform:translate(0)}}.bundle-summary__item:last-child{border-bottom:none}.bundle-summary__item-media{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-sm, 4px);overflow:hidden;background-color:var(--color-fill-light, #f9fafb);text-decoration:none}.bundle-summary__item-image{width:100%;height:100%;object-fit:cover}.bundle-summary__item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-tertiary, #9ca3af)}.bundle-summary__item-placeholder [data-lucide]{width:20px;height:20px}.bundle-summary__item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1, 4px)}.bundle-summary__item-title-wrapper{display:block;overflow:hidden;text-decoration:none;max-width:100%}.bundle-summary__item-title{display:block}.bundle-summary__item-title-text{font-family:var(--font-body--family);font-size:13px;font-weight:500;color:var(--color-foreground, #111);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bundle-summary__item-title-wrapper:hover .bundle-summary__item-title-text{text-decoration:underline}.bundle-summary__item-price{display:flex;align-items:center;gap:var(--space-2, 8px);font-family:var(--font-body--family);font-size:13px;font-weight:500;color:var(--color-foreground, #111)}.bundle-summary__item-price--sale{color:var(--color-error, #ef4444)}.bundle-summary__item-price--compare{font-size:12px;color:var(--color-text-tertiary, #9ca3af);text-decoration:line-through}.bundle-summary__item-remove{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;color:var(--color-text-tertiary, #9ca3af);cursor:pointer;transition:opacity .15s ease}.bundle-summary__item-remove:hover{opacity:.7}.bundle-summary__item-remove [data-lucide]{width:16px;height:16px}.bundle-summary__progress{margin-bottom:var(--space-4, 16px)}.bundle-summary__progress-text{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-2, 8px)}.bundle-summary__progress-bar{height:6px;background:var(--color-bg-tertiary, #f3f4f6);border-radius:var(--radius-full, 9999px);overflow:hidden}.bundle-summary__progress-fill{height:100%;background:var(--color-primary, #111);border-radius:var(--radius-full, 9999px);transition:width .3s ease}.bundle-summary__savings{font-size:14px;font-weight:500;text-align:center;color:var(--color-foreground, #111);margin:0 0 var(--space-4, 16px)}.bundle-summary__total{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-4, 16px) 0;border-top:1px solid var(--color-border-default, #e5e7eb);margin-bottom:var(--space-4, 16px)}.bundle-summary__total-row{display:flex;align-items:center;justify-content:space-between}.bundle-summary__total-row--discount{color:var(--color-success, #16a34a)}.bundle-summary__total-row--final{padding-top:var(--space-2, 8px);border-top:1px solid var(--color-border-subtle, #f3f4f6);margin-top:var(--space-1, 4px)}.bundle-summary__total-label{font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.bundle-summary__total-row--final .bundle-summary__total-label{font-size:14px;font-weight:600;color:var(--color-foreground, #111)}.bundle-summary__total-subtotal,.bundle-summary__total-discount,.bundle-summary__total-value{font-size:14px;font-weight:500}.bundle-summary__total-row--final .bundle-summary__total-value{font-weight:600}.bundle-summary__add-btn-wrapper,.bundle-summary__add-btn-wrapper .btn{width:100%}.bundle-summary__add-btn:disabled{opacity:.5;cursor:not-allowed}.bundle-summary__perks{list-style:none;padding:0;margin:var(--space-4, 16px) 0 0}.bundle-summary__perk{display:flex;align-items:center;gap:var(--space-1, 4px);font-size:12px;color:var(--color-text-secondary, #6b7280);padding:var(--space-2, 8px) 0;font-weight:500}.bundle-summary__perk svg{width:16px;height:16px;color:var(--color-success, #16a34a);flex-shrink:0}.bundle-builder__mobile-bar{display:none;position:sticky;bottom:0;left:0;right:0;z-index:100;background:var(--color-bg-primary, #fff);border:1px solid var(--color-border-default, #e5e7eb);border-bottom:none;border-radius:var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;padding:var(--space-4, 16px);margin-left:calc(-1 * var(--bb-padding-left, 0px));margin-right:calc(-1 * var(--bb-padding-right, 0px));width:calc(100% + var(--bb-padding-left, 0px) + var(--bb-padding-right, 0px));transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.bundle-builder__mobile-bar.is-hidden{height:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;border:none}.bundle-mobile-bar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2, 8px)}.bundle-mobile-bar__title{font-size:16px;font-weight:600;color:var(--color-text-primary, #111)}.bundle-mobile-bar__progress{font-size:13px;color:var(--color-text-secondary, #6b7280)}.bundle-mobile-bar__badge-text{font-size:14px;font-weight:500;text-align:left;color:var(--color-foreground, #111);margin:0 0 var(--space-3, 12px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}.bundle-mobile-bar__footer{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.bundle-mobile-bar__totals{flex:1;display:flex;flex-direction:column;gap:var(--space-1, 4px)}.bundle-mobile-bar__total-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-2, 8px)}.bundle-mobile-bar__total-label{font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.bundle-mobile-bar__subtotal{font-size:14px;font-weight:500}.bundle-mobile-bar__total-row--discount{color:var(--color-success, #16a34a)}.bundle-mobile-bar__discount{font-size:14px;font-weight:500}.bundle-mobile-bar__total-row--final .bundle-mobile-bar__total-label{font-size:14px;font-weight:600;color:var(--color-foreground, #111)}.bundle-mobile-bar__total{font-size:14px;font-weight:600}.bundle-mobile-bar__btn{flex-shrink:0}.bundle-builder__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.bundle-builder__drawer.is-open{pointer-events:auto;opacity:1}.bundle-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bundle-drawer__content{position:absolute;bottom:var(--space-4, 16px);left:var(--space-4, 16px);right:var(--space-4, 16px);max-height:calc(85vh - var(--space-8, 32px));background:var(--color-bg-primary, #fff);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;transform:translateY(calc(100% + var(--space-4, 16px)));transition:transform .3s ease;box-shadow:0 8px 32px #00000026}.bundle-builder__drawer.is-open .bundle-drawer__content{transform:translateY(0)}.bundle-drawer__header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--space-4, 16px);padding-right:var(--space-4, 16px);padding-top:var(--space-3, 12px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}.bundle-drawer__title{font-size:16px;font-weight:500;margin:0}.bundle-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-secondary, #6b7280);cursor:pointer;border-radius:var(--radius-md, 8px)}.bundle-drawer__close:hover{background:var(--color-bg-secondary, #f9fafb)}.bundle-drawer__close svg{width:20px;height:20px}.bundle-drawer__badge-row{display:flex;flex-direction:column;align-items:left;gap:var(--space-1, 4px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-bg-secondary, #f9fafb)}.bundle-drawer__discount-text{font-size:12px;font-weight:500;color:var(--color-text-secondary, #6b7280);text-align:left}.bundle-drawer__items{flex:1;overflow-y:auto;padding:var(--space-4, 16px)}.bundle-drawer__footer{padding:var(--space-4, 16px);border-top:1px solid var(--color-border-default, #e5e7eb);background:var(--color-bg-primary, #fff)}.bundle-drawer__progress{font-size:13px;color:var(--color-text-secondary, #6b7280);margin-bottom:var(--space-3, 12px);font-weight:500}.bundle-drawer__perks{margin:0 0 var(--space-3, 12px);padding-bottom:var(--space-3, 12px);border-bottom:1px solid var(--color-border-default, #e5e7eb)}.bundle-drawer__totals{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.bundle-drawer__total-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:var(--color-text-secondary, #6b7280)}.bundle-drawer__total-row--discount{color:var(--color-success, #16a34a)}.bundle-drawer__total-row--final{font-size:14px;font-weight:600;color:var(--color-foreground, #111)}.bundle-drawer__add-btn{width:100%}@media (max-width: 1024px){.bundle-builder__layout{grid-template-columns:1fr}.bundle-builder__summary{display:none}.bundle-builder__mobile-bar{display:block}}@media (max-width: 768px){.bundle-builder__grid{grid-template-columns:repeat(var(--bb-mobile-columns, 2),minmax(0,1fr))}.bundle-builder__heading .heading,.bundle-builder__text .text{text-align:var(--block-align-mobile, center)!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/bundle-builder.css.map */