.logo-link {

    display: block;

   

    text-decoration: none;

    cursor: pointer; /* Палец останется, но анимации не будет */

}





.home-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    margin-left: -19px; 
    margin-right: 8px;
}
/* Настраиваем размер самой картинки домика */
.home-icon {
    height: 29px;        /* Немного уменьшили, чтобы не казался громоздким */
    width: auto;
    display: block;
    /* Если домик всё равно выше/ниже текста, подкрутите этот параметр: */
    position: relative;
    top: 1px;
    transform: translateY(2px);


}
.breadcrumb-text {
    /* Чтобы стрелка » стала больше, увеличиваем размер шрифта всего блока */
    font-size: 12px;      /* Увеличили общий размер, чтобы стрелка выросла */
    font-weight: bold;    /* Сделали жирным */
    color: #444;
    font-family: Arial, sans-serif;
    
    /* Если нужно, чтобы именно БУКВЫ были меньше, а стрелка больше, 
       лучше оставить 16px здесь, но чуть сжать межбуквенное пространство */
  
    line-height: 1;       /* Чтобы текст не увеличивал высоту строки */

}
/* Общие настройки шрифтов */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    max-width: none;  /* Отключаем зажатие по ширине */
    margin: 0;        /* Убираем центрирование */
    padding: 0 30px;  /* Делаем аккуратный отступ 30px слева и справа */
}
/* Сетка для основного контента */
.content-grid {
    display: grid;
    grid-template-columns: 90px 1fr; /* Колонка для иконки и для текста */
    gap: 32px 30px;
    margin-top: 40px;
    padding: 0 25px;
}

/* Стили заголовков секций */
h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom: none;
}

