.modal--upsell-fronts{visibility:hidden;z-index:8002;transition:visibility 0s .4s,background-color .3s ease .1s;background-color:rgba(var(--modal-overlay-color) / 0)}.modal--upsell-fronts[open]{visibility:visible;transition-delay:0s;background-color:rgba(var(--modal-overlay-color) / var(--modal-overlay-opacity))}.upsell-modal__window{width:100%;max-width:680px;max-height:calc(var(--viewport-height) - var(--gutter) * 2);margin:var(--gutter);overflow:auto;transform:translateY(16px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;border-radius:var(--modal-border-radius);opacity:0;box-shadow:0 8px 40px #0000001f}.modal--upsell-fronts[open] .upsell-modal__window{transform:translateY(0);opacity:1}.upsell-modal__content{padding:48px 32px 32px}@media screen and (max-width:479px){.upsell-modal__content{padding:40px 20px 24px}}.upsell-modal__header{margin-bottom:28px}.upsell-modal__title{font-family:var(--heading-font-family);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-font-letter-spacing);font-size:1.75rem;margin:0 0 8px;line-height:1.2}.upsell-modal__subtitle{font-size:1rem;color:rgba(var(--text-color-rgb) / .6);margin:0;line-height:1.5}.upsell-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}@media screen and (min-width:600px){.upsell-modal__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media screen and (min-width:900px){.upsell-modal__grid{grid-template-columns:repeat(4,1fr)}.upsell-modal__window{max-width:800px}}.upsell-card{display:flex;flex-direction:column;border-radius:var(--btn-border-radius, 8px);overflow:hidden;background:#f4f3f3;transition:border-color .2s ease}.upsell-card[hidden]{display:none}.upsell-card__media{aspect-ratio:5 / 4;overflow:hidden;background:rgba(var(--text-color-rgb) / .03)}.upsell-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.upsell-card:hover .upsell-card__media img{transform:scale(1.04)}.upsell-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(var(--text-color-rgb) / .2)}.upsell-card__info{padding:12px 14px 4px;text-align:center}.upsell-card__color{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:.9375rem;margin:0 0 2px;line-height:1.3;text-transform:uppercase}.upsell-card__price{font-size:.875rem;margin:0;color:rgba(var(--text-color-rgb) / .6)}.upsell-card__price--sale{color:var(--sale-color, #c00);font-weight:500}.upsell-card__price--compare{text-decoration:line-through;margin-left:4px;opacity:.5}.upsell-card__add-btn{margin:8px 12px 12px;padding:10px 16px;font-size:.9375rem;min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:var(--btn-letter-spacing);text-transform:var(--btn-text-transform);transition:background-color .15s,border-color .15s,color .15s,transform .15s;border-color:#2b160e30}.upsell-card__add-btn:active{transform:scale(.97)}.upsell-card__add-btn:disabled{opacity:.4;cursor:not-allowed}.upsell-card__add-btn.is-loading{pointer-events:none}.upsell-card__add-btn.is-success{background-color:var(--success-color, #28a745);border-color:var(--success-color, #28a745);color:#fff}.upsell-card__add-btn.is-error{background-color:var(--error-color, #dc3545);border-color:var(--error-color, #dc3545);color:#fff}.upsell-card__loading .icon{width:18px;height:18px}@keyframes upsell-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upsell-card__loading .icon,.upsell-card__add-btn .animate-spin{animation:upsell-spin 1s linear infinite}.upsell-modal__footer{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid rgba(var(--text-color-rgb) / .08)}@media screen and (min-width:480px){.upsell-modal__footer{flex-direction:row;justify-content:center;align-items:center;gap:20px}}.upsell-modal__view-cart{min-width:160px;font-size:.9375rem}@media screen and (max-width:479px){.upsell-modal__footer{position:sticky;bottom:0;margin:0 -20px -24px;padding:24px 20px 20px;background-color:rgba(var(--body-bg-color))}}html:has(.modal--upsell-fronts[open]){overflow:hidden}html:has(.modal--upsell-fronts[open])>body{width:calc(100% - var(--scrollbar-width))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/upsell-fronts-modal.css.map */