:root {
    --base-font-size: 14pt;
    --heading-font: 'Libre Franklin', sans-serif;
}

body {
    font-family: var(--heading-font);
    font-weight: 400;
    font-size: var(--base-font-size);
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700; /* 600 или 700 для заголовков */
    text-transform: uppercase;
}

/* Mega Menu Styles */
.meridian-mega-menu {
    position: relative;
    background: #fff;
    border-top: 1px solid #ddd;
    display: none; /* Скрыто по умолчанию, показывать при hover на пункт */
}

.mega-container {
    display: grid;
    grid-template-columns: 250px 1fr 300px;
    min-height: 400px;
}

.nav-col-red { border-right: 1px solid #eee; padding: 20px; }
.nav-col-red a { color: #c41e3a; font-weight: 700; text-decoration: none; display: block; margin-bottom: 10px; }

.nav-col-main { padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nav-col-main a { color: #333; text-decoration: none; font-size: 0.9rem; }

.info-panel { background: #f9f9f9; padding: 20px; border-left: 1px solid #eee; }
.info-panel img { max-width: 100%; height: auto; margin-bottom: 15px; display: none; }

.nav-col-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Две колонки ссылок */
    grid-auto-flow: row;
}

/* Базовые стили для On Farm (например, красный) */
body.mode-on_farm {
    --brand-color: #c41e3a;
}
body.mode-on_farm .logo-industrial { opacity: 0.5; filter: grayscale(1); }

/* Стили для Industrial (например, синий или серый) */
body.mode-industrial {
    --brand-color: #0056b3;
}
body.mode-industrial .logo-on-farm { opacity: 0.5; filter: grayscale(1); }

/* Используем переменную в меню */
.nav-col-red a {
    color: var(--brand-color);
}