/* PhotoMiner App Store Badge Styles */

.app-store-badge {
    position: fixed;
    top: 64px; /* Below the 44px navbar + 20px margin */
    left: calc(50% + 500px + 20px); /* Center of screen + half container width + margin */
    z-index: 500;
}

.app-store-badge img {
    width: 150px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin: 0;
}

.app-store-badge img:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

@media (max-width: 1380px) {
    /* When there's not enough space next to content, move badge to top-right but keep it fixed */
    .app-store-badge {
        position: fixed;
        top: 64px;
        right: 20px;
        left: auto;
        z-index: 500;
    }
}

@media (max-width: 768px) {
    /* On mobile, keep it fixed but in top-right corner with smaller size */
    .app-store-badge {
        position: fixed;
        top: 64px;
        right: 15px;
        left: auto;
        z-index: 500;
    }
}

@media (max-width: 480px) {
    /* On very small screens, make it even smaller but still visible and fixed */
    .app-store-badge {
        position: fixed;
        top: 64px;
        right: 10px;
        left: auto;
        z-index: 500;
    }
}