.bb-bundle[data-bb-bundle-configurator]{--bundle-space-xs: var(--bb-geometry-8);--bundle-space-sm: var(--bb-geometry-12);--bundle-space-md: var(--bb-geometry-16);--bundle-space-lg: var(--bb-geometry-24);--bundle-space-xl: var(--bb-geometry-32);width:100%;max-width:var(--bb-geometry-1364);margin:0 auto;padding:var(--bb-geometry-32) var(--bb-pad-x, clamp(var(--bb-geometry-16), 3vw, var(--bb-geometry-38))) var(--bb-geometry-64);background:var(--bb-white, #fff);color:var(--bb-text, #455a64);font-family:var(--bb-font-body, Inter, sans-serif);box-sizing:border-box}.bb-bundle *,.bb-bundle *:before,.bb-bundle *:after{box-sizing:inherit}.bb-bundle__layout{display:grid;grid-template-columns:minmax(var(--bb-geometry-320),var(--bb-geometry-560)) minmax(var(--bb-geometry-420),1fr);gap:clamp(var(--bb-geometry-32),5vw,var(--bb-geometry-72));align-items:start}.bb-bundle__gallery{position:sticky;top:var(--bb-geometry-20);display:flex;flex-direction:column;gap:var(--bundle-space-sm);min-width:0}.bb-bundle__main-img{aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border:1px solid var(--bb-stroke-soft, #eef2f6);border-radius:var(--bb-radius-md);background:var(--bb-lightbg, #edf7fd)}.bb-bundle__main-img img{width:100%;height:100%;object-fit:contain}.bb-bundle__main-placeholder{width:100%;height:100%;background:radial-gradient(circle at 50% 42%,rgba(54,172,227,.18) 0 18%,transparent 19%),linear-gradient(135deg,var(--bb-lightbg, #edf7fd),var(--bb-blue20, #d7eef9))}.bb-bundle__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bundle-space-xs)}.bb-bundle__thumb{aspect-ratio:1;overflow:hidden;border:1px solid var(--bb-stroke-soft, #eef2f6);border-radius:var(--bb-geometry-10);background:var(--bb-lightbg, #edf7fd);background-position:center;background-size:cover;cursor:pointer}.bb-bundle__thumb:focus-visible,.bb-bundle__choice:focus-visible,.bb-bundle__quantity-control button:focus-visible,.bb-bundle__quantity-control input:focus-visible,.bb-bundle__add:focus-visible{outline:2px solid var(--bb-darkblue, #0a4472);outline-offset:var(--bb-geometry-3)}.bb-bundle__info{min-width:0;text-align:left}.bb-bundle__eyebrow{display:inline-flex;margin-bottom:var(--bundle-space-sm);padding:var(--bb-geometry-6) var(--bb-geometry-10);border-radius:999px;background:var(--bb-darkblue, #0a4472);color:#fff;font-size:1.2rem;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.bb-bundle__title{max-width:18ch;margin:0 0 var(--bundle-space-sm);color:var(--bb-dark, #182a44);font-family:var(--bb-font-head, "Fira Sans", sans-serif);font-size:clamp(var(--bb-type-28),3.5vw,var(--bb-type-45));font-weight:700;line-height:1.08;text-wrap:balance}.bb-bundle__desc{max-width:64ch;margin:0 0 var(--bundle-space-lg);color:var(--bb-text, #455a64);font-size:clamp(1.4rem,1.2vw,1.8rem);line-height:1.55;text-wrap:pretty}.bb-bundle__included{margin:0 0 var(--bundle-space-xl);padding:var(--bundle-space-md);border:1px solid var(--bb-blue20, #d7eef9);border-radius:var(--bb-radius-md);background:var(--bb-lightbg, #edf7fd)}.bb-bundle__included strong{display:block;margin-bottom:var(--bundle-space-xs);color:var(--bb-darkblue, #0a4472);font-size:clamp(1.4rem,1.2vw,1.8rem)}.bb-bundle__included-list{display:flex;flex-wrap:wrap;gap:var(--bundle-space-xs)}.bb-bundle__included-list span{padding:var(--bb-geometry-6) var(--bb-geometry-12);border:1px solid var(--bb-blue20, #d7eef9);border-radius:999px;background:#fff;color:var(--bb-title, #2a4670);font-size:1.3rem;line-height:1.3}.bb-bundle__controls{display:grid;gap:var(--bundle-space-xl)}.bb-bundle__component{padding-top:var(--bundle-space-lg);border-top:1px solid var(--bb-stroke-soft, #eef2f6)}.bb-bundle__component-heading{display:flex;align-items:center;gap:var(--bundle-space-sm);margin-bottom:var(--bundle-space-lg)}.bb-bundle__component-heading>span{display:grid;width:var(--bb-geometry-32);height:var(--bb-geometry-32);flex:0 0 var(--bb-geometry-32);place-items:center;border-radius:50%;background:var(--bb-darkblue, #0a4472);color:#fff;font-size:1.4rem;font-weight:700}.bb-bundle__component-heading h2{margin:0;color:var(--bb-dark, #182a44);font-family:var(--bb-font-head, "Fira Sans", sans-serif);font-size:var(--bb-type-22);font-weight:700;line-height:1.2}.bb-bundle__field{min-width:0;margin:0 0 var(--bundle-space-lg);padding:0;border:0}.bb-bundle__field legend{margin-bottom:var(--bundle-space-sm);color:var(--bb-title, #2a4670);font-size:1.4rem;font-weight:700;line-height:1.3}.bb-bundle__choices{display:flex;flex-wrap:wrap;gap:var(--bundle-space-xs)}.bb-bundle__choice{position:relative;display:inline-flex;align-items:center;justify-content:center;text-align:center}.bb-bundle__artwork-note{margin:0 0 var(--bundle-space-lg);padding:var(--bundle-space-sm) var(--bundle-space-md);border:1px solid var(--bb-blue40, #86cdee);background:var(--bb-lightbg, #edf7fd);color:var(--bb-text, #455a64);font-size:1.4rem;line-height:1.5}.bb-bundle__quantity{display:grid;grid-template-columns:minmax(var(--bb-geometry-130),1fr) auto minmax(var(--bb-geometry-80),auto);gap:var(--bundle-space-md);align-items:center;padding:var(--bundle-space-md);border-radius:var(--bb-geometry-10);background:var(--bb-lightbg, #edf7fd)}.bb-bundle__quantity>div:first-child{display:grid;gap:var(--bb-geometry-4)}.bb-bundle__quantity strong{color:var(--bb-dark, #182a44);font-size:1.5rem}.bb-bundle__quantity span{color:var(--bb-grey-text, #5e6b73);font-size:1.3rem}.bb-bundle__quantity-control{display:grid;grid-template-columns:var(--bb-geometry-44) var(--bb-geometry-60) var(--bb-geometry-44);align-items:center;overflow:hidden}.bb-bundle__quantity-control button,.bb-bundle__quantity-control input{min-height:var(--bb-geometry-44);border:0;text-align:center}.bb-bundle__quantity-control input{width:var(--bb-geometry-60);border-right:1px solid var(--bb-stroke, #e0e0e0);border-left:1px solid var(--bb-stroke, #e0e0e0);-moz-appearance:textfield}.bb-bundle__quantity-control input::-webkit-inner-spin-button,.bb-bundle__quantity-control input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.bb-bundle__pieces{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.bb-bundle__summary{margin-top:var(--bundle-space-xl);padding:var(--bundle-space-lg);border:1px solid var(--bb-blue20, #d7eef9);border-radius:var(--bb-radius-md);background:var(--bb-lightbg, #edf7fd)}.bb-bundle__summary-heading{display:flex;justify-content:space-between;gap:var(--bundle-space-md);align-items:start;padding-bottom:var(--bundle-space-md);border-bottom:1px solid var(--bb-blue20, #d7eef9)}.bb-bundle__summary-heading>div{display:grid;gap:var(--bb-geometry-4)}.bb-bundle__summary-heading span{color:var(--bb-grey-text, #5e6b73);font-size:1.3rem}.bb-bundle__summary-heading strong{color:var(--bb-dark, #182a44);font-family:var(--bb-font-head, "Fira Sans", sans-serif);font-size:clamp(var(--bb-type-28),3.4vw,var(--bb-type-42));font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.bb-bundle__summary-lines{display:grid;gap:var(--bundle-space-sm);margin:0;padding:var(--bundle-space-md) 0;list-style:none}.bb-bundle__summary-lines li{display:flex;justify-content:space-between;gap:var(--bundle-space-md);padding-bottom:var(--bundle-space-sm);border-bottom:1px solid var(--bb-blue20, #d7eef9)}.bb-bundle__summary-lines li>div{display:grid;gap:var(--bb-geometry-3)}.bb-bundle__summary-lines li>div:last-child{text-align:right}.bb-bundle__summary-lines strong{color:var(--bb-dark, #182a44);font-size:1.4rem}.bb-bundle__summary-lines span{color:var(--bb-grey-text, #5e6b73);font-size:1.3rem;line-height:1.4}.bb-bundle__add{width:100%;min-height:var(--bb-geometry-56);padding:var(--bb-geometry-14) var(--bb-geometry-18);border:0;border-radius:var(--bb-geometry-10);background:var(--bb-darkblue, #0a4472);color:#fff;font:700 1.5rem/1.2 var(--bb-font-body, Inter, sans-serif);cursor:pointer;transition:background-color .18s ease}.bb-bundle__add:hover{background:var(--bb-dark, #182a44)}.bb-bundle__add:disabled{cursor:wait;opacity:.65}.bb-bundle__status{min-height:var(--bb-geometry-21);margin:var(--bundle-space-sm) 0 0;font-size:1.4rem;line-height:1.5}.bb-bundle__status--success{color:var(--bb-darkblue, #0a4472)}.bb-bundle__status--error{color:var(--bb-red, #e74243)}@media(max-width:70rem){.bb-bundle__layout{grid-template-columns:1fr}.bb-bundle__gallery{position:static;max-width:var(--bb-geometry-640);margin:0 auto}}@media(max-width:40rem){.bb-bundle{padding-top:var(--bb-geometry-20);padding-bottom:var(--bb-geometry-40)}.bb-bundle__layout{gap:var(--bundle-space-lg)}.bb-bundle__title{font-size:clamp(var(--bb-type-28),3.5vw,var(--bb-type-45))}.bb-bundle__thumbs{display:flex;overflow-x:auto}.bb-bundle__thumb{width:var(--bb-geometry-76);flex:0 0 var(--bb-geometry-76)}.bb-bundle__quantity{grid-template-columns:1fr auto}.bb-bundle__pieces{grid-column:1 / -1;text-align:left}.bb-bundle__summary,.bb-bundle__included{padding:var(--bundle-space-md)}.bb-bundle__summary-lines li{align-items:start}}@media(prefers-reduced-motion:reduce){.bb-bundle__choice,.bb-bundle__add{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-bundle-configurator.css.map */