.zyg-upsell-card,.zyg-upsell-card *:not(svg):not(svg *){font-family:inherit}.zyg-upsell-card{flex:0 0 auto;display:flex;flex-direction:column;gap:clamp(.5rem,.338rem + .432vw,1rem);padding:var(--upsell-card-padding, clamp(.5rem, .338rem + .432vw, .875rem));background-color:var(--upsell-card-bg, #ffffff);border:var(--upsell-card-border-width, 0px) solid var(--upsell-card-border-color, transparent);border-radius:var(--upsell-card-radius, 0px);position:relative;text-align:center;align-items:center;min-width:0;scroll-snap-align:start;box-sizing:border-box;transition:box-shadow .2s ease}.zyg-upsell-card--shadow-none{box-shadow:none}.zyg-upsell-card--shadow-none:hover{box-shadow:0 2px 8px #0000000f}.zyg-upsell-card--shadow-small{box-shadow:0 1px 3px #0000000f}.zyg-upsell-card--shadow-small:hover{box-shadow:0 4px 12px #0000001a}.zyg-upsell-card--shadow-medium{box-shadow:0 4px 12px #00000014}.zyg-upsell-card--shadow-medium:hover{box-shadow:0 8px 24px #0000001f}.zyg-upsell-card--shadow-large{box-shadow:0 8px 24px #0000001a}.zyg-upsell-card--shadow-large:hover{box-shadow:0 12px 32px #00000026}.zyg-upsell-card--sold-out{opacity:.7}.zyg-upsell-card--horizontal{flex-direction:column;align-items:center;text-align:center}.zyg-upsell-card__image{position:relative;width:100%;max-width:var(--upsell-image-size, clamp(5rem, 3.378rem + 4.317vw, 8.5rem));aspect-ratio:1;flex-shrink:0}.zyg-upsell-card__image-link{display:block;width:100%;height:100%;border-radius:var(--upsell-image-radius, 0px);overflow:hidden;background:#f9fafb}.zyg-upsell-card__img{width:100%;height:100%;object-fit:var(--upsell-image-fit, cover);object-position:center}.zyg-upsell-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:var(--upsell-image-radius, 0px)}.zyg-upsell-card__image-placeholder svg{width:60%;height:60%;opacity:.3}.zyg-upsell-card__badge{display:none}.zyg-upsell-card__details{display:flex;flex-direction:column;gap:clamp(.25rem,.169rem + .216vw,.5rem);width:100%;text-align:center;align-items:center;flex:1}.zyg-upsell-card__vendor{font-size:clamp(.5rem,.349rem + .4vw,.875rem);color:#6b7280;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.zyg-upsell-card__title{margin:0;font-weight:500;line-height:1.3;color:var(--upsell-card-title-color, inherit);text-decoration:none}.zyg-upsell-card__title:hover{text-decoration:none;opacity:.8}.zyg-upsell-card--title-small .zyg-upsell-card__title{font-size:clamp(.5rem,.338rem + .432vw,1rem)}.zyg-upsell-card--title-medium .zyg-upsell-card__title{font-size:clamp(.625rem,.423rem + .539vw,1.125rem)}.zyg-upsell-card--title-large .zyg-upsell-card__title{font-size:clamp(.75rem,.507rem + .647vw,1.375rem)}.zyg-upsell-card__price{display:flex;justify-content:center;align-items:center;gap:clamp(.375rem,.253rem + .324vw,.75rem);flex-wrap:wrap;margin-top:auto}.zyg-upsell-card__price-compare{font-size:clamp(.5rem,.338rem + .432vw,1rem);color:#9ca3af;text-decoration:line-through;line-height:1.4}.zyg-upsell-card__price-current{font-size:clamp(.625rem,.423rem + .539vw,1.125rem);font-weight:600;line-height:1.4;color:var(--upsell-card-price-color, inherit)}.zyg-upsell-card--price-small .zyg-upsell-card__price-current{font-size:clamp(.625rem,.423rem + .539vw,1.125rem)}.zyg-upsell-card--price-small .zyg-upsell-card__price-compare{font-size:clamp(.5rem,.349rem + .4vw,.875rem)}.zyg-upsell-card--price-medium .zyg-upsell-card__price-current{font-size:clamp(.75rem,.507rem + .647vw,1.25rem)}.zyg-upsell-card--price-medium .zyg-upsell-card__price-compare{font-size:clamp(.625rem,.423rem + .539vw,1.125rem)}.zyg-upsell-card--price-large .zyg-upsell-card__price-current{font-size:clamp(.875rem,.592rem + .755vw,1.375rem)}.zyg-upsell-card--price-large .zyg-upsell-card__price-compare{font-size:clamp(.625rem,.423rem + .539vw,1.125rem)}.zyg-upsell-card__variants{display:flex;flex-direction:column;gap:clamp(.375rem,.253rem + .324vw,.75rem);margin-top:clamp(.375rem,.253rem + .324vw,.75rem)}.zyg-upsell-card__variant-select{width:100%;padding:clamp(.25rem,.169rem + .216vw,.5rem) clamp(1.25rem,.845rem + 1.079vw,2.25rem) clamp(.25rem,.169rem + .216vw,.5rem) clamp(.5rem,.338rem + .432vw,.875rem);font-size:clamp(.625rem,.423rem + .539vw,1.125rem);border:1px solid #e5e7eb;border-radius:clamp(.25rem,.169rem + .216vw,.5rem);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right clamp(.375rem,.253rem + .324vw,.75rem) center;-webkit-appearance:none;appearance:none;cursor:pointer;color:#374151;transition:border-color .15s ease}.zyg-upsell-card__variant-select:hover{border-color:#d1d5db}.zyg-upsell-card__variant-select:focus{outline:2px solid var(--color-focus, #3b82f6);outline-offset:-2px}.zyg-upsell-card__action{margin-top:clamp(.25rem,.169rem + .216vw,.5rem);width:100%;align-self:center;flex-shrink:0}.zyg-upsell-card__add-btn,.zyg-upsell-checklist__add-btn{position:relative;width:var(--upsell-btn-width, 100%);padding:clamp(.25rem,.169rem + .216vw,.5rem) clamp(.625rem,.423rem + .539vw,1.125rem);background:var(--upsell-btn-bg, #000000);color:var(--upsell-btn-color, #ffffff);border:none;border-radius:var(--upsell-btn-radius, clamp(1.375rem, .93rem + 1.187vw, 2.5rem));font-size:clamp(.5rem,.349rem + .4vw,.875rem);font-weight:500;cursor:pointer;transition:opacity .2s ease,filter .2s ease;display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,.203rem + .259vw,.55rem);white-space:nowrap;box-sizing:border-box}.zyg-upsell-checklist__add-btn{width:100%}.zyg-upsell-card__add-btn:hover:not(:disabled),.zyg-upsell-checklist__add-btn:hover:not(:disabled){filter:brightness(1.15)}.zyg-upsell-card__add-btn:active:not(:disabled),.zyg-upsell-checklist__add-btn:active:not(:disabled){transform:scale(.98)}.zyg-upsell-card__add-btn:disabled,.zyg-upsell-checklist__add-btn:disabled{opacity:.5;cursor:not-allowed}.zyg-upsell-card--btn-primary .zyg-upsell-card__add-btn,.zyg-upsell-card--btn-primary .zyg-upsell-checklist__add-btn{background:var(--upsell-btn-bg, var(--color-button, #111827));color:var(--upsell-btn-color, var(--color-button-text, #ffffff));border:none}.zyg-upsell-card--btn-secondary .zyg-upsell-card__add-btn,.zyg-upsell-card--btn-secondary .zyg-upsell-checklist__add-btn{background:var(--upsell-btn-bg, var(--color-secondary-button, #f3f4f6));color:var(--upsell-btn-color, var(--color-secondary-button-text, #111827));border:none}.zyg-upsell-card--btn-outline .zyg-upsell-card__add-btn,.zyg-upsell-card--btn-outline .zyg-upsell-checklist__add-btn{background:transparent;color:var(--upsell-btn-color, var(--color-foreground, #111827));border:1px solid var(--upsell-btn-bg, var(--color-border, #d1d5db))}.zyg-upsell-card--btn-outline .zyg-upsell-card__add-btn:hover:not(:disabled),.zyg-upsell-card--btn-outline .zyg-upsell-checklist__add-btn:hover:not(:disabled){background:var(--upsell-btn-bg, var(--color-foreground, #111827));color:var(--upsell-btn-color, #ffffff);filter:none}.zyg-upsell-card--btn-minimal .zyg-upsell-card__add-btn,.zyg-upsell-card--btn-minimal .zyg-upsell-checklist__add-btn{background:transparent;color:var(--upsell-btn-color, var(--color-link, #2563eb));border:none}.zyg-upsell-card__btn-label{display:inline;white-space:nowrap}.zyg-upsell-card__btn-icon{display:none}.zyg-upsell-card__btn-text,.zyg-upsell-card__btn-added,.zyg-upsell-card__btn-loading{display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,.203rem + .259vw,.55rem);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.zyg-upsell-card__btn-added,.zyg-upsell-card__btn-loading{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.zyg-upsell-card__spinner{width:clamp(.75rem,.507rem + .647vw,1.375rem);height:clamp(.75rem,.507rem + .647vw,1.375rem);border:2px solid rgb(255 255 255 / .3);border-top-color:currentColor;border-radius:50%;animation:zyg-upsell-spin .6s linear infinite}@keyframes zyg-upsell-spin{to{transform:rotate(360deg)}}.zyg-upsell-card--loading .zyg-upsell-card__btn-text{opacity:0}.zyg-upsell-card--loading .zyg-upsell-card__btn-loading{opacity:1}.zyg-upsell-card--loading .zyg-upsell-card__add-btn{pointer-events:none}.zyg-upsell-card--added .zyg-upsell-card__btn-text{opacity:0;transform:translateY(-.625rem)}.zyg-upsell-card--added .zyg-upsell-card__btn-added{opacity:1;animation:zyg-upsell-slide-in .2s ease forwards}.zyg-upsell-card--added .zyg-upsell-card__add-btn{background:var(--upsell-btn-added-bg, #059669)}@keyframes zyg-upsell-slide-in{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}.zyg-cart-upsells{padding:clamp(1.125rem,.761rem + .971vw,2rem) 0 clamp(.75rem,.507rem + .647vw,1.375rem) 0;margin-top:clamp(1.125rem,.761rem + .971vw,2rem);border-top:1px solid rgba(var(--text-color),.1);max-width:100%;box-sizing:border-box;overflow:hidden}.zyg-cart-upsell__title{margin:0 0 clamp(.5rem,.338rem + .432vw,1rem);text-align:var(--upsell-title-align, center);color:var(--upsell-title-color, currentColor)}.zyg-cart-upsell__empty{font-size:var(--font-size-sm, clamp(.625rem, .423rem + .539vw, 1.125rem));color:var(--color-foreground-muted, #6b7280);text-align:center;padding:clamp(.75rem,.507rem + .647vw,1.375rem) clamp(.5rem,.338rem + .432vw,1rem);margin:0;line-height:1.5}.zyg-upsell-cards,.zyg-upsell-cards--horizontal,.zyg-upsell-cards--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(5.625rem,3.803rem + 4.854vw,10rem),1fr));gap:var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem));align-items:stretch}.zyg-upsell-cards--carousel{display:flex;flex-wrap:nowrap;gap:var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem));width:100%;box-sizing:border-box;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:clamp(.375rem,.253rem + .324vw,.75rem);scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.zyg-upsell-cards--carousel::-webkit-scrollbar{height:clamp(.125rem,.085rem + .108vw,.25rem)}.zyg-upsell-cards--carousel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:clamp(.0625rem,.042rem + .054vw,.125rem)}.zyg-upsell-cards--carousel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:clamp(.0625rem,.042rem + .054vw,.125rem)}.zyg-upsell-cards--carousel::-webkit-scrollbar-thumb:hover{background:#9ca3af}.zyg-upsell-cards--carousel>.zyg-upsell-card{flex:0 0 calc((100% - (3 * var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem)))) / 3.5);min-width:calc((100% - (3 * var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem)))) / 3.5);scroll-snap-align:start}@media(max-width:768px){.zyg-upsell-cards--carousel>.zyg-upsell-card{flex:0 0 calc((100% - (2 * var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem)))) / 2.4);min-width:calc((100% - (2 * var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem)))) / 2.4)}}.zyg-upsell-cards--stacked{display:flex;flex-direction:column;gap:var(--upsell-gap, clamp(.5rem, .338rem + .432vw, 1rem));max-width:100%}.zyg-upsell-cards--stacked .zyg-upsell-card{flex-direction:row;width:100%;text-align:left;align-items:center;gap:clamp(.5rem,.338rem + .432vw,.875rem);padding:var(--upsell-card-padding, clamp(.5rem, .338rem + .432vw, .875rem));background-color:var(--upsell-card-bg, #ffffff);border:var(--upsell-card-border-width, 0px) solid var(--upsell-card-border-color, transparent);border-radius:var(--upsell-card-radius, 0px)}.zyg-upsell-cards--stacked .zyg-upsell-card__image{width:var(--upsell-image-size, clamp(3.75rem, 2.535rem + 3.236vw, 6.75rem));max-width:var(--upsell-image-size, clamp(3.75rem, 2.535rem + 3.236vw, 6.75rem));min-width:var(--upsell-image-size, clamp(3.75rem, 2.535rem + 3.236vw, 6.75rem));aspect-ratio:1;flex-shrink:0}.zyg-upsell-cards--stacked .zyg-upsell-card__image-link{border-radius:var(--upsell-image-radius, 0px)}.zyg-upsell-cards--stacked .zyg-upsell-card__details{text-align:left;align-items:flex-start;flex:1;min-width:0;gap:clamp(.125rem,.085rem + .108vw,.25rem)}.zyg-upsell-cards--stacked .zyg-upsell-card__title{color:var(--upsell-card-title-color, inherit)}.zyg-upsell-cards--stacked .zyg-upsell-card__price{justify-content:flex-start;margin-top:0}.zyg-upsell-cards--stacked .zyg-upsell-card__price-current{color:var(--upsell-card-price-color, inherit)}.zyg-upsell-cards--stacked .zyg-upsell-card__action{width:auto;flex-shrink:0;margin-top:0}.zyg-upsell-cards--stacked .zyg-upsell-card__add-btn{width:var(--upsell-btn-width, auto);background:var(--upsell-btn-bg, #000000);color:var(--upsell-btn-color, #ffffff);border-radius:var(--upsell-btn-radius, clamp(1.375rem, .93rem + 1.187vw, 2.5rem))}.zyg-upsell-cards--stacked .zyg-upsell-card--sold-out{opacity:.7}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/zyg-upsell-card.css.map */