.bundle-builder{--bundle-accent: #ff005a;--bundle-accent-text: #fff;--bundle-muted: rgba(var(--color-foreground), .62);--bundle-line: rgba(var(--color-foreground), .1);--bundle-soft: rgba(var(--color-foreground), .04);display:block}.bundle-builder__shell{border:1px solid var(--bundle-line);border-radius:12px;background:rgb(var(--color-background));overflow:hidden}.bundle-builder__header,.bundle-builder__footer{padding:18px 20px}.bundle-builder__title{margin:0}.bundle-builder__subtitle,.bundle-builder__hint,.bundle-builder__status,.bundle-builder__section-note{color:var(--bundle-muted)}.bundle-builder__subtitle{margin:4px 0 0}.bundle-builder__slots{display:flex;flex-wrap:wrap;gap:12px 10px;padding:18px 20px 22px;border-top:1px solid var(--bundle-line)}.bundle-builder__slot{-webkit-appearance:none;appearance:none;padding:0;min-width:54px;position:relative;width:54px;height:54px;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(var(--color-foreground),.18);background:var(--bundle-soft);color:var(--bundle-muted);display:flex;align-items:center;justify-content:center;flex:0 0 54px;font-size:1.3rem;font-weight:600;line-height:1}.bundle-builder__slot.is-filled{border-style:solid;border-width:2px;border-color:var(--bundle-accent);cursor:pointer}.bundle-builder__slot-remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border:2px solid rgb(var(--color-background));border-radius:50%;background:var(--bundle-accent);color:var(--bundle-accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;line-height:1;box-shadow:0 2px 6px rgba(var(--color-foreground),.16)}.bundle-builder__slot img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bundle-builder__free{position:absolute;left:50%;bottom:-17px;transform:translate(-50%);color:var(--bundle-accent);background:rgb(var(--color-background));padding:0 3px;font-size:1rem;font-weight:700;white-space:nowrap}.bundle-builder__body{border-top:1px solid var(--bundle-line);max-height:none;overflow-y:auto;padding:20px 24px 30px;background:#fff}.bundle-builder__group+.bundle-builder__group{margin-top:30px}.bundle-builder__group-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bundle-builder__group-title{color:rgba(var(--color-foreground),.48);flex:0 0 auto;font-size:1.4rem;font-weight:500;letter-spacing:0;line-height:1;margin:0;text-transform:uppercase}.bundle-builder__group-head:after{content:"";flex:1 1 120px;border-top:1px solid var(--bundle-line)}.bundle-builder__pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;min-height:26px;background:rgba(var(--color-button),.1);color:var(--bundle-accent);font-size:1.2rem;font-weight:700}.bundle-builder__section-note{order:3;width:100%;margin:-6px 0 0}.bundle-builder__grid{display:flex;flex-wrap:wrap;gap:20px 18px;align-items:flex-start}.bundle-builder__item{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;width:72px;min-width:0;border:0;background:transparent;padding:0;color:rgb(var(--color-foreground));text-align:center;cursor:pointer;font:inherit;line-height:1.25;min-height:118px;position:relative}.bundle-builder__item-media{display:flex;align-items:center;justify-content:center;position:relative;width:64px;height:64px;aspect-ratio:1;margin:0 auto 7px;border:2px solid rgba(var(--color-foreground),.08);border-radius:50%;background:var(--bundle-soft);overflow:visible;flex:0 0 64px;transition:border-color .15s ease,transform .15s ease}.bundle-builder__item:hover .bundle-builder__item-media{transform:translateY(-1px)}.bundle-builder__item.is-selected .bundle-builder__item-media{border-color:var(--bundle-accent);box-shadow:0 0 0 2px #ff005a1f}.bundle-builder__item-media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:50%}.bundle-builder__qty{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border:2px solid rgb(var(--color-background));border-radius:999px;background:var(--bundle-accent);color:var(--bundle-accent-text);display:none;align-items:center;justify-content:center;font-size:1rem;font-weight:800;line-height:1;box-shadow:0 2px 6px rgba(var(--color-foreground),.16);z-index:2}.bundle-builder__item.is-selected .bundle-builder__qty{display:inline-flex}.bundle-builder__item-title{display:block;width:100%;color:rgba(var(--color-foreground),.72);font-size:1.1rem;line-height:1.25;min-height:2.75em;max-height:2.75em;overflow:hidden;overflow-wrap:anywhere}.bundle-builder__item-price{display:none}.bundle-builder__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end;border-top:1px solid var(--bundle-line);background:rgba(var(--color-background),.96);position:sticky;bottom:0;z-index:3}.bundle-builder__progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:700}.bundle-builder__progress{height:8px;border-radius:999px;background:rgba(var(--color-foreground),.08);overflow:hidden}.bundle-builder__progress-bar{display:block;height:100%;width:0;background:var(--bundle-accent);transition:width .18s ease}.bundle-builder__summary{margin-top:8px}.bundle-builder__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.bundle-builder__price{color:var(--bundle-muted);white-space:nowrap}.bundle-builder__price strong{color:var(--bundle-accent);font-size:2rem}.bundle-builder__price s{margin-left:4px}.bundle-builder__message{grid-column:1 / -1;display:none;padding:12px 14px;border-radius:8px;background:rgba(var(--color-button),.08);color:rgb(var(--color-foreground))}.bundle-builder__message.is-visible{display:block}@media(max-width:749px){.bundle-builder__header,.bundle-builder__slots,.bundle-builder__body,.bundle-builder__footer{padding-left:14px;padding-right:14px}.bundle-builder__body{max-height:58vh}.bundle-builder__footer{grid-template-columns:1fr;align-items:stretch}.bundle-builder__actions{justify-content:stretch}.bundle-builder__actions .btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-annette-product-bundle.css.map */
