.bundle-builder-section{width:100%;background:var(--COLOR-BG, #f4ecde);color:var(--COLOR-TEXT, #2d2907)}.bb{display:block;--bb-border: var(--COLOR-TEXT-A35, rgba(45,41,7,.18));--bb-soft: var(--COLOR-TEXT-A5, rgba(45,41,7,.05));--bb-card-bg: var(--COLOR-BG-BRIGHTER, #ffffff)}.bb__layout{display:grid;gap:32px;grid-template-columns:1fr;align-items:start}@media(min-width:768px){.bb__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.bb--preview-right .bb__layout{grid-template-areas:"selectors preview"}.bb--preview-right .bb__selectors{grid-area:selectors}.bb--preview-right .bb__preview-wrap{grid-area:preview}}.bb__preview-wrap{position:sticky;top:16px;align-self:start;z-index:5}@media(min-width:768px){.bb__preview-wrap{top:90px}}.bb__preview{position:relative;width:100%;max-width:var(--bb-preview-max-width, 600px);margin:0 auto;aspect-ratio:var(--bb-aspect, 1/1);background:var(--bb-soft);border-radius:12px;overflow:hidden}.bb__preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#0006;font-size:.95rem;text-align:center;padding:24px;pointer-events:none}.bb__preview-placeholder[hidden]{display:none!important}.bb__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .25s ease}.bb__layer-img{display:block;width:var(--bb-size-d, 50%);height:auto;max-width:100%;max-height:100%;object-fit:contain}.bb__layer-img[hidden]{display:none!important}.bb__layer--fill{align-items:stretch;justify-content:stretch}.bb__layer--fill .bb__layer-img{width:100%;height:100%;object-fit:cover}.bb__layer--top-left{align-items:flex-start;justify-content:flex-start;padding:4%}.bb__layer--top-right{align-items:flex-start;justify-content:flex-end;padding:4%}.bb__layer--bottom-left{align-items:flex-end;justify-content:flex-start;padding:4%}.bb__layer--bottom-right{align-items:flex-end;justify-content:flex-end;padding:4%}.bb__layer--center{align-items:center;justify-content:center;padding:4%}@media(max-width:767px){.bb__layer-img{width:var(--bb-size-m, 40%)}.bb__layer--fill .bb__layer-img{width:100%}}@keyframes bb-pulse{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.04);filter:brightness(1.08)}to{transform:scale(1);filter:brightness(1)}}.bb__layer--just-preselected .bb__layer-img{animation:bb-pulse .7s ease-out}.bb__selectors{display:flex;flex-direction:column;gap:16px}.bb__category{width:100%}.bb__dropdown{width:100%;border:1px solid var(--bb-border);border-radius:8px;background:var(--bb-card-bg)}.bb__dropdown[open]{box-shadow:0 6px 20px #00000014;border-color:var(--COLOR-TEXT-A50, rgba(45,41,7,.5))}.bb__dropdown summary{list-style:none;cursor:pointer}.bb__dropdown summary::-webkit-details-marker{display:none}.bb__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;width:100%;font-size:.95rem}.bb__dropdown-trigger.has-selection{font-weight:500}.bb__chevron{transition:transform .2s ease;flex-shrink:0}.bb__dropdown[open] .bb__chevron{transform:rotate(180deg)}.bb__trigger-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0}.bb__trigger-label{font-weight:500}.bb__trigger-hint{font-size:.8rem;opacity:.55}.bb__trigger-price{font-size:.85rem;opacity:.75;margin-top:2px}.bb__trigger-badge{font-size:.7rem;padding:2px 6px;border-radius:3px;margin-top:4px}.bb__trigger-badge--sold-out{background:#dc26261a;color:#b91c1c}.bb__dropdown-content{border-top:1px solid var(--bb-border);padding:8px;display:grid;gap:4px;max-height:360px;overflow-y:auto}.bb__option{display:flex;align-items:center;gap:12px;padding:8px;background:transparent;border:1px solid transparent;border-radius:6px;width:100%;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease;font-family:inherit}.bb__option:hover{background:var(--bb-soft)}.bb__option.is-selected{border-color:#0006;background:var(--bb-soft)}.bb__option--sold-out{opacity:.7}.bb__option-thumb{flex-shrink:0;width:56px;height:56px;background:var(--bb-soft);border-radius:4px;overflow:hidden}.bb__option-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bb__option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bb__option-title{font-size:.9rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bb__option-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bb__option-price{font-size:.85rem;font-weight:500}.bb__option-badge{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.bb__option-badge--sold-out{background:#dc26261a;color:#b91c1c}.bb__option-badge--preorder{background:#2563eb1a;color:#1d4ed8}.bb__option-check{flex-shrink:0;opacity:0;transition:opacity .15s ease;color:currentColor}.bb__option.is-selected .bb__option-check{opacity:1}.bb__empty{padding:16px;text-align:center;color:#00000080;font-size:.9rem}.bb__option--clear{font-style:italic;opacity:.75;border-bottom:1px solid var(--bb-border);border-radius:6px 6px 0 0;padding:10px 8px;margin-bottom:4px}.bb__option--clear:hover{opacity:1}.bb__option--clear .bb__option-title{font-style:italic;font-size:.9rem}.bb__summary{margin-top:16px;padding:20px;border:1px solid var(--bb-border);border-radius:10px;background:var(--bb-card-bg);display:flex;flex-direction:column;gap:14px}.bb__total{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem;font-weight:500}.bb__total-amount{font-size:1.15rem;font-weight:600}.bb__error{background:#dc262614;color:#991b1b;border-radius:6px;padding:10px 12px;font-size:.85rem;line-height:1.4}.bb__add{width:100%}.bb__hint{margin:0;font-size:.8rem;opacity:.7;text-align:center}.bb__empty-state{padding:60px 20px;text-align:center;background:var(--bb-soft);border-radius:12px;color:#0009}
/*# sourceMappingURL=/cdn/shop/t/28/assets/bundle-builder.css.map */