.matching-band{width:100%;margin:0 0 14px}.matching-band__heading{margin:0 0 4px;font-family:var(--font-heading-family);font-size:16px;font-weight:700;line-height:1.3;color:#1a1a1a}.matching-band__subheading{margin:0 0 12px;color:#6d6d6d;font-size:14px;line-height:1.4}.matching-band__subheading p{margin:0}.matching-band__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.matching-band__card{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-width:0;min-height:0;margin:0;padding:8px 8px 10px;border:1px solid #e4e4e4;border-radius:10px;background:#fff;color:#1a1a1a;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.matching-band__card.is-extra{display:none}.matching-band.is-expanded .matching-band__card.is-extra{display:flex}.matching-band__card.is-selected{border:1.5px solid var(--brand-primary-hex, #3d4a32)}.matching-band__media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:96px;margin:0 0 8px;background:#fff}.matching-band__image{display:block;width:100%;height:100%;object-fit:contain}.matching-band__image--placeholder{background:linear-gradient(135deg,#eee,#f7f7f5)}.matching-band__check{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-primary-hex, #3d4a32);color:#fff}.matching-band__card.is-selected .matching-band__check{display:inline-flex}.matching-band__title{font-size:13px;font-weight:700;line-height:1.3;color:#1a1a1a}.matching-band__card .matching-band__metal,.matching-band .matching-band__metal{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin-top:6px;padding:4px 8px;border-radius:4px;color:#fff!important;font-family:var(--font-body-family);font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;word-break:break-word;-webkit-text-fill-color:#ffffff}.matching-band__card .matching-band__metal--rose,.matching-band .matching-band__metal--rose{background:#a96868!important}.matching-band__card .matching-band__metal--yellow,.matching-band .matching-band__metal--yellow{background:#9a7820!important}.matching-band__card .matching-band__metal--white,.matching-band .matching-band__metal--white{background:#6f757c!important}.matching-band__card .matching-band__metal--platinum,.matching-band .matching-band__metal--platinum,.matching-band__card .matching-band__metal--neutral,.matching-band .matching-band__metal--neutral{background:#5f5f5f!important}.matching-band__price,.matching-band__suffix{display:block;margin-top:4px;font-size:13px;font-weight:400;line-height:1.3;color:#1a1a1a}.matching-band__compare{display:block;margin-top:2px;color:#8a8a8a;font-size:12px;line-height:1.3}.matching-band__select{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:7px 6px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1;text-align:center;text-transform:uppercase}.matching-band__card.is-selected .matching-band__select{border-color:var(--brand-primary-hex, #3d4a32);background:var(--brand-primary-hex, #3d4a32);color:#fff}.matching-band__toggle{display:inline-flex;margin-top:10px;padding:0;border:0;background:transparent;color:#1a1a1a;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}.matching-band__helper{margin:12px 0 0;color:#4a4a4a;font-size:13px;line-height:1.45}@media screen and (max-width:749px){.matching-band__heading{font-size:15px}.matching-band__subheading{margin-bottom:10px;font-size:13px}.matching-band__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.matching-band__card{padding:8px 8px 10px;border-radius:8px}.matching-band__media{height:88px;margin-bottom:8px}.matching-band__check{width:18px;height:18px}.matching-band__title,.matching-band__price,.matching-band__suffix{font-size:12px}.matching-band__card .matching-band__metal,.matching-band .matching-band__metal{margin-top:4px;padding:3px 6px;font-size:9px;color:#fff!important;-webkit-text-fill-color:#ffffff}.matching-band__select{margin-top:8px;padding:7px 6px;font-size:11px}.matching-band__helper{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/matching-band-upsell.css.map */