bought-together{--bought-together--spacing-x: .75rem;--bought-together--items__background: var(--color-foreground-4);--bought-together--items-grid__gap: .5rem;--bought-together--grid-item__width: calc(100% / 2.25);display:block}bought-together .items,bought-together>.heading{width:100%}bought-together .items-grid{display:flex;overflow:auto;gap:.5rem}bought-together .grid-item{display:flex;position:relative;width:calc(var(--bought-together--grid-item__width) - 1rem)}bought-together .item-checkbox{background:var(--color-background);box-shadow:inset 0 0 0 1px var(--color-foreground-10);cursor:pointer;padding:.5rem .5rem .5rem 1rem;min-height:43px;border-radius:4px;z-index:10;position:absolute;right:1rem;left:1rem}bought-together .summary .product-form__buttons{position:absolute;right:.75rem;left:.75rem}bought-together .item-checkbox svg{color:var(--color-button-text);position:absolute;top:50%;right:1rem;z-index:1;opacity:1;transform:translateY(-50%) scale(0)}bought-together .item-checkbox:after{content:"";background:var(--color-foreground-4);position:absolute;display:block;top:50%;right:.75rem;transform:translateY(-50%);width:1.25rem;height:1.25rem;border:1px solid var(--color-foreground-20);border-radius:100%;z-index:0}bought-together .item-checkbox>span{text-transform:uppercase;font-size:.7rem;font-weight:600}bought-together [type=checkbox]:checked~.item-checkbox{box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}bought-together [type=checkbox]:checked~.item-checkbox svg{transform:translateY(-50%) scale(1)}bought-together [type=checkbox]:checked~.item-checkbox:after{background:var(--color-button-background)}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-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}bought-together .grid-item .item-link{width:100%;opacity:.5}bought-together [type=checkbox]:checked~.item-link{opacity:1}bought-together .grid-item .item-title{margin:.5rem 0}bought-together .grid-item.summary>.wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:var(--bought-together--items__background);border-radius:4px;gap:.25rem;padding-top:3rem}bought-together .summary .product-form__buttons{bottom:0;margin-bottom:1rem}bought-together .item-checkbox{top:calc(50% - .5rem)}bought-together .grid-item.summary .message-wrapper{position:absolute;left:0;right:0;top:0}bought-together .summary .price--final,bought-together .summary .label{font-size:1.5rem}bought-together .summary .label{font-weight:700}bought-together .item-checkbox,bought-together .item-checkbox svg,bought-together .grid-item:after,bought-together .grid-item .item-link{transition-property:box-shadow,opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (min-width: 640px){bought-together{--bought-together--grid-item__width: calc(100% / 3.5)}}@media (max-width: 768px){bought-together .grid-item.summary>.wrapper{position:relative}}@media (min-width: 768px){bought-together[data-size="1"]{--bought-together--grid-item__width: 100% }bought-together[data-size="2"]{--bought-together--grid-item__width: 50% }bought-together[data-size="3"]{--bought-together--grid-item__width: calc(100% / 3)}bought-together[data-size="4"]{--bought-together--grid-item__width: calc(25% - 6px) }}@media all and (min-width: 990px){bought-together[data-size="5"]{--bought-together--grid-item__width: 20% }bought-together{display:flex;flex-wrap:wrap}bought-together>.heading{margin:0 0 1rem}bought-together .item-checkbox{padding:.75rem .75rem .75rem 1.5rem;min-height:47px}bought-together [type=checkbox]:checked~.item-checkbox:hover:after,bought-together [type=checkbox]:checked~.item-checkbox:focus:after{background:var(--color-foreground-75);box-shadow:0 0 0 5px var(--color-foreground-10);transition:box-shadow .25s}bought-together .item-checkbox:after{right:1.5rem}bought-together .item-checkbox svg{right:1.75rem}bought-together .item-checkbox>span{font-size:.85rem}bought-together .grid-item.summary>.wrapper{padding-top:4rem}bought-together .summary .product-form__buttons,bought-together .item-checkbox{top:calc(50% + 1rem)}bought-together[data-size="5"] .item-checkbox{top:calc(50% - .5rem)}bought-together .summary .price--final,bought-together .summary .label{font-size:2rem}}@media all and (min-width: 1200px){bought-together .summary .product-form__buttons,bought-together .item-checkbox{top:calc(60% - .5rem)}bought-together[data-size="5"] .item-checkbox{top:calc(50% + .5rem)}bought-together .grid-item.summary>.wrapper{padding-top:5rem}bought-together .item-checkbox,bought-together .summary .product-form__buttons{right:2rem;left:2rem}bought-together[data-size="5"] .item-checkbox{right:1.5rem;left:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-bought-together.css.map */