/*QR CODE*/
.qr-modal,
.qr-modal * { box-sizing: border-box; }

/* Modal container (yopiq holat) */
.qr-modal {
    position: fixed; inset: 0;
    display: none;
}

/* :target bo'lganda ochiladi */
.qr-modal:target {
    display: block;
}

/* Backdrop */
.qr-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.45);
    display: block;
}

/* Dialog */
.qr-modal__dialog {
    position: relative;
    width: 320px; max-width: calc(100% - 32px);
    margin: 10vh auto 0 auto;
    background: #fff;
    border-radius: 14px;
    padding: 16px 16px 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    animation: pop .18s ease-out;
    z-index: 1;
    text-align: center;
}

.qr-modal__dialog h3 {
    margin: 0 0 12px 0; font: 600 16px/1.3 system-ui, -apple-system, Segoe UI, Arial;
}

.qr-img {
    width: 180px; height: 180px;
    display: block; margin: 0 auto 10px; border-radius: 8px;
}

.qr-note {
    margin: 0 0 8px; color: #555; font: 14px/1.4 system-ui, Arial;
}

/* Close tugma */
.qr-close {
    position: absolute; top: 8px; right: 10px;
    text-decoration: none; font: 24px/1 Arial; color: #888;
}
.qr-close:hover { color: #111; }

@keyframes pop { from { transform: scale(.96); opacity:.7 } to { transform: scale(1); opacity:1 } }