.cart-upsell{--hl-upsell-accent: #bc9c22;display:block;flex-shrink:0;padding:1.6rem 0 .4rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.cart-upsell[hidden]{display:none}.cart-upsell__heading{display:flex;gap:.8rem;align-items:center;margin:0 0 1.1rem;font-size:1.5rem;font-weight:600;letter-spacing:.01em;line-height:1.3;color:rgb(var(--color-foreground))}.cart-upsell__heading:before{content:"";flex:0 0 auto;width:.3rem;height:1.5rem;border-radius:.3rem;background:var(--hl-upsell-accent)}.cart-upsell__viewport{position:relative}.cart-upsell__list{display:flex;gap:1.1rem;margin:0;padding:0 0 .8rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.22) transparent}.cart-upsell__list::-webkit-scrollbar{height:.4rem}.cart-upsell__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.22);border-radius:.4rem}.cart-upsell__item{display:flex;flex:0 0 calc((100% - 1.5rem) / 2.4);flex-direction:column;min-width:0;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.09);border-radius:1rem;background:rgb(var(--color-background));scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease}.cart-upsell__item:hover{border-color:rgba(var(--color-foreground),.22);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.07)}.cart-upsell__media{position:relative;display:block;margin-bottom:.8rem;overflow:hidden;border-radius:.7rem;background:rgba(var(--color-foreground),.04)}.cart-upsell__image,.cart-upsell__media .placeholder-svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;transition:transform .35s ease}.cart-upsell__media:hover .cart-upsell__image{transform:scale(1.05)}.cart-upsell__badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;border-radius:10rem;background:var(--hl-upsell-accent);font-size:1rem;font-weight:700;line-height:1.4;letter-spacing:.02em;color:#fff}.cart-upsell__title{display:-webkit-box;margin-bottom:.4rem;overflow:hidden;font-size:1.25rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere;text-decoration:none;color:rgb(var(--color-foreground));-webkit-box-orient:vertical;-webkit-line-clamp:2}.cart-upsell__title:hover{text-decoration:underline}.cart-upsell__price{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;margin:0 0 .8rem;font-size:1.25rem;line-height:1.3}.cart-upsell__price-now{font-weight:700;color:rgb(var(--color-foreground))}.cart-upsell__price-was{font-size:1.1rem;text-decoration:line-through;color:rgba(var(--color-foreground),.5)}.cart-upsell__price-was[hidden]{display:none}.cart-upsell__variants{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.cart-upsell__swatch{width:2rem;height:2rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:var(--swatch-input--border-radius, .2rem);background:var(--hl-swatch, rgba(var(--color-foreground), .08));background-size:cover;background-position:center;font-family:inherit;font-size:1.1rem;line-height:1.3;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cart-upsell__swatch--text{width:auto;height:auto;padding:.3rem .7rem;background:transparent;text-transform:capitalize}.cart-upsell__swatch:hover{border-color:rgba(var(--color-foreground),.6)}.cart-upsell__swatch.is-selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .3rem rgb(var(--color-foreground))}.cart-upsell__swatch--text.is-selected{border-color:var(--hl-upsell-accent);background:#bc9c221f;box-shadow:none;font-weight:600}.cart-upsell__swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cart-upsell__add{display:flex;gap:.4rem;align-items:center;justify-content:center;margin-top:auto;padding:.75rem .6rem;border:.1rem solid var(--hl-upsell-accent);border-radius:var(--buttons-radius, .4rem);background:var(--hl-upsell-accent);font-family:inherit;font-size:1.2rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;color:#fff;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.cart-upsell__add-icon{display:flex;flex:0 0 auto;width:1.2rem;height:1.2rem}.cart-upsell__add-icon svg{width:100%;height:100%}.cart-upsell__add:hover{opacity:.88}.cart-upsell__add:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.cart-upsell__add--link{border-color:rgba(var(--color-foreground),.25);background:transparent;color:rgb(var(--color-foreground))}.cart-upsell__add.is-loading{opacity:.6;cursor:wait}.cart-upsell__add.is-added{border-color:#1f7a45;background:#1f7a45}.cart-upsell__add.is-added .cart-upsell__add-icon{display:none}.cart-upsell__add.is-error{border-color:rgb(var(--color-foreground));background:transparent;color:rgb(var(--color-foreground))}.cart-upsell__nav{position:absolute;top:calc(50% - 1.4rem);display:none;width:2.8rem;height:2.8rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.16);color:rgb(var(--color-foreground));cursor:pointer;transform:translateY(-50%);transition:opacity .15s ease;z-index:2}.cart-upsell__nav svg{display:block;width:1.6rem;height:1.6rem;margin:0 auto}.cart-upsell__nav:hover{opacity:.85}.cart-upsell__nav--prev{left:-.8rem}.cart-upsell__nav--next{right:-.8rem}.cart-upsell__nav[hidden]{display:none}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.cart-upsell__nav:not([hidden]){display:block}}@media screen and (max-width:749px){.cart-upsell{padding-top:1.4rem}.cart-upsell__item{flex-basis:calc((100% - 1.5rem)*.4)}}@media screen and (max-height:650px){.cart-upsell{padding-top:1rem}.cart-upsell__heading{margin-bottom:.7rem;font-size:1.35rem}.cart-upsell__image,.cart-upsell__media .placeholder-svg{aspect-ratio:4 / 3}.cart-upsell__media{margin-bottom:.5rem}.cart-upsell__title{-webkit-line-clamp:1}.cart-upsell__price,.cart-upsell__variants{margin-bottom:.5rem}.cart-upsell__add{padding:.55rem .6rem}}@media(prefers-reduced-motion:reduce){.cart-upsell__list{scroll-behavior:auto}.cart-upsell__swatch,.cart-upsell__add,.cart-upsell__item,.cart-upsell__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-cart-upsell.css.map */