:root{--bb-pink: #ec28b3;--bb-ink: #1a1a1a;--bb-page: #f0f0f0;--bb-white: #fff;--bb-sub: #6b6b6b;--bb-hair: rgba(26, 26, 26, .12);--bb-font: "DIN Next", "DIN Next LT Pro", system-ui, -apple-system, sans-serif;--bb-anim-fast: .2s ease-in-out;--bb-anim-prog: .5s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion){:root{--bb-anim-fast: 0s;--bb-anim-prog: 0s}}body.template-collection-bundle-builder{background-color:var(--bb-page);color:var(--bb-ink);font-family:var(--bb-font)}.bundle-header{padding:40px 0 20px}.bundle-header__content{display:flex;flex-direction:column;gap:16px;max-width:1400px;margin:0 auto;padding:0 24px}@media(min-width:990px){.bundle-header__content{flex-direction:row;align-items:flex-end;justify-content:space-between}}.bundle-header__heading{margin:0 0 8px;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em}.bundle-header__offer-text{font-size:clamp(16px,2vw,18px);color:var(--bb-sub)}.bundle-header__meta-area{font-size:13px;color:var(--bb-sub)}.bundle-step-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bb-ink);color:var(--bb-page);border-radius:50%;font-weight:700;font-size:12px;margin-right:12px}.bundle-size-picker{position:relative}.bundle-size-picker__inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:12px 24px 8px;max-width:1400px;margin:0 auto}@media(min-width:990px){.bundle-size-picker__inner{flex-direction:row;align-items:center;padding:16px 24px 8px;gap:24px}}.bundle-size-picker__step-label{display:flex;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}@media(min-width:990px){.bundle-size-picker__step-label{min-width:160px}}.bundle-size-picker__chips{display:flex;gap:12px}.bundle-size-picker__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:8px;background:var(--bb-white);border:1px solid var(--bb-hair);color:var(--bb-ink);cursor:pointer;transition:all var(--bb-anim-fast)}.bundle-size-picker__chip:hover{border-color:var(--bb-ink)}.bundle-size-picker__chip[aria-checked=true]{background:var(--bb-ink);color:var(--bb-white);border-color:var(--bb-ink)}.bundle-size-picker__chip-label{font-size:18px;font-weight:700;line-height:1;margin-bottom:4px}.bundle-size-picker__chip-measurement{font-size:11px;color:var(--bb-sub)}.bundle-size-picker__chip[aria-checked=true] .bundle-size-picker__chip-measurement{color:#ffffffb3}.bundle-size-picker__footer{font-size:13px;color:var(--bb-sub)}.bundle-size-picker__guide-link{color:var(--bb-ink);text-decoration:underline;text-underline-offset:4px}.bundle-variant-grid__container{max-width:1400px;margin:0 auto;padding:0 24px 120px;display:flex;flex-direction:column;gap:24px}@media(min-width:990px){.bundle-variant-grid__container.page-width{padding-left:20px;padding-right:20px}}.bundle-filter-rail{display:flex;flex-direction:column;gap:16px;padding:8px 0 12px;position:sticky;top:40px;z-index:1;background:var(--bb-page);align-self:flex-start;width:100%}@media(min-width:990px){.bundle-filter-rail{top:80px}}.bundle-filter-rail:before,.bundle-filter-rail:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;opacity:0;transition:opacity var(--bb-anim-fast);z-index:2}.bundle-filter-rail:before{left:0;background:linear-gradient(to right,var(--bb-page) 20%,transparent)}.bundle-filter-rail.has-scroll-left:before{opacity:1}.bundle-filter-rail:after{right:0;background:linear-gradient(to left,var(--bb-page) 20%,transparent)}.bundle-filter-rail.has-scroll-right:after{opacity:1}@media(min-width:990px){.bundle-filter-rail{flex-direction:row;align-items:center;padding:12px 0}.bundle-filter-rail:before{left:176px}}.bundle-filter-rail__header{display:flex;flex-direction:column}@media(min-width:990px){.bundle-filter-rail__header{min-width:160px}}.bundle-filter-rail__step{display:flex;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.bundle-filter-rail__chips{display:flex;gap:12px;overflow-x:auto;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.bundle-filter-rail__chips::-webkit-scrollbar{display:none}.bundle-filter-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--bb-hair);border-radius:60px;background:var(--bb-white);font-size:13px;cursor:pointer;white-space:nowrap;transition:all var(--bb-anim-fast)}.bundle-filter-chip[aria-pressed=true]{background:var(--bb-ink);color:var(--bb-white);border-color:var(--bb-ink)}.bundle-filter-chip__swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgba(26,26,26,.18);background-size:cover;background-position:center}.bundle-variant-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 2),minmax(0,1fr));gap:16px}@media(min-width:990px){.bundle-variant-grid{grid-template-columns:repeat(var(--columns-desktop, 5),minmax(0,1fr));gap:20px}}.bb-tile{display:flex;flex-direction:column;background:transparent;border:none;padding:0;text-align:left;cursor:pointer;outline:none}.bb-tile:focus-visible .bb-tile__image-wrapper{box-shadow:0 0 0 2px var(--bb-ink)}.bb-tile:hover .bb-tile__shape{text-decoration:underline}.bb-tile__image-wrapper{position:relative;width:100%;aspect-ratio:4 / 5;background:var(--bb-white);border-radius:24px;box-shadow:inset 0 0 0 1px var(--bb-hair);overflow:hidden;margin-bottom:12px;transition:box-shadow var(--bb-anim-fast)}.bb-tile[aria-pressed=true] .bb-tile__image-wrapper{box-shadow:inset 0 0 0 3px var(--bb-pink)}.bb-tile__badge{position:absolute;top:12px;left:12px;background:var(--bb-pink);color:var(--bb-white);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all var(--bb-anim-fast);font-size:12px;font-weight:700}.bb-tile[aria-pressed=true] .bb-tile__badge{opacity:1;transform:scale(1)}.bb-tile__badge svg{display:block}.bb-tile__badge-count{display:none}.bb-tile[data-qty="2"] .bb-tile__badge svg,.bb-tile[data-qty="3"] .bb-tile__badge svg,.bb-tile[data-qty="4"] .bb-tile__badge svg,.bb-tile[data-qty="5"] .bb-tile__badge svg,.bb-tile[data-qty="6"] .bb-tile__badge svg{display:none}.bb-tile[data-qty="2"] .bb-tile__badge-count,.bb-tile[data-qty="3"] .bb-tile__badge-count,.bb-tile[data-qty="4"] .bb-tile__badge-count,.bb-tile[data-qty="5"] .bb-tile__badge-count,.bb-tile[data-qty="6"] .bb-tile__badge-count{display:block}.bb-tile__image{width:100%;height:100%;object-fit:cover}.bb-tile__info{display:flex;flex-direction:column;margin-bottom:12px;min-height:44px}.bb-tile__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.bb-tile__shape{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-tile__price{font-weight:700;font-size:15px}.bb-tile__colour{font-size:13px;color:var(--bb-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-tile__control{height:38px;border-radius:19px;background:var(--bb-ink);color:var(--bb-white);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all var(--bb-anim-fast);position:relative;overflow:hidden}.bb-tile__control-default{position:absolute;transition:opacity var(--bb-anim-fast)}.bb-tile__control-active{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4px;opacity:0;pointer-events:none;background:var(--bb-pink);transition:opacity var(--bb-anim-fast)}.bb-tile[aria-pressed=true] .bb-tile__control{background:var(--bb-pink)}.bb-tile[aria-pressed=true] .bb-tile__control-default{opacity:0}.bb-tile[aria-pressed=true] .bb-tile__control-active{opacity:1;pointer-events:auto}.bb-tile__stepper-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#fff3}.bb-tile__stepper-btn:hover{background:#fff6}.bundle-tray{position:fixed;background:var(--bb-white);box-shadow:0 -10px 30px #0000001a;display:flex;flex-direction:column;transition:transform var(--bb-anim-fast),height var(--bb-anim-fast)}@media(max-width:989px){.bundle-tray{bottom:0;left:0;right:0;border-radius:24px 24px 0 0;z-index:2;height:85vh;overflow-y:auto;transform:translateY(calc(100% - var(--tray-header-height, 130px)));transition:transform .35s cubic-bezier(.3,1,.3,1)}.bundle-tray.is-expanded{transform:translateY(0)}}@media(min-width:990px){.bundle-tray{border-radius:24px;box-shadow:0 4px 24px #00000014;width:360px;flex-shrink:0}}.bundle-tray__header{padding:24px 24px 16px;cursor:pointer}@media(min-width:990px){.bundle-tray__header{cursor:default}}.bundle-tray__mobile-toggle{display:none;background:none;border:none;padding:8px;margin:-8px;cursor:pointer;color:var(--bb-ink)}.bundle-tray__chevron{transition:transform var(--bb-anim-fast)}.bundle-tray.is-expanded .bundle-tray__chevron{transform:rotate(180deg)}@media(max-width:989px){.bundle-tray__mobile-toggle{display:flex;align-items:center;justify-content:center}}.bundle-tray__overline{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--bb-sub);margin-bottom:12px}.bundle-tray__status-row{display:flex;align-items:center;margin-bottom:12px}.bundle-tray__counter{display:flex;align-items:center;gap:8px;font-weight:700;font-size:24px;line-height:1}.bundle-tray__progress-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bundle-tray__progress-meter{flex:1;display:flex;gap:6px}.bundle-tray__progress-segment{flex:1;height:6px;background:var(--bb-hair);border-radius:3px;transition:background var(--bb-anim-fast)}.bundle-tray__progress-segment.filled{background:var(--bb-pink)}.bundle-tray__distance{font-size:14px;color:var(--bb-ink)}.bundle-tray__savings-block{padding:16px 20px;background:#1a1a1a0d;border-radius:12px}@media(min-width:990px){.bundle-tray__savings-block{min-width:340px;margin-bottom:8px}}.bundle-tray__savings-title{font-weight:700;font-size:20px;color:var(--bb-pink);margin-bottom:4px}.bundle-tray__savings-prices{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:20px;font-weight:700}.bundle-tray__savings-strike,.bundle-tray__savings-compare{text-decoration:line-through;color:var(--bb-sub);font-size:16px;font-weight:400}.bundle-tray__savings-subtitle{font-size:14px;color:var(--bb-ink)}.bundle-tray__lines{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:16px}.bundle-tray__line{display:flex;align-items:center;gap:12px;transition:opacity var(--bb-anim-fast)}.bundle-tray__line.removed{opacity:.5;pointer-events:none}.bundle-tray__line-image{width:48px;height:60px;border-radius:8px;background:var(--bb-white);overflow:hidden;border:1px solid var(--bb-hair);flex-shrink:0}.bundle-tray__line-image img{width:100%;height:100%;object-fit:cover;display:block}.bundle-tray__line-info{flex:1;display:flex;flex-direction:column}.bundle-tray__line-title{font-weight:700;font-size:14px;margin-bottom:2px}.bundle-tray__line-color{font-size:12px;color:var(--bb-sub);margin-bottom:8px}.bundle-tray__line-sizes{display:flex;gap:4px}.bundle-tray__line-size{width:24px;height:24px;border-radius:50%;border:1px solid var(--bb-hair);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--bb-white);cursor:pointer;transition:all var(--bb-anim-fast)}.bundle-tray__line-size:hover{border-color:var(--bb-ink)}.bundle-tray__line-size.selected{background:var(--bb-ink);color:var(--bb-white);border-color:var(--bb-ink)}.bundle-tray__line-price{font-weight:700;font-size:14px}.bundle-tray__line-remove{background:none;border:none;font-size:18px;color:var(--bb-sub);cursor:pointer;padding:4px}.bundle-tray__line-undo{display:none;font-size:12px;font-weight:700;color:var(--bb-ink);background:none;border:none;cursor:pointer;text-decoration:underline;pointer-events:auto}.bundle-tray__line.removed .bundle-tray__line-remove{display:none}.bundle-tray__line.removed .bundle-tray__line-undo{display:block}.bundle-tray__footer{padding:16px 24px 24px;border-top:1px solid var(--bb-hair);background:var(--bb-white)}@media(max-width:989px){.bundle-tray__header{padding:16px}.bundle-tray__savings-block{padding:12px 16px}.bundle-tray__lines,.bundle-tray__footer{padding:16px}.bundle-tray__lines:empty{padding:0}}.bundle-tray__total-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.bundle-tray__total-label{font-weight:700}.bundle-tray__total-price{text-align:right;display:flex;flex-direction:column}.bundle-tray__total-price-original{font-size:12px;color:var(--bb-sub);text-decoration:line-through}.bundle-tray__total-price-final{font-weight:700;font-size:24px;line-height:1}.bundle-tray__total-price-note{font-size:10px;color:var(--bb-sub);font-weight:700}.bundle-tray__checkout-btn{width:100%;padding:16px;border-radius:24px;background:var(--bb-ink);color:var(--bb-white);font-weight:700;font-size:16px;border:none;cursor:pointer;transition:opacity var(--bb-anim-fast)}.bundle-tray__checkout-btn:disabled{opacity:.5;cursor:not-allowed}.bundle-tray__disclaimer{text-align:center;font-size:12px;color:var(--bb-sub);margin-top:12px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bundle-builder.css.map */
