.upsell-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.upsell-popup[aria-hidden=false]{opacity:1;visibility:visible}.upsell-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.upsell-popup__dialog{position:relative;background:rgb(var(--color-background));border-radius:16px;width:90%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003;transform:translateY(20px);transition:transform .3s ease}.upsell-popup[aria-hidden=false] .upsell-popup__dialog{transform:translateY(0)}.upsell-popup__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.upsell-popup__title{margin:0;color:rgb(var(--color-foreground))}.upsell-popup__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;color:inherit;border-radius:50%;transition:background-color .15s ease}.upsell-popup__close:hover{background-color:rgba(var(--color-foreground),.06)}.upsell-popup__body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.upsell-popup__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.upsell-popup__empty{text-align:center;color:rgba(var(--color-foreground),.5);padding:2rem 0}.upsell-popup__item{display:flex;align-items:center;gap:1.25rem;padding:.75rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:10px;transition:box-shadow .2s ease}.upsell-popup__item:hover{box-shadow:0 2px 8px #0000000f}.upsell-popup__quantity{display:flex;align-items:center;flex-shrink:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:6px;overflow:hidden}.upsell-popup__qty-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;cursor:pointer;color:inherit;transition:background-color .15s ease}.upsell-popup__qty-btn:hover{background-color:rgba(var(--color-foreground),.06)}.upsell-popup__qty-input{width:38px;height:34px;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground),.15);border-right:1px solid rgba(var(--color-foreground),.15);font-size:1.5rem;background:transparent;color:inherit;-moz-appearance:textfield}.upsell-popup__qty-input::-webkit-outer-spin-button,.upsell-popup__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.upsell-popup__image{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;background:rgba(var(--color-foreground),.04)}.upsell-popup__image img{width:100%;height:100%;object-fit:cover}.upsell-popup__item-title{flex:1 1 0;min-width:0;max-width:40%;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none;line-height:1.3}.upsell-popup__item-title:hover{text-decoration:underline}.upsell-popup__item-price{flex-shrink:0;margin-left:auto;font-weight:700;font-size:1.4rem;color:rgb(var(--color-foreground));white-space:nowrap}.upsell-popup__item-add{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgb(var(--color-base-background-accent-1));border-radius:50%;background:transparent;cursor:pointer;transition:background-color .2s ease;color:rgb(var(--color-base-background-accent-1));flex-shrink:0}.upsell-popup__item-add:hover{background-color:rgba(var(--color-base-background-accent-1),.1)}.upsell-popup__item-add:disabled{opacity:.4;cursor:not-allowed}.upsell-popup__item-add.is-added{background-color:rgb(var(--color-base-background-accent-1));color:#fff}.upsell-popup__footer{padding:1rem 1.5rem 1.25rem;border-top:1px solid rgba(var(--color-foreground),.1);display:flex;gap:.75rem}.upsell-popup__footer .button{flex:1}.upsell-popup__add-all{background-color:rgba(var(--color-base-background-accent-1),.1);color:rgb(var(--color-base-background-accent-1));border:2px solid rgb(var(--color-base-background-accent-1))}.upsell-popup__add-all:hover{background-color:rgba(var(--color-base-background-accent-1),.2)}@media(max-width:749px){.upsell-popup__dialog{width:95%;max-height:90vh;border-radius:12px}.upsell-popup__header{padding:1rem}.upsell-popup__body{padding:.75rem 1rem}.upsell-popup__item{gap:.6rem;padding:.6rem}.upsell-popup__image{width:45px;height:45px}.upsell-popup__item-title{font-size:.9rem}.upsell-popup__footer{padding:.75rem 1rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-upsell-popup.css.map */