.elementor-7813 .elementor-element.elementor-element-412f9fc7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7813 .elementor-element.elementor-element-412f9fc7:not(.elementor-motion-effects-element-type-background), .elementor-7813 .elementor-element.elementor-element-412f9fc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7813 .elementor-element.elementor-element-6356a413{--display:flex;}.elementor-7813 .elementor-element.elementor-element-6d32d44e{--display:flex;}.elementor-7813 .elementor-element.elementor-element-2599ce7{z-index:200;}.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-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-weight:500;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item{color:#252231;fill:#252231;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item:focus{color:#5B2680;fill:#5B2680;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#5B2680;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .e--pointer-framed .elementor-item:before,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .e--pointer-framed .elementor-item:after{border-color:#5B2680;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#252231;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a, .elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-menu-toggle{color:#252231;fill:#252231;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a:hover,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a:focus,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a.highlighted,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-menu-toggle:hover,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-menu-toggle:focus{color:#5B2680;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a:hover,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a:focus,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a.elementor-item-active{color:#252231;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown .elementor-item, .elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-weight:600;text-decoration:none;}@media(max-width:767px){.elementor-7813 .elementor-element.elementor-element-412f9fc7{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;--z-index:999;}.elementor-7813 .elementor-element.elementor-element-6356a413{--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-7813 .elementor-element.elementor-element-6d32d44e{--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:center;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7813 .elementor-element.elementor-element-3b10e88c.elementor-element{--align-self:center;}.elementor-7813 .elementor-element.elementor-element-2599ce7{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-7813 .elementor-element.elementor-element-2599ce7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b > .elementor-widget-container{margin:-25px 0px 0px -15px;padding:0px 0px 0px 0px;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown .elementor-item, .elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-7813 .elementor-element.elementor-element-4f40dd9b .elementor-nav-menu--dropdown a{padding-top:8px;padding-bottom:8px;}.elementor-7813 .elementor-element.elementor-element-11f79dd > .elementor-widget-container{margin:-25px 0px 0px 0px;}}@media(min-width:768px){.elementor-7813 .elementor-element.elementor-element-412f9fc7{--content-width:1400px;}}/* Start custom CSS for html, class: .elementor-element-3b10e88c */@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=DM+Mono:wght@400;500&display=swap');

.sv-logo-mobile,
.sv-logo-mobile:hover,
.sv-logo-mobile:focus,
.sv-logo-mobile:active,
.sv-logo-mobile:visited {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  line-height: 1;
  white-space: nowrap;

  text-decoration: none !important;
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.sv-logo-mobile__main {
  font-family: "Space Grotesk", sans-serif;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: -1.8px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none !important;
}

.sv-logo-mobile__dot {
  width: 6px;
  height: 6px;
  background: #b7ff00;
  border-radius: 50%;
  display: inline-block;
  margin-left: 1px;
  transform: translateY(-2px);
}

.sv-logo-mobile__sub {
  font-family: "DM Mono", monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2.2px;
  color: rgba(255, 255, 255, 0.38);
  text-transform: uppercase;
  margin-left: 7px;
  transform: translateY(-3px);
  text-decoration: none !important;
}

.sv-logo-mobile * {
  text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2599ce7 *//* SPJ MOBILE SEARCH — SZEROKOŚĆ BOXA */
@media (max-width: 767px) {

  .spj-mobile-clean-search {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 5px !important;
    margin: 10px auto 5px !important;
  }

  .spj-mobile-clean-search__form {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    padding: 10px !important;
  }

  .spj-mobile-clean-search__input-box,
  .spj-mobile-clean-search__select-box,
  .spj-mobile-clean-search__submit {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* bardzo małe telefony */
@media (max-width: 390px) {
  .spj-mobile-clean-search {
    padding: 0 0px !important;
  }

  .spj-mobile-clean-search__form {
    padding: 5px !important;
    border-radius: 17px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11f79dd *//* ===============================
   SPJTRADE B2B — CONTACT BOX MENU
================================ */

.spj-b2b-contact-box {
  width: 100%;
  margin: 28px 0 0;
  padding: 12px;

  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f3ff 100%);
  border: 1px solid rgba(111, 45, 168, 0.22);

  box-shadow:
    0 18px 42px rgba(28, 13, 45, 0.10),
    0 0 0 5px rgba(111, 45, 168, 0.045);
}

.spj-b2b-contact-title {
  margin: 0 0 11px;
  padding: 10px 12px;

  border-radius: 16px;
  background: #151019;
  color: #ffffff;

  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
}

.spj-b2b-contact-row,
.spj-b2b-contact-row:visited,
.spj-b2b-contact-row:hover,
.spj-b2b-contact-row:focus,
.spj-b2b-contact-row:active {
  text-decoration: none !important;
}

.spj-b2b-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;

  width: 100%;
  min-width: 0;
  padding: 12px;

  border-radius: 18px;
  background: #ffffff;
  color: #151019 !important;
  border: 1px solid rgba(111, 45, 168, 0.10);

  box-shadow:
    0 9px 20px rgba(28, 13, 45, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 1);

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.spj-b2b-contact-row + .spj-b2b-contact-row {
  margin-top: 9px;
}

.spj-b2b-contact-row:hover {
  transform: translateY(-1px);
  background: #fbf7ff;
  border-color: rgba(111, 45, 168, 0.34);

  box-shadow:
    0 14px 28px rgba(28, 13, 45, 0.10),
    0 0 0 3px rgba(111, 45, 168, 0.07);
}

.spj-b2b-contact-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 15px;
  background: linear-gradient(135deg, #6F2DA8 0%, #8B3FD1 100%);
  color: #ffffff;

  box-shadow:
    0 10px 18px rgba(111, 45, 168, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.spj-b2b-contact-icon svg {
  width: 20px;
  height: 20px;
}

.spj-b2b-contact-text {
  display: block;
  min-width: 0;
  flex: 1;
}

.spj-b2b-contact-text small {
  display: block;
  margin-bottom: 4px;

  color: rgba(21, 16, 25, 0.56);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.spj-b2b-contact-text strong {
  display: block;

  color: #151019;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

/* Mail krótszy, więc normalnie mieści się w jednej linii */
.spj-b2b-contact-row[href^="mailto:"] .spj-b2b-contact-text strong {
  font-size: 14.5px;
}

/* Mobile węższe */
@media (max-width: 380px) {
  .spj-b2b-contact-box {
    padding: 10px;
    border-radius: 20px;
  }

  .spj-b2b-contact-row {
    padding: 11px;
    gap: 10px;
  }

  .spj-b2b-contact-icon {
    flex-basis: 39px;
    width: 39px;
    height: 39px;
    border-radius: 14px;
  }

  .spj-b2b-contact-text strong {
    font-size: 14px;
  }

  .spj-b2b-contact-row[href^="mailto:"] .spj-b2b-contact-text strong {
    font-size: 13.8px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-412f9fc7 *//* SPJ OFFCANVAS MOBILE — FINAL FIX */
@media (max-width: 767px) {
  .spj-offcanvas-mobile-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    height: auto !important;

    background: #ffffff !important;
    border-radius: 22px 0 0 22px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 18px 16px 28px !important;
    box-sizing: border-box !important;
  }

  .spj-offcanvas-mobile-menu > .e-con-inner,
  .spj-offcanvas-mobile-menu > .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .spj-offcanvas-mobile-menu .elementor-widget,
  .spj-offcanvas-mobile-menu .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .spj-offcanvas-mobile-menu img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .spj-offcanvas-mobile-menu .elementor-nav-menu,
  .spj-offcanvas-mobile-menu .elementor-nav-menu__container {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* End custom CSS */