/* NAWIGACJA: topbar, logo, menu, koszyk-ikonka */
.topbar { background: var(--grafit); position: sticky; top: 0; z-index: 50; }
.topbar__pas { height: 6px; background: repeating-linear-gradient(-45deg, var(--bursztyn) 0 14px, var(--grafit-ciemny) 14px 28px); }
.topbar__srodek {
  max-width: 1160px; margin: 0 auto; padding: 0.65rem 1.25rem;
  display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;
}

.logo { display: flex; align-items: baseline; gap: 0.15em; text-decoration: none; margin-right: auto; }
.logo__bs {
  font-family: var(--font-logo); font-weight: 700; font-size: 1.5rem; color: var(--grafit-ciemny);
  background: var(--bursztyn); padding: 0.05em 0.18em;
}
.logo__customs { font-family: var(--font-logo); font-weight: 600; font-size: 1.5rem; color: #fff; letter-spacing: 0.04em; }
.logo__podpis {
  font-family: var(--font-techniczny); font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--stal); margin-left: 0.8em;
}

.menu { display: flex; gap: 1.6rem; }
.menu a {
  font-family: var(--font-naglowek); font-weight: 600; font-size: 1.1rem; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--stal-jasna); text-decoration: none;
}
.menu a:hover { color: var(--bursztyn); }

.topbar__akcje { display: flex; align-items: center; gap: 0.9rem; }
.topbar__tel {
  font-family: var(--font-techniczny); font-size: 0.85rem; letter-spacing: 0.06em;
  color: var(--bursztyn); text-decoration: none;
}
.topbar__tel:hover { color: #fff; }
.ikonka {
  font-size: 1.15rem; text-decoration: none; color: var(--stal-jasna);
  border: 1px solid var(--stal); padding: 0.25em 0.45em; line-height: 1;
}
.ikonka:hover { color: var(--bursztyn); border-color: var(--bursztyn); }

.koszyk-ikonka {
  position: relative; font-size: 1.15rem; background: transparent; border: 1px solid var(--stal);
  color: var(--stal-jasna); padding: 0.25em 0.45em; cursor: pointer; line-height: 1;
}
.koszyk-ikonka:hover { color: var(--bursztyn); border-color: var(--bursztyn); }
.koszyk-ikonka__licznik {
  position: absolute; top: -0.55em; right: -0.65em;
  font-family: var(--font-techniczny); font-size: 0.7rem; font-weight: 500;
  background: var(--bursztyn); color: var(--grafit-ciemny); padding: 0.1em 0.4em;
}

@media (max-width: 720px) {
  .menu { order: 3; width: 100%; justify-content: space-between; gap: 1rem; padding-top: 0.4rem; }
  .logo__podpis { display: none; }
}