.bundle-builder{background:var(--color-bg);color:var(--color-text)}.bundle-builder__hero{text-align:center;padding:var(--space-8) var(--content-side-padding-mobile) var(--space-4)}.bundle-builder__eyebrow{font-family:var(--font-mono);font-size:var(--font-eyebrow);font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin:0 0 var(--space-3)}.bundle-builder__heading{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--font-sub-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.bundle-builder__lede{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:38rem;margin:0 auto;line-height:var(--leading-normal)}.bundle-builder__lede b{color:var(--color-primary);font-weight:var(--weight-regular)}.bundle-builder__body{display:grid;grid-template-columns:1fr 22rem;gap:var(--space-6);align-items:start;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-4) var(--content-side-padding) var(--space-9)}@media(max-width:960px){.bundle-builder__body{grid-template-columns:1fr;gap:0;padding:var(--space-4) var(--content-side-padding-mobile) var(--space-9)}}.bundle-builder__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:1100px){.bundle-builder__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.bundle-builder__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.bundle-builder__card{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.bundle-builder__media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-surface);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.bundle-builder__media:hover{border-color:var(--color-border-strong)}.bundle-builder__media:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.bundle-builder__card.is-in-set .bundle-builder__media{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.bundle-builder__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.bundle-builder__flag{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2;background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px var(--space-2);border-radius:3px;opacity:0;transform:scale(.9);transition:var(--duration-fast)}.bundle-builder__card.is-in-set .bundle-builder__flag{opacity:1;transform:scale(1)}.bundle-builder__name{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--font-card-title-desktop);line-height:var(--leading-tight);cursor:pointer}.bundle-builder__price{font-family:var(--font-primary);font-weight:var(--weight-medium);font-size:var(--font-product-price)}.bundle-builder__colors{display:flex;gap:var(--space-1);flex-wrap:wrap}.bundle-builder__dot{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:none;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--duration-fast)}.bundle-builder__dot:hover{border-color:var(--color-text-muted)}.bundle-builder__dot.is-selected{border-color:var(--color-primary)}.bundle-builder__dot-fill{width:20px;height:20px;border-radius:50%;border:.5px solid rgba(0,0,0,.1);display:block;background-color:var(--dot-color, #ccc);background-image:var(--dot-img, none);background-size:cover;background-position:center}@media(max-width:520px){.bundle-builder__colors{display:none}}.bundle-builder__incart{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-warm);border-radius:var(--radius-md);padding:5px 12px;margin-bottom:var(--space-2)}.bundle-builder__incart:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-primary);flex:0 0 auto}.bundle-builder__ci--incart{opacity:.75}.bundle-builder__ci-tag{align-self:center;flex:0 0 auto;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:999px;padding:1px 8px}.bundle-builder__add{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;border:none;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-family:var(--font-primary);font-size:var(--font-button-sm);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-tracking);text-transform:var(--font-button-transform);cursor:pointer;transition:background var(--duration-fast)}.bundle-builder__add:hover{background:var(--color-focus)}.bundle-builder__add.is-added{background:var(--color-bg-warm);color:var(--color-primary)}.bundle-builder__summary{position:sticky;top:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4)}.bundle-builder__summary-title{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--text-xl);margin:0 0 var(--space-1)}.bundle-builder__summary-sub{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.bundle-builder__tiers{display:flex;gap:var(--space-2);margin:0 0 var(--space-3)}.bundle-builder__tier{flex:1;padding:var(--space-2) var(--space-2) calc(var(--space-2) - 1px);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);text-align:left}.bundle-builder__tier.is-active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.bundle-builder__tier-count{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary)}.bundle-builder__tier-off{font-family:var(--font-primary);font-weight:var(--weight-medium);font-size:var(--text-md);margin-top:2px}.bundle-builder__tier.is-active .bundle-builder__tier-off{color:var(--color-primary)}.bundle-builder__status{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);min-height:1.2em;margin:0 0 var(--space-3);line-height:var(--leading-normal)}.bundle-builder__status b{color:var(--color-primary)}.bundle-builder__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-2);font-family:var(--font-primary)}.bundle-builder__total .k{font-size:var(--text-md)}.bundle-builder__was{color:var(--color-text-muted);text-decoration:line-through;font-size:var(--text-sm);margin-right:var(--space-2)}.bundle-builder__now{font-size:var(--text-xl);font-weight:var(--weight-light)}.bundle-builder__cta{width:100%;margin-top:var(--space-3);border:none;border-radius:var(--radius-full);padding:var(--space-3);font-family:var(--font-primary);font-size:var(--font-button);font-weight:var(--font-button-weight);letter-spacing:var(--font-button-tracking);text-transform:var(--font-button-transform);cursor:pointer;background:var(--color-text);color:var(--color-bg);transition:background var(--duration-fast)}.bundle-builder__cta:hover:not(:disabled){background:var(--color-focus)}.bundle-builder__cta:disabled{background:var(--color-bg-warm);color:var(--color-text-muted);cursor:not-allowed}.bundle-builder__empty{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--content-side-padding);text-align:center;color:var(--color-text-muted);font-family:var(--font-primary)}.bundle-builder__chosen{list-style:none;margin:0 0 var(--space-2);padding:0}.bundle-builder__ci{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.bundle-builder__ci img{width:44px;height:44px;flex:0 0 44px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg);border:1px solid var(--color-border)}.bundle-builder__ci-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.bundle-builder__ci-name{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--text-sm);line-height:var(--leading-tight)}.bundle-builder__ci-color{font-family:var(--font-primary);font-size:var(--text-2xs);color:var(--color-text-muted)}.bundle-builder__ci-price{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.bundle-builder__ci-was{text-decoration:line-through;color:var(--color-text-muted);font-weight:var(--weight-light);margin-right:var(--space-1);font-size:var(--text-2xs)}.bundle-builder__ci-remove{border:none;background:none;color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;padding:var(--space-1);flex:0 0 auto;border-radius:var(--radius-sm)}.bundle-builder__ci-remove:hover{color:var(--color-accent-red);background:var(--color-bg-warm)}.bundle-builder__savings{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-primary);margin:var(--space-2) 0}.bundle-builder__savings[hidden]{display:none}.bundle-builder__now s,.bundle-builder__cta s{opacity:.55;font-weight:var(--weight-light);text-decoration:line-through;margin-left:var(--space-1)}.bundle-qv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#27282380;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)}.bundle-qv.is-open{opacity:1;pointer-events:auto}.bundle-qv__panel{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:720px;max-height:88vh;overflow:auto;background:var(--color-bg);border-radius:var(--radius-md);box-shadow:0 24px 60px -24px #27282373;transform:translateY(10px);transition:transform var(--duration-normal)}.bundle-qv.is-open .bundle-qv__panel{transform:translateY(0)}@media(max-width:680px){.bundle-qv__panel{grid-template-columns:1fr}}.bundle-qv__media{aspect-ratio:1 / 1;background:var(--color-bg-surface);overflow:hidden}.bundle-qv__media img{width:100%;height:100%;object-fit:cover;display:block}.bundle-qv__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.bundle-qv__eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-primary);margin:0}.bundle-qv__title{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--text-xl);line-height:var(--leading-tight);margin:0}.bundle-qv__price{font-family:var(--font-primary);font-size:var(--font-product-price);font-weight:var(--weight-medium)}.bundle-qv__desc{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--font-description-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.bundle-qv__desc.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bundle-qv__more{align-self:flex-start;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.bundle-qv__more[hidden]{display:none}.bundle-qv__more:hover{color:var(--color-primary)}.bundle-qv__add{margin-top:var(--space-2)}.bundle-qv__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:18px;line-height:1;cursor:pointer;padding:0;min-width:0;min-height:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.bundle-qv__close:hover{background:var(--color-bg-warm);color:var(--color-primary)}.bundle-builder__cats{display:flex;flex-direction:column;gap:var(--space-7)}.bundle-builder__cat-head{display:flex;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.bundle-builder__cat-title{font-family:var(--font-primary);font-weight:var(--weight-light);font-size:var(--text-xl);line-height:var(--leading-tight);margin:0}.bundle-builder__cat-sub{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.bundle-builder__peek{display:none}@media(max-width:960px){.bundle-builder__summary{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;margin:0;padding:0;max-height:82vh;overflow:auto;border:1px solid var(--color-border-strong);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 -14px 40px -24px #27282380;transition:transform var(--duration-slow) cubic-bezier(.2,.8,.2,1)}.bundle-builder__summary.is-collapsed{transform:translateY(calc(100% - 68px))}.bundle-builder__peek{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-primary);color:var(--color-text)}.bundle-builder__peek-left{display:flex;flex-direction:column;flex:1;min-width:0}.bundle-builder__peek-title{font-size:var(--text-md);font-weight:var(--weight-light);color:var(--color-text)}.bundle-builder__peek-sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.bundle-builder__peek-total{font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-text)}.bundle-builder__peek-chev{flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid var(--color-text-muted);transition:transform var(--duration-normal)}.bundle-builder__summary:not(.is-collapsed) .bundle-builder__peek-chev{transform:rotate(180deg)}.bundle-builder__summary-inner{padding:0 var(--space-4) var(--space-4)}.bundle-builder__cats{padding-bottom:88px}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/bundle-builder.css.map */