.elementor-16 .elementor-element.elementor-element-a406c95{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-f84c588{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-f84c588 */.custom-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 40px; /* mniejszy pasek */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1001; /* wyżej niż hero gradienty */

  background: rgba(12, 11, 12, 0.3); /* bardzo przezroczyste, ciemne */
  backdrop-filter: blur(10px); /* miękki efekt rozmycia */
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* delikatna krawędź */

  transition: background 0.3s ease;
}

.custom-header .container {
  max-width: 1400px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* logo lekko niżej */
.logo img {
  height: 120px; /* zachowana wysokość logo */
  transform: translateY(4px); /* delikatne obniżenie logo */
}

/* zwiększony odstęp między pozycjami menu */
.main-nav ul {
  list-style: none;
  display: flex;
  gap: 45px; /* było 30px — zwiększamy */
  margin: 0;
  padding: 0;
  align-items: center;
}

.main-nav a {
  font-family: 'Aclonica', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.main-nav a:hover {
  color: #8B7BCF;
}

.btn-contact {
  border: 1px solid #8B7BCF;
  padding: 8px 18px;
  border-radius: 22px;
  font-weight: 400;
  color: #8B7BCF !important;
  transition: all 0.3s ease;
  font-family: 'Aclonica', sans-serif;
}

.btn-contact:hover {
  background: #8B7BCF;
  color: #000 !important;
}/* End custom CSS */