﻿
.gallery-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
    padding: 16px;
}

.gallery-item {
    display: grid;
    grid-template-rows: 168px auto;
    overflow: hidden; 
    background: #fbfdff;
}

    .gallery-item img {
        display: block;
        width: 100%;
        height: 168px;
        min-height: 168px;
        max-height: 168px;
        object-fit: cover;
        object-position: top;
        background: #eef4fa;
    }

    .gallery-item div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        padding: 10px;
    }

    .gallery-item strong {
        overflow: hidden;
        color: #454157;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
    }

    .gallery-item button,
    .download-item button {
        min-height: 30px;
        border: 1px solid #ffd3d3;
        border-radius: 6px;
        background: #fff7f7;
        color: #dc2626;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 900;
    }

        .gallery-item button:hover,
        .download-item button:hover {
            background: #ffecec;
        }



.download-list {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.download-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px; 
    background: #fbfdff; 
}

    .download-item > a.download {
        display: grid;
        width: 42px;
        height: 42px;
        place-items: center;
        border-radius: 8px;
        background: #e9f5ff;
        color: #1677c5;
        font-size: 20px;
        font-weight: 900;
    }

    .download-item a {
        display: block;
        overflow: hidden;
        color: #454157;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 900;
        text-decoration: none;
    }

        .download-item a:hover {
            color: #1677c5;
        }

    .download-item small {
        display: block;
        margin-top: 3px;
        color: #737f90;
    }