.twi-bundle-root{--bundle-accent:#2563eb;--bundle-radius:12px;--bundle-line:#e5e7eb;--bundle-muted:#6b7280;--bundle-ink:#111827;--bundle-surface:#f8f9fb;--bundle-soft:color-mix(in srgb,var(--bundle-accent) 7%,#fff);width:100%;min-width:0;color:var(--bundle-ink)}.twi-bundle-heading{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0 0 14px}.twi-bundle-groups{border:0;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.twi-bundle-groups label{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--bundle-line);border-radius:999px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.twi-bundle-groups label:hover{border-color:color-mix(in srgb,var(--bundle-accent) 45%,var(--bundle-line))}.twi-bundle-groups input{accent-color:var(--bundle-accent);margin:0}.twi-bundle-groups .is-selected{border-color:var(--bundle-accent);color:var(--bundle-accent);background:var(--bundle-soft)}.twi-bundle-body{display:flex;flex-direction:column;gap:14px}.twi-bundle-preview-note{display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:-4px 0 14px;padding:4px 10px;border:1px dashed #d97706;border-radius:999px;background:#fffbeb;color:#92400e;font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.twi-bundle-preview-note:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.twi-bundle-showcase .twi-bundle-preview-note{margin-inline:auto}.twi-bundle-groups .twi-bundle-preview-hidden-group{border-style:dashed}.twi-bundle-preview-dimmed{opacity:.55;filter:grayscale(.4)}.twi-bundle-items{display:grid;gap:10px;min-width:0}.twi-bundle-item{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--bundle-line);border-radius:var(--bundle-radius);background:#fff}.twi-bundle-plus{display:none}.twi-bundle-image{width:64px;height:64px;flex-shrink:0;padding:4px;border-radius:calc(var(--bundle-radius) * .6);background:#f7f8fa}.twi-bundle-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.twi-bundle-copy strong{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.twi-bundle-copy small{align-self:flex-start;padding:1px 7px;border-radius:999px;background:#f3f4f6;color:var(--bundle-muted);font-size:10px;font-weight:600;letter-spacing:.02em}.twi-bundle-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-size:14px}.twi-bundle-price strong{font-weight:700}.twi-bundle-price del{color:#9ca3af;font-size:12px}.twi-bundle-summary{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #eef0f3;border-radius:var(--bundle-radius);background:var(--bundle-surface)}.twi-bundle-summary>strong{font-size:14px;font-weight:600}.twi-bundle-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--bundle-muted);font-size:13px}.twi-bundle-total strong{color:var(--bundle-ink);font-size:24px;font-weight:800;letter-spacing:-.02em}.twi-bundle-savings{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:12px;font-weight:700}.twi-bundle-quantity{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--bundle-muted)}.twi-bundle-quantity input{width:84px;height:38px;padding:0 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:var(--bundle-ink);font-weight:600;text-align:center}.twi-bundle-add{min-height:48px;padding:0 18px;border:0;border-radius:var(--bundle-radius);background:var(--bundle-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb,var(--bundle-accent) 28%,transparent);transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.twi-bundle-add:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.twi-bundle-add:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.twi-bundle-add:focus-visible,.twi-bundle-groups label:focus-within{outline:2px solid var(--bundle-accent);outline-offset:3px}.twi-bundle-fields,.twi-bundle-variant{flex-basis:100%;grid-column:1/-1;width:100%;min-width:0}.twi-bundle-variant{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--bundle-muted)}.twi-bundle-variant select{width:100%;max-width:100%;height:38px;padding:0 30px 0 10px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;color:var(--bundle-ink)}.twi-bundle-fields:empty{display:none}.twi-bundle-compact .twi-bundle-item,.twi-bundle-list .twi-bundle-item,.twi-bundle-minimal .twi-bundle-item,.twi-bundle-split .twi-bundle-item{flex-wrap:wrap}.twi-bundle-media{position:relative;display:block}.twi-bundle-media>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.twi-bundle-media.twi-bundle-with-actions{min-width:96px;min-height:100px}.twi-bundle-cards .twi-bundle-items{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.twi-bundle-cards .twi-bundle-item{flex-direction:column;align-items:stretch;padding:12px}.twi-bundle-cards .twi-bundle-image{width:100%;height:120px;padding:8px}.twi-bundle-cards .twi-bundle-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}.twi-bundle-list .twi-bundle-items{gap:0;border-top:1px solid var(--bundle-line)}.twi-bundle-list .twi-bundle-item{border-width:0 0 1px;border-radius:0;padding:12px 0;background:transparent}.twi-bundle-table .twi-bundle-items{gap:0;border:1px solid var(--bundle-line);border-radius:var(--bundle-radius);overflow:hidden}.twi-bundle-table .twi-bundle-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;border:0;border-bottom:1px solid #eef0f3;border-radius:0}.twi-bundle-table .twi-bundle-item:last-child{border-bottom:0}.twi-bundle-table .twi-bundle-item:nth-of-type(2n){background:#fafbfc}.twi-bundle-table .twi-bundle-image{width:44px;height:44px}.twi-bundle-table .twi-bundle-item:has(.twi-bundle-copy:first-child){grid-template-columns:minmax(0,1fr) auto}.twi-bundle-split .twi-bundle-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);align-items:start}.twi-bundle-split .twi-bundle-summary{position:sticky;top:12px}.twi-bundle-compact .twi-bundle-body{gap:10px}.twi-bundle-compact .twi-bundle-items{gap:6px}.twi-bundle-compact .twi-bundle-item{padding:8px 10px;border-radius:8px}.twi-bundle-compact .twi-bundle-image{width:38px;height:38px;padding:2px}.twi-bundle-compact .twi-bundle-copy strong{font-size:12px}.twi-bundle-compact .twi-bundle-copy small{font-size:9px}.twi-bundle-compact .twi-bundle-summary{gap:10px;padding:12px}.twi-bundle-compact .twi-bundle-price{font-size:12px}.twi-bundle-compact .twi-bundle-total strong{font-size:19px}.twi-bundle-compact .twi-bundle-add{min-height:42px;font-size:14px}.twi-bundle-banner .twi-bundle-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:stretch;gap:20px}.twi-bundle-banner .twi-bundle-items{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}.twi-bundle-banner .twi-bundle-item{flex:1 1 150px;flex-direction:column;align-items:stretch;text-align:center;padding:14px}.twi-bundle-banner .twi-bundle-image{width:100%;height:130px;padding:10px}.twi-bundle-banner .twi-bundle-copy{align-items:center}.twi-bundle-banner .twi-bundle-copy small{align-self:center}.twi-bundle-banner .twi-bundle-price{align-items:center}.twi-bundle-banner .twi-bundle-plus,.twi-bundle-minimal .twi-bundle-plus,.twi-bundle-showcase .twi-bundle-plus{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--bundle-soft);color:var(--bundle-accent);font-size:18px;font-weight:700;line-height:1}.twi-bundle-banner .twi-bundle-summary{justify-content:center;border-color:transparent;background:var(--bundle-soft)}.twi-bundle-minimal .twi-bundle-body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px 0;border-top:1px solid var(--bundle-line);border-bottom:1px solid var(--bundle-line)}.twi-bundle-minimal .twi-bundle-items{display:flex;flex:1 1 360px;flex-wrap:wrap;align-items:center;gap:10px}.twi-bundle-minimal .twi-bundle-item{flex:0 1 auto;gap:10px;padding:0;border:0;background:transparent}.twi-bundle-minimal .twi-bundle-image{width:52px;height:52px;border-radius:50%}.twi-bundle-minimal .twi-bundle-copy{flex:0 1 auto;max-width:180px}.twi-bundle-minimal .twi-bundle-copy small{display:none}.twi-bundle-minimal .twi-bundle-copy strong{font-size:13px}.twi-bundle-minimal .twi-bundle-price{align-items:flex-start;font-size:13px}.twi-bundle-minimal .twi-bundle-plus{flex-basis:22px;width:22px;height:22px;background:transparent;color:var(--bundle-muted)}.twi-bundle-minimal .twi-bundle-summary{flex:0 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:0;border:0;background:transparent}.twi-bundle-minimal .twi-bundle-summary>strong{display:none}.twi-bundle-minimal .twi-bundle-total{gap:8px}.twi-bundle-minimal .twi-bundle-total strong{font-size:20px}.twi-bundle-minimal .twi-bundle-add{min-height:44px;box-shadow:none}.twi-bundle-strip .twi-bundle-heading{font-size:15px;margin-bottom:10px}.twi-bundle-strip .twi-bundle-body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 16px;border:1px solid var(--bundle-line);border-radius:var(--bundle-radius);background:#fff;box-shadow:0 4px 14px rgba(17,24,39,.05)}.twi-bundle-strip .twi-bundle-items{display:flex;flex:1 1 280px;flex-wrap:wrap;align-items:center;gap:6px}.twi-bundle-strip .twi-bundle-item{flex:0 1 auto;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--bundle-surface);border-color:#eef0f3}.twi-bundle-strip .twi-bundle-image{width:36px;height:36px;padding:2px;border-radius:50%;background:#fff}.twi-bundle-strip .twi-bundle-copy{max-width:160px}.twi-bundle-strip .twi-bundle-copy small,.twi-bundle-strip .twi-bundle-price{display:none}.twi-bundle-strip .twi-bundle-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twi-bundle-strip .twi-bundle-fields,.twi-bundle-strip .twi-bundle-variant{flex-basis:100%;padding:0 8px 6px}.twi-bundle-strip .twi-bundle-summary{flex:0 1 auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0;border:0;background:transparent}.twi-bundle-strip .twi-bundle-summary>strong{display:none}.twi-bundle-strip .twi-bundle-total{gap:8px}.twi-bundle-strip .twi-bundle-total strong{font-size:19px}.twi-bundle-strip .twi-bundle-quantity input{width:64px;height:36px}.twi-bundle-strip .twi-bundle-add{min-height:42px;font-size:14px;box-shadow:none}.twi-bundle-showcase .twi-bundle-heading{font-size:22px;text-align:center;margin-bottom:18px}.twi-bundle-showcase .twi-bundle-groups{justify-content:center}.twi-bundle-showcase .twi-bundle-items{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:14px}.twi-bundle-showcase .twi-bundle-item{flex:1 1 200px;max-width:300px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;text-align:center;border-color:transparent;background:var(--bundle-surface);transition:box-shadow .18s ease,transform .18s ease}.twi-bundle-showcase .twi-bundle-item:hover{background:#fff;box-shadow:0 10px 28px rgba(17,24,39,.08);transform:translateY(-2px)}.twi-bundle-showcase .twi-bundle-image{width:100%;height:200px;padding:12px;background:#fff}.twi-bundle-showcase .twi-bundle-copy{align-items:center}.twi-bundle-showcase .twi-bundle-copy small{align-self:center}.twi-bundle-showcase .twi-bundle-copy strong{font-size:15px}.twi-bundle-showcase .twi-bundle-price{align-items:center;font-size:16px}.twi-bundle-showcase .twi-bundle-plus{flex-basis:34px;width:34px;height:34px;font-size:20px}.twi-bundle-showcase .twi-bundle-summary{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;padding:16px 20px;border-color:transparent;background:var(--bundle-soft)}.twi-bundle-showcase .twi-bundle-total{gap:10px}.twi-bundle-showcase .twi-bundle-add{min-width:220px}@media (max-width:768px){.twi-bundle-banner .twi-bundle-body{grid-template-columns:1fr}}@media (max-width:640px){.twi-bundle-split .twi-bundle-body{grid-template-columns:1fr}.twi-bundle-split .twi-bundle-summary{position:static}.twi-bundle-item{padding:10px;gap:9px}.twi-bundle-image{width:52px;height:52px}.twi-bundle-price{font-size:13px}.twi-bundle-heading{font-size:17px}.twi-bundle-summary{padding:14px}.twi-bundle-banner .twi-bundle-item,.twi-bundle-showcase .twi-bundle-item{flex-basis:40%;max-width:none}.twi-bundle-banner .twi-bundle-image{height:100px}.twi-bundle-showcase .twi-bundle-image{height:140px}.twi-bundle-banner .twi-bundle-plus,.twi-bundle-showcase .twi-bundle-plus{display:none}.twi-bundle-minimal .twi-bundle-summary,.twi-bundle-showcase .twi-bundle-summary,.twi-bundle-strip .twi-bundle-summary{width:100%;justify-content:space-between}.twi-bundle-minimal .twi-bundle-add,.twi-bundle-showcase .twi-bundle-add,.twi-bundle-strip .twi-bundle-add{flex:1 1 100%;min-width:0}}