.complementary-products{--complementary-ink: #12263a;--complementary-muted: #627482;--complementary-line: #dce3e7;--complementary-paper: #fff;--complementary-selected: #fff7f2;--complementary-accent: #ff5a0a;margin-top:clamp(1.5rem,4vw,3rem)}.complementary-products[hidden]{display:none}.complementary-products__card{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--complementary-line);border-radius:var(--radius-large);background:var(--complementary-paper);box-shadow:0 .75rem 2rem #071d300f}.complementary-products__heading{margin-bottom:1.25rem}.complementary-products__eyebrow{display:inline-flex;margin-bottom:.55rem;padding:.3rem .65rem;border-radius:999px;background:#e8f2f7;color:#16496d;font-size:.72rem;font-weight:600}.complementary-products__heading h2{color:var(--complementary-ink);font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.025em}.complementary-products__heading p{margin-top:.45rem;color:var(--complementary-muted);font-size:.9rem}.complementary-products__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:0;padding:0;list-style:none}.complementary-products__item{position:relative;display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:.8rem;min-width:0;padding:.85rem;border:1px solid var(--complementary-line);border-radius:var(--radius);background:var(--complementary-paper);transition:border-color .15s ease,background .15s ease}.complementary-products__item:has(.complementary-products__checkbox:checked){border-color:var(--complementary-accent);background:var(--complementary-selected)}.complementary-products__checkbox{position:absolute;z-index:2;top:.65rem;left:.65rem;width:1.15rem;height:1.15rem;margin:0;accent-color:var(--complementary-accent);cursor:pointer}.complementary-products__media{display:grid;width:4.75rem;height:4.75rem;place-items:center;overflow:hidden;border-radius:calc(var(--radius) - .2rem);background:#f1f4f5}.complementary-products__media img{width:100%;height:100%;object-fit:contain}.complementary-products__placeholder{color:var(--complementary-muted);font-size:1.2rem;font-weight:700}.complementary-products__content{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.complementary-products__title{color:var(--complementary-ink);font-size:.84rem;font-weight:600;line-height:1.3;text-decoration:none}.complementary-products__title:hover{color:var(--complementary-accent)}.complementary-products__price{margin-top:.35rem;color:var(--complementary-ink);font-size:.92rem;font-weight:700}.complementary-products__variant-label{width:100%;margin-top:auto;padding-top:.6rem;color:var(--complementary-muted);font-size:.7rem;font-weight:600}.complementary-products__variant{width:100%;min-height:2.25rem;margin-top:.25rem;padding:.35rem 1.8rem .35rem .55rem;border:1px solid var(--complementary-line);border-radius:.45rem;background:var(--complementary-paper);color:var(--complementary-ink);font-size:.75rem}.complementary-products__checkbox:focus-visible,.complementary-products__variant:focus-visible,.complementary-products__title:focus-visible{outline:2px solid var(--complementary-accent);outline-offset:2px}.complementary-products__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.complementary-products__total{color:var(--complementary-ink);font-size:.95rem}.complementary-products__actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.complementary-products__status{color:var(--complementary-muted);font-size:.8rem}.complementary-products__status:empty{display:none}.complementary-products__cart-link{color:var(--complementary-ink);font-size:.82rem;font-weight:600}.product-section[class*=component-theme--dark-] .complementary-products{--complementary-ink: #f4f8fa;--complementary-muted: #bed0dc;--complementary-line: rgb(255 255 255 / .16);--complementary-paper: #0b2941;--complementary-selected: #18354a}@media(max-width:990px){.complementary-products__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.complementary-products__list{grid-template-columns:1fr}.complementary-products__footer,.complementary-products__actions{align-items:stretch;flex-direction:column}.complementary-products__actions,.complementary-products__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/complementary-products.css.map */