.bundle-builder,.bb-modal,.bb-toast{--bb-fg: var(--color-base-foreground, 0, 0, 0);--bb-bg: var(--color-base-background, 255, 255, 255);--bb-border: rgba(var(--bb-fg), .14);--bb-border-strong: rgba(var(--bb-fg), .32);--bb-muted: rgba(var(--bb-fg), .6);--bb-brand: #AF9E8C;--bb-brand-soft: #E0C4B6;--bb-brand-cream: #F5EFE6;--bb-radius: var(--block-corner-radius, 0px);--bb-radius-btn: var(--button-corner-radius, 0px);--bb-radius-input: var(--input-corner-radius, 0px);--bb-gap: 14px}.bundle-builder{display:grid;grid-template-columns:1fr;gap:32px;padding:32px 0;font-family:var(--font-body-family, inherit);color:rgb(var(--bb-fg));max-width:100%;min-width:0}.bundle-builder *,.bb-modal *,.bb-summary *{min-width:0}.bundle-builder img,.bb-modal img{max-width:100%;height:auto}@media(min-width:990px){.bundle-builder{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start}}.bundle-builder__intro h1{margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.15;font-weight:600;font-family:var(--font-heading-family, inherit)}.bundle-builder__intro p{margin:0 0 16px;color:rgb(var(--bb-muted))}.bb-tiers{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.bb-tier{flex:1 1 100px;border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:12px;text-align:center;background:rgb(var(--bb-bg));transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.bb-tier__qty{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--bb-muted));font-family:var(--font-heading-family, inherit)}.bb-tier__discount{font-weight:700;font-size:18px;margin-top:4px;font-family:var(--font-heading-family, inherit)}.bb-tier.is-active{border-color:rgb(var(--bb-fg));background:var(--bb-brand-cream);transform:translateY(-2px)}.bb-tier.is-active .bb-tier__discount{color:rgb(var(--bb-fg))}.bb-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--bb-gap);margin-bottom:24px}@media(min-width:990px){.bb-slots{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.bb-slot{position:relative;min-height:220px;border:1.5px dashed var(--bb-border-strong);border-radius:var(--bb-radius);background:var(--bb-brand-cream);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;overflow:hidden;font:inherit;color:inherit;padding:10px}.bb-slot:hover,.bb-slot:focus-visible{border-color:rgb(var(--bb-fg));border-style:solid;outline:none}.bb-slot__plus{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;margin-bottom:8px;font-weight:300;transition:transform .2s ease}.bb-slot:hover .bb-slot__plus{transform:scale(1.05)}.bb-slot__label{position:relative;z-index:2;font-size:13px;color:rgb(var(--bb-muted));font-family:var(--font-heading-family, inherit);letter-spacing:.02em}.bb-slot.is-locked{border-style:solid;border-color:var(--bb-border);background:transparent;cursor:not-allowed;opacity:.5}.bb-slot.is-locked .bb-slot__plus{background:rgba(var(--bb-fg),.15);color:rgb(var(--bb-fg))}.bb-slot.is-filled{border-style:solid;border-color:var(--bb-border);background:rgb(var(--bb-bg));cursor:default;align-items:stretch;justify-content:flex-start;padding:0}.bb-slot__img{width:100%;aspect-ratio:1 / 1;flex:0 0 auto;object-fit:cover;background:rgba(var(--bb-fg),.05);display:block}.bb-slot__body{padding:8px 10px 12px;display:flex;flex-direction:column;gap:2px;flex:1 1 auto}.bb-slot__title{font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading-family, inherit)}.bb-slot__variant{font-size:11px;color:rgb(var(--bb-muted))}.bb-slot__price{font-size:12px;margin-top:2px;font-weight:600}.bb-slot__remove{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;z-index:2;transition:transform .15s ease}.bb-slot__remove:hover{transform:scale(1.08)}.bb-slot__discount{position:absolute;top:8px;left:8px;z-index:1;background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));font-family:var(--font-heading-family, inherit);font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:var(--bb-radius-btn);pointer-events:none}.bb-slot:not(.is-filled) .bb-slot__discount{background:transparent;color:rgba(var(--bb-fg),.45);padding:0;top:auto;bottom:14px;left:50%;transform:translate(-50%);font-size:clamp(22px,6vw,36px);font-weight:800;letter-spacing:0;opacity:.22}.bb-slot:hover:not(.is-filled):not(.is-locked) .bb-slot__discount{opacity:.36}.bb-slot.is-locked .bb-slot__discount{opacity:.1}.bb-summary{background:var(--bb-brand-cream);border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:28px;position:sticky;top:24px}.bb-summary__title{margin:0 0 16px;font-size:20px;font-weight:700;font-family:var(--font-heading-family, inherit)}.bb-summary__row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:14px}.bb-summary__row--strike{color:rgb(var(--bb-muted));text-decoration:line-through}.bb-summary__row--saving{color:#d12b23;font-weight:600}.bb-summary__divider{height:1px;background:var(--bb-border);margin:12px 0}.bb-summary__total{display:flex;justify-content:space-between;align-items:baseline;font-size:22px;font-weight:700;margin-bottom:16px;font-family:var(--font-heading-family, inherit)}.bb-summary__hint{font-size:13px;color:rgb(var(--bb-muted));margin:0 0 16px;min-height:1.4em}.bb-summary__cta{width:100%;padding:16px;font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--bb-radius-btn);border:1px solid rgb(var(--bb-fg));background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));cursor:pointer;transition:background-color .15s ease,color .15s ease;font-family:var(--font-heading-family, inherit)}.bb-summary__cta:not(:disabled):hover{background:transparent;color:rgb(var(--bb-fg))}.bb-summary__cta:disabled{opacity:.4;cursor:not-allowed}.bb-summary__error{margin-top:12px;padding:10px 12px;border-radius:var(--bb-radius);background:#d12b231a;color:#d12b23;font-size:13px;display:none}.bb-summary__error.is-visible{display:block}.bb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:stretch;justify-content:center;background:#00000080}.bb-modal[open]{display:flex}.bb-modal__inner{background:#fff;background:rgb(var(--bb-bg));color:rgb(var(--bb-fg));width:100%;max-width:1100px;margin:auto;border-radius:var(--bb-radius);display:grid;grid-template-rows:auto 1fr;max-height:92vh;overflow:hidden;box-shadow:0 20px 60px #0000002e}@media(max-width:749px){.bb-modal__inner{max-height:100vh;border-radius:0;margin:0}}.bb-modal__head{display:flex;align-items:center;gap:8px;padding:18px 22px;border-bottom:1px solid var(--bb-border)}.bb-modal__title{margin:0;font-size:20px;font-family:var(--font-heading-family, inherit);flex:1}.bb-modal__close,.bb-modal__back{border:0;background:transparent;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:inherit;transition:background-color .15s ease}.bb-modal__close:hover,.bb-modal__back:hover{background:rgba(var(--bb-fg),.06)}.bb-modal__back[hidden]{display:none}.bb-modal__body{overflow-y:auto;padding:22px}.bb-view[hidden]{display:none}.bb-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(min-width:750px){.bb-cat-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media(min-width:990px){.bb-cat-grid{grid-template-columns:repeat(4,1fr)}}.bb-cat{position:relative;border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:rgb(var(--bb-bg));padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.bb-cat:hover,.bb-cat:focus-visible{border-color:rgb(var(--bb-fg));transform:translateY(-2px);box-shadow:0 6px 20px #00000014;outline:none}.bb-cat__media{display:block;aspect-ratio:4 / 3;background:var(--bb-brand-cream);overflow:hidden}.bb-cat__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.bb-cat:hover .bb-cat__media img{transform:scale(1.04)}.bb-cat__label{display:block;padding:12px 14px 2px;font-size:15px;font-weight:600;line-height:1.25;font-family:var(--font-heading-family, inherit)}.bb-cat__count{display:block;padding:0 14px 12px;font-size:12px;color:rgb(var(--bb-muted))}.bb-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--bb-gap)}.bb-skeleton{aspect-ratio:3 / 4;border-radius:var(--bb-radius);background:linear-gradient(90deg,rgba(var(--bb-fg),.05),rgba(var(--bb-fg),.1),rgba(var(--bb-fg),.05));background-size:200% 100%;animation:bb-skeleton 1.4s ease-in-out infinite}@keyframes bb-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--bb-gap)}@media(min-width:990px){.bb-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.bb-card{border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:rgb(var(--bb-bg));display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s ease}.bb-card.is-disabled{opacity:.4;pointer-events:none}.bb-card.is-selected{border-color:rgb(var(--bb-fg));box-shadow:inset 0 0 0 1px rgb(var(--bb-fg))}.bb-card__media{aspect-ratio:1 / 1;overflow:hidden;background:var(--bb-brand-cream)}.bb-card__media img{width:100%;height:100%;object-fit:cover;display:block}.bb-card__body{padding:12px 14px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.bb-card__title{font-size:13px;font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading-family, inherit)}.bb-card__price{font-size:13px;color:rgb(var(--bb-fg));font-weight:600}.bb-card__title+.bb-card__price{margin-top:-2px}@media(max-width:749px){.bb-card__body{gap:4px;padding:10px 12px 16px}.bb-card__title+.bb-card__price{margin-top:-3px}}.bb-card__options{display:flex;flex-direction:column;gap:8px}.bb-opt__label{font-size:10px;font-weight:600;color:rgb(var(--bb-muted));margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-heading-family, inherit)}.bb-opt__values{display:flex;flex-wrap:wrap;gap:5px}.bb-opt__btn{min-width:30px;padding:6px 10px;font-size:12px;border-radius:var(--bb-radius-btn);border:1px solid var(--bb-border);background:rgb(var(--bb-bg));cursor:pointer;font-family:inherit;color:inherit;line-height:1;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.bb-opt__btn:hover:not(:disabled){border-color:rgb(var(--bb-fg))}.bb-opt__btn.is-active{background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));border-color:rgb(var(--bb-fg))}.bb-opt__btn:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.bb-opt__values--swatch{gap:8px}.bb-opt__btn.is-swatch{width:28px;height:28px;min-width:0;padding:0;border-radius:50%;background:var(--bb-swatch, rgba(var(--bb-fg), .2));border:2px solid #fff;box-shadow:0 0 0 1px rgba(var(--bb-fg),.18);position:relative;transition:box-shadow .15s ease,transform .15s ease}.bb-opt__btn.is-swatch:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 0 1px rgba(var(--bb-fg),.45)}.bb-opt__btn.is-swatch.is-active{box-shadow:0 0 0 2px rgb(var(--bb-fg))}.bb-opt__btn.is-swatch:disabled{text-decoration:none;opacity:.55}.bb-opt__btn.is-swatch:disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent calc(50% - 1px),rgba(0,0,0,.5) 50%,transparent calc(50% + 1px));border-radius:inherit}.bb-card__add{margin-top:auto;padding:10px 12px;border-radius:var(--bb-radius-btn);border:1px solid rgb(var(--bb-fg));cursor:pointer;background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));font:inherit;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-heading-family, inherit);transition:background-color .15s ease,color .15s ease}.bb-card__add:hover:not(:disabled){background:transparent;color:rgb(var(--bb-fg))}.bb-card__add:disabled{opacity:.4;cursor:not-allowed}.bb-empty{padding:60px 20px;text-align:center;color:rgb(var(--bb-muted))}.bb-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--bb-border)}.bb-search{flex:1 1 220px;min-width:0;position:relative}.bb-search__input{width:100%;padding:10px 14px;border-radius:var(--bb-radius-input);border:1px solid var(--bb-border);background:var(--bb-brand-cream);color:inherit;font:inherit;font-size:14px;transition:border-color .15s ease,background-color .15s ease}.bb-search__input:focus{outline:none;border-color:rgb(var(--bb-fg));background:rgb(var(--bb-bg))}.bb-sort{display:flex;align-items:center;gap:8px}.bb-sort__label{font-size:12px;color:rgb(var(--bb-muted));text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-heading-family, inherit)}.bb-sort__select{padding:9px 30px 9px 12px;border-radius:var(--bb-radius-input);border:1px solid var(--bb-border);background-color:rgb(var(--bb-bg));color:inherit;font:inherit;font-size:13px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='currentColor' stroke-width='1.5' d='M1 1l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.bb-toolbar__count{margin-left:auto;font-size:12px;color:rgb(var(--bb-muted));text-transform:uppercase;letter-spacing:.05em}@media(max-width:749px){.bb-toolbar__count{width:100%;margin-left:0}}.bb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:rgb(var(--bb-fg));color:rgb(var(--bb-bg));padding:12px 22px;border-radius:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10000;font-family:var(--font-heading-family, inherit)}.bb-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:480px){.bundle-builder{padding:20px 0;gap:22px}.bundle-builder__intro h1{font-size:clamp(20px,5.6vw,26px)}.bundle-builder__intro p{font-size:14px;margin-bottom:12px}.bb-tiers{gap:6px;margin-bottom:14px}.bb-tier{flex:1 1 0;min-width:0;padding:8px 6px}.bb-tier__qty{font-size:9px;letter-spacing:.04em;line-height:1.2}.bb-tier__discount{font-size:15px;margin-top:2px}.bb-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.bb-slot{min-height:180px;padding:8px}.bb-slot__plus{width:38px;height:38px;font-size:22px;margin-bottom:6px}.bb-slot__label{font-size:12px}.bb-slot__remove{width:24px;height:24px;font-size:14px}.bb-slot__discount{font-size:10px;padding:3px 6px}.bb-slot:not(.is-filled) .bb-slot__discount{font-size:clamp(20px,7vw,30px);bottom:12px}.bb-summary{padding:18px;position:static}.bb-summary__title{font-size:17px;margin-bottom:12px}.bb-summary__row{font-size:13px}.bb-summary__total{font-size:18px;margin-bottom:12px}.bb-summary__cta{padding:14px;font-size:13px;letter-spacing:.04em}.bb-modal__head{padding:14px 16px}.bb-modal__title{font-size:17px}.bb-modal__body{padding:14px}.bb-cat-grid{gap:10px}.bb-cat__label{padding:10px 10px 2px;font-size:13px}.bb-cat__count{padding:0 10px 10px;font-size:11px}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-card__body{padding:10px 10px 12px}.bb-card__title,.bb-card__price{font-size:12px}.bb-card__add{padding:9px 10px;font-size:11px;letter-spacing:.04em}.bb-opt__btn{padding:5px 8px;font-size:11px}.bb-opt__btn.is-swatch{width:26px;height:26px}.bb-toolbar{gap:8px;padding-bottom:12px;margin-bottom:14px}.bb-search{flex:1 1 100%}.bb-sort{flex:1 1 100%;width:100%}.bb-sort__select{flex:1 1 auto;min-width:0}.bb-search__input{font-size:14px;padding:9px 12px}}@media(max-width:375px){.bundle-builder{padding:16px 0;gap:18px}.bb-tier{padding:6px 4px}.bb-tier__qty{font-size:8.5px}.bb-tier__discount{font-size:14px}.bb-slots{gap:8px}.bb-slot{min-height:165px}.bb-slot__plus{width:34px;height:34px;font-size:20px}.bb-slot__label{font-size:11px}.bb-summary{padding:16px}.bb-summary__cta{padding:13px;font-size:12.5px}.bb-modal__body,.bb-modal__head{padding-left:12px;padding-right:12px}.bb-cat-grid,.bb-grid{gap:8px}.bb-card__body{padding:8px 8px 10px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/bundle-builder.css.map */