#openQROverlay{background-color:var(--mainColor);border:solid 1px var(--mainColor);color:var(--mainText);width:100%;padding:10px 20px;border-radius:5px;text-align:center;transition:all .3s ease-in-out;font-size:1.25rem;line-height:normal;font-weight:700}#openQROverlay:hover{background-color:var(--mainColor);filter:brightness(95%);color:var(--mainText)}.cart-qr{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;z-index:1000}.cart-qr .modal{position:relative;background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 4px 8px rgb(0 0 0 / .2);width:400px;height:max-content;display:flex;flex-direction:column}.cart-qr .close{position:relative;font-size:20px;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.cart-qr .close #closeQROverlay{width:max-content;cursor:pointer;padding:10px;background:#fff;border:1px solid #000;border-radius:10px;padding:10px 20px;font-weight:700}.cart-qr.hidden{display:none}.cart-qr .qr-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;gap:40px}.cart-qr .qr-container img{height:auto;width:95%}