/* Mobile layout fixes. Keep desktop geometry and decorative clipping intact. */
.slz-banner img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1100px) {
    .wrapper {
        padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    }

    header + .header-fast {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0;
        padding: 10px 8px calc(10px + env(safe-area-inset-bottom, 0px));
    }

    header + .header-fast > a {
        min-width: 0;
        min-height: 44px;
        justify-content: center;
    }

    .keep-best {
        grid-template-columns: minmax(0, 1fr);
    }

    .keep-best_items,
    .keep-upd,
    .keep-best_content {
        min-width: 0;
    }

    .keep-best_item {
        grid-template-columns: 160px minmax(0, 1fr);
    }

    .keep-best_text,
    .keep-best_text * {
        font-size: 14px;
        line-height: 1.5;
    }

    .keep-best_meta {
        font-size: 13px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .keep-upd_item {
        grid-template-columns: 40px minmax(0, 1fr) 100px;
    }
}

@media (max-width: 600px) {
    header .container {
        gap: 8px;
    }

    .header-logo,
    .header-logo img {
        font-size: 20px;
        white-space: nowrap;
    }

    .header-search,
    .header-user,
    header .container > a[name="modal"] {
        flex-shrink: 0;
    }

    .keep-best_item {
        grid-template-columns: clamp(100px, 28vw, 160px) minmax(0, 1fr);
        align-items: start;
    }

    .keep-best_content {
        min-height: 0;
        margin: 0;
        padding: 12px;
    }

    .keep-best_meta span {
        display: block;
    }

    .keep-best_meta span + span {
        margin-left: 0;
        margin-top: 4px;
    }

    .keep-best_content .download-btn {
        max-width: 100%;
        min-height: 44px;
        padding: 10px 12px;
    }

    .keep-upd_item {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .keep-upd_item > span {
        grid-column: 2;
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}