.upsell-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1.6rem}.upsell-popup[hidden]{display:none}html.upsell-popup-open,html.upsell-popup-open body{overflow:hidden;overscroll-behavior:none}.upsell-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .25s ease;cursor:zoom-out}.upsell-popup.is-open .upsell-popup__overlay{opacity:1}.upsell-popup__dialog{position:relative;width:min(80rem,100%);max-height:calc(100dvh - 3.2rem);overflow-y:auto;overscroll-behavior:contain;padding:3.2rem;border-radius:var(--blocks-radius-md, .8rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2.4rem 6rem #0003;opacity:0;transform:translateY(1.6rem) scale(.98);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);outline:none}.upsell-popup.is-open .upsell-popup__dialog{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.upsell-popup__dialog,.upsell-popup__overlay{transition:opacity .15s linear;transform:none}}.upsell-popup__close{position:absolute;top:1.2rem;inset-inline-end:1.2rem;display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease}.upsell-popup__close:hover{background-color:rgba(var(--color-foreground),.06)}.upsell-popup__close svg{width:2rem;height:2rem}.upsell-popup__added{display:flex;align-items:center;gap:1.4rem;padding-block-end:2rem;padding-inline-end:4rem;border-block-end:.1rem solid rgba(var(--color-foreground),.1)}.upsell-popup__added-media{flex-shrink:0;width:6.4rem;height:6.4rem;border-radius:.6rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.upsell-popup__added-media img{width:100%;height:100%;object-fit:cover}.upsell-popup__added-info p{margin:0;line-height:1.4}.upsell-popup__added-status{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:#3c6e3a;font-weight:var(--font-body-weight-bold)}.upsell-popup__added-status svg{width:1.6rem;height:1.6rem}.upsell-popup__added-title{font-weight:var(--font-body-weight-bold)}.upsell-popup__added-variant{font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.upsell-popup__heading{margin:2.4rem 0 1.6rem;font-size:2.2rem;line-height:1.2}.upsell-popup__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.6rem;margin:0;padding:0}.upsell-card{display:flex;flex-direction:column;gap:.6rem;min-width:0}.upsell-card__media{display:block;aspect-ratio:1;border-radius:.6rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.upsell-card__media img,.upsell-card__media .placeholder-svg{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.upsell-card__media:hover img{transform:scale(1.04)}}.upsell-card__title{color:inherit;text-decoration:none;font-size:1.4rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upsell-card__price{display:flex;align-items:baseline;gap:.6rem;margin:0;font-size:1.4rem}.upsell-card__price s{font-size:.9em;color:rgba(var(--color-foreground),.5)}.upsell-card__form{display:grid;gap:.6rem;margin-block-start:auto}.upsell-card__select{width:100%;height:3.8rem;padding:0 1rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.6rem;background-color:rgb(var(--color-background));color:inherit;font:inherit;font-size:1.3rem}.upsell-card__add{position:relative;display:grid;place-items:center;height:4rem;padding:0 1.2rem;border:.1rem solid rgb(var(--color-foreground));border-radius:99rem;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;font-weight:var(--font-body-weight-bold);cursor:pointer;transition:background-color .2s ease,color .2s ease}.upsell-card__add>span{grid-area:1 / 1;transition:opacity .2s ease}.upsell-card__add:hover:not([disabled]){background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.upsell-card__add.is-loading{opacity:.6;cursor:progress}.upsell-card__add-done{opacity:0}.upsell-card__add.is-added{background-color:#3c6e3a;border-color:#3c6e3a;color:#fff}.upsell-card__add.is-added .upsell-card__add-text{opacity:0}.upsell-card__add.is-added .upsell-card__add-done{opacity:1}.upsell-card__error{margin:0;font-size:1.2rem;color:#dc2626}.upsell-popup__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-block-start:2.8rem;padding-block-start:2rem;border-block-start:.1rem solid rgba(var(--color-foreground),.1)}.upsell-popup__view-cart{min-width:20rem}.upsell-popup__continue{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}@media(max-width:767.98px){.upsell-popup{align-items:flex-end;padding:0}.upsell-popup__overlay{touch-action:none}.upsell-popup__dialog{width:100%;max-height:80dvh;padding:2rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border-radius:1.6rem 1.6rem 0 0;overflow-x:hidden;touch-action:pan-y;transform:translateY(100%)}.upsell-popup__close{top:.8rem;inset-inline-end:.8rem}.upsell-popup__added{gap:1.2rem;padding-block-end:1.4rem}.upsell-popup__added-media{width:4.8rem;height:4.8rem}.upsell-popup__added-title{font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.upsell-popup__heading{margin:1.6rem 0 1.2rem;font-size:1.8rem}.upsell-popup__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}.upsell-card{display:grid;grid-template-columns:8rem minmax(0,1fr);grid-template-areas:"media title" "media price" "media form";grid-template-rows:auto auto 1fr;column-gap:1.2rem;row-gap:.2rem;align-items:start}.upsell-card+.upsell-card{padding-block-start:1.2rem;border-block-start:.1rem solid rgba(var(--color-foreground),.08)}.upsell-card__media{grid-area:media;width:8rem}.upsell-card__title{grid-area:title;font-size:1.4rem}.upsell-card__price{grid-area:price;font-size:1.3rem}.upsell-card__form{grid-area:form;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;margin-block-start:.4rem}.upsell-card__form:not(:has(select)){grid-template-columns:auto;justify-content:start}.upsell-card__select{height:3.4rem;font-size:1.3rem}.upsell-card__add{height:3.4rem;padding:0 1.4rem;font-size:1.3rem;white-space:nowrap}.upsell-card__error{grid-column:1 / -1}.upsell-popup__actions{flex-direction:column;align-items:stretch;gap:.8rem;margin-block-start:1.6rem;padding-block-start:1.4rem;text-align:center}.upsell-popup__view-cart{width:100%;min-height:4.6rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-upsell-popup.css.map */