@charset "utf-8";

.popup { position: fixed; z-index: 89999; top: 50%; left: 50%; overflow-y: auto; width: 90%; max-width: 800px; background-color: rgb(255, 255, 255); opacity: 0; visibility: hidden; transform: translate(-50%, -50%); transition: 0.2s ease-in-out; max-height: 90vh; height: auto; padding: 20px 30px; }

.popup.opened { opacity: 1; visibility: visible; transform: translate3d(-50%, -50%, 0px) scale(1); }

.popup-close { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 1; color: rgb(0, 0, 0); }

.overlay { position: absolute; z-index: 1; inset: 0px; display: block; width: 100%; height: 100%; transition: opacity 0.15s linear; background: rgba(51, 51, 51, 0.6); }

.overlay.site-overlay { position: fixed; z-index: 1040; visibility: hidden; opacity: 0; }

.overlay.show { visibility: visible; opacity: 1; }

.popup-header { display: flex; margin-bottom: 8px; justify-content: space-between; }

.close_btn { background: transparent; outline: none; border: 0px; }

.popup-body { margin-bottom: 8px; }

.popup-footer, .popup-footer button { width: 100%; }

.popup { display: none; }

.btn-group { margin-top: auto; }

.btn-group .quickshop--button { margin-bottom: 10px; text-decoration: none; width: 100%; }

.popup .product-media img { width: 100%; height: 100%; object-fit: cover; }

.pop-title { margin-top: 0px; margin-bottom: 1.25rem; }