@media (max-width: 768px) {
    html {
        font-size: 18px
    }

    #game-search {
        display: none
    }

    .mobile-search {
        display: block;
        margin-bottom: 12px
    }

    .genre-filter {
        display: none !important
    }

    .genre-filter .update-timer {
        display: none !important
    }

    .game-popup {
        display: none !important
    }

    .deals-section tr:hover td {
        background: none
    }

    /* Cards layout */
    table, thead, tbody, tr, th, td {
        display: block
    }

    thead {
        display: none
    }

    .table-wrap {
        overflow-x: visible
    }

    tr[data-appid] {
        cursor: pointer;
        display: grid;
        grid-template-columns: 80px auto 1fr auto;
        grid-template-rows: auto auto;
        background: #1b2838;
        border-radius: 6px;
        margin-bottom: 6px;
        overflow: hidden
    }

    /* Thumbnail */
    tr[data-appid]::before {
        content: '';
        grid-column: 1;
        grid-row: 1 / 3;
        background-color: #0e1c2a;
        background-image: var(--img);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }

    /* Row 1: Game name */
    tr[data-appid] td:nth-child(1) {
        grid-column: 2 / 4;
        grid-row: 1;
        padding: 8px 10px 0 10px;
        min-width: 0
    }

    /* Score - square, spans both rows, right edge */
    tr[data-appid] td:nth-child(6) {
        grid-column: 4;
        grid-row: 1 / 3;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0
    }

    .score-badge {
        font-size: 0.9rem;
        padding: 0;
        width: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0
    }

    /* Row 2: Price + Discount */
    tr[data-appid] td:nth-child(2) {
        grid-column: 2;
        grid-row: 2;
        padding: 4px 0 8px 10px;
        font-size: 0.8rem;
        color: #acdbf5;
        display: flex;
        align-items: center
    }

    tr[data-appid] td:nth-child(3) {
        grid-column: 3;
        grid-row: 2;
        padding: 4px 0 8px 6px;
        display: flex;
        align-items: center
    }

    /* Hide: Reviews(4), Meta(5), Ends(7) */
    tr[data-appid] td:nth-child(4),
    tr[data-appid] td:nth-child(5),
    tr[data-appid] td:nth-child(7) {
        display: none !important
    }

    td:first-child a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal;
        font-size: 0.85rem;
        color: #fff
    }

    .game-inner {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        width: 100%
    }

    .game-name {
        overflow: hidden;
        min-width: 0
    }

    .own-badge {
        display: none !important
    }

    .disc {
        font-size: 0.7rem;
        padding: 2px 5px
    }

    /* Section dividers */
    .section-divider {
        display: block !important
    }

    .section-divider td {
        padding: 14px 0 6px;
        font-size: 0.75rem
    }
}
