:root {
    --text-color: #610516;
    --background: #faede1; /* Фон по бокам */
    --panel-color: #f7f1e6; /* Панелька, которая текст обворачивает */
}

/* Общий фон страницы */
body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  background-color: var(--background);
  font-weight: bold;
}

.main-content {
  max-width: 900px;
  margin: 40px auto;
  padding: 40px 30px;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.07);
  background-color: var(--panel-color);
}

.main-content > * {
    color: var(--text-color);
}


/* Шапка сайта */
.topbar {
  background-color: #d0f0d0; /* Мягкий зеленый */
  color: #4d051b; /* Темно-зеленый текст */
  padding: 10px 30px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar .left-link a {
  color: #4d051b;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-content h2 {
      text-align: center;
      font-family: 'Playfair Display', serif;
      font-size: 28px;
}
.topbar .right-info {
  display: flex;
  gap: 20px;
  align-items: center;
}

/* Шапка сайта */
header {
  background: #3d0e17; /* Вишневый цвет */
  color: white;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-grow: 1;
}

.nav a {
  color: white;
  background-color: #a2283a; /* Тот же вишневый */
  padding: 6px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s;
}

.nav a:hover {
  background-color: #c33b52; /* Ярче */
}

.lang-switch {
  display: flex;
  gap: 10px;
}

.lang-switch a {
  background: white;
  color: #7e1b34;
  padding: 4px 8px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.topbar {
      background-color: #e8f5ec;
      padding: 10px 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: bold;
}

/* Контент страницы */
main {
  margin: 0 auto;
  background-color: var(--background); 
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

h1, h2 {
  font-family: 'Playfair Display', serif;
  color: #3d0e17; /* Темно-зеленый текст */
  text-align: center;
}

h1, h2, h3 {
    font-size: 2rem;
}

h1, h2, h3, h4, p {
    color: #3d0e17;
}

.topbar a {
      text-decoration: none;
      color: #3d0e17;
}

h3 {
  text-align: center;
  font-family: 'Georgia', serif;
  color: #3d0e17;
}

p {
  font-family: 'Verdana', sans-serif;
  font-size: 1.05em;
  line-height: 1.8;
  margin-bottom: 15px;
}

/* Картинки галереи */
.gallery-img {
  width: 100%;
  max-width: 400px; /* Увеличиваем ширину */
  height: auto;
  margin: 15px auto;
  display: block;
  border-radius: 10px;
}
.logo-img {
  height: 19px;  /* было 34px — теперь меньше */
  margin-right: 8px;
  vertical-align: middle;
}

/* Социальные иконки */
.social-icons {
  text-align: center;
  margin-top: 40px;
}

.social-icons a img {
  height: 28px;
  vertical-align: middle;
  margin: 0 10px;
}

/* Футер */
footer {
  text-align: center;
  padding: 15px;
  background: #f0f4f1; /* Тот же мягкий фон, что и на теле страницы */
}

.carousel-container {
  max-width: 800px;
  margin: 40px auto;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  height: 500px; /* можешь изменить под свой дизайн */
}

.carousel-slide {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit:  contain;; /* Показывает фото без искажений */
  flex-shrink: 0;
  border-radius: 10px;
}
/* Сетка для галереи блюд */
/* === Галереи меню === */
.menu-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;               /* расстояние между фото */
  margin: 20px 0;
}

.menu-gallery img {
  width: 100%;
  height: 140px;           /* фиксированная высота */
  object-fit: cover;       /* обрезает фото так, чтобы заполнить блок */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: transform 0.3s;
}

.menu-gallery img:hover {
  transform: scale(1.04);
}

/* Оформление самих картинок */
.menu-gallery img {
  width: 100%;
  height: 150px;        /* фиксированная высота */
  object-fit: cover;    /* обрезаем, чтобы заполнить контейнер */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  transition: transform 0.3s;
}

.menu-gallery img:hover {
  transform: scale(1.05);
}



.prev { left: 10px; }
.next { right: 10px; }
  body {
    background: linear-gradient(to right, #f0f4f1 0%, #ffffff 100%); /* Мобильный фон */
    /* --- Бордовая боковая «рамка» и светлый центр --- */
body {
  background: #7e1b34;
}

/* --- Тёмно-зелёная шапка навигации --- */
header {
  background: #1b3d2f;  /* тёмно-зелёный */
}

/* --- Кнопки навигации в более контрастном темно-зеленом --- */
.nav a {
  background-color: #14502f;  /* чуть светлее/темнее - на ваш вкус */
  color: white;
}
.nav a:hover {
  background-color: #0f3b23;
}

/* --- Яркие «активные» ссылки --- */
.nav a.active,
.nav a:focus {
  background-color: #0a2a17;

/* --- Подпись логотипа сделаем прозрачной, чтобы не мешала --- */
.topbar {
  background-color: rgba(224, 207, 194, 0.9); /* чуть прозрачнее бежевого *