@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
/* Центрирование кнопок загрузки */
.f_download .value,
.f_mirror .value {
    display: flex;
    justify-content: center; /* центрировать по горизонтали */
    gap: 10px; /* отступ между кнопками */
}

/* Сделать кнопки одинакового размера */
.f_download .btn-lg,
.f_mirror .btn-lg {
    min-width: 200px;
    text-align: center;
}

/* Прижать значения value к правому краю, кроме фото и кнопок */
.icms-content-header__field .value {
    display: flex;
    justify-content: flex-end;
}

/* Исключения */
.icms-content-header__field.f_photo .value,
.icms-content-header__field.f_download .value,
.icms-content-header__field.f_mirror .value {
    justify-content: center;
}

/* ===== Top-10 Widget — только кружки ===== */
.icms-widget__content_list {
    counter-reset: idx;
}

.icms-widget__content_list .content_list_item {
    counter-increment: idx;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* фиксированные и ровные кружки с номерами */
.icms-widget__content_list .content_list_item::before {
    content: counter(idx);
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1;
    color: #fff;
}

/* топ-3 — золото, серебро, бронза */
.icms-widget__content_list .content_list_item:nth-child(1)::before {
    background: linear-gradient(135deg, #FFD700, #E6B800);
    box-shadow: 0 0 6px rgba(255,215,0,0.3);
}

.icms-widget__content_list .content_list_item:nth-child(2)::before {
    background: linear-gradient(135deg, #C0C0C0, #9C9C9C);
    box-shadow: 0 0 6px rgba(192,192,192,0.3);
}

.icms-widget__content_list .content_list_item:nth-child(3)::before {
    background: linear-gradient(135deg, #CD7F32, #A15C1A);
    box-shadow: 0 0 6px rgba(205,127,50,0.3);
}

/* остальные — серые */
.icms-widget__content_list .content_list_item:nth-child(n+4)::before {
    background: #777;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

/* адаптив: меньше кружки на телефоне */
@media (max-width: 576px) {
    .icms-widget__content_list .content_list_item::before {
        width: 22px;
        height: 22px;
        min-width: 22px;
        min-height: 22px;
        font-size: 0.8rem;
    }
}
.field.ft_category .value {
    line-height: 2; /* Увеличиваем межстрочный интервал */
}
/* Делаем превью квадратными ТОЛЬКО в списке */
.content_list .field.ft_image .value {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.content_list .field.ft_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Размещаем категорию поверх изображения ТОЛЬКО в списке */
.content_list .mods_list_item {
    position: relative;
}

/* Update использует те же стили что и Category */
.content_list .field.ft_category,
.mods_list_item .field.f_update {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 10;
    margin-bottom: 0 !important;
}

/* Иконка перед Update */
.mods_list_item .field.f_update .value::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f021";
    display: inline-block;
    margin-right: 4px;
}