/* A fejléc töréspontjai a hat menüponthoz igazítva (a mockupban négy volt, ott 980/820 px).
   Az application.css a mockupokból generálódik, ezért az eltérés itt van. */
@media (max-width:1180px){.fej .tel{display:none}}
@media (max-width:1040px){.nav,.fej .pill{display:none}.menu{display:inline-flex}
  .fej.nyitva .nav{display:flex;position:absolute;left:0;right:0;top:76px;flex-direction:column;gap:0;background:var(--homok);border-bottom:1px solid var(--vonal);padding:8px clamp(16px,4vw,48px) 16px}
  .fej.nyitva .nav a{padding-block:12px;border-bottom:1px solid var(--vonal)}}
.nav a{white-space:nowrap}

/* Az értékbecslő gomb a lenyitott menü alján (széles nézetben a menü mellett áll külön). */
.nav .menu-cta{display:none}
@media (max-width:1040px){
  .fej.nyitva .nav .menu-cta{display:inline-flex;align-self:flex-start;margin-top:16px;padding:12px 22px;border:0}}