.bundle-builder{display:block;color:#1f2b29}.bundle-builder .bb-product{display:grid;grid-template-columns:1fr;gap:3.2rem}@media screen and (min-width:990px){.bundle-builder .bb-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6.4rem;align-items:start}.bundle-builder .bb-media{height:100%}.bundle-builder .bb-media__sticky{position:sticky;top:3.2rem}}.bundle-builder .bb-media__main{aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background:#e9f1ef;box-shadow:0 18px 40px #1f3a361f}.bundle-builder .bb-media__main img,.bundle-builder .bb-media__main svg{width:100%;height:100%;object-fit:cover;display:block}.bundle-builder .bb-media__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;list-style:none;padding:0;margin:1.6rem 0 0}.bundle-builder .bb-media__thumb{display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:2.5px solid transparent;border-radius:14px;overflow:hidden;background:#e9f1ef;cursor:pointer}.bundle-builder .bb-media__thumb.is-active{border-color:#1f3a36}.bundle-builder .bb-media__thumb img{width:100%;height:100%;object-fit:cover;display:block}.bundle-builder .bb-label{display:flex;align-items:center;gap:1.4rem;margin:0 0 1.6rem;font-family:var(--font-body-family);font-size:14px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#1f3a36;line-height:1.3}.bundle-builder .bb-label:before{content:"";width:36px;height:2px;background:#1f3a36;flex-shrink:0}.bundle-builder .bb-title{font-family:var(--font-heading-family);font-weight:300;font-size:38px;line-height:1.08;letter-spacing:-.01em;color:#1f2b29;margin:0 0 2rem}@media screen and (min-width:750px){.bundle-builder .bb-title{font-size:60px}}.bundle-builder .bb-price-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem}.bundle-builder .bb-price{font-family:var(--font-heading-family);font-size:40px;font-weight:400;line-height:1;color:#1f3a36}.bundle-builder .bb-pill{display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.6rem;border-radius:999px;background:#e9f1ef;color:#1f3a36;font-family:var(--font-body-family);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.2}.bundle-builder .bb-meta{margin:1.4rem 0 0;font-family:var(--font-body-family);font-size:14px;color:#4d5b58;line-height:1.5}.bundle-builder .bb-meta strong{font-weight:600;color:#1f3a36}.bundle-builder .bb-intro{margin-top:2.4rem;font-family:var(--font-body-family);font-size:19px;line-height:1.6;color:#4d5b58}.bundle-builder .bb-intro p{margin:0 0 1rem}.bundle-builder .bb-heading-sm{font-family:var(--font-body-family);font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#1f3a36}.bundle-builder .bb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;list-style:none;margin:2.8rem 0 0;padding:2rem;background:#fff;border:1px solid #DFE9E6;border-radius:16px}.bundle-builder .bb-step{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;font-family:var(--font-body-family);font-size:15px;line-height:1.4;color:#1f2b29}.bundle-builder .bb-step__num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#1f3a36;color:#fff;font-weight:600;font-size:15px}.bundle-builder .bb-boxes{border:0;padding:0;margin:3.2rem 0 0}.bundle-builder .bb-boxes legend{padding:0;margin-bottom:1.2rem}.bundle-builder .bb-boxes__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.bundle-builder .bb-box{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.4rem;border:1.5px solid #DFE9E6;border-radius:14px;background:transparent;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.bundle-builder .bb-box input{position:absolute;opacity:0;pointer-events:none}.bundle-builder .bb-box:has(input:checked){background:#fff;border-color:#1f3a36}.bundle-builder .bb-box:has(input:focus-visible){outline:2px solid #1F3A36;outline-offset:2px}.bundle-builder .bb-box.is-disabled{cursor:not-allowed;opacity:.55;border-style:dashed;border-color:#9db5af}.bundle-builder .bb-box__swatch{width:34px;height:34px;border-radius:10px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000014}.bundle-builder .bb-box__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.bundle-builder .bb-box__name{font-family:var(--font-body-family);font-size:15px;font-weight:600;color:#1f2b29}.bundle-builder .bb-box__note{font-family:var(--font-body-family);font-size:13px;color:#4d5b58}.bundle-builder .bb-tracker{margin-top:2.8rem;padding:22px 24px;border-radius:20px;background:#e9f1ef}.bundle-builder .bb-tracker__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.bundle-builder .bb-tracker__count{font-family:var(--font-body-family);font-size:14px;font-weight:600;color:#1f3a36}.bundle-builder .bb-tracker__track{height:8px;margin-top:1.2rem;border-radius:999px;background:#fff;overflow:hidden}.bundle-builder .bb-tracker__fill{height:100%;width:0;border-radius:999px;background:#3f6b64;transition:width .35s ease}.bundle-builder .bb-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;list-style:none;margin:1.6rem 0 0;padding:0}.bundle-builder .bb-slot{width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border:1.5px dashed #9DB5AF;border-radius:12px;background:transparent;color:#3f6b64;font-family:var(--font-body-family);text-align:center;overflow:hidden}.bundle-builder .bb-slot__num{font-size:16px;font-weight:600}.bundle-builder .bb-slot.is-filled{border:1.5px solid #1F3A36;background:#fff;color:#1f2b29;cursor:pointer}.bundle-builder .bb-slot__name{font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bundle-builder .bb-slot__remove{font-size:10px;color:#3f6b64;white-space:nowrap}.bundle-builder .bb-slot--free{border:1.5px solid #1F3A36;background:#1f3a36;color:#fff;font-size:10px;font-weight:600;letter-spacing:.08em;line-height:1.25}.bundle-builder .bb-slot--free svg{width:16px;height:16px;color:#9fc2b9}.bundle-builder .bb-add{width:100%;min-height:64px;margin-top:2rem;padding:0 2rem;border:0;border-radius:14px;background:#1f3a36;color:#fff;font-family:var(--font-body-family);font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}.bundle-builder .bb-add:hover:not(:disabled){background:#3f6b64}.bundle-builder .bb-add:disabled{background:#dfe9e6;color:#4d5b58;cursor:not-allowed}.bundle-builder .bb-add.is-loading{background:#3f6b64;color:#fff}.bundle-builder .bb-status{margin:1.2rem 0 0;font-family:var(--font-body-family);font-size:15px;font-weight:600;color:#1f3a36;text-align:center}.bundle-builder .bb-status a{color:#1f3a36;margin-left:.6rem}.bundle-builder .bb-status.is-error{color:#b3261e}.bundle-builder .bb-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem;list-style:none;margin:2.4rem 0 0;padding:0}.bundle-builder .bb-trust__item{display:flex;align-items:flex-start;gap:.8rem;font-family:var(--font-body-family);font-size:15px;line-height:1.4;color:#1f2b29}.bundle-builder .bb-trust__item svg{flex-shrink:0;margin-top:.3rem;color:#3f6b64}.bundle-builder .bb-rows{margin-top:3.2rem;border-top:1px solid #DFE9E6}.bundle-builder .bb-row{border-bottom:1px solid #DFE9E6}.bundle-builder .bb-row summary{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;padding:22px 0;cursor:pointer;list-style:none}.bundle-builder .bb-row summary::-webkit-details-marker{display:none}.bundle-builder .bb-row__title{font-family:var(--font-body-family);font-size:15px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#1f2b29}.bundle-builder .bb-row__star{flex-shrink:0;transition:transform .3s ease}.bundle-builder .bb-row[open] .bb-row__star{transform:rotate(45deg)}.bundle-builder .bb-row__content{padding:0 0 22px;font-family:var(--font-body-family);font-size:16px;line-height:1.6;color:#4d5b58}.bundle-builder .bb-row__content p{margin:0 0 1rem}.bundle-builder .bb-row__content a{color:#1f3a36}.bundle-builder .bb-picker{max-width:var(--page-width);margin:8rem auto 0;padding:0 1.5rem}@media screen and (min-width:750px){.bundle-builder .bb-picker{padding:0 5rem}}.bundle-builder .bb-picker__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}.bundle-builder .bb-picker__heading{font-family:var(--font-heading-family);font-weight:300;font-size:32px;line-height:1.1;color:#1f2b29;margin:0}@media screen and (min-width:750px){.bundle-builder .bb-picker__heading{font-size:52px}}.bundle-builder .bb-picker__heading em{font-style:italic;color:#3f6b64}.bundle-builder .bb-filters{display:flex;flex-wrap:wrap;gap:.8rem}.bundle-builder .bb-filter{padding:1rem 2rem;border:1.5px solid #9DB5AF;border-radius:999px;background:#fff;color:#1f3a36;font-family:var(--font-body-family);font-size:14px;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.bundle-builder .bb-filter.is-active{background:#1f3a36;border-color:#1f3a36;color:#fff}.bundle-builder .bb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 1.6rem;list-style:none;margin:0;padding:0}@media screen and (min-width:990px){.bundle-builder .bb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem 2.4rem}}.bundle-builder .bb-card{display:flex;flex-direction:column}.bundle-builder .bb-card[hidden]{display:none}.bundle-builder .bb-card__media{position:relative;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#e9f1ef;box-shadow:0 10px 26px #1f3a361a;border:3px solid transparent;transition:border-color .2s ease}.bundle-builder .bb-card__media img,.bundle-builder .bb-card__media svg:not(.bb-card__tick svg){width:100%;height:100%;object-fit:cover;display:block}.bundle-builder .bb-card__tick{position:absolute;top:1rem;right:1rem;width:26px;height:26px;border-radius:50%;background:#1f3a36;display:none;align-items:center;justify-content:center}.bundle-builder .bb-card.is-selected .bb-card__media{border-color:#1f3a36}.bundle-builder .bb-card.is-selected .bb-card__tick{display:flex}.bundle-builder .bb-card__name{margin-top:1.4rem;font-family:var(--font-body-family);font-size:17px;line-height:1.35;color:#1f2b29;text-decoration:none}.bundle-builder .bb-card__name:hover{text-decoration:underline}.bundle-builder .bb-card__price{margin-top:.4rem;font-family:var(--font-body-family);font-size:15px;color:#4d5b58}.bundle-builder .bb-card__button{width:100%;margin-top:auto;padding:1.2rem 1rem;border:1.5px solid #1F3A36;border-radius:14px;background:#fff;color:#1f3a36;font-family:var(--font-body-family);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.bundle-builder .bb-card__info+.bb-card__button{margin-top:1.4rem}.bundle-builder .bb-card.is-selected .bb-card__button{background:#e9f1ef;border-color:#1f3a36}.bundle-builder .bb-card__button:disabled{color:#9db5af;border-color:#dfe9e6;background:#fff;cursor:not-allowed}.bundle-builder .bb-empty{grid-column:1 / -1;font-family:var(--font-body-family);color:#4d5b58}@media screen and (max-width:749px){.bundle-builder .bb-steps{padding:1.6rem;gap:1rem}.bundle-builder .bb-step{font-size:13px}.bundle-builder .bb-trust{gap:1rem 1.4rem}.bundle-builder .bb-trust__item{font-size:14px}.bundle-builder .bb-slot__name{font-size:9px;-webkit-line-clamp:2}.bundle-builder .bb-slot__remove,.bundle-builder .bb-slot--free{font-size:8px}}.bundle-builder .bb-card__info{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.4rem}.bundle-builder .bb-card__info .bb-card__name{margin-top:0;min-width:0}.bundle-builder .bb-card__info .bb-card__price{margin-top:0;flex-shrink:0;white-space:nowrap}.bundle-builder .bb-card .bb-card__info{width:100%}.bundle-builder .bb-card .bb-card__info .bb-card__name{flex:1 1 auto;text-align:left}.bundle-builder .bb-card .bb-card__info .bb-card__price{display:block;margin-left:auto;text-align:right}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-bundle-builder.css.map */