@layer components{.bundle-builder{padding-block:var(--section-y)}.bundle-builder__container{display:flex;flex-direction:column;gap:var(--space-6)}.bundle-builder__header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.bundle-builder__eyebrow{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent);font-weight:var(--font-weight-semibold)}.bundle-builder__heading{margin:0;font-size:calc(var(--text-3xl) * var(--heading-size-scale))}@media(min-width:750px){.bundle-builder__heading{font-size:calc(var(--text-5xl) * var(--heading-size-scale))}}.bundle-builder__subtext{margin:0;color:var(--color-text-muted);font-size:var(--text-base);max-width:540px}.bundle-builder__same-day{margin:0;color:var(--color-success);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.bundle-builder__no-js{background:var(--color-warning);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-align:center}.bundle-builder__progress{position:sticky;top:var(--header-height, 64px);z-index:10;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}@media(min-width:750px){.bundle-builder__progress{flex-direction:row;align-items:center;gap:var(--space-4)}}.bundle-builder__progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden;position:relative}.bundle-builder__progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--progress, 0%);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));transition:width var(--duration-base) var(--ease-out)}.bundle-builder__progress-label{margin:0;font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-weight-semibold);white-space:nowrap}.bundle-builder__add-btn{flex-shrink:0;min-width:200px}.bundle-builder__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:990px){.bundle-builder__layout{grid-template-columns:280px 1fr}.bundle-builder__layout:not(:has(.bundle-builder__filters)){grid-template-columns:1fr}}.bundle-builder__filters{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.bundle-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:750px){.bundle-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media(min-width:990px){.bundle-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bundle-builder__item{display:flex}.bundle-builder__item.is-disabled{opacity:.5;pointer-events:none}.bundle-builder__item.is-disabled [data-bundle-toggle]{pointer-events:auto}.bundle-builder__card{display:flex;flex-direction:column;width:100%;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.bundle-builder__item.is-selected .bundle-builder__card{border-color:var(--color-cta)}.bundle-builder__card-media{position:relative;aspect-ratio:1 / 1;background:var(--color-surface-elevated);overflow:hidden}.bundle-builder__card-image{width:100%;height:100%;object-fit:cover}.bundle-builder__card-image--placeholder{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface))}.bundle-builder__card-tick{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);display:none;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-cta);color:var(--color-cta-fg);border-radius:50%;box-shadow:var(--shadow-md)}.bundle-builder__item.is-selected .bundle-builder__card-tick{display:inline-flex}.bundle-builder__card-body{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);flex:1}.bundle-builder__card-brand{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-weight-semibold)}.bundle-builder__card-title{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bundle-builder__card-price{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-top:auto}.bundle-builder__card-toggle{margin:var(--space-2) var(--space-3) var(--space-3);width:calc(100% - var(--space-6));min-height:40px;font-size:var(--text-sm);align-self:stretch}.bundle-builder__item.is-selected .bundle-builder__card-toggle{background:var(--color-cta);color:var(--color-cta-fg);border-color:var(--color-cta)}.bundle-builder__slots{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}@media(min-width:990px){.bundle-builder__slots{position:sticky;bottom:var(--space-4)}}.bundle-builder__slots-heading{margin:0 0 var(--space-3);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.bundle-builder__slot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin:0;padding:0;list-style:none}@media(min-width:750px){.bundle-builder__slot-list{grid-template-columns:repeat(4,1fr)}}.bundle-builder__slot{display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-subtle)}.bundle-builder__slot[data-empty=false]{border-style:solid;border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.bundle-builder__slot-empty{font-weight:var(--font-weight-bold);font-size:var(--text-xl)}.bundle-builder__slot-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.bundle-builder__slot-title{font-size:var(--text-xs);line-height:1.3;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bundle-builder__slot-remove{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:0;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.bundle-builder__slot-remove:hover{color:var(--color-danger);background:#ef44441a}.bundle-builder__paginate{display:flex;justify-content:center;margin-block-start:var(--space-6)}.bundle-builder__empty{padding:var(--space-12);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;color:var(--color-text-muted)}}@layer components{.bundle-builder__main{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:990px){.bundle-builder__main{grid-template-columns:1fr 360px}}.bundle-builder__component{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-bundle-builder.css.map */