nav a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 2px;
  position: relative;
  border-bottom: 2px solid transparent;
}

/* Kreska pod CAŁYM linkiem tylko na desktopie */
nav a.active {
  border-bottom: 2px solid white;
}

/* TELEFONY – tylko span ma kreskę, link NIE MA */
@media (max-width: 768px) {
  nav a {
    border-bottom: none !important; /* usunięcie kreski z całego linka */
    padding-bottom: 0;
  }

  nav a span {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
  }

  /* Kreska tylko dla span w aktywnym linku */
  nav a.active span::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: white;
  }
}