.complementary-bundle-recommendations,.complementary-bundle{display:block;width:100%}.complementary-bundle__panel{background:#f5f5f5;border:1px solid var(--color-border, #dadce0);border-radius:var(--block-border-radius, 16px);padding:clamp(20px,3vw,40px)}.complementary-bundle__heading{color:var(--color-heading, #1a1c1d);font-size:clamp(1.5rem,2.2vw,2rem);margin:0 0 clamp(24px,3vw,36px)}.complementary-bundle__content{align-items:center;display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)}.complementary-bundle__carousel{align-items:center;column-gap:8px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;min-width:0}.complementary-bundle__visuals{align-items:center;display:flex;gap:clamp(10px,1.5vw,20px);min-width:0;overflow-x:auto;grid-column:2;padding:8px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:none}.complementary-bundle__visuals::-webkit-scrollbar{display:none}.complementary-bundle__visual-card{flex:0 0 clamp(120px,15vw,190px);opacity:.28;scroll-snap-align:start;transition:opacity .2s ease,transform .2s ease}.complementary-bundle__visual-card.is-selected{opacity:1;transform:translateY(-2px)}.complementary-bundle__image-link{align-items:center;aspect-ratio:1;background:#fff;border-radius:calc(var(--block-border-radius, 16px) / 2);display:flex;justify-content:center;overflow:hidden;padding:8px}.complementary-bundle__image,.complementary-bundle__placeholder{height:100%;object-fit:contain;width:100%}.complementary-bundle__plus{color:var(--color-heading, #1a1c1d);flex:0 0 auto;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;line-height:1}.complementary-bundle__arrow{align-items:center;align-self:center;background:transparent;border:0;color:var(--color-accent, #e1261c);cursor:pointer;display:flex;height:64px;justify-content:center;padding:0;width:34px}.complementary-bundle__arrow--previous{grid-column:1;grid-row:1}.complementary-bundle__arrow--next{grid-column:3;grid-row:1}.complementary-bundle__arrow svg{display:none}.complementary-bundle__arrow:before{border-bottom:20px solid transparent;border-top:20px solid transparent;content:"";display:block;height:0;width:0}.complementary-bundle__arrow--previous:before{border-right:18px solid var(--color-accent, #e1261c)}.complementary-bundle__arrow--next:before{border-left:18px solid var(--color-accent, #e1261c)}.complementary-bundle__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.complementary-bundle__arrow:disabled{cursor:default;opacity:.3}.complementary-bundle__scrollbar{display:none}.complementary-bundle__selection{min-width:0}.complementary-bundle__items{display:grid;gap:14px}.complementary-bundle__item{align-items:start;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;margin:0;opacity:.7}.complementary-bundle__item.is-selected{opacity:1}.complementary-bundle__item--main{cursor:default}.complementary-bundle__checkbox{accent-color:var(--color-accent, #e1261c);height:18px;margin:3px 0 0;width:18px}.complementary-bundle__checkbox:focus-visible{outline:2px solid currentColor;outline-offset:2px}.complementary-bundle__item-copy{display:grid;gap:2px;min-width:0}.complementary-bundle__item-title{color:var(--color-heading, #1a1c1d);line-height:1.45;text-decoration:none}.complementary-bundle__item-title:hover,.complementary-bundle__item-title:focus-visible{text-decoration:underline}.complementary-bundle__variant{color:var(--color-text, #2c2d2e);font-size:.8125rem;opacity:.75}.complementary-bundle__item-price{color:var(--color-heading, #1a1c1d);font-weight:600;white-space:nowrap}.complementary-bundle__total{align-items:end;display:flex;justify-content:space-between;margin-top:28px}.complementary-bundle__total span{font-size:.875rem}.complementary-bundle__total strong{color:var(--color-heading, #1a1c1d);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1}.complementary-bundle__submit{margin-top:14px;position:relative;width:100%}.complementary-bundle__submit.loading{pointer-events:none}.complementary-bundle__submit .loading-overlay{display:none}.complementary-bundle__submit.loading>span:first-child{opacity:0}.complementary-bundle__submit.loading .loading-overlay{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.complementary-bundle__error{margin-top:12px}@media only screen and (max-width:900px){.complementary-bundle__content{grid-template-columns:1fr}.complementary-bundle__visual-card{flex-basis:min(36vw,150px)}.complementary-bundle__visuals{grid-column:auto;padding:8px 2px 12px;scroll-snap-type:x mandatory}.complementary-bundle__carousel{display:block}.complementary-bundle__arrow{display:none}.complementary-bundle__scrollbar{background:var(--color-border, #dadce0);border-radius:999px;display:block;height:5px;margin-top:4px;overflow:hidden;width:100%}.complementary-bundle__scrollbar-thumb{background:var(--color-heading, #1a1c1d);border-radius:inherit;display:block;height:100%;min-width:28px;transform:translate(0)}}@media only screen and (max-width:480px){.complementary-bundle__panel{padding:18px 14px}.complementary-bundle__item{grid-template-columns:auto minmax(0,1fr)}.complementary-bundle__item-price{grid-column:2}}@media(prefers-reduced-motion:reduce){.complementary-bundle__visual-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/complementary-bundle.css.map */