.bundle-builder{display:block;padding:var(--bundle-top) 0 var(--bundle-bottom);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.bundle-builder__inner{width:min(100% - 40px,1200px);margin:auto}.bundle-builder__header{text-align:center;max-width:700px;margin:0 auto 36px}.bundle-builder__heading{margin:0 0 10px;font-size:clamp(28px,4vw,48px)}.bundle-builder__text>*{margin-block:0}.bundle-builder__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.bundle-product{display:flex;flex-direction:column;height:100%;border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--bundle-radius);overflow:hidden;background:rgb(var(--color-background));transition:border-color .2s,box-shadow .2s}.bundle-product.is-selected{border-color:var(--bundle-accent);box-shadow:0 0 0 2px var(--bundle-accent)}.bundle-product__media{position:relative;aspect-ratio:1;background:#f4f4f4}.bundle-product__image{display:block;width:100%;height:100%;object-fit:cover}.bundle-product__selected-mark{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--bundle-accent);color:#fff;opacity:0;transform:scale(.8);transition:.2s}.is-selected .bundle-product__selected-mark{opacity:1;transform:scale(1)}.bundle-product__content{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px}.bundle-product__title{margin:0;font-size:18px}.bundle-product__price{font-size:14px}.bundle-product__variant-label{font-size:12px}.bundle-product__variant{width:100%;min-height:42px;padding:8px 34px 8px 10px;border:1px solid rgba(var(--color-foreground),.25);border-radius:2px;background:rgb(var(--color-background));color:inherit}.bundle-product__toggle{width:100%;margin-top:auto;min-height:44px}.is-selected .bundle-product__toggle{background:transparent;color:rgb(var(--color-foreground));border:1px solid currentColor}.bundle-tray{position:sticky;z-index:20;bottom:0;width:calc(100% - 24px);max-width:1440px;margin:48px auto 0;padding:12px 28px 26px;border-radius:var(--bundle-radius);background:var(--bundle-bg);color:#222;box-shadow:0 2px 12px rgba(0,0,0,.18)}.bundle-tray__topline{display:flex;justify-content:flex-end;align-items:center;min-height:26px}.bundle-tray__progress{margin:0 auto 0 0;font-size:12px;font-weight:600}.bundle-tray__collapse{border:0;background:none;padding:0;display:grid;place-items:center;width:28px;height:28px;color:inherit;cursor:pointer}.bundle-tray__collapse svg{width:20px;transition:transform .2s}.bundle-tray.is-collapsed .bundle-tray__collapse svg{transform:rotate(180deg)}.bundle-tray__body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;max-height:320px;opacity:1;transition:max-height .25s,opacity .2s,padding .25s;overflow:hidden}.bundle-tray.is-collapsed .bundle-tray__body{max-height:0;opacity:0}.bundle-tray__slots{display:grid;grid-template-columns:repeat(var(--bundle-count,4),minmax(130px,1fr));gap:24px}.bundle-slot{position:relative;display:grid;grid-template-columns:100px 1fr;align-items:center;min-width:0;min-height:100px;background:#fff;border:1px solid #c8c8c8}.bundle-slot__image{width:100px;height:98px;object-fit:cover}.bundle-slot__details{padding:10px;align-self:stretch;display:flex;flex-direction:column;gap:8px}.bundle-slot__title{font-size:14px}.bundle-slot__quantity{font-size:12px}.bundle-slot__remove{position:absolute;right:3px;top:3px;width:22px;height:22px;border:1px solid #222;border-radius:50%;background:#fff;color:#222;line-height:16px;font-size:18px;cursor:pointer}.bundle-slot--empty{display:flex;justify-content:center;gap:8px;padding:12px;border-style:dashed;background:rgba(255,255,255,.45);color:#666;font-size:12px}.bundle-slot__number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #aaa}.bundle-tray__action{width:176px;min-height:48px;background:var(--bundle-accent);color:#fff;border-color:var(--bundle-accent)}.bundle-tray__action[aria-disabled=true]{opacity:.72}.bundle-tray__message{margin:10px 0 0;text-align:right;font-size:13px}.bundle-tray__message.is-error{color:#a01818}.bundle-builder__empty{text-align:center;padding:40px;border:1px dashed currentColor}.bundle-builder [hidden]{display:none!important}@media(max-width:989px){.bundle-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-tray{position:relative}.bundle-tray__body{grid-template-columns:1fr}.bundle-tray__slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bundle-tray__action{width:100%}}@media(max-width:749px){.bundle-builder__inner{width:min(100% - 24px,1200px)}.bundle-builder__grid{gap:12px}.bundle-product__content{padding:12px}.bundle-product__title{font-size:15px}.bundle-tray{padding:8px 12px 16px;margin-top:28px}.bundle-tray__slots{display:flex;overflow-x:auto;padding-bottom:4px}.bundle-slot{min-width:210px;grid-template-columns:76px 1fr;min-height:78px}.bundle-slot__image{width:76px;height:76px}.bundle-slot--empty{min-width:145px}.bundle-tray__body{gap:14px}}