/* Стили ссылок */
a {
    color: #61a1d1;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Иконки слева */
.section-icon {
    display: flex;
    justify-content: center; /* Центрируем иконку по горизонтали в колонке 80px */
    align-items: flex-start;
    
    /* Увеличиваем этот отступ, чтобы опустить иконку ЕЩЕ НИЖЕ */
    padding-top: 0px; 
    margin-top: -8px
}
.section-icon img {
    width: 65px;      /* Сделаем их чуть крупнее и четче */
    height: auto;
    display: block;
}
.section-links h3 {
    margin-top: 0;     /* Убираем отступ сверху, чтобы выровнять с иконкой */
    margin-bottom: 10px;/* Небольшой отступ до ссылок внизу */
    font-size: 14px;   /* Размер как в оригинале */
    color: #000000;    /* Делаем их ЧЕРНЫМИ */
    font-weight: bold; /* Делаем ЖИРНЫМИ */
    font-family: Arial, sans-serif;
}
.section-links p {
    font-size: 12px;
    margin: 0;
    line-height: 1.6;
    color: #333;  /* Чуть увеличиваем межстрочный интервал, если ссылки в 2 строки */
}
.section-links a {
    /* Тот самый глубокий синеватый оттенок из оригинала */
    color: #0d628f; 
    
    /* В оригинале ссылки подчеркнуты всегда, а не только при наведении */
    text-decoration: underline; 
}
.section-links a:hover {
    text-decoration: none; 
    }    /* Опускаем весь текстовый блок (заголовок + ссылки) чуть ниже */
.section-links {
    /* Меняйте эту цифру, пока текст не встанет идеально. 
       Можно попробовать 8px, 10px или даже 15px */
    margin-top: 1px; 
}/* Убираем подчеркивание при наведении (как фишка) */

.lang-links-bottom a {
    color: #0d628f;
    text-decoration: underline; 
    
    /* Было 11px, уменьшаем до 10px или 9px */
    font-size: 10px; 
    
    font-style: italic; 
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    margin: 0 0 3px 0; 
    padding: 0;
    line-height: 1; 
}
/* Футер */
.footer-links {
    margin-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.light-blue-bar {
    max-width: none;
    margin: 0 20px 0 18px; /* 0 сверху, 30px справа, 0 снизу, 18px слева */
    height: 35px;
    background-color: #e3f1f8;
}

.breadcrumb-bar {
    max-width: none;
    margin: 13px 20px 30px 25px; /* 30px слева/справа и 30px отступ снизу */
    background-color: #f3f3f3; 
    padding: 3px 0;
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd;
}

.breadcrumb-bar .container{
    padding: 0 30px;
    /* Добавляем выравнивание, чтобы домик и текст не прыгали */
    display: flex;
    align-items: center; 
    height: 32px; /* Установите высоту серой полоски, если она схлопнулась */
}    
/* --- НОВАЯ ШАПКА --- */
.top-header {
    display: flex;
    width: 100%;
    background-color: #ffffff;
    margin: 0;
}

.header-left {
    padding: 0px 0 10px 25px; /* Отступы логотипа: сверху, справа, снизу, слева */
}

.logo-link img {
    height: 130px; /* Размер логотипа */
    display: block;
}

.header-right {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
}

/* ТА САМАЯ ШИРОКАЯ ТЕМНО-СИНЯЯ ПОЛОСА */

/* Настраиваем ссылки языков внутри синей полоски */
/* 1. Сама синяя полоса */
/* 1. Настраиваем длину синей полосы */
.dark-blue-stripe {
    background-color: #263375; 
    height: 25px;
    width: auto;
    
    /* УВЕЛИЧИВАЕМ ЭТУ ЦИФРУ, чтобы сильнее "отрезать" полосу справа */
    margin-right: 20px; /* Было 30px. Если нужно еще короче, ставьте 50px или 60px */
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 3px; 
    box-sizing: border-box;
}

/* 2. Приглушаем цвет текста (ČESKY SLOVENSKY) */
.dark-blue-stripe a {
    /* Меняем #ffffff на слегка серовато-белый оттенок */
    color: #dcf2ff !important; 
    
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold; 
    margin-left: 15px;
    letter-spacing: -0.26px; 
}
/* ТЕКСТ ПОД СИНЕЙ ПОЛОСОЙ */
.header-title {
    padding: 35px 20px 0 10px;
}

.site-title {
    font-family: 'Georgia', sans-serif;
    font-size: 23px;
    color: #5d9ecf;
    margin: 0;
    font-weight: normal;
    
}

.site-subtitle {
    font-size: 12px;
    color: #333;
    margin-top: 5px;
}

/* ОБЩИЙ КОНТЕЙНЕР (оставляем один правильный вариант) */
.container {
    max-width: none;
    margin: 0;
    padding: 0 30px;
}
/* =========================================
   ОФОРМЛЕНИЕ ПОДВАЛА (FOOTER)
   ========================================= */

/* =========================================
   ОФОРМЛЕНИЕ ПОДВАЛА (Только две ссылки)
   ========================================= */

.site-footer {
    /* Отодвигаем от основного контента */
    margin-top: 10px; 
    padding-bottom: 50px;
    
    /* Сдвигаем ссылки вправо, чтобы они выровнялись по тексту, а не по иконкам.
       Если колонка иконок у нас 80px + отступ, то берем примерно 150px.
       Подстройте эту цифру (150px), чтобы квадратики встали ровно под текстом! */
    padding-left: 75px; 
}

.lang-links-bottom {
    display: block; /* Убрали flex-direction и gap */
}

.lang-links-bottom a {
    color: #0d628f;
    text-decoration: underline;
    font-size: 13px;
    font-style: italic; 
    
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    
    /* Жестко задаем отступы */
    margin: 0 0 3px 0; /* 3px - это отступ только СНИЗУ. Остальные по нулям */
    padding: 0;
    line-height: 1; 
}
.lang-links-bottom a:hover {
    /* При наведении мышки подчеркивание исчезнет */
    text-decoration: none; 
}



/* Пустые квадратики (пули) перед ссылками */
.square-bullet {
    display: inline-block;
    width: 3px;
    height: 3px;
    border: 1.5px solid #34a4dc; 
    margin-right: 5px; /* Отступ от квадратика до текста */
}
.arrow-icon {
    font-size: 14px;     /* Размер самой стрелочки */
    color: #444;         /* Цвет (темно-серый) */
    font-weight: bold;   /* Делаем её четкой и жирной, как в оригинале */
    
    /* Отступы: 0 сверху, 8px до текста, 0 снизу, 4px от домика */
    margin: 0 8px 0 4px; 
    
    /* Магия выравнивания по высоте */
    position: relative;
    top: -1px; /* Если стрелка ниже центра, сделайте -2px. Если выше, сделайте 1px */
}