.qr-modal-overlay{position:fixed;inset:0;background:rgba(30,34,44,.7);z-index:9999;display:flex;align-items:center;justify-content:center}.qr-modal-container{background:#fff;border-radius:2rem;box-shadow:0 8px 32px rgba(30,34,44,.18);max-width:900px;width:90vw;height:492px;position:relative;display:flex;flex-direction:column}@media(min-width:768px){.qr-modal-container{flex-direction:row;border-radius:2rem}}.qr-modal-close{position:absolute;top:1rem;right:1rem;background:var(--interface-light);border:none;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer;color:#333;z-index:2}.qr-modal-content{display:flex;flex-direction:column;gap:2rem;width:100%}@media(min-width:768px){.qr-modal-content{flex-direction:row;gap:3rem}}.qr-modal-left{padding:40px;width:60%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:40px}.qr-modal-left .qr-modal-left-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.qr-modal-left .qr-modal-left-header h2{font-size:32px;font-weight:600;line-height:40px;color:var(--text-primary)}.qr-modal-left .qr-modal-left-header .ratings-container{display:flex;flex-direction:row;gap:1rem}.qr-modal-left .qr-modal-left-header .ratings-container .divider{width:1px;height:100%;border:1px solid var(--interface-light)}.qr-modal-left .qr-modal-left-header .ratings-container .rating-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.qr-modal-left .qr-modal-left-header .ratings-container .rating-item .rating-count{color:var(--text-secondary)}.qr-modal-left .qr-code-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.qr-modal-left .qr-code-container p{color:var(--text-primary);font-size:16px;line-height:24px;font-weight:600}.qr-modal-left .qr-code-container .qr-code-outer-border{border:1px solid var(--interface-light);border-radius:1rem;padding:.2rem}.qr-modal-left .qr-code-container .qr-code-outer-border .qr-code-inner-border{border:1px solid var(--interface-light);border-radius:1rem;padding:.2rem}.qr-modal-left .qr-code-container .qr-code-outer-border .qr-code-inner-border .qr-code-image-container{width:140px;height:140px;overflow:hidden}.qr-modal-left .qr-code-container .qr-code-outer-border .qr-code-inner-border .qr-code-image-container img{border-radius:.2rem;width:inherit;height:inherit;object-fit:scale-down}.qr-modal-right{padding-top:40px;padding-left:40px;padding-right:40px;display:flex;align-items:center;justify-content:flex-end;width:40%;gap:24px;flex-direction:column;background-color:#eff3fa;border-top-right-radius:2rem;border-bottom-right-radius:2rem}.qr-modal-right .qr-modal-right-header{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-items:center;align-content:center;gap:1rem}.qr-modal-right .qr-modal-right-header span{display:inline-block;color:var(--text-secondary);font-size:16px;line-height:24px}.qr-modal-right .qr-modal-right-header i{color:var(--text-secondary)}.qr-modal-right .qr-modal-right-image-container{width:240px;overflow:hidden}.qr-modal-right .qr-modal-right-image-container img{width:inherit;object-fit:scale-down}.qr-modal-phone-mockup{width:220px;max-width:100%;border-radius:1.5rem;box-shadow:0 4px 16px rgba(30,34,44,.1)}@media(max-width:767px){.qr-modal-container{padding:1rem;border-radius:1rem}.qr-modal-content{flex-direction:column;gap:1.5rem}.qr-modal-left h2{font-size:1.3rem}.qr-modal-phone-mockup{width:140px}}