bought-together{--bought-together--spacing-x:.75rem;margin:0 calc(var(--bought-together--spacing-x)*-1);--bought-together--grid-item__width:57.14286%;--bought-together--items-grid__gap:.5rem;--bought-together--items__background:var(--color-foreground-4);display:block}bought-together>.heading{padding:0 var(--bought-together--spacing-x);width:100%}bought-together>.items{padding:1rem 0 0}bought-together>.items,bought-together>.summary{background:var(--bought-together--items__background)}bought-together>.summary{padding:.75rem var(--bought-together--spacing-x) 1rem;justify-content:flex-end;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:.5rem;align-items:center;display:flex}bought-together>.summary .price--final{font-size:2rem;font-weight:600}bought-together>.summary .label{margin:.25rem 0 0}bought-together>.summary product-form{font-size:1rem;min-width:var(--bought-together--grid-item__width);margin:0 0 0 1.5rem}bought-together>.summary .product-form__submit{width:100%}bought-together .items-grid{overflow:auto;padding:2px;gap:var(--bought-together--items-grid__gap);align-items:flex-start;display:flex}bought-together .grid-item{padding:0 .75rem;position:relative;margin:0 0 .5rem;width:calc(var(--bought-together--grid-item__width));display:flex}bought-together .grid-item:first-child{margin-left:auto}bought-together .grid-item:last-child{margin-right:auto}bought-together .item-checkbox{height:1.375rem;right:2rem;position:absolute;top:1.25rem;box-shadow:inset 0 0 0 1px var(--color-foreground-10);border-radius:100%;background:var(--bought-together--items__background);cursor:pointer;width:1.375rem;z-index:10}bought-together .item-checkbox svg{transform:scale(0);color:var(--color-background);position:absolute;opacity:1;top:calc(50% - 4.5px);left:calc(50% - 6px)}bought-together [type=checkbox]:checked~.item-checkbox{box-shadow:inset 0 0 0 1rem var(--color-base-accent-1)}bought-together [type=checkbox]:checked~.item-checkbox svg{transform:scale(1)}bought-together [type=checkbox][disabled]~.item-checkbox{color:var(--color-foreground-10);cursor:not-allowed}bought-together [type=checkbox]:focus:focus-visible~.item-checkbox{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);background:var(--color-base-accent-1)}bought-together .grid-item:after{height:2rem;justify-content:center;font-size:1.5rem;font-weight:600;content:"+";position:relative;opacity:.5;margin:6rem -2.5rem 0 0;align-items:center;left:.25rem;width:1.5rem;display:flex}bought-together .grid-item:has([type=checkbox]:checked):after{opacity:1}bought-together .grid-item:last-child:after{display:none}bought-together .grid-item .item-link{padding:1rem;opacity:.5;box-shadow:0 .25rem 1.5rem rgba(var(--color-foreground-rgb),.02);border-radius:var(--product-card--border-radius);background:var(--color-background);width:100%}bought-together [type=checkbox]:checked~.item-link{opacity:1}bought-together .grid-item .item-title{margin:.5rem 0}bought-together .grid-item .item-link,bought-together .grid-item:after,bought-together .item-checkbox,bought-together .item-checkbox svg{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:box-shadow,opacity,transform}@media(min-width:480px){bought-together{--bought-together--grid-item__width:44.44444%}}@media(min-width:640px){bought-together{--bought-together--grid-item__width:calc(28.57143% - var(--bought-together--items-grid__gap)*3/3.5)}}@media(min-width:768px){bought-together{--bought-together--grid-item__width:calc(25% - var(--bought-together--items-grid__gap)*3/4)}}@media (min-width:990px){bought-together{flex-wrap:wrap;display:flex}bought-together>.heading{margin:0 0 1rem}bought-together>.items{padding:2rem 0 1.5rem var(--bought-together--spacing-x);border-radius:4px 0 0 4px;width:80%}bought-together .items-grid{margin:0 -.75rem}bought-together>.summary{padding:2rem var(--bought-together--spacing-x) 2rem 2rem;justify-content:center;flex-direction:column;gap:0;align-items:center;border-radius:0 4px 4px 0;width:20%}bought-together>.summary product-form{margin:1rem 0 0;width:100%}bought-together>.summary .product-form__submit{min-width:100%}}