/* Базовые стили */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: sans-serif; line-height: 1.6; background: #f4f4f4; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 15px; }

/* Навигация */
header { background: #2d3748; color: #fff; padding: 20px 0; }
.nav-menu { display: flex; list-style: none; gap: 15px; margin-top: 10px; }
.nav-menu a { color: #fff; text-decoration: none; font-weight: bold; }

/* Сетка (самое важное для адаптивности) */
.grid-container {
    display: grid;
    /* Если экран узкий, 1 колонка. Если широкий — 3 колонки */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.nav-menu { 
    display: flex; 
    list-style: none; 
    gap: 20px; 
    align-items: center; /* Выравнивание по центру по вертикали */
}

/* Прижимаем этот конкретный элемент вправо */
.lang-item {
    margin-left: auto;
}

.lang-item button {
    background: #d4af37;
    border: none;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold;
}

.card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }