/* Иконки в Mod Info */
.field_label {
    padding-left: 25px;
    position: relative;
}

.field_label::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 20px;
    text-align: center;
}

/* Иконки для различных полей */
.f_mod_source .field_label::before { content: "\f0c1"; }
.f_mod_author .field_label::before { content: "\f007"; }
.f_mod_version .field_label::before { content: "\f1c0"; }
.f_file_extension .field_label::before { content: "\f1c6"; }
.f_file_size .field_label::before { content: "\f15b"; }
.f_game_version .field_label::before { content: "\f11b"; }

/* Стили для группы модов */
.fields_group_mods_1 {
    font-size: 0.9rem;
}

.icms-content-fields__group_title {
    text-align: center;
}

/* Общие стили для значений полей Mod Info */
.f_mod_source .value,
.f_mod_author .value,
.f_mod_version .value,
.f_file_extension .value,
.f_file_size .value,
.f_game_version .value {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.125);
    text-align: right;
}

/* Отступ только для первого элемента */
.f_mod_source .value {
    margin-top: 0px;
}
/* ---------------------------
  Центровка кнопок "Скачать" и "Зеркало"
  только внутри .mod-info
--------------------------- */

/* Центрируем группу кнопок */
.mod-info {
  text-align: center;
}

/* Контейнеры кнопок рядом, по центру */
.mod-info .field.f_download_link,
.mod-info .field.f_mirror_link {
  display: inline-block;
  margin: 10px;
  float: none !important;
  vertical-align: middle;
}

/* Скрываем подписи (метки) */
.mod-info .field.f_download_link .field_label,
.mod-info .field.f_mirror_link .field_label {
  display: none;
}

/* На узких экранах (телефоны) — стопкой */
@media (max-width: 700px) {
  .mod-info .field.f_download_link,
  .mod-info .field.f_mirror_link {
    display: block;
    margin: 8px 0;
  }
}
.description .value {
    padding-top: 1rem;
}

.top10 {
    counter-reset: top10;
}
.top10 .content_list_item {
    counter-increment: top10;
    position: relative;
    padding-left: 2.5rem;
    margin: 0.5rem 0;
}
.top10 .content_list_item::before {
    content: counter(top10);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    background: #eee;
    color: #264653;
    border-radius: 50%;
    text-align: center;
    line-height: 1.6rem;
    font-weight: 600;
}


.top10 .content_list_item::before {
    background: #90be6d;
    color: #fff;
    transition: transform 0.3s;
}
.top10 .content_list_item:hover::before {
    transform: translateY(-50%) scale(1.2);
}

.card-image-img {
    transition: transform 0.3s ease; /* Плавное увеличение */
    transform-origin: center; /* Точка увеличения - центр */
}

.card-image-img:hover {
    transform: scale(1.1); /* Увеличение на 10% */
}

/* Общий контейнер для кнопок */
.f_download_link,
.f_mirror_link {
    display: inline-block;
    width: 100%;
}

/* Все кнопки скачивания в одном ряду */
.f_download_link .btn,
.f_mirror_link .btn {
    width: 100%; /* по умолчанию на мобилках займут всю строку */
    max-width: 220px; /* ограничиваем, чтобы не были слишком широкими на ПК */
    font-size: 1.1rem;
    padding: 0.75rem 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.links a {
    background-color: rgba(144, 190, 109, 1);
    color: #ffffff;
    }