/* ===== Megosztott FŐMENÜ (felső menüsor) – CSAK ASZTALI GÉPEN ===== */
/* Mobilon (≤900px) a menü rejtve, helyette a sima „Vissza" link látszik. */
.mainnav { margin-left: auto; display: flex; align-items: center; }
.mainnav-list { list-style: none; display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; }
.mainnav-list > li { position: relative; }
.mainnav a, .mainnav .sub-toggle {
  display: inline-flex; align-items: center; gap: 5px;
  font: 600 14px 'Segoe UI', Arial, sans-serif; color: #f3efe6;
  text-decoration: none; background: none; border: 0; cursor: pointer;
  padding: 9px 12px; border-radius: 10px; white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.mainnav-list > li > a:hover, .mainnav .sub-toggle:hover,
.mainnav-list > li > a:focus-visible, .mainnav .sub-toggle:focus-visible {
  background: rgba(212,175,55,0.14); color: #f6e6a8; outline: none;
}
.mainnav-list > li.current > a { color: #f6e6a8; }

/* Legördülő almenük (hoverre nyílnak) */
.mainnav .sub {
  list-style: none; margin: 0; padding: 8px;
  position: absolute; top: 100%; right: 0; min-width: 230px;
  background: rgba(11,11,13,0.98); border: 1px solid rgba(212,175,55,0.22);
  border-radius: 12px; box-shadow: 0 16px 42px rgba(0,0,0,0.55);
  display: none; flex-direction: column; gap: 2px; z-index: 60;
}
.mainnav .has-sub:hover > .sub, .mainnav .has-sub.open > .sub { display: flex; }
.mainnav .sub a { padding: 8px 12px; border-radius: 8px; color: rgba(243,239,230,0.9); font-weight: 600; }
.mainnav .sub a:hover { background: rgba(212,175,55,0.16); color: #f6e6a8; }
.mainnav .sub a b { color: #f6e6a8; }

/* Az aloldal általános ✓ lista-pontja ne szivárogjon a menübe; helyette ✧ csillag a legördülő linkek előtt */
.mainnav li { padding: 0; }
.mainnav li::before { content: none; }
.mainnav .sub a::before { content: "✧"; color: #d4af37; margin-right: 6px; }
.mainnav .sub .full a::before { content: none; }

/* Kiszállási területek: több oszlop, ne legyen túl hosszú lista */
.mainnav .sub.areas { min-width: 540px; }
.mainnav .has-sub:hover > .sub.areas, .mainnav .has-sub.open > .sub.areas {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 6px;
  max-height: 72vh; overflow: auto;
}
.mainnav .sub.areas .full { grid-column: 1 / -1; }

/* ASZTALI: a sima „Vissza a 3D-hez" link rejtve (a menü veszi át a szerepét) */
@media (min-width: 901px) {
  .back { display: none; }
}
/* MOBIL: a teljes menü rejtve (csak asztali gépen kell), marad a „Vissza" link */
@media (max-width: 900px) {
  .mainnav { display: none; }
}