.product-upsell{display:block;padding:1.25rem;border-radius:var(--border-radius-cards, 12px);background:var(--product-upsell-bg, var(--color-secondary-background-main, var(--color-background-main)));border:1px solid var(--product-upsell-border, var(--color-borders-main))}.product-upsell__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.product-upsell__heading{margin:0;font-family:var(--font-stack-headings);font-size:24px;font-weight:700;line-height:1.2;color:var(--product-upsell-heading, var(--color-text-main))}.product-upsell__nav{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.product-upsell__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--product-upsell-border, var(--color-borders-main));border-radius:50%;background:transparent;color:var(--product-upsell-text, var(--color-text-main));cursor:pointer;transition:border-color .15s ease,color .15s ease}.product-upsell__nav-btn:disabled{opacity:.35;cursor:not-allowed}.main-product .product-upsell__price .product-price--original{font-size:18px}.main-product .product-upsell__price .product-price--compare{font-size:14px}.no-touchevents .product-upsell__nav-btn:not(:disabled):hover{border-color:var(--product-upsell-button, var(--color-accent-main));color:var(--product-upsell-button, var(--color-accent-main))}.product-upsell__viewport{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.product-upsell__viewport.is-dragging{cursor:grabbing}.product-upsell__viewport.is-dragging .product-upsell__track{transition:none}.product-upsell__track{display:flex;transition:transform .35s ease;will-change:transform}.product-upsell__slide{flex:0 0 100%;min-width:0}.product-upsell__body{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.product-upsell__media{flex-shrink:0;width:4.5rem;height:4.5rem;overflow:hidden;display:block}.product-upsell__media img,.product-upsell__media .lazy-image{width:100%;height:100%;object-fit:cover}.product-upsell__media-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--color-third-background-main, var(--color-background-main))}.product-upsell__info{min-width:0;flex:1}.product-upsell__title{display:block;font-size:18px;line-height:1.3;color:var(--product-upsell-text, var(--color-text-main));margin-bottom:.25rem}.product-upsell__price .product-price{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.main-product .product-upsell__price .product-price--original{font-weight:700;color:var(--product-upsell-price, var(--color-accent-main))}.main-product .product-upsell__price .product-price--compare{font-size:.875rem;opacity:.65}.product-upsell__action{width:100%}.product-upsell__action .quick-add-to-cart,.product-upsell__action product-form,.product-upsell__action .quick-add-to-cart-button,.product-upsell__action form{width:100%}.product-upsell__action .product-upsell__cta,.product-upsell__action .button{width:100%;min-height:50px;border-radius:var(--border-radius-buttons, 8px);border:1px solid var(--product-upsell-button, var(--color-accent-main))!important;background:transparent!important;color:var(--product-upsell-button, var(--color-accent-main))!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;display:flex;justify-content:center;align-items:center}.product-upsell__action .product-upsell__cta .button__text,.product-upsell__action .button .button__text{color:var(--product-upsell-button, var(--color-accent-main))}.no-touchevents .product-upsell__action .product-upsell__cta:hover,.no-touchevents .product-upsell__action .button:hover{background:var(--product-upsell-button-hover, var(--color-accent-main))!important;color:var(--product-upsell-button-hover-text, var(--color-white))!important;border-color:var(--product-upsell-button-hover-border, var(--color-accent-main))!important}.no-touchevents .product-upsell__action .product-upsell__cta:hover .button__text,.no-touchevents .product-upsell__action .button:hover .button__text{color:var(--product-upsell-button-hover-text, var(--color-white))!important}@media(max-width:767px){.product-upsell__heading{font-size:20px}.product-upsell__title{font-size:14px}.main-product .product-upsell__price .product-price--original{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-product-upsell.css.map */
