.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:.75rem;padding:8px;background-color:#fff;border:none;border-radius:0;position:relative;transition:all .3s ease;text-align:center;align-items:center;min-width:0;scroll-snap-align:start}.zyg-upsell-card:hover{transform:none;box-shadow:none}.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--size-compact{--card-gap: 8px;--card-image-size: 60px;padding:calc(var(--upsell-card-padding, 12px) * .75)}.zyg-upsell-card--size-compact .zyg-upsell-card__title{font-size:.8125rem;-webkit-line-clamp:1}.zyg-upsell-card--size-compact .zyg-upsell-card__price{font-size:.8125rem}.zyg-upsell-card--size-normal{--card-gap: 12px;--card-image-size: var(--upsell-image-size, 80px)}.zyg-upsell-card--size-spacious{--card-gap: 16px;--card-image-size: calc(var(--upsell-image-size, 80px) * 1.25);padding:calc(var(--upsell-card-padding, 12px) * 1.25)}.zyg-upsell-card--size-spacious .zyg-upsell-card__title,.zyg-upsell-card--size-spacious .zyg-upsell-card__price{font-size:1rem}.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%;aspect-ratio:1;flex-shrink:0}.zyg-upsell-card__image-link{display:block;width:100%;height:100%;border-radius:0;overflow:hidden;background:#f9fafb}.zyg-upsell-card__img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%;max-height:100%;transition:none}.zyg-upsell-card:hover .zyg-upsell-card__img{transform:none}.zyg-upsell-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:0}.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:8px;width:100%;text-align:center;align-items:center;flex:1}.zyg-upsell-card__vendor{font-size:var(--card-vendor-size, 11px);color:var(--card-vendor-color, #6b7280);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.zyg-upsell-card__title{margin:0;min-height:31px;font-size:12px;font-weight:500;line-height:1.3;color:inherit;text-decoration:none}.zyg-upsell-card__title:hover{text-decoration:none;opacity:.8}.zyg-upsell-card__price{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:13px;min-height:32px;max-height:32px;margin-top:auto}.zyg-upsell-card__price-compare{font-size:13px;color:#9ca3af;text-decoration:line-through;line-height:1.4}.zyg-upsell-card__price-current{font-size:13px;font-weight:600;line-height:1.4}.zyg-upsell-card__price-current--sale{color:rgb(var(--text-color))}.zyg-upsell-card__variants{display:flex;flex-direction:column;gap:8px;margin-top:8px}.zyg-upsell-card__variant-option{display:flex;flex-direction:column;gap:4px}.zyg-upsell-card__variant-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.zyg-upsell-card__variant-select{width:100%;padding:6px 28px 6px 10px;font-size:13px;border:1px solid var(--card-border-color, #e5e7eb);border-radius:6px;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 8px 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:4px;width:100%;align-self:center;flex-shrink:0}.zyg-upsell-card__add-btn{position:relative;align-self:center;padding:5px 12px;background:#000;color:#fff;border:none;border-radius:30px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media (max-width: 768px){.zyg-upsell-card__add-btn{min-height:auto;padding:4px 8px;font-size:9px}}.zyg-upsell-card__add-btn:hover:not(:disabled){background:#2d2d2d}.zyg-upsell-card__add-btn:active:not(:disabled){transform:scale(.98)}.zyg-upsell-card__add-btn:disabled{opacity:.6;cursor:not-allowed;background:#6b7280}.zyg-upsell-card__btn-label{display:inline;white-space:nowrap}.zyg-upsell-card__btn-text,.zyg-upsell-card__btn-added,.zyg-upsell-card__btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;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__btn-icon{display:none}.zyg-upsell-card__spinner{width:18px;height:18px;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(-10px)}.zyg-upsell-card--added .zyg-upsell-card__btn-added{opacity:1;animation:zyg-upsell-slide-in .2s ease forwards}@keyframes zyg-upsell-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zyg-upsell-card--added .zyg-upsell-card__add-btn{background:#059669}.zyg-upsell-card--compact{padding:16px 12px;gap:10px}.zyg-upsell-card--compact .zyg-upsell-card__image{width:100%;max-width:100%}.zyg-upsell-card--compact .zyg-upsell-card__title{font-size:10px;line-height:1.4;font-weight:400}.zyg-upsell-card--compact .zyg-upsell-card__price{min-height:28px;max-height:28px;font-size:12px}.zyg-upsell-card--compact .zyg-upsell-card__price-current{font-size:12px}.zyg-upsell-card--compact .zyg-upsell-card__price-compare{font-size:11px}.zyg-upsell-card--compact .zyg-upsell-card__add-btn{padding:5px 10px;font-size:10px}.zyg-upsell-card--mini .zyg-upsell-card__add-btn{width:36px;min-height:36px;padding:8px;border-radius:50%}.zyg-upsell-card--mini .zyg-upsell-card__btn-label{display:none}.zyg-cart-upsells{padding:24px 0 16px;margin-top:24px;border-top:1px solid rgba(var(--text-color),.1)}.zyg-cart-upsell__title{font-size:1.2rem;font-weight:500;margin:0 0 12px;text-align:center}.zyg-cart-upsell__slider-container{position:relative;padding:0 40px}.zyg-cart-upsell__empty{font-size:var(--font-size-sm, 14px);color:var(--color-foreground-muted, #6b7280);text-align:center;padding:16px 12px;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(140px,1fr));gap:16px;align-items:stretch}.zyg-upsell-cards--carousel{display:flex;flex-wrap:nowrap;gap:var(--upsell-gap, 1rem);width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6;align-items:stretch}.zyg-upsell-cards--carousel::-webkit-scrollbar{height:4px}.zyg-upsell-cards--carousel::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.zyg-upsell-cards--carousel::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.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, 1rem))) / 3.5);min-width:calc((100% - (3 * var(--upsell-gap, 1rem))) / 3.5);max-width:none;scroll-snap-align:start;display:flex}@media (max-width: 768px){.zyg-upsell-cards--carousel>.zyg-upsell-card{flex:0 0 calc((100% - (2 * var(--upsell-gap, 1rem))) / 2.4);min-width:calc((100% - (2 * var(--upsell-gap, 1rem))) / 2.4)}}@media screen and (max-width: 749px){.zyg-upsell-card__image{max-width:calc(var(--card-image-size, 100px) * .8)}.zyg-upsell-card__title{font-size:calc(var(--card-title-size, 14px) * .95)}.zyg-upsell-card__add-btn{padding:8px 14px}}.zyg-upsell-card__image{width:100%;max-width:var(--upsell-image-size, var(--card-image-size, 100px))}.zyg-upsell-card--title-small .zyg-upsell-card__title{font-size:13px;font-weight:100}.zyg-upsell-card--title-medium .zyg-upsell-card__title{font-size:15px}.zyg-upsell-card--title-large .zyg-upsell-card__title{font-size:17px}.zyg-upsell-card--price-small .zyg-upsell-card__price-current{font-size:13px}.zyg-upsell-card--price-small .zyg-upsell-card__price-compare{font-size:11px}.zyg-upsell-card--price-medium .zyg-upsell-card__price-current{font-size:15px}.zyg-upsell-card--price-medium .zyg-upsell-card__price-compare{font-size:13px}.zyg-upsell-card--price-large .zyg-upsell-card__price-current{font-size:17px}.zyg-upsell-card--price-large .zyg-upsell-card__price-compare{font-size:14px}.zyg-upsell-card--btn-primary .zyg-upsell-card__add-btn{background:var(--color-button, #111827);color:var(--color-button-text, #ffffff);border:none}.zyg-upsell-card--btn-primary .zyg-upsell-card__add-btn:hover:not(:disabled){background:var(--color-button-hover, #1f2937)}.zyg-upsell-card--btn-secondary .zyg-upsell-card__add-btn{background:var(--color-secondary-button, #f3f4f6);color:var(--color-secondary-button-text, #111827);border:none}.zyg-upsell-card--btn-secondary .zyg-upsell-card__add-btn:hover:not(:disabled){background:var(--color-secondary-button-hover, #e5e7eb)}.zyg-upsell-card--btn-outline .zyg-upsell-card__add-btn{background:transparent;color:var(--color-foreground, #111827);border:1px solid var(--color-border, #d1d5db)}.zyg-upsell-card--btn-outline .zyg-upsell-card__add-btn:hover:not(:disabled){background:var(--color-foreground, #111827);color:var(--color-background, #ffffff);border-color:var(--color-foreground, #111827)}.zyg-upsell-card--btn-minimal .zyg-upsell-card__add-btn{background:transparent;color:var(--color-link, #2563eb);border:none;padding:6px 8px;min-height:auto}.zyg-upsell-card--btn-minimal .zyg-upsell-card__add-btn:hover:not(:disabled){background:#2563eb1a}.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/12/assets/zyg-upsell-card.css.map */