.complementary-products{margin-block-start:var(--spacing-6, 2rem)}.complementary-products__heading{font-size:var(--font-h5--size, 1.125rem);font-weight:var(--font-weight-medium, 500);margin-block:0 var(--spacing-4, 1.5rem)}.complementary-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4, 1.5rem) var(--spacing-3, 1rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.complementary-products__grid{grid-template-columns:repeat(var(--complementary-columns, 4),minmax(0,1fr))}}.complementary-products--drawer .complementary-products__grid{grid-template-columns:1fr;gap:var(--spacing-3, 1rem)}.complementary-products--drawer .complementary-products__item{display:grid;grid-template-columns:64px 1fr;gap:var(--spacing-3, 1rem);align-items:center}.complementary-products__media{display:block;border-radius:var(--style-border-radius-images, 0);overflow:hidden}.complementary-products__media img{width:100%;height:auto;display:block;object-fit:cover}.complementary-products__info{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem);margin-block-start:var(--spacing-2, .5rem)}.complementary-products--drawer .complementary-products__info{margin-block-start:0}.complementary-products__title{font-size:var(--font-body--size, .875rem);color:var(--color-foreground, currentColor);text-decoration:none;line-height:var(--line-height-tight, 1.3)}.complementary-products__title:hover{text-decoration:underline}.complementary-products__price{font-size:var(--font-body--size, .875rem);color:var(--color-foreground, currentColor)}.complementary-products__add{margin-block-start:var(--spacing-2, .5rem);width:100%}.complementary-products--drawer .complementary-products__add{width:auto;margin-block-start:var(--spacing-1, .25rem)}.complementary-products__options{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);margin-block-start:var(--spacing-1, .25rem)}.complementary-products__option{border:0;margin:0;padding:0;min-inline-size:0}.complementary-products__option-label{font-size:var(--font-caption--size, .75rem);color:var(--color-foreground-secondary, currentColor);padding:0;margin-block-end:2px}.complementary-products__values{display:flex;flex-wrap:wrap;gap:var(--spacing-1, .25rem) var(--spacing-2, .5rem)}.complementary-products__value{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;font-size:var(--font-body--size, .875rem);color:var(--color-foreground, currentColor);line-height:1.2;text-decoration:none}.complementary-products__value:hover{text-decoration:underline}.complementary-products__value.is-selected{font-weight:var(--font-weight-bold, 700);text-decoration:underline;text-underline-offset:3px}.complementary-products__value.is-unavailable{text-decoration:line-through;color:var(--color-foreground-secondary, currentColor);opacity:.55}.complementary-products__value.is-unavailable.is-selected{text-decoration:line-through underline}.complementary-products__controls{display:flex;align-items:stretch;gap:var(--spacing-2, .5rem);margin-block-start:var(--spacing-2, .5rem)}.complementary-products__qty{display:inline-flex;align-items:stretch;border:var(--style-border-width, 1px) solid var(--color-border, currentColor);border-radius:var(--style-border-radius-inputs, 0);overflow:hidden;flex:0 0 auto}.complementary-products__qty-btn{border:0;background:transparent;color:var(--color-foreground, currentColor);width:2rem;cursor:pointer;font-size:1rem;line-height:1}.complementary-products__qty-btn:hover{background:var(--color-background-secondary, transparent)}.complementary-products__qty-input{width:2.25rem;text-align:center;border:0;background:transparent;color:var(--color-foreground, currentColor);font-size:var(--font-body--size, .875rem);-moz-appearance:textfield}.complementary-products__qty-input::-webkit-outer-spin-button,.complementary-products__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.complementary-products__controls .complementary-products__add{flex:1 1 auto;margin-block-start:0;width:auto}.complementary-products--drawer .complementary-products__controls{flex-wrap:wrap}
/*# sourceMappingURL=/cdn/shop/t/5/assets/complementary-products.css.map */
