/* MOBİL STİLLERİ (768px ve altı) */
@media (max-width: 768px) {
    div#appredirect {
        position: relative;
        z-index: 9;
    }
    .app-banner {
        width: 100%;
        background: white;
        padding: 6px;
        border-bottom: 1px solid #eee;
        height: 60px;
    }
    .banner-container {
        display: flex;
        align-items: center;
        max-width: 100%;
        margin: 0 auto;
        gap: 12px;
        position: relative;
        height: 100%;
    }
    .close-btn {
        background: none;
        border: none;
        font-size: 18px;
        color: #888;
        cursor: pointer;
    }
    .logo-container {
        width: 44px;
        height: 44px;
        flex-shrink: 0;
    }
    .app-logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 10px;
    }
    .text-container {
        flex-grow: 1;
        min-width: 0;
    }
    .app-title {
        font-weight: bold;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .app-price {
        font-size: 11px;
        color: #666;
    }
    .download-btn {
        background: #007aff;
        color: white;
        padding: 6px 14px;
        border-radius: 20px;
        text-decoration: none;
        font-size: 12px;
        white-space: nowrap;
    }
}

/* MASAÜSTÜ GİZLEME */
@media (min-width: 769px) {
  .app-banner {
    display: none !important;
  }
}