.display-case-upsell{margin:1.2rem 0 1.6rem}.display-case-upsell__heading{margin:0 0 .6rem;font-size:1.2rem;font-weight:600;letter-spacing:.02em;color:var(--saf-ink, #1d1d1b)}.display-case-upsell__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;border:0}.display-case-upsell__tile{display:flex;align-items:center;gap:.6rem;min-height:4.4rem;margin:0;padding:.5rem .6rem;border:.1rem solid var(--saf-line, #e4e1da);border-radius:.4rem;background:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.display-case-upsell__tile:hover{background:var(--saf-paper, #f6f5f2)}.display-case-upsell__tile:has(.display-case-upsell__input:checked){border-color:var(--saf-gold, #bf9948);background:var(--saf-paper, #f6f5f2)}.display-case-upsell__tile:has(.display-case-upsell__input:disabled){cursor:not-allowed;opacity:.5}.display-case-upsell__tile:has(.display-case-upsell__input:disabled):hover{background:rgb(var(--color-background))}.display-case-upsell__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.display-case-upsell__indicator{flex-shrink:0;width:1.4rem;height:1.4rem;border:.12rem solid var(--saf-line, #e4e1da);border-radius:50%;background:rgb(var(--color-background))}.display-case-upsell__indicator:after{content:"";display:block;width:.6rem;height:.6rem;margin:.3rem auto 0;border-radius:50%;background:var(--saf-gold, #bf9948);transform:scale(0);transition:transform .15s ease}.display-case-upsell__input:checked+.display-case-upsell__indicator{border-color:var(--saf-gold, #bf9948)}.display-case-upsell__input:checked+.display-case-upsell__indicator:after{transform:scale(1)}.display-case-upsell__media{flex-shrink:0;width:3.6rem;height:3.6rem;border-radius:.3rem;overflow:hidden;background:var(--saf-paper, #f6f5f2)}.display-case-upsell__media img{display:block;width:100%;height:100%;object-fit:contain}.display-case-upsell__copy{flex:1;min-width:0}.display-case-upsell__title{font-size:1.1rem;font-weight:500;line-height:1.25;color:var(--saf-ink, #1d1d1b);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.display-case-upsell__meta{display:block;margin-top:.15rem;font-size:1.05rem;line-height:1.2;color:var(--saf-gold-deep, #8a6a2c)}.display-case-upsell__meta--muted{color:var(--saf-mute, #6e6e6b)}.display-case-upsell__variants{display:none;flex-wrap:wrap;gap:.35rem;grid-column:1 / -1;margin:0;padding:0}.display-case-upsell__grid:has([data-display-case-card] .display-case-upsell__input:checked) .display-case-upsell__variants.is-active{display:flex}.display-case-upsell__variant-pill{display:inline-flex;margin:0}.display-case-upsell__variant-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.display-case-upsell__variant-label{display:inline-block;padding:.25rem .6rem;border:.1rem solid var(--saf-line, #e4e1da);border-radius:999px;font-size:1rem;line-height:1.2;color:var(--saf-ink, #1d1d1b);background:rgb(var(--color-background));cursor:pointer}.display-case-upsell__variant-input:checked+.display-case-upsell__variant-label{border-color:var(--saf-gold, #bf9948);background:var(--saf-paper, #f6f5f2)}.display-case-upsell__variant-input:disabled+.display-case-upsell__variant-label{opacity:.45;cursor:not-allowed;text-decoration:line-through}.display-case-upsell__total{margin:.5rem 0 0;font-size:1.1rem;line-height:1.35;color:var(--saf-mute, #6e6e6b)}.display-case-upsell__total strong{color:var(--saf-ink, #1d1d1b)}.display-case-upsell__quantity{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding-top:.8rem;border-top:.1rem solid var(--saf-line, #e4e1da)}.display-case-upsell__quantity[hidden]{display:none}.display-case-upsell__quantity-label{font-size:1.2rem;font-weight:500;color:var(--saf-ink, #1d1d1b)}.display-case-upsell__quantity-input{width:auto;min-width:9rem}.display-case-upsell__quantity-input .quantity__input{width:3.2rem;font-size:1.3rem}@media screen and (max-width:749px){.display-case-upsell__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-display-case-upsell.css.map */