/* Boyutlar: masaüstünde büyük, mobilde kompakt */
.qr-img {
    width: 200px;
    height: 200px;
    object-fit: contain;
}

@media (max-width: 992px) {
    .qr-img {
        width: 180px;
        height: 180px;
    }
}

@media (max-width: 576px) {
    .qr-img {
        width: 140px;
        height: 140px;
    }
}

/* Hafif dikkat çekme (billboard için iyi çalışır) */
.qr-fab {
    animation: qrPulse 2.6s ease-in-out infinite;
}

@keyframes qrPulse {
    0% {
        transform: translateZ(0) scale(1);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    }

    50% {
        transform: translateZ(0) scale(1.03);
        box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.2);
    }

    100% {
        transform: translateZ(0) scale(1);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    }
}

/* Karanlık arkaplanda da çıksın */
.qr-fab {
    background: #fff;
}