.eg-upsell{--eg-up-accent: #000000;--eg-up-border: #d9d9d9;--eg-up-muted: #6b6b6b;--eg-up-save-bg: #b00020;display:block;margin-top:var(--eg-up-mt, 16px);margin-bottom:var(--eg-up-mb, 16px)}.eg-upsell__tabs{display:flex;gap:24px;border-bottom:1px solid var(--eg-up-border);margin-bottom:14px}.eg-upsell__tab{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0 0 10px;margin:0;font:inherit;font-weight:700;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;color:var(--eg-up-muted);cursor:pointer;position:relative;white-space:nowrap}.eg-upsell__tab.is-active{color:var(--eg-up-accent)}.eg-upsell__tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--eg-up-accent)}.eg-upsell__panel{display:none}.eg-upsell__panel.is-active{display:block}.eg-upsell__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.eg-upsell__row{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center}.eg-upsell__row-media{display:block;width:100px;height:100px;background:#f2f2f2;overflow:hidden}.eg-upsell__row-media img{width:100%;height:100%;object-fit:cover;display:block}.eg-upsell__row-info{display:flex;flex-direction:column;gap:6px;min-width:0}.eg-upsell__row-title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.25}.eg-upsell__row-title-link{color:inherit;text-decoration:none}@media(hover:hover){.eg-upsell__row-title-link:hover{text-decoration:underline}}.eg-upsell__prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.eg-upsell__price{font-size:1.4rem;font-weight:700}.eg-upsell__compare{font-size:1.2rem;color:var(--eg-up-muted);text-decoration:line-through}.eg-upsell__save{font-size:1rem;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--eg-up-save-bg);padding:2px 6px 1px}.eg-upsell__add{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:180px;max-width:100%;align-self:flex-start;min-height:34px;padding:0 18px;border:1px solid var(--eg-up-accent);border-radius:0;background:transparent;color:var(--eg-up-accent);font:inherit;font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}@media(hover:hover){.eg-upsell__add:hover{background:var(--eg-up-accent);color:#fff}}.eg-upsell__add.is-added{background:var(--eg-up-accent);color:#fff}.eg-upsell__add.is-added .eg-upsell__add-check{display:inline-flex}.eg-upsell__add-check{display:none}.eg-upsell__row--unavailable{opacity:.5;pointer-events:none}.eg-upsell__empty{font-size:1.3rem;color:var(--eg-up-muted);padding:12px 0}.eg-upsell__popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483001;display:none;align-items:center;justify-content:center;padding:20px}.eg-upsell__popup.is-open{display:flex}.eg-upsell__popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.eg-upsell__popup-dialog{position:relative;z-index:1;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;padding:28px 28px 24px;box-shadow:0 12px 40px #0000002e}.eg-upsell__popup-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#000;cursor:pointer}.eg-upsell__popup-title{margin:0 0 2px;font-size:1.9rem;font-weight:700}.eg-upsell__popup-subtitle{margin:0 0 18px;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:var(--eg-up-muted)}.eg-upsell__popup-options{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.eg-upsell__opt-group{width:100%}.eg-upsell__opt-label{margin:0 0 8px;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eg-up-accent, #000)}.eg-upsell__swatches{display:grid;grid-template-columns:repeat(var(--eg-up-swatch-cols, 6),1fr);gap:8px}.eg-upsell__swatch{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border:1px solid var(--eg-up-border);border-radius:0;background:#faf8f7;cursor:pointer;transition:border-color .15s ease}.eg-upsell__swatch.is-selected{border-color:var(--eg-up-accent, #000);box-shadow:inset 0 0 0 1px var(--eg-up-accent, #000);background:#fff}.eg-upsell__swatch[aria-disabled=true]{opacity:.4;pointer-events:none}.eg-upsell__swatch-dot{width:40px;height:40px;border-radius:50%;background-color:#e6e6e6;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.12)}.eg-upsell__swatch-name{font-size:1.2rem;line-height:1.2;text-align:center;color:#4a3b34}.eg-upsell__popup-cta{display:flex;align-items:stretch;gap:16px}.eg-upsell__qty{display:flex;align-items:center;gap:14px}.eg-upsell__qty-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--eg-up-border);background:#f4f2f1;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.eg-upsell__qty-value{min-width:20px;text-align:center;font-size:1.5rem;font-weight:600}.eg-upsell__popup-add{flex:1;min-height:56px;border:1px solid var(--eg-up-accent, #000);border-radius:0;background:var(--eg-up-accent, #000);color:#fff;font-weight:700;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.eg-upsell__popup-add:disabled{opacity:.5;cursor:not-allowed}.eg-upsell__add,.eg-upsell__popup-add{position:relative}.eg-upsell__add.is-loading,.eg-upsell__popup-add.is-loading{color:transparent;pointer-events:none}.eg-upsell__add.is-loading:after,.eg-upsell__popup-add.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-radius:50%;animation:eg-up-spin .7s linear infinite}.eg-upsell__add.is-loading:after{border-top-color:var(--eg-up-accent, #000)}.eg-upsell__popup-add.is-loading:after{border-top-color:#fff}@keyframes eg-up-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.eg-upsell__popup{padding:0;align-items:flex-end}.eg-upsell__popup-dialog{max-width:100%;max-height:88vh;padding:24px 20px calc(20px + env(safe-area-inset-bottom));animation:eg-up-slide-up .3s cubic-bezier(.4,0,.2,1)}.eg-upsell__swatches{--eg-up-swatch-cols: 3}}@keyframes eg-up-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-eg-upsell.css.map */