product-upsells{display:none}product-upsells[data-loaded]{display:block}.upsell{--upsell-text: rgb(var(--text-primary));--upsell-text-dim: rgba(var(--text-primary), .45);--upsell-bg-subtle: rgba(var(--text-primary), .03);--upsell-border: rgba(var(--text-primary), .08);--upsell-border-hover: rgba(var(--text-primary), .16);--upsell-radius: var(--rounded-lg, 12px);--upsell-shadow: 0 1px 3px rgba(var(--text-primary), .04), 0 1px 2px rgba(var(--text-primary), .06);--upsell-shadow-hover: 0 8px 25px rgba(var(--text-primary), .08), 0 4px 10px rgba(var(--text-primary), .05);--upsell-image-ratio: 4 / 5;color:var(--upsell-text)}.upsell__header{display:flex;align-items:center;gap:var(--spacing-4, 1rem);margin-block-end:var(--spacing-4, 1rem)}.upsell__header:before,.upsell__header:after{content:"";flex:1;height:1px;background:var(--upsell-border)}.upsell__heading{margin:0;font-family:var(--heading-font-family, inherit);font-weight:400;font-style:var(--heading-font-style, normal);font-size:var(--text-xs, .6875rem);letter-spacing:.1em;text-transform:uppercase;color:var(--upsell-text-dim);line-height:1.3;white-space:nowrap}.upsell__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--spacing-3, .75rem);padding-block-end:var(--spacing-2, .5rem);scrollbar-width:thin;scrollbar-color:#191932 transparent;cursor:grab}.upsell__grid--grabbing{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.upsell__grid--grabbing *{pointer-events:none}.upsell__grid::-webkit-scrollbar{height:4px}.upsell__grid::-webkit-scrollbar-track{background:transparent}.upsell__grid::-webkit-scrollbar-thumb{background:#191932;border-radius:999px}.upsell__grid::-webkit-scrollbar-thumb:hover{background:#252545}.upsell__card{flex-shrink:0;width:220px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--upsell-bg-subtle);border:1px solid var(--upsell-border);border-radius:var(--upsell-radius);box-shadow:var(--upsell-shadow);overflow:hidden;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out,border-color .25s ease-in-out;transform:translateZ(0);opacity:0;animation:upsell-cardReveal .4s ease forwards}@media screen and (pointer:fine){.upsell__card:hover{transform:translateY(-4px) translateZ(0);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--in-cart{position:relative;opacity:.55}.upsell__card--in-cart .upsell__card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--text-primary),.05);pointer-events:none}.upsell__card-image{display:block;position:relative;aspect-ratio:var(--upsell-image-ratio);overflow:hidden;background:rgba(var(--text-primary),.03);text-decoration:none}.upsell__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease-in-out}.upsell__card-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1-5, .375rem);padding:var(--spacing-3, .75rem)}.upsell__card-title{font-size:var(--text-xs, .6875rem);font-weight:500;color:var(--upsell-text);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upsell__card-title:hover{text-decoration:underline;text-underline-offset:2px}.upsell__card-price{font-size:var(--text-xs, .6875rem);font-weight:600;color:var(--upsell-text);line-height:1.3;display:flex;align-items:center;gap:var(--spacing-1-5, .375rem)}.upsell__card-compare{text-decoration:line-through;color:var(--upsell-text-dim);font-weight:400;font-size:.625rem}.upsell__sizes{display:flex;flex-wrap:wrap;gap:var(--spacing-1, .25rem);margin-block-start:var(--spacing-0-5, .125rem)}.upsell__size{padding:.15rem var(--spacing-2, .5rem);border:1px solid var(--upsell-border);border-radius:var(--rounded-button, 5px);background:none;color:var(--upsell-text-dim);font-size:.625rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease-in-out;line-height:1.5}.upsell__size:hover:not(:disabled){border-color:rgba(var(--text-primary),.35);color:var(--upsell-text);background:rgba(var(--text-primary),.03)}.upsell__size--selected{background:rgb(var(--accent));color:rgb(var(--button-text-primary));border-color:rgb(var(--accent))}.upsell__size--selected:hover:not(:disabled){color:rgb(var(--button-text-primary));border-color:rgb(var(--accent))}.upsell__size--disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.upsell__add-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1-5, .375rem);width:100%;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);border:none;border-radius:var(--rounded-button, 6px);background:rgb(var(--accent));color:rgb(var(--button-text-primary));font-size:var(--text-xs, .6875rem);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s ease-in-out,transform .1s ease-in-out,background-color .25s ease-in-out;margin-block-start:auto;white-space:nowrap;line-height:1.4;position:relative;overflow:hidden}.upsell__add-btn:hover:not(:disabled){opacity:.88}.upsell__add-btn:active:not(:disabled){transform:scale(.97)}.upsell__add-btn:disabled{cursor:default}.upsell__add-btn--success{background:var(--upsell-success, #16a34a);color:var(--upsell-success-text, #fff)}.upsell__add-done{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.upsell__add-btn--in-cart{background:rgba(var(--text-primary),.06);color:rgba(var(--text-primary),.4);cursor:default;font-weight:500}.upsell__add-btn--sold-out{background:transparent;color:var(--upsell-text-dim);border:1px solid var(--upsell-border);cursor:default;font-weight:500}.upsell__add-loading svg,.upsell__add-done svg{display:block;flex-shrink:0}.upsell__drag-hint{display:flex;align-items:center;justify-content:center;gap:.375rem;padding-block-start:var(--spacing-2, .5rem);font-size:.5625rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--upsell-text-dim);transition:opacity .6s ease}.upsell__drag-hint svg{display:block;flex-shrink:0;opacity:.5}.upsell__drag-hint--hidden{opacity:0;pointer-events:none}.upsell__sentinel{flex-shrink:0;width:1px}@keyframes upsell-cardReveal{0%{opacity:0;transform:translateY(14px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}@media(prefers-reduced-motion:reduce){.upsell__card{animation:none;opacity:1}.upsell__card:hover{transform:none!important}.upsell__card-image img{transition:none}}.upsell__card--sold-out{opacity:.4}.upsell__card--sold-out .upsell__card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--text-primary),.06);pointer-events:none}.upsell__card--in-cart{--_reveal-opacity: .55}@keyframes upsell-cardRevealDim{0%{opacity:0;transform:translateY(14px) translateZ(0)}to{opacity:var(--_reveal-opacity, .55);transform:translateY(0) translateZ(0)}}.upsell__card--in-cart{animation-name:upsell-cardRevealDim}.upsell__card--sold-out{--_reveal-opacity: .4;animation-name:upsell-cardRevealDim}@media screen and (max-width:699px){.upsell__card{width:180px}.upsell__card-image{aspect-ratio:1 / 1}.upsell__card-info{padding:var(--spacing-2-5, .625rem);gap:var(--spacing-1, .25rem)}.upsell__size{padding:.1rem var(--spacing-1-5, .375rem);font-size:.5625rem}.upsell__add-btn{padding:var(--spacing-1-5, .375rem) var(--spacing-2-5, .625rem);font-size:.625rem}}@media screen and (min-width:1200px){.upsell__card{width:240px}}@media screen and (min-width:1000px){.product>product-upsells[data-loaded]{padding-block-start:var(--spacing-8, 2rem)}.product+product-upsells[data-loaded]{padding-block-start:var(--spacing-8, 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/product-upsells.css.map */