.elementor-47 .elementor-element.elementor-element-76c5da6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-47 .elementor-element.elementor-element-a13ae0a{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}.elementor-47 .elementor-element.elementor-element-a13ae0a img{width:74%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-47 .elementor-element.elementor-element-f2d176e.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-f2d176e{z-index:10;}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--main .elementor-item{padding-left:30px;padding-right:30px;}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a, .elementor-47 .elementor-element.elementor-element-f2d176e .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a:hover,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a:focus,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-47 .elementor-element.elementor-element-f2d176e .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-accent );}.elementor-47 .elementor-element.elementor-element-f2d176e div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-47 .elementor-element.elementor-element-f2d176e div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-47 .elementor-element.elementor-element-59e6fe4.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-a13ae0a.elementor-element{--align-self:center;}.elementor-47 .elementor-element.elementor-element-f2d176e{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:10% 0% 0% 0%;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-76c5da6{--flex-wrap:wrap;}.elementor-47 .elementor-element.elementor-element-a13ae0a{width:100%;max-width:100%;}.elementor-47 .elementor-element.elementor-element-f2d176e{width:100%;max-width:100%;padding:0% 0% 0% 0%;}.elementor-47 .elementor-element.elementor-element-59e6fe4{width:100%;max-width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-f2d176e *//* ============================== */
/*  1. KASUJEMY FIOLETOWE TŁO     */
/* ============================== */

/* element aktywny, hover itd. – zabieramy background z Elementora */
.elementor-nav-menu--main .elementor-item,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item:hover {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Elementorowy pointer (to zwykle prostokąt) – wyłączamy */
.elementor-nav-menu--main .elementor-item::before {
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ============================== */
/*  2. PODSTAWOWY WYGLĄD LINKÓW   */
/* ============================== */

.elementor-nav-menu--main .elementor-item {
  position: relative;
  padding: 10px 18px;
  color: #ffffff !important;
  font-weight: 400;
  letter-spacing: 0.04em;
  transition:
    color 0.3s ease,
    text-shadow 0.3s ease,
    transform 0.3s ease;
}

/* ============================== */
/*  3. NEONOWA LINIA POD TEKSTEM  */
/* ============================== */

.elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;

  width: 60%;
  height: 2px;
  border-radius: 999px;

  background: linear-gradient(90deg, #00e0ff, #7f00ff);
  box-shadow:
    0 0 6px rgba(0, 224, 255, 0.7),
    0 0 12px rgba(127, 0, 255, 0.6);

  opacity: 0;
  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* ============================== */
/*  4. HOVER / ACTIVE / FOCUS     */
/* ============================== */

.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item:focus {
  transform: translateY(-2px);
  text-shadow:
    0 0 6px rgba(0, 224, 255, 0.8),
    0 0 12px rgba(127, 0, 255, 0.6);
  outline: none !important;
}

.elementor-nav-menu--main .elementor-item:hover::after,
.elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-nav-menu--main .elementor-item:focus::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}
/* =============================== */
/*   ULTRANEONOWY PODŚWIETLANY LINE EFFECT */
/* =============================== */

.elementor-nav-menu--main .elementor-item {
  position: relative;
  padding: 10px 18px;
  color: #ffffff !important;
  transition: color 0.3s ease;
}

/* NEON gradient line (ukryta na start) */
.elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;

  width: 80%;
  height: 4px;
  border-radius: 999px;

  background: linear-gradient(90deg, #00eaff 0%, #7f00ff 50%, #00eaff 100%);
  filter: drop-shadow(0 0 6px #00eaff) drop-shadow(0 0 14px #7f00ff);

  opacity: 0;
  transition:
      transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.3s ease;
}

/* HOVER + ACTIVE + FOCUS = pełny neon */
.elementor-nav-menu--main .elementor-item:hover::after,
.elementor-nav-menu--main .elementor-item.elementor-item-active::after,
.elementor-nav-menu--main .elementor-item:focus::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

/* Neonowy glow na tekście */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item:focus {
  color: #ffffff !important;
  text-shadow:
      0 0 4px #00eaff,
      0 0 10px #7f00ff,
      0 0 18px #7f00ff;
}
/* =============================== */
/*  ROZWIJANE MENU (DROPDOWN)      */
/* =============================== */

/* TŁO CAŁEGO DROPDOWNA */
.elementor-nav-menu--dropdown,
.elementor-nav-menu__container.elementor-nav-menu--dropdown {
  background: rgba(3, 10, 32, 0.96) !important; /* ciemne, lekko przezroczyste */
  border: 1px solid rgba(0, 224, 255, 0.35);
  box-shadow:
    0 0 25px rgba(0, 0, 0, 0.85),
    0 0 35px rgba(0, 224, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 14px;
  overflow: hidden;
}

/* POJEDYNCZY ELEMENT W DROPDOWNIE */
.elementor-nav-menu--dropdown .elementor-sub-item {
  position: relative;
  padding: 10px 22px;
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 400;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition:
    background 0.25s ease,
    color 0.25s ease,
    text-shadow 0.25s ease,
    padding-left 0.25s ease;
}

/* usuwamy fioletowe tło z aktywnego */
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
  background: transparent !important;
}

/* ostatni bez dolnej kreski */
.elementor-nav-menu--dropdown .elementor-sub-item:last-child {
  border-bottom: none;
}

/* HOVER DROPDOWNA – delikatny gradient + glow */
.elementor-nav-menu--dropdown .elementor-sub-item:hover,
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active:hover {
  padding-left: 26px;
  background: linear-gradient(
    90deg,
    rgba(0, 224, 255, 0.20),
    rgba(127, 0, 255, 0.25)
  ) !important;
  text-shadow:
    0 0 4px rgba(0, 224, 255, 0.8),
    0 0 10px rgba(127, 0, 255, 0.6);
}

/* mały neonowy pasek po lewej na hoverze */
.elementor-nav-menu--dropdown .elementor-sub-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 60%;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #00e0ff, #7f00ff);
  box-shadow:
    0 0 8px rgba(0, 224, 255, 0.8),
    0 0 16px rgba(127, 0, 255, 0.7);
  opacity: 0;
  transition:
    transform 0.25s ease,
    opacity 0.25s ease;
}

.elementor-nav-menu--dropdown .elementor-sub-item:hover::before {
  opacity: 1;
  transform: translateY(-50%) scaleY(1);
}


/* ============================== */
/*   VIRAL SOUND – DROPDOWN MENU  */
/* ============================== */

/* Tło panelu mobilnego */
.elementor-nav-menu--dropdown {
    background: rgba(4, 9, 35, 0.92);
    border: 1px solid rgba(0, 224, 255, 0.20);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    padding: 18px 0;
    border-radius: 18px;

    box-shadow:
        0 0 28px rgba(0, 224, 255, 0.28),
        0 0 48px rgba(127, 0, 255, 0.35);
}

/* Linki w menu */
.elementor-nav-menu--dropdown a {
    color: #ffffff !important;
    padding: 14px 22px !important;
    font-size: 16px;
    letter-spacing: 0.03em;
    border-radius: 12px;

    transition: all 0.25s ease;
    position: relative;
    z-index: 2;
}

/* Hover linków – neon glow */
.elementor-nav-menu--dropdown a:hover {
    background: linear-gradient(90deg, #7f00ff 0%, #00e0ff 100%);
    box-shadow:
        0 0 16px rgba(0, 224, 255, 0.65),
        0 0 28px rgba(127, 0, 255, 0.45);
    color: #ffffff !important;
}

/* Oddzielenie elementów */
.elementor-nav-menu--dropdown li {
    margin: 4px 12px;
}

/* Ikona hamburgera – gradient + glow */
.elementor-menu-toggle {
    background: linear-gradient(180deg, #a72bff, #7f00ff);
    border-radius: 10px;
    padding: 10px 14px;

    box-shadow:
        0 0 18px rgba(127, 0, 255, 0.55),
        0 0 28px rgba(0, 224, 255, 0.35);

    transition: all 0.25s ease;
}

/* Ikona hamburgera – hover */
.elementor-menu-toggle:hover {
    background: linear-gradient(180deg, #00e0ff, #7f00ff);
    box-shadow:
        0 0 22px rgba(0, 224, 255, 0.8),
        0 0 40px rgba(127, 0, 255, 0.6);
}

/* Pasek ikony (trzy kreski) */
.elementor-menu-toggle .elementor-screen-only + span,
.elementor-menu-toggle i {
    color: #ffffff !important;
}

/* Dropdown strzałka w podmenu */
.elementor-nav-menu--dropdown .sub-arrow {
    color: #00e0ff !important;
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-59e6fe4 *//* ==========================
   PRZYCISK NEON – vsl-btn-primary
   ========================== */

.vsl-btn-primary .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 42px;
  border-radius: 999px;
  border: none;

  background: linear-gradient(90deg, #a72bff, #00e0ff);
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0.04em;

  box-shadow:
    0 0 18px rgba(0, 224, 255, 0.6),
    0 0 34px rgba(127, 0, 255, 0.5);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease;
}

.vsl-btn-primary .elementor-button:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow:
    0 0 28px rgba(0, 224, 255, 0.9),
    0 0 44px rgba(127, 0, 255, 0.8);
  filter: brightness(1.08);
}/* End custom CSS */