.upsell{--upsell-accent: #4b7a6e;--upsell-ink: #24262a;--upsell-muted: #7c7a73;--upsell-line: #e2ded3;--upsell-radius: 10px;--upsell-tint: color-mix(in srgb, var(--upsell-accent) 7%, #fff);--upsell-tint-strong: color-mix(in srgb, var(--upsell-accent) 12%, #fff);display:block;margin:2.4rem 0 1.8rem}@supports not (color: color-mix(in srgb,#000 5%,#fff)){.upsell{--upsell-tint: #f4f8f6;--upsell-tint-strong: #eaf1ed}}.upsell__eyebrow{margin:0 0 .9rem;font-size:1.15rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--upsell-muted)}.upsell__list{display:flex;flex-direction:column;gap:1rem}.upsell--minimal .upsell__list{gap:0}.upsell--minimal .upsell__list .upsell__card+.upsell__card{border-top:0}.upsell__card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.6rem;row-gap:0;padding:1.6rem;border:2px solid var(--upsell-line);border-radius:var(--upsell-radius);background:#fff;transition:border-color .15s ease,background-color .15s ease}.upsell__card.is-selected{border-color:var(--upsell-accent);background:var(--upsell-tint)}.upsell--band .upsell__card{border-color:transparent;background:var(--upsell-tint)}.upsell--band .upsell__card.is-selected{border-color:transparent;background:var(--upsell-tint-strong)}.upsell--minimal .upsell__card{padding:1.6rem 0;border:0;border-top:1px solid var(--upsell-line);border-bottom:1px solid var(--upsell-line);border-radius:0;background:transparent}.upsell--minimal .upsell__card.is-selected{background:transparent}.upsell__badge{position:absolute;top:0;right:1.4rem;transform:translateY(-50%);z-index:1;padding:.4rem .9rem;background:var(--upsell-accent);color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;white-space:nowrap;border-radius:100px}.upsell--minimal .upsell__badge{right:0}.upsell--no-image .upsell__card{grid-template-columns:minmax(0,1fr) auto}.upsell--no-image .upsell__body{grid-column:1}.upsell--no-image .upsell__add{grid-column:2}.upsell__media{grid-column:1;width:8.4rem;overflow:hidden;border-radius:6px;background:#f4f2ec;line-height:0}.upsell__media img,.upsell__media svg{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.upsell__body{grid-column:2;min-width:0}.upsell__title{margin:0;font-size:1.6rem;line-height:1.3;font-weight:600;color:var(--upsell-ink)}.upsell__sub{margin:.4rem 0 0;font-size:1.35rem;line-height:1.4;color:var(--upsell-muted)}.upsell__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.7rem;margin:.6rem 0 0;font-size:1.7rem;line-height:1.25}.upsell__price-now{font-weight:700;color:var(--upsell-accent)}.upsell__price-was{font-weight:400;font-size:.88em;color:var(--upsell-muted);text-decoration:line-through}.upsell__add{grid-column:3;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:4.2rem;padding:0 1.6rem;font-family:inherit;font-size:1.35rem;font-weight:600;line-height:1;letter-spacing:.02em;white-space:nowrap;cursor:pointer;border-radius:100px;border:1.5px solid var(--upsell-accent);background:transparent;color:var(--upsell-accent);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.upsell--btn-solid .upsell__add,.upsell__add:hover{background:var(--upsell-accent);color:#fff}.upsell__add:focus-visible{outline:2px solid var(--upsell-accent);outline-offset:3px}.upsell__add[aria-pressed=true]{background:var(--upsell-accent);border-color:var(--upsell-accent);color:#fff}.upsell__add-icon{flex:0 0 auto;width:1.5rem;height:1.5rem}.upsell__add-icon-check,.upsell__add[aria-pressed=true] .upsell__add-icon-plus{display:none}.upsell__add[aria-pressed=true] .upsell__add-icon-check{display:block}.upsell__perk{display:flex;align-items:center;gap:.7rem;margin:1.2rem 0 0;padding:0 1.6rem;font-size:1.35rem;line-height:1.35;font-weight:500;color:var(--upsell-muted);transition:color .15s ease}.upsell--minimal .upsell__perk{padding:0}.upsell.is-perk-reached .upsell__perk{color:var(--upsell-accent);font-weight:600}.upsell__perk-icon{flex:0 0 auto;width:1.8rem;height:1.8rem}.upsell__perk-icon--on,.upsell.is-perk-reached .upsell__perk-icon--off{display:none}.upsell.is-perk-reached .upsell__perk-icon--on{display:block}.product-form__submit .button__total{display:none}.product-form__submit .button__total.is-visible{display:inline;margin-left:.9rem}.product-form__submit .button__total.is-visible:before{content:"\2014";margin-right:.7rem;opacity:.65}@media screen and (max-width:749px){.upsell{margin:2rem 0 1.6rem}.upsell__card{grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;padding:1.4rem}.upsell--minimal .upsell__card{padding:1.4rem 0}.upsell__media{width:6.6rem}.upsell__title{font-size:1.5rem}.upsell__price{font-size:1.6rem}.upsell__sub,.upsell__perk{font-size:1.3rem}.upsell--no-image .upsell__card{grid-template-columns:minmax(0,1fr)}.upsell__add,.upsell--no-image .upsell__add{grid-column:1 / -1;width:100%;margin-top:1.3rem;min-height:4.4rem}.upsell__perk{margin-top:1.1rem;padding:0 1.4rem}.upsell--minimal .upsell__perk{padding:0}}@media(prefers-reduced-motion:reduce){.upsell__card,.upsell__add,.upsell__perk{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-upsell.css.map */