upsell-popup{--up-overlay: rgba(0, 0, 0, .55);--up-bg: #fff;--up-heading: var(--color-heading);--up-text: var(--color-body);--up-accent: var(--color-accent);--up-accent-hover: var(--color-accent-hover);--up-btn-text: #fff;--up-savings: var(--color-price-discounted, #c0392b);--up-radius: 16px;--up-cols: 4}upsell-popup[hidden]{display:none}upsell-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:flex-end;justify-content:center;color:var(--up-text);font-size:16px}.upsell-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--up-overlay);opacity:0;transition:opacity .25s ease}.upsell-popup__dialog{position:relative;width:100%;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--up-bg);border-radius:var(--up-radius) var(--up-radius) 0 0;padding:22px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0003;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}upsell-popup.is-open .upsell-popup__overlay{opacity:1}upsell-popup.is-open .upsell-popup__dialog{transform:translateY(0)}.upsell-popup__dialog:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#00000026;margin:-6px auto 14px}.upsell-popup__close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#0000000f;color:var(--up-heading);cursor:pointer;transition:background .2s ease}.upsell-popup__close:hover{background:#0000001f}.upsell-popup__header{text-align:center;margin:0 auto 16px;max-width:560px;padding:0 32px}.upsell-popup__title{margin:0 0 4px;font-size:1.25rem;line-height:1.25;color:var(--up-heading)}.upsell-popup__subtitle{margin:0;font-size:.92rem;line-height:1.4;opacity:.75}.upsell-popup__grid{display:flex;flex-direction:column;gap:10px}.upsell-card{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--up-bg);border:1.5px solid var(--color-border, #e3e3e3);border-radius:14px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.upsell-card.is-selected{border-color:var(--up-accent);background:color-mix(in srgb,var(--up-accent) 5%,var(--up-bg))}.upsell-card__media{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f6f6f6;border-radius:10px;overflow:hidden}.upsell-card__media img{width:100%;height:100%;object-fit:cover}.upsell-card__body{min-width:0}.upsell-card__title{margin:0 0 2px;font-size:.92rem;font-weight:600;line-height:1.25;color:var(--up-heading);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upsell-card__vendor{margin:0 0 2px;font-size:.76rem;opacity:.6}.upsell-card__desc{display:none}.upsell-card__pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:3px}.upsell-card__price{font-size:1rem;font-weight:700;text-decoration:none;color:var(--up-heading)}.upsell-card__price.is-discounted{color:var(--up-savings)}.upsell-card__compare{font-size:.82rem;opacity:.55;text-decoration:line-through}.upsell-card__save{font-size:.72rem;font-weight:700;line-height:1;color:#fff;background:var(--up-savings);padding:4px 7px;border-radius:100px;white-space:nowrap}.upsell-card__badge{display:inline-block;margin-top:6px;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--up-savings);padding:3px 8px;border-radius:6px;line-height:1.2}.upsell-card__add{justify-self:end;border:1.5px solid var(--up-accent);background:transparent;color:var(--up-accent);font-weight:600;font-size:.85rem;padding:8px 14px;border-radius:var(--button-border-radius, 6px);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.upsell-card__add:hover{background:color-mix(in srgb,var(--up-accent) 8%,transparent)}.upsell-card__added-label{display:none}.upsell-card.is-selected .upsell-card__add{background:var(--up-accent);color:var(--up-btn-text);border-color:var(--up-accent)}.upsell-card.is-selected .upsell-card__add-label{display:none}.upsell-card.is-selected .upsell-card__added-label{display:inline}.upsell-popup__footer{margin-top:18px;text-align:center;position:sticky;bottom:0;background:linear-gradient(to top,var(--up-bg) 70%,transparent);padding-top:8px}.upsell-popup__cta{width:100%;background:var(--up-accent);color:var(--up-btn-text);border:0;font-weight:700;font-size:1rem;padding:15px 20px;border-radius:var(--button-border-radius, 6px);cursor:pointer;transition:background .2s ease,opacity .2s ease}.upsell-popup__cta:hover{background:var(--up-accent-hover)}.upsell-popup__cta[aria-busy=true]{opacity:.7;pointer-events:none}.upsell-popup__skip{display:inline-block;margin-top:10px;background:none;border:0;color:var(--up-text);opacity:.6;font-size:.88rem;text-decoration:underline;cursor:pointer}.upsell-popup__skip:hover{opacity:1}@media(min-width:750px){upsell-popup{align-items:center;padding:24px}.upsell-popup__dialog{width:auto;max-width:960px;border-radius:var(--up-radius);padding:38px 38px 30px;transform:translateY(20px) scale(.98)}.upsell-popup__dialog:before{display:none}upsell-popup.is-open .upsell-popup__dialog{transform:translateY(0) scale(1)}.upsell-popup__title{font-size:1.7rem}.upsell-popup__subtitle{font-size:1rem}.upsell-popup__grid{display:grid;grid-template-columns:repeat(var(--up-cols),minmax(0,1fr));gap:16px}.upsell-card{display:flex;flex-direction:column;gap:0;padding:16px 14px;text-align:center}.upsell-card__media{width:100%;height:auto;aspect-ratio:1 / 1;margin-bottom:12px;background:#f6f6f6}.upsell-card__media img{object-fit:contain;mix-blend-mode:multiply}.upsell-card__body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center}.upsell-card__title{-webkit-line-clamp:2;min-height:2.3em}.upsell-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 4px;font-size:.8rem;opacity:.7}.upsell-card__pricing{justify-content:center;margin:6px 0 12px}.upsell-card__add{justify-self:stretch;width:100%;margin-top:auto;padding:10px 12px;font-size:.9rem}.upsell-popup__footer{position:static;background:none;padding-top:0}.upsell-popup__cta{width:auto;min-width:340px}}@media(prefers-reduced-motion:reduce){.upsell-popup__overlay,.upsell-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/upsell-popup.css.map */