product-upsells{display:none}product-upsells[data-loaded]{display:block}.upsell{--upsell-text: rgb(var(--color-foreground));--upsell-text-dim: rgba(var(--color-foreground), .45);--upsell-bg-subtle: rgba(var(--color-foreground), .03);--upsell-border: rgba(var(--color-foreground), .08);--upsell-border-hover: rgba(var(--color-foreground), .16);--upsell-radius: var(--blocks-radius, 1.2rem);--upsell-shadow: 0 1px 3px rgba(var(--color-foreground), .04), 0 1px 2px rgba(var(--color-foreground), .06);--upsell-shadow-hover: 0 8px 25px rgba(var(--color-foreground), .08), 0 4px 10px rgba(var(--color-foreground), .05);--upsell-image-ratio: 4 / 5;padding-block:3.2rem 1.6rem;color:var(--upsell-text)}product-upsells[data-full-width] .upsell{padding-block-start:4.8rem}.upsell__header{display:flex;align-items:center;gap:1.6rem;margin-block-end:2rem;padding-inline:.4rem}.upsell__header:before,.upsell__header:after{content:"";flex:1;height:1px;background:var(--upsell-border)}.upsell__heading{font-family:var(--font-heading-family);font-size:1.1rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--upsell-text-dim);margin:0;white-space:nowrap;flex-shrink:0}.upsell__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;padding-block-end:1.2rem;cursor:grab;scrollbar-width:thin;scrollbar-color:rgb(var(--color-primary)) transparent;-webkit-overflow-scrolling:touch}.upsell__grid::-webkit-scrollbar{height:4px}.upsell__grid::-webkit-scrollbar-track{background:transparent}.upsell__grid::-webkit-scrollbar-thumb{background:rgb(var(--color-primary));border-radius:999px}.upsell__grid--grabbing{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.upsell__card{flex:0 0 220px;width:220px;scroll-snap-align:start;border-radius:var(--upsell-radius);border:1px solid var(--upsell-border);background:var(--upsell-bg-subtle);box-shadow:var(--upsell-shadow);overflow:hidden;display:flex;flex-direction:column;transform:translateZ(0);animation:upsell-reveal .4s cubic-bezier(.25,.46,.45,.94) both;transition:transform .25s ease,box-shadow .25s ease}@keyframes upsell-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(pointer:fine){.upsell__card:hover{transform:translateY(-4px);box-shadow:var(--upsell-shadow-hover);border-color:var(--upsell-border-hover)}.upsell__card:hover .upsell__card-image img{transform:scale(1.04)}}.upsell__card-image{display:block;aspect-ratio:var(--upsell-image-ratio);overflow:hidden;background:var(--upsell-bg-subtle)}.upsell__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.upsell__card-info{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;flex:1;gap:.6rem}.upsell__card-title{font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight-bolder, 500);line-height:1.35;color:var(--upsell-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upsell__card-title:hover{text-decoration:underline}.upsell__card-price{font-size:1.2rem;color:var(--upsell-text);display:flex;align-items:center;gap:.6rem}.upsell__card-compare{text-decoration:line-through;color:var(--upsell-text-dim);font-size:1.1rem}.upsell__sizes{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.2rem}.upsell__size{-webkit-appearance:none;appearance:none;border:1px solid var(--upsell-border);background:transparent;color:var(--upsell-text);font-size:1rem;font-family:var(--font-body-family);padding:.3rem .8rem;border-radius:var(--buttons-radius, .4rem);cursor:pointer;transition:border-color .15s,background .15s,color .15s;line-height:1.3}.upsell__size:hover{border-color:var(--upsell-border-hover)}.upsell__size--selected{background:rgb(var(--color-primary));border-color:rgb(var(--color-primary));color:rgb(var(--color-button-text))}.upsell__size--disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}.upsell__add-btn{-webkit-appearance:none;appearance:none;border:none;width:100%;padding:.8rem 1.2rem;border-radius:var(--buttons-radius, .4rem);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-button-family, var(--font-body-family));font-size:1.1rem;font-weight:var(--font-button-weight, 500);letter-spacing:var(--buttons-letter-spacing, .04em);text-transform:var(--buttons-transform, none);cursor:pointer;margin-block-start:auto;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:opacity .15s,background .15s,transform .1s;line-height:1.4}.upsell__add-btn:hover{opacity:.88}.upsell__add-btn:active{transform:scale(.97)}.upsell__add-btn--success{background:#16a34a;color:#fff}.upsell__add-btn--in-cart{background:rgba(var(--color-foreground),.06);color:var(--upsell-text-dim);cursor:default}.upsell__add-btn--sold-out{background:transparent;border:1px solid var(--upsell-border);color:var(--upsell-text-dim);cursor:default}.upsell__add-loading svg{width:16px;height:16px;animation:upsell-spin .7s linear infinite}@keyframes upsell-spin{to{transform:rotate(360deg)}}.upsell__card--in-cart{opacity:.55;position:relative}.upsell__card--in-cart:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background),.3);pointer-events:none;border-radius:inherit}.upsell__card--sold-out{opacity:.4;position:relative}.upsell__card--sold-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background),.3);pointer-events:none;border-radius:inherit}.upsell__drag-hint{display:flex;align-items:center;justify-content:center;gap:.8rem;padding-block-start:.8rem;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--upsell-text-dim);transition:opacity .4s ease}.upsell__drag-hint svg{width:12px;height:12px;opacity:.5}.upsell__drag-hint--hidden{opacity:0;pointer-events:none}.upsell__sentinel{width:1px;flex-shrink:0}@media(min-width:1200px){.upsell__card{flex:0 0 240px;width:240px}}@media(max-width:699px){.upsell__card{flex:0 0 180px;width:180px}.upsell__card-image{aspect-ratio:1 / 1}}@media(prefers-reduced-motion:reduce){.upsell__card{animation:none}.upsell__card,.upsell__card-image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/product-upsells.css.map */