/* Main menu: табы разделов, баннеры на главной */
.l-main-menu {
  max-width: var(--width-content);
  margin: 0 auto;
  padding: var(--space-md) var(--space-lg);
}

.l-main-menu__tabs { margin-bottom: var(--space-md); }
.l-main-menu__nav {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.l-main-menu__nav-link {
  display: inline-block;
  padding: var(--space-sm) var(--space-md);
  color: var(--color-text);
  text-decoration: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg);
  transition: background var(--transition), border-color var(--transition);
}
.l-main-menu__nav-link:hover {
  background: #f5f0f6;
  border-color: var(--color-primary);
}

.l-main-menu__tab { padding: var(--space-lg) 0; }
.l-main-menu__tab-content { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-lg); }
.l-main-menu__tab-img img { max-width: 120px; height: auto; display: block; }
.l-main-menu__tab-title {
  font: 700 1.25rem/1.3 var(--font-serif);
  color: var(--color-text);
}
.l-main-menu__tab-title span { color: var(--color-primary-light); }
.l-main-menu__tab-nav ul { list-style: none; }
.l-main-menu__tab-nav li { margin-bottom: var(--space-xs); }
.l-main-menu__tab-nav a {
  color: var(--color-text);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.l-main-menu__tab-nav a:hover { border-bottom-color: var(--color-primary); }

/* Баннеры на главной (4 блока) */
.l-main-menu-bgd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-lg);
}
.l-main-menu-bgd__item {
  display: block;
  min-height: 180px;
  padding: var(--space-lg);
  color: var(--color-bg);
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1rem;
  background: var(--color-primary);
  background-size: cover;
  background-position: center;
  border-radius: var(--radius);
  transition: opacity var(--transition);
}
.l-main-menu-bgd__item:hover { opacity: 0.9; color: var(--color-bg); }
.l-main-menu-bgd__item--1 { background-color: #5f1a6a; }
.l-main-menu-bgd__item--2 { background-color: #762a5b; }
.l-main-menu-bgd__item--3 { background-color: #8b3a6c; }
.l-main-menu-bgd__item--4 { background-color: #a04a7d; }

@media (max-width: 768px) {
  .l-main-menu-bgd { grid-template-columns: 1fr 1fr; }
}