.bundle-builder{--bb-pink: #F19CC2;--bb-pink-soft: #FCE7F0;--bb-blue: #323988;--bb-blue-soft: #EDEFF7;--bb-success: #149100;--bb-success-soft: #E6F4E6;--bb-text: #121212;--bb-muted: #6b6b6b;--bb-border: #e6e6e6;--bb-radius-card: 16px;--bb-radius-btn: 12px;--bb-shadow-card: 0 2px 12px rgba(0, 0, 0, .04);--bb-shadow-summary: 0 6px 24px rgba(50, 57, 136, .08);padding-top:32px;padding-bottom:64px}@media(min-width:750px){.bundle-builder{padding-top:48px;padding-bottom:80px}}[x-cloak]{display:none!important}.bundle-builder__header{text-align:center;margin-bottom:40px}.bundle-builder__eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-pink);margin:0 0 6px}.bundle-builder__title{font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.1;color:var(--bb-blue);margin:0 0 12px}.bundle-builder__subheading{font-size:16px;line-height:1.5;color:var(--bb-muted);max-width:560px;margin:0 auto}.bundle-builder__subheading p{margin:0}.bundle-builder__progress{margin:24px auto 36px;max-width:900px}.bundle-builder__progress-track{position:relative;height:14px;background:var(--bb-blue-soft);border-radius:999px;overflow:visible;display:block!important}.bundle-builder__progress-fill{position:absolute;inset:0 auto 0 0;background:var(--bb-pink);border-radius:999px;transition:width .28s cubic-bezier(.4,0,.2,1);display:block!important}.bundle-builder__progress-marker{position:absolute;top:-28px;transform:translate(-50%);display:flex!important;flex-direction:column;align-items:center;gap:4px;z-index:2}.bundle-builder__progress-marker:after{content:"";display:block;width:2px;height:20px;background:var(--bb-blue);opacity:.4;border-radius:1px}.bundle-builder__progress-marker-label{position:relative;z-index:1;font-size:12px;font-weight:700;color:var(--bb-blue);background:#fff;padding:2px 8px;border:1.5px solid var(--bb-blue);border-radius:999px;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.bundle-builder__progress-marker-check{position:absolute;top:-6px;right:-8px;transform:scale(0);transform-origin:center;width:18px;height:18px;border-radius:50%;background:var(--bb-success);display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease;z-index:3;box-shadow:0 1px 4px #14910059,0 0 0 2px #fff;pointer-events:none}.bundle-builder__progress-marker-check svg{width:11px;height:11px;display:block}.bundle-builder__progress-marker--reached .bundle-builder__progress-marker-check{transform:scale(1);opacity:1}.bundle-builder__progress-marker--reached .bundle-builder__progress-marker-label{border-color:var(--bb-success);background:var(--bb-success-soft);color:var(--bb-success)}.bundle-builder__progress-marker--reached:after{background:var(--bb-success);opacity:.7}.bundle-builder__progress-text{text-align:center;font-size:15px;font-weight:500;color:var(--bb-text);margin:20px 0 0;min-height:22px}.bundle-builder__progress-text strong{color:var(--bb-blue);font-weight:800}.bundle-builder__layout{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:990px){.bundle-builder__layout{grid-template-columns:1fr 380px;align-items:flex-start;gap:32px}}.bundle-builder__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:750px){.bundle-builder__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:990px){.bundle-builder__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.bundle-builder__grid{grid-template-columns:repeat(3,1fr)}}.bundle-card .card{cursor:default;display:flex;flex-direction:column;height:100%}.bundle-card .card__content{display:flex;flex-direction:column;flex:1 1 auto}.bundle-card .card__information{flex:1 1 auto}.bundle-card .card__heading{pointer-events:none;min-height:2.6em}.bundle-card .card-information{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;margin-top:auto}.bundle-card .card__inner.ratio,.bundle-card .ratio{--ratio-percent: 100% !important;aspect-ratio:1 / 1}.bundle-card .card__media{width:100%;height:100%}.bundle-card .card__media img{width:100%;height:100%;object-fit:cover;object-position:center}.bundle-card{--influencer-avatar-size: 28px}.bundle-card .influencer-badge--callout{padding:4px 12px 4px 4px;gap:8px}.bundle-card .influencer-badge--callout .influencer-badge__label{font-size:1.15rem;line-height:1.25}.bundle-card--in-box .card{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--bb-blue),0 6px 20px #3239881f;border-radius:var(--bb-radius-card, 16px)}.bundle-card--unavailable{opacity:.55;pointer-events:none}.bundle-card .card__inner{border-radius:var(--bb-radius-card, 16px) var(--bb-radius-card, 16px) 0 0;overflow:hidden}.bundle-card__variant{display:inline;font-weight:500;color:var(--bb-muted);white-space:nowrap}.bundle-card__cta{margin-top:12px}.bundle-card__add{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bb-blue);color:#fff;border:none;border-radius:var(--bb-radius-btn);padding:10px 12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.bundle-card__add:hover:not(:disabled){background:#232a73}.bundle-card__add:active:not(:disabled){transform:scale(.98)}.bundle-card__add:disabled,.bundle-card__add--disabled{background:#d3d3d3;cursor:not-allowed}.bundle-card__qty{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;background:var(--bb-blue);border-radius:var(--bb-radius-btn);overflow:hidden}.bundle-card__qty-btn{background:transparent;border:none;color:#fff;font-size:20px;font-weight:700;height:40px;cursor:pointer;transition:background .15s ease}.bundle-card__qty-btn:hover:not(:disabled){background:#0000001a}.bundle-card__qty-btn:disabled{opacity:.4;cursor:not-allowed}.bundle-card__qty-val{text-align:center;font-size:15px;font-weight:800;color:#fff}.bundle-builder__summary{position:relative}@media(min-width:990px){.bundle-builder__summary{position:sticky;top:24px}}.bundle-builder__summary-inner{background:#fff;border:1px solid var(--bb-border);border-radius:20px;padding:20px;box-shadow:var(--bb-shadow-summary)}@media(min-width:750px){.bundle-builder__summary-inner{padding:24px}}.bundle-builder__summary-title{font-size:20px;font-weight:800;color:var(--bb-blue);margin:0 0 16px}.bundle-builder__summary-counter{display:flex;align-items:baseline;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--bb-border);margin-bottom:16px}.bundle-builder__summary-counter-num{font-size:36px;font-weight:800;color:var(--bb-pink);line-height:1}.bundle-builder__summary-counter-label{font-size:14px;font-weight:500;color:var(--bb-muted)}.bundle-builder__summary-tier{padding:10px 14px;border-radius:12px;margin-bottom:16px;font-size:14px;text-align:center;background:var(--bb-blue-soft);color:var(--bb-blue)}.bundle-builder__summary-tier strong{font-weight:800}.bundle-builder__summary-tier--none{background:#f5f5f5;color:var(--bb-muted)}.bundle-builder__summary-tier--light{background:var(--bb-pink-soft);color:var(--bb-blue)}.bundle-builder__summary-tier--standard{background:linear-gradient(90deg,var(--bb-pink-soft),var(--bb-blue-soft));color:var(--bb-blue)}.bundle-builder__summary-tier--heavy{background:linear-gradient(90deg,var(--bb-pink),var(--bb-blue));color:#fff}.bundle-builder__summary-list{list-style:none;padding:0;margin:0 0 16px;max-height:240px;overflow-y:auto}.bundle-builder__summary-item{display:grid;grid-template-columns:40px auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--bb-border);font-size:14px}.bundle-builder__summary-item:last-child{border-bottom:none}.bundle-builder__summary-item-media{width:40px;height:40px;border-radius:8px;overflow:hidden;background:var(--bb-blue-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bundle-builder__summary-item-media img{width:100%;height:100%;object-fit:cover;display:block}.bundle-builder__summary-item-qty{font-weight:700;color:var(--bb-blue);font-variant-numeric:tabular-nums;white-space:nowrap}.bundle-builder__summary-item-name{font-size:14px;color:var(--bb-text);line-height:1.3;overflow:hidden;text-overflow:ellipsis}.bundle-builder__summary-remove{background:transparent;border:none;width:24px;height:24px;border-radius:50%;color:#32398866;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease;padding:0}.bundle-builder__summary-remove:hover,.bundle-builder__summary-remove:focus-visible{background:#e8212114;color:#e82121;outline:none}.bundle-builder__summary-remove svg{display:block}.bundle-builder__summary-empty{text-align:center;padding:24px 8px;background:var(--bb-blue-soft);border-radius:12px;margin-bottom:16px}.bundle-builder__summary-empty p{font-size:13px;color:var(--bb-muted);margin:0;line-height:1.5}.bundle-builder__summary-totals{margin-bottom:16px}.bundle-builder__summary-line{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px;color:var(--bb-text)}.bundle-builder__summary-line--discount{color:var(--bb-success);font-weight:600}.bundle-builder__summary-line--shipping{font-size:14px}.bundle-builder__summary-free{color:var(--bb-success);font-weight:700}.bundle-builder__summary-shipping-hint{margin:4px 0 0;font-size:12px;color:var(--bb-muted);text-align:right;line-height:1.35}.bundle-builder__summary-shipping-hint strong{color:var(--bb-blue);font-weight:700}.bundle-builder__summary-line--total{margin-top:8px;padding-top:12px;border-top:1.5px solid var(--bb-border);font-size:18px;font-weight:800;color:var(--bb-blue)}.bundle-builder__summary-interval{text-align:right;font-size:12px;color:var(--bb-muted);margin:4px 0 0}.bundle-builder__yearly-anchor{--bb-anchor-green: #149100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;background:color-mix(in srgb,var(--bb-anchor-green) 12%,white);border:1px solid color-mix(in srgb,var(--bb-anchor-green) 28%,white);border-radius:10px;color:var(--bb-blue)}.bundle-builder__yearly-anchor-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--bb-anchor-green);color:#fff;flex-shrink:0}.bundle-builder__yearly-anchor-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.bundle-builder__yearly-anchor-label{font-size:13px;font-weight:700;color:var(--bb-blue)}.bundle-builder__yearly-anchor-sublabel{font-size:11px;font-weight:500;color:var(--bb-muted)}.bundle-builder__yearly-anchor-value{font-size:16px;font-weight:800;color:var(--bb-anchor-green);white-space:nowrap;letter-spacing:.01em}.bundle-builder__atc{width:100%;background:var(--bb-blue);color:#fff;border:none;border-radius:var(--bb-radius-btn);padding:16px 20px;font-size:16px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;position:relative}.bundle-builder__atc.is-unlocked{background:var(--bb-blue)}.bundle-builder__atc:hover:not(:disabled){background:#2a3075;transform:translateY(-1px);box-shadow:0 6px 16px #32398840}.bundle-builder__atc:active:not(:disabled){transform:translateY(0)}.bundle-builder__atc:disabled,.bundle-builder__atc.is-locked{background:#d3d3d3;cursor:not-allowed;color:#888;box-shadow:none}.bundle-builder__atc.is-just-unlocked{animation:bundle-cta-unlock-pulse .85s cubic-bezier(.34,1.56,.64,1)}.bundle-builder__atc-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bb-spin .6s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}@keyframes bundle-cta-unlock-pulse{0%{transform:scale(1);box-shadow:0 0 #f19cc2a6;background:var(--bb-pink)}25%{transform:scale(1.06);box-shadow:0 0 0 8px #f19cc273;background:var(--bb-pink)}55%{transform:scale(.98);box-shadow:0 0 0 22px #f19cc200;background:var(--bb-blue)}to{transform:scale(1);box-shadow:0 0 #f19cc200;background:var(--bb-blue)}}.bundle-builder__atc-meta{display:flex;align-items:flex-start;justify-content:center;gap:6px;font-size:12px;color:var(--bb-muted);text-align:center;margin:12px 0 0;line-height:1.5}.bundle-builder__atc-meta svg{flex-shrink:0;margin-top:2px;color:var(--bb-blue)}.bundle-builder__usps{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.bundle-builder__usp{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--bb-text);line-height:1.3}.bundle-builder__usp-icon{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--bb-blue);font-size:14px;line-height:1}.bundle-builder__usp-icon svg{width:16px;height:16px;display:block}.bundle-builder__usp-text{flex:1 1 auto;min-width:0}.bundle-builder__error{margin-top:12px;padding:10px 12px;background:#fff0ee;border-left:3px solid var(--mt-sale-red, #c0392b);border-radius:6px;font-size:13px;color:var(--mt-sale-red, #c0392b)}.bundle-builder__error p{margin:0}.bundle-builder__mobile-bar{display:none}@media(max-width:989px){.bundle-builder__summary{position:static;margin:24px 0 0;background:none;padding:0}.bundle-builder__summary-inner{box-shadow:var(--bb-shadow-summary)}.bundle-builder__summary-list{max-height:none}.bundle-builder__summary .bundle-builder__atc{display:none}.bundle-builder__mobile-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom)) 14px;background:#fff;border-top:1px solid var(--bb-border);box-shadow:0 -8px 22px #00000014}.bundle-builder__mobile-bar-progress{margin:4px 0 14px;padding:0 6px}.bundle-builder__mobile-bar-progress-track{position:relative;height:4px;background:var(--bb-blue-soft);border-radius:999px}.bundle-builder__mobile-bar-progress-fill{display:block!important;position:absolute;inset:0 auto 0 0;background:var(--bb-pink);border-radius:999px;transition:width .24s cubic-bezier(.4,0,.2,1)}.bundle-builder__mobile-bar-progress-mark{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;background:#fff;border:1px solid var(--bb-border);color:var(--bb-muted);white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.bundle-builder__mobile-bar-progress-mark.is-reached{background:var(--bb-success-soft, #E6F4E6);border-color:var(--bb-success, #149100);color:var(--bb-success, #149100)}.bundle-builder__mobile-bar-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;align-items:start}.bundle-builder__mobile-bar-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-width:0}.bundle-builder__mobile-bar-side{display:flex;flex-direction:column;gap:8px;min-width:0}.bundle-builder__mobile-bar-cta-row{display:flex;width:100%}.bundle-builder__mobile-bar-cta-row .bundle-builder__mobile-bar-cta{width:100%;min-width:0}.bundle-builder__mobile-bar-usps{display:block;margin:0}.bundle-builder__mobile-bar-usps .bundle-builder__usps{margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.bundle-builder__mobile-bar-usps .bundle-builder__usp{font-size:11px;line-height:1.25;color:var(--bb-muted);display:flex;align-items:center;gap:5px}.bundle-builder__mobile-bar-usps .bundle-builder__usp:nth-child(n+3){display:none}.bundle-builder__mobile-bar-usps .bundle-builder__usp-icon,.bundle-builder__mobile-bar-usps .bundle-builder__usp svg{width:12px;height:12px;flex-shrink:0}.bundle-builder__mobile-bar-slot{position:relative;aspect-ratio:1 / 1;border-radius:8px;background:var(--bb-blue-soft);border:1px dashed transparent;display:flex;align-items:center;justify-content:center;overflow:visible;transition:background .15s ease}.bundle-builder__mobile-bar-slot.is-filled{overflow:visible}.bundle-builder__mobile-bar-slot.is-filled img{border-radius:6px}.bundle-builder__mobile-bar-slot-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;border:1.5px solid white;border-radius:50%;background:var(--bb-blue, #1a1a40);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 1px 3px #0000002e;transition:transform .1s ease,background .15s ease}.bundle-builder__mobile-bar-slot-remove svg{width:9px;height:9px;display:block}.bundle-builder__mobile-bar-slot-remove:active{transform:scale(.9)}.bundle-builder__mobile-bar-slot:not(.is-filled){background:transparent;border:1px dashed var(--bb-border)}.bundle-builder__mobile-bar-slot img{width:100%;height:100%;object-fit:cover;display:block}.bundle-builder__mobile-bar-slot-empty{width:6px;height:6px;border-radius:50%;background:var(--bb-border)}.bundle-builder__mobile-bar-cta{flex-shrink:0;background:var(--bb-blue);color:#fff;border:none;border-radius:var(--bb-radius-btn, 12px);padding:10px 14px;font-size:13px;font-weight:800;line-height:1.1;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,transform .1s ease;text-align:center;overflow-wrap:anywhere}.bundle-builder__mobile-bar-cta:disabled,.bundle-builder__mobile-bar-cta.is-locked{background:#c9cad6;color:#fff;cursor:not-allowed;box-shadow:none}.bundle-builder__mobile-bar-cta.is-unlocked{background:var(--bb-blue)}.bundle-builder__mobile-bar-cta:not(:disabled):active{transform:scale(.97)}.bundle-builder__mobile-bar-cta.is-just-unlocked{animation:bundle-cta-unlock-pulse .85s cubic-bezier(.34,1.56,.64,1)}.bundle-builder__progress{margin-bottom:20px}.bundle-builder{padding-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-bundle-builder.css.map */