/*
 * Общие стили главной 2026 для /, /kg/, /uz/, /tj/:
 * слот калькулятора asia:loan.calc и блок «Компания АзияКредит в цифрах».
 * Блок «Новости компании» — в /css/news-2026.css.
 * Подключается через $PAGE_CSS на каждой из главных.
 */
/* ---------------------------------------------------------------------------
 * Главная по макету 2026 (Figma main_1920 / main_320)
 * ------------------------------------------------------------------------- */

/* Первый экран тянется до низа слайдера (780px = шапка 122px + 658px): иначе блок цифр
   начинается на 755px и его верхняя линия проходит по точкам переключения баннеров.
   На телефоне (≤480px) у слайдера точек нет, там высота по содержимому. */
@media (min-width: 481px) {
    .header_section { min-height: 658px; }
}

/* слот нового калькулятора asia:loan.calc на первом экране */
.header_boxes--calc { flex: 0 0 auto; width: auto; }
@media (max-width: 767px) {
    .header_boxes--calc { width: 100%; }
    .header_boxes--calc .lc { margin: 0 auto; }
}

/* «Компания АзияКредит в цифрах» — теперь сразу под первым экраном, 4 пункта */
.nums {
    /* слайдер первого экрана (main.css .row-slider) абсолютный и выше секции — блок цифр должен его перекрывать */
    position: relative;
    z-index: 2;
    padding: 51px 0 51px;
    border-top: 1px solid #B2CBD8;
    background: #F0F6F9;
    font-family: 'Google Sans', sans-serif;
    color: #2A323D;
}
.nums__title {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    color: #2A323D;
}
.nums__list {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-top: 39px;
}
.nums__item { display: flex; align-items: center; gap: 20px; }
.nums__icon { flex: 0 0 auto; height: 60px; width: auto; }
.nums__value { font-size: 40px; font-weight: 700; line-height: 50px; white-space: nowrap; }
.nums__text { font-size: 18px; line-height: 23px; white-space: nowrap; }

@media (max-width: 1199px) {
    .nums__list { flex-wrap: wrap; row-gap: 30px; }
    .nums__item { flex: 0 0 calc(50% - 12px); }
}
@media (max-width: 575px) {
    .nums { padding: 31px 0 41px; }
    .nums__title { font-size: 22px; line-height: 24px; }
    .nums__list { flex-direction: column; gap: 26px; margin-top: 30px; }
    .nums__item { flex: none; gap: 20px; }
    .nums__icon { height: 50px; }
    .nums__value { font-size: 30px; line-height: 38px; }
    .nums__text { font-size: 18px; line-height: 23px; }
}

/* Точки переключения баннеров первого экрана: по левому краю сетки сайта (как логотип
   и текст баннера), над нижней линией экрана, в цветах сайта. Inline-стили кнопок
   (width:19px; height:0; border-radius:50%) перебиваются через !important. */
#carusel_slider .carousel-indicators.carousel-new {
    left: 0;
    right: 0;
    bottom: 34px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
    justify-content: flex-start !important;
    gap: 8px;
}
#carusel_slider .carousel-new [data-bs-target] {
    flex: 0 0 auto;
    box-sizing: content-box;
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    padding: 0;
    border: 0 !important;
    border-radius: 5px !important;
    background-clip: padding-box !important;
    background-color: #C2CED4 !important;
    opacity: 1 !important;
    transition: width .3s ease, background-color .3s ease;
}
#carusel_slider .carousel-new [data-bs-target]:hover { background-color: #94A6AC !important; }
#carusel_slider .carousel-new [data-bs-target].active {
    width: 28px !important;
    background-color: #E6007E !important;
}

/* Секция с кнопкой «Получить деньги» над «Новостями компании»: отступ кнопки (main.css .change_centre,
   margin-bottom 88px) выпадал за белую секцию серой пустотой — отступ внутри секции, компактнее */
.tg .change_centre { margin-bottom: 0; }
.tg { padding-bottom: 40px; }
@media (max-width: 575px) {
    .tg { padding-bottom: 28px; }
}