:root{--upsell-accent: #111827;--upsell-accent-hover: #374151;--upsell-surface: #ffffff;--upsell-border: #e5e7eb;--upsell-text: #111827;--upsell-muted: #6b7280;--upsell-radius: 14px;--upsell-radius-sm: 8px;--upsell-z: 9999;--upsell-shadow: 0 20px 60px rgba(0, 0, 0, .25);--upsell-transition: .22s cubic-bezier(.4, 0, .2, 1)}body.upsell-modal-open{overflow:hidden}.upsell-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--upsell-z);display:flex;align-items:center;justify-content:center;padding:1rem}.upsell-modal[hidden]{display:none}.upsell-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;cursor:pointer;animation:upsellFadeIn var(--upsell-transition) both}.upsell-modal__panel{position:relative;background:var(--upsell-surface);border-radius:var(--upsell-radius);box-shadow:var(--upsell-shadow);width:100%;max-width:520px;max-height:90dvh;overflow-y:auto;padding:2rem 1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;animation:upsellSlideUp var(--upsell-transition) both;isolation:isolate}.upsell-modal__panel::-webkit-scrollbar{width:5px}.upsell-modal__panel::-webkit-scrollbar-thumb{background:var(--upsell-border);border-radius:99px}.upsell-modal__close{position:absolute;top:.875rem;right:.875rem;background:transparent;border:none;cursor:pointer;font-size:1.125rem;color:var(--upsell-muted);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--upsell-transition),color var(--upsell-transition);line-height:1}.upsell-modal__close:hover,.upsell-modal__close:focus-visible{background:var(--upsell-border);color:var(--upsell-text);outline:none}.upsell-modal__title{font-size:1.25rem;font-weight:700;color:var(--upsell-text);margin:0;padding-right:2rem}.upsell-modal__section{display:flex;flex-direction:column;gap:.625rem;border-top:1px solid var(--upsell-border);padding-top:1.125rem}.upsell-modal__section-title{font-size:1rem;font-weight:600;color:var(--upsell-text);margin:0}.upsell-modal__label{font-size:.8125rem;color:var(--upsell-muted);margin:0}.upsell-modal__variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.625rem}.upsell-modal__variant-tile{cursor:pointer}.upsell-modal__variant-radio{position:absolute;opacity:0;width:0;height:0}.upsell-modal__variant-label{display:flex;flex-direction:column;gap:.25rem;border:2px solid var(--upsell-border);border-radius:var(--upsell-radius-sm);padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--upsell-text);transition:border-color var(--upsell-transition),background var(--upsell-transition);-webkit-user-select:none;user-select:none}.upsell-modal__variant-price{font-style:normal;font-size:.8125rem;font-weight:400;color:var(--upsell-muted)}.upsell-modal__variant-radio:checked+.upsell-modal__variant-label{border-color:var(--upsell-accent);background:#1118270a}.upsell-modal__variant-radio:focus-visible+.upsell-modal__variant-label{outline:2px solid var(--upsell-accent);outline-offset:2px}.upsell-modal__crosssell-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.upsell-modal__crosssell-item{border:1px solid var(--upsell-border);border-radius:var(--upsell-radius-sm);transition:border-color var(--upsell-transition),background var(--upsell-transition)}.upsell-modal__crosssell-item:has(.upsell-modal__crosssell-checkbox:checked){border-color:var(--upsell-accent);background:#1118270a}.upsell-modal__crosssell-label{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;width:100%}.upsell-modal__crosssell-checkbox{flex-shrink:0;width:1.125rem;height:1.125rem;accent-color:var(--upsell-accent);cursor:pointer}.upsell-modal__crosssell-info{display:flex;align-items:center;gap:.75rem;flex:1;font-size:.9375rem}.upsell-modal__crosssell-img{width:40px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.upsell-modal__crosssell-info strong{display:block;font-weight:600;color:var(--upsell-text)}.upsell-modal__crosssell-info em{display:block;font-style:normal;font-size:.8125rem;color:var(--upsell-muted);margin-top:.125rem}.upsell-modal__footer{border-top:1px solid var(--upsell-border);padding-top:1.125rem;display:flex;flex-direction:column;gap:.75rem}.upsell-modal__total{font-size:1rem;color:var(--upsell-muted)}.upsell-modal__total strong{color:var(--upsell-text)}.upsell-modal__confirm-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;background:var(--upsell-accent);color:#fff;border:none;border-radius:var(--upsell-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--upsell-transition),transform var(--upsell-transition);letter-spacing:.01em}.upsell-modal__confirm-btn:hover{background:var(--upsell-accent-hover)}.upsell-modal__confirm-btn:active{transform:scale(.98)}.upsell-modal__confirm-btn:focus-visible{outline:2px solid var(--upsell-accent);outline-offset:3px}.upsell-modal__confirm-btn[data-loading]{opacity:.7;cursor:not-allowed}.upsell-modal__feedback{font-size:.875rem;text-align:center;margin:0}.upsell-modal__feedback[data-type=error]{color:#dc2626}.upsell-modal__feedback[data-type=ok]{color:#16a34a}@keyframes upsellFadeIn{0%{opacity:0}to{opacity:1}}@keyframes upsellSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.upsell-modal__overlay,.upsell-modal__panel{animation:none}}@media(max-width:600px){.upsell-modal{align-items:flex-end;padding:0}.upsell-modal__panel{border-radius:var(--upsell-radius) var(--upsell-radius) 0 0;max-height:88dvh;padding:1.5rem 1.25rem 2rem;animation:upsellSlideUpMobile var(--upsell-transition) both}@keyframes upsellSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.upsell-modal__variant-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/upsell-modal.css.map */