.elementor-28 .elementor-element.elementor-element-fbb4ab5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-28 .elementor-element.elementor-element-8c27fa3{text-align:start;}.elementor-28 .elementor-element.elementor-element-8c27fa3 img{width:318px;height:64px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-28 .elementor-element.elementor-element-9108e70{--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-28 .elementor-element.elementor-element-f058764{--display:flex;}.elementor-28 .elementor-element.elementor-element-c55c7a1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-49912ec{--display:flex;}.elementor-28 .elementor-element.elementor-element-c479d22{--display:flex;}.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-28 .elementor-element.elementor-element-eaddec9{--display:flex;}.elementor-28 .elementor-element.elementor-element-d8bfee2{--display:flex;}.elementor-28 .elementor-element.elementor-element-dd518db{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-6da0ca0{--display:flex;}.elementor-28 .elementor-element.elementor-element-3f906cd{--display:flex;}.elementor-28 .elementor-element.elementor-element-edfe5b0{--display:flex;}.elementor-28 .elementor-element.elementor-element-fb591cc{--display:flex;}.elementor-28 .elementor-element.elementor-element-5c9d8f4{--display:flex;}.elementor-28 .elementor-element.elementor-element-b969aee{--display:flex;}.elementor-28 .elementor-element.elementor-element-9f37381{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown: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 container, class: .elementor-element-f058764 */@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box;
  }

  /* Lewa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 1.25rem;
    padding: 2rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 2rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack) .header-dropdown-uslugi-panel-oferta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack .header-dropdown-uslugi-panel-stack {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Przyciski */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

    padding: 0.5rem 1rem;
    background: #F9A928;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    color: #000000;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.2rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

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

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button:hover {
      background: #F9A928;
      color: #000000;
      transform: scale(1.04);
      box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
    }
  }

  /* Aktywna pozycja desktop */

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    color: #F9A928;
  }
}

/* Domyślnie przycisk „Przejdź do usług” jest ukryty */

.elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764,
  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowy przełącznik Oferta / Stack nie występuje na mobilce */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk prowadzący do pełnej strony usług */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Oba panele widoczne jednocześnie i w normalnym flow */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    gap: 12px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta {
    order: 1;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    order: 2;
    margin-top: 32px !important;
  }

  /* Nagłówki grup */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    display: block !important;

    color: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before {
    content: "Oferta";
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    content: "Stack technologiczny";
  }

  /* Pigułki */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}


/* =========================================================
   KOREKTA UKŁADU NAGŁÓWKÓW USŁUG — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    gap: 10px !important;
    padding: 0 !important;

    transform: none !important;
  }

  /* Nagłówek jest zwykłym pierwszym elementem siatki */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    position: static !important;
    inset: auto !important;

    display: block !important;
    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  /* Kasuje Elementorowe odstępy widgetów wewnątrz grup */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .header-dropdown-uslugi-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .header-dropdown-uslugi-button {
    position: static !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    justify-self: start !important;
    align-self: start !important;
    transform: none !important;
  }

  /* Druga grupa zaczyna się wyraźnie niżej */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 26px !important;
  }
}

/* CTA „Przejdź do usług” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    order: -1 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da0ca0 */@media (min-width: 1025px) {

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box;
  }

  /* Lewa strona */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 0.7rem;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  /* Lewa nawigacja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.25rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  /* Stan domyślny: Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-panel-produkty {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies .header-dropdown-portfolio-panel-case-studies {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source .header-dropdown-portfolio-panel-open-source {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    gap: 2rem;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image {
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 10rem !important;
    height: 7.25rem !important;

    display: block;
    object-fit: contain;
    object-position: center center;
  }

  /* Buttony */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

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

    padding: 0.5rem 1rem;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    background: #F9A928;
    color: #000000;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.15rem, 1.35vw, 1.6rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button:hover {
    background: #F9A928;
    color: #000000;
    transform: scale(1.04);
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
  }

  /* Aktywna pozycja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    color: #F9A928;
  }
}

/* Przycisk „Przejdź do portfolio” domyślnie ukryty */

.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowa nawigacja nie występuje w mobilce */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk pełnego portfolio */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Wszystkie trzy sekcje są stale widoczne */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    gap: 10px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    order: 1;

    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    order: 2;
    margin-top: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    order: 3;
    margin-top: 32px !important;
  }

  /* Nagłówki sekcji */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    content: "Produkty";
    grid-column: 1 / -1 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before {
    content: "Case Studies";
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    content: "Open Source";
  }

  /* Obrazki produktów */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    max-width: none !important;

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

    justify-self: start !important;
    align-self: start !important;
    line-height: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 104px !important;
    height: 74px !important;

    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Przyciski Case Studies i Open Source */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: max-content !important;
    max-width: 100% !important;

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

    justify-self: start !important;
    align-self: start !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    max-width: 86px !important;
    height: 62px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* =========================================================
   KOREKTA NAGŁÓWKÓW PORTFOLIO — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  /* Wszystkie grupy w zwykłym układzie dokumentu */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    padding: 0 !important;
    transform: none !important;
  }

  /* Produkty: dwa obrazki obok siebie */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  /* Pozostałe sekcje: jedna kolumna */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  /* Pseudo-nagłówek jako pierwszy element danej siatki */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    grid-column: 1 / -1 !important;
  }

  /* Reset pozycjonowania bezpośrednich widgetów Elementor */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .header-dropdown-portfolio-button {
    position: static !important;
    inset: auto !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    align-self: start !important;
    justify-self: start !important;

    transform: none !important;
  }

  /* Druga i trzecia grupa niżej */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    margin-top: 30px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    column-gap: 12px !important;
    row-gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 26px !important;
  }
}


/* CTA „Przejdź do portfolio” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    order: 0 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* Ukrycie tymczasowe sekcji "Case studies" Przywrócić jak już będzie git*/
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f058764 */@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box;
  }

  /* Lewa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 1.25rem;
    padding: 2rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 2rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack) .header-dropdown-uslugi-panel-oferta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack .header-dropdown-uslugi-panel-stack {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Przyciski */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

    padding: 0.5rem 1rem;
    background: #F9A928;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    color: #000000;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.2rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

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

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button:hover {
      background: #F9A928;
      color: #000000;
      transform: scale(1.04);
      box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
    }
  }

  /* Aktywna pozycja desktop */

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    color: #F9A928;
  }
}

/* Domyślnie przycisk „Przejdź do usług” jest ukryty */

.elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764,
  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowy przełącznik Oferta / Stack nie występuje na mobilce */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk prowadzący do pełnej strony usług */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Oba panele widoczne jednocześnie i w normalnym flow */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    gap: 12px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta {
    order: 1;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    order: 2;
    margin-top: 32px !important;
  }

  /* Nagłówki grup */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    display: block !important;

    color: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before {
    content: "Oferta";
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    content: "Stack technologiczny";
  }

  /* Pigułki */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}


/* =========================================================
   KOREKTA UKŁADU NAGŁÓWKÓW USŁUG — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    gap: 10px !important;
    padding: 0 !important;

    transform: none !important;
  }

  /* Nagłówek jest zwykłym pierwszym elementem siatki */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    position: static !important;
    inset: auto !important;

    display: block !important;
    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  /* Kasuje Elementorowe odstępy widgetów wewnątrz grup */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .header-dropdown-uslugi-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .header-dropdown-uslugi-button {
    position: static !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    justify-self: start !important;
    align-self: start !important;
    transform: none !important;
  }

  /* Druga grupa zaczyna się wyraźnie niżej */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 26px !important;
  }
}

/* CTA „Przejdź do usług” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    order: -1 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da0ca0 */@media (min-width: 1025px) {

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box;
  }

  /* Lewa strona */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 0.7rem;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  /* Lewa nawigacja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.25rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  /* Stan domyślny: Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-panel-produkty {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies .header-dropdown-portfolio-panel-case-studies {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source .header-dropdown-portfolio-panel-open-source {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    gap: 2rem;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image {
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 10rem !important;
    height: 7.25rem !important;

    display: block;
    object-fit: contain;
    object-position: center center;
  }

  /* Buttony */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

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

    padding: 0.5rem 1rem;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    background: #F9A928;
    color: #000000;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.15rem, 1.35vw, 1.6rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button:hover {
    background: #F9A928;
    color: #000000;
    transform: scale(1.04);
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
  }

  /* Aktywna pozycja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    color: #F9A928;
  }
}

/* Przycisk „Przejdź do portfolio” domyślnie ukryty */

.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowa nawigacja nie występuje w mobilce */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk pełnego portfolio */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Wszystkie trzy sekcje są stale widoczne */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    gap: 10px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    order: 1;

    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    order: 2;
    margin-top: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    order: 3;
    margin-top: 32px !important;
  }

  /* Nagłówki sekcji */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    content: "Produkty";
    grid-column: 1 / -1 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before {
    content: "Case Studies";
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    content: "Open Source";
  }

  /* Obrazki produktów */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    max-width: none !important;

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

    justify-self: start !important;
    align-self: start !important;
    line-height: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 104px !important;
    height: 74px !important;

    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Przyciski Case Studies i Open Source */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: max-content !important;
    max-width: 100% !important;

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

    justify-self: start !important;
    align-self: start !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    max-width: 86px !important;
    height: 62px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* =========================================================
   KOREKTA NAGŁÓWKÓW PORTFOLIO — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  /* Wszystkie grupy w zwykłym układzie dokumentu */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    padding: 0 !important;
    transform: none !important;
  }

  /* Produkty: dwa obrazki obok siebie */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  /* Pozostałe sekcje: jedna kolumna */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  /* Pseudo-nagłówek jako pierwszy element danej siatki */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    grid-column: 1 / -1 !important;
  }

  /* Reset pozycjonowania bezpośrednich widgetów Elementor */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .header-dropdown-portfolio-button {
    position: static !important;
    inset: auto !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    align-self: start !important;
    justify-self: start !important;

    transform: none !important;
  }

  /* Druga i trzecia grupa niżej */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    margin-top: 30px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    column-gap: 12px !important;
    row-gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 26px !important;
  }
}


/* CTA „Przejdź do portfolio” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    order: 0 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* Ukrycie tymczasowe sekcji "Case studies" Przywrócić jak już będzie git*/
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f058764 */@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box;
  }

  /* Lewa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 1.25rem;
    padding: 2rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 2rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack) .header-dropdown-uslugi-panel-oferta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack .header-dropdown-uslugi-panel-stack {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Przyciski */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

    padding: 0.5rem 1rem;
    background: #F9A928;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    color: #000000;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.2rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

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

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button:hover {
      background: #F9A928;
      color: #000000;
      transform: scale(1.04);
      box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
    }
  }

  /* Aktywna pozycja desktop */

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    color: #F9A928;
  }
}

/* Domyślnie przycisk „Przejdź do usług” jest ukryty */

.elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764,
  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowy przełącznik Oferta / Stack nie występuje na mobilce */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk prowadzący do pełnej strony usług */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Oba panele widoczne jednocześnie i w normalnym flow */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    gap: 12px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta {
    order: 1;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    order: 2;
    margin-top: 32px !important;
  }

  /* Nagłówki grup */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    display: block !important;

    color: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before {
    content: "Oferta";
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    content: "Stack technologiczny";
  }

  /* Pigułki */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}


/* =========================================================
   KOREKTA UKŁADU NAGŁÓWKÓW USŁUG — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    gap: 10px !important;
    padding: 0 !important;

    transform: none !important;
  }

  /* Nagłówek jest zwykłym pierwszym elementem siatki */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    position: static !important;
    inset: auto !important;

    display: block !important;
    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  /* Kasuje Elementorowe odstępy widgetów wewnątrz grup */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .header-dropdown-uslugi-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .header-dropdown-uslugi-button {
    position: static !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    justify-self: start !important;
    align-self: start !important;
    transform: none !important;
  }

  /* Druga grupa zaczyna się wyraźnie niżej */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 26px !important;
  }
}

/* CTA „Przejdź do usług” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    order: -1 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da0ca0 */@media (min-width: 1025px) {

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box;
  }

  /* Lewa strona */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 0.7rem;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  /* Lewa nawigacja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.25rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  /* Stan domyślny: Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-panel-produkty {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies .header-dropdown-portfolio-panel-case-studies {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source .header-dropdown-portfolio-panel-open-source {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    gap: 2rem;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image {
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 10rem !important;
    height: 7.25rem !important;

    display: block;
    object-fit: contain;
    object-position: center center;
  }

  /* Buttony */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

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

    padding: 0.5rem 1rem;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    background: #F9A928;
    color: #000000;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.15rem, 1.35vw, 1.6rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button:hover {
    background: #F9A928;
    color: #000000;
    transform: scale(1.04);
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
  }

  /* Aktywna pozycja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    color: #F9A928;
  }
}

/* Przycisk „Przejdź do portfolio” domyślnie ukryty */

.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowa nawigacja nie występuje w mobilce */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk pełnego portfolio */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Wszystkie trzy sekcje są stale widoczne */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    gap: 10px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    order: 1;

    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    order: 2;
    margin-top: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    order: 3;
    margin-top: 32px !important;
  }

  /* Nagłówki sekcji */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    content: "Produkty";
    grid-column: 1 / -1 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before {
    content: "Case Studies";
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    content: "Open Source";
  }

  /* Obrazki produktów */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    max-width: none !important;

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

    justify-self: start !important;
    align-self: start !important;
    line-height: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 104px !important;
    height: 74px !important;

    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Przyciski Case Studies i Open Source */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: max-content !important;
    max-width: 100% !important;

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

    justify-self: start !important;
    align-self: start !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    max-width: 86px !important;
    height: 62px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* =========================================================
   KOREKTA NAGŁÓWKÓW PORTFOLIO — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  /* Wszystkie grupy w zwykłym układzie dokumentu */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    padding: 0 !important;
    transform: none !important;
  }

  /* Produkty: dwa obrazki obok siebie */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  /* Pozostałe sekcje: jedna kolumna */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  /* Pseudo-nagłówek jako pierwszy element danej siatki */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    grid-column: 1 / -1 !important;
  }

  /* Reset pozycjonowania bezpośrednich widgetów Elementor */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .header-dropdown-portfolio-button {
    position: static !important;
    inset: auto !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    align-self: start !important;
    justify-self: start !important;

    transform: none !important;
  }

  /* Druga i trzecia grupa niżej */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    margin-top: 30px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    column-gap: 12px !important;
    row-gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 26px !important;
  }
}


/* CTA „Przejdź do portfolio” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    order: 0 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* Ukrycie tymczasowe sekcji "Case studies" Przywrócić jak już będzie git*/
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f058764 */@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box;
  }

  /* Lewa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 1.25rem;
    padding: 2rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 1.5vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover p,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-oferta:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-trigger-stack:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 2rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack) .header-dropdown-uslugi-panel-oferta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack .header-dropdown-uslugi-panel-stack {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Przyciski */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

    padding: 0.5rem 1rem;
    background: #F9A928;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    color: #000000;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.2rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

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

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  @media (hover: hover) and (pointer: fine) {
    .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button:hover {
      background: #F9A928;
      color: #000000;
      transform: scale(1.04);
      box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
    }
  }

  /* Aktywna pozycja desktop */

  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-oferta
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta p,
  .elementor-28 .elementor-element.elementor-element-f058764:not(.is-stack)
  .header-dropdown-uslugi-trigger-oferta .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack p,
  .elementor-28 .elementor-element.elementor-element-f058764.is-stack
  .header-dropdown-uslugi-trigger-stack .elementor-heading-title {
    color: #F9A928;
  }
}

/* Domyślnie przycisk „Przejdź do usług” jest ukryty */

.elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764,
  .elementor-28 .elementor-element.elementor-element-f058764 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowy przełącznik Oferta / Stack nie występuje na mobilce */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk prowadzący do pełnej strony usług */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Oba panele widoczne jednocześnie i w normalnym flow */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

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

    gap: 12px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta {
    order: 1;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    order: 2;
    margin-top: 32px !important;
  }

  /* Nagłówki grup */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    display: block !important;

    color: #FFFFFF !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before {
    content: "Oferta";
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    content: "Stack technologiczny";
  }

  /* Pigułki */

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;

    background: #F9A928 !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }
}


/* =========================================================
   KOREKTA UKŁADU NAGŁÓWKÓW USŁUG — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    position: static !important;
    inset: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    gap: 10px !important;
    padding: 0 !important;

    transform: none !important;
  }

  /* Nagłówek jest zwykłym pierwszym elementem siatki */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    position: static !important;
    inset: auto !important;

    display: block !important;
    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  /* Kasuje Elementorowe odstępy widgetów wewnątrz grup */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta > .header-dropdown-uslugi-button,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack > .header-dropdown-uslugi-button {
    position: static !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    justify-self: start !important;
    align-self: start !important;
    transform: none !important;
  }

  /* Druga grupa zaczyna się wyraźnie niżej */
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-oferta::before,
  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-f058764 .header-dropdown-uslugi-panel-stack {
    margin-top: 26px !important;
  }
}

/* CTA „Przejdź do usług” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    order: -1 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-f058764 .mobile-services-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6da0ca0 */@media (min-width: 1025px) {

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100vw !important;
    max-width: none !important;

    height: 13rem;
    min-height: 13rem;
    max-height: 13rem;

    margin: 0 0 0 calc((100% - 100vw) / 2) !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 27% 73% !important;
    align-items: stretch;

    background: #FAFAFA;
    font-family: "Manrope", sans-serif;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box;
  }

  /* Lewa strona */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: flex-end;

    gap: 0.7rem;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem);

    background: #1D1E20;
  }

  /* Lewa nawigacja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source {
    width: 100%;
    margin: 0;
    cursor: pointer;

    display: flex !important;
    justify-content: flex-end;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container {
    width: 100%;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    margin: 0;
    color: #FFFFFF;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.25rem, 1.4vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: right;

    transition: color 0.18s ease, transform 0.18s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-produkty:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies:hover .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-open-source:hover .elementor-heading-title {
    color: #F9A928;
    transform: translateX(-0.25rem);
  }

  /* Prawa część */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #FAFAFA;
    overflow: visible;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: absolute !important;
    inset: 0;

    width: 100% !important;
    height: 100% !important;
    min-height: 100%;

    margin: 0 !important;
    padding: 1.25rem clamp(2rem, 4.5vw, 6rem) !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center;
    align-items: center;
    justify-content: flex-start;

    column-gap: 1.25rem;
    row-gap: 1rem;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;

    transition: opacity 0.16s ease, visibility 0s linear 0.16s;
  }

  /* Stan domyślny: Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-panel-produkty {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies .header-dropdown-portfolio-panel-case-studies {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source .header-dropdown-portfolio-panel-open-source {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 3;
    transition-delay: 0s;
  }

  /* Produkty */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    gap: 2rem;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image {
    width: auto !important;
    max-width: 10rem !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 10rem !important;
    height: 7.25rem !important;

    display: block;
    object-fit: contain;
    object-position: center center;
  }

  /* Buttony */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button {
    width: auto !important;
    max-width: max-content !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: auto !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    width: auto !important;
    min-height: 3.25rem;

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

    padding: 0.5rem 1rem;
    border: 0.25rem solid #000000;
    border-radius: 0.5rem;

    background: #F9A928;
    color: #000000;

    font-family: "Manrope", sans-serif;
    font-size: clamp(1.15rem, 1.35vw, 1.6rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    text-transform: none;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button:hover {
    background: #F9A928;
    color: #000000;
    transform: scale(1.04);
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.18);
  }

  /* Aktywna pozycja */

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-produkty
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0:not(.is-case-studies):not(.is-open-source)
  .header-dropdown-portfolio-trigger-produkty .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-case-studies
  .header-dropdown-portfolio-trigger-case-studies .elementor-heading-title {
    color: #F9A928;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source p,
  .elementor-28 .elementor-element.elementor-element-6da0ca0.is-open-source
  .header-dropdown-portfolio-trigger-open-source .elementor-heading-title {
    color: #F9A928;
  }
}

/* Przycisk „Przejdź do portfolio” domyślnie ukryty */

.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
  display: none !important;
}

/* =========================================================
   TABLET + TELEFON
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 * {
    box-sizing: border-box !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 28px 32px !important;

    background: #1D1E20 !important;
    overflow: visible !important;
  }

  /* Desktopowa nawigacja nie występuje w mobilce */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-sidebar {
    display: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    position: static !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

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

    background: transparent !important;
    overflow: visible !important;
  }

  /* Przycisk pełnego portfolio */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    order: 0;

    display: block !important;
    width: max-content !important;
    margin: 0 0 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }

  /* Wszystkie trzy sekcje są stale widoczne */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    gap: 10px !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: auto !important;
    transition: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    order: 1;

    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    order: 2;
    margin-top: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    order: 3;
    margin-top: 32px !important;
  }

  /* Nagłówki sekcji */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    content: "Produkty";
    grid-column: 1 / -1 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before {
    content: "Case Studies";
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    content: "Open Source";
  }

  /* Obrazki produktów */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image .elementor-widget-container {
    width: auto !important;
    max-width: none !important;

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

    justify-self: start !important;
    align-self: start !important;
    line-height: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    width: auto !important;
    max-width: 104px !important;
    height: 74px !important;

    display: block !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* Przyciski Case Studies i Open Source */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button-wrapper {
    width: max-content !important;
    max-width: 100% !important;

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

    justify-self: start !important;
    align-self: start !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
    text-align: center !important;
    text-transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 {
    padding: 0 24px 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all {
    margin-bottom: 18px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 28px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-image img {
    max-width: 86px !important;
    height: 62px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-all .elementor-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-button .elementor-button {
    min-height: 24px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* =========================================================
   KOREKTA NAGŁÓWKÓW PORTFOLIO — MOBILE + TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  /* Wszystkie grupy w zwykłym układzie dokumentu */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    position: static !important;
    inset: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: grid !important;
    grid-auto-flow: row !important;

    align-content: start !important;
    align-items: start !important;
    justify-items: start !important;

    padding: 0 !important;
    transform: none !important;
  }

  /* Produkty: dwa obrazki obok siebie */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    grid-template-columns: repeat(2, max-content) !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
  }

  /* Pozostałe sekcje: jedna kolumna */
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  /* Pseudo-nagłówek jako pierwszy element danej siatki */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    position: static !important;
    inset: auto !important;

    display: block !important;

    width: 100% !important;
    min-height: 20px !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 22px !important;

    transform: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before {
    grid-column: 1 / -1 !important;
  }

  /* Reset pozycjonowania bezpośrednich widgetów Elementor */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .elementor-element,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty > .header-dropdown-portfolio-image,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies > .header-dropdown-portfolio-button,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source > .header-dropdown-portfolio-button {
    position: static !important;
    inset: auto !important;

    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;

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

    align-self: start !important;
    justify-self: start !important;

    transform: none !important;
  }

  /* Druga i trzecia grupa niżej */

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
    margin-top: 30px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies::before,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source::before {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-produkty {
    column-gap: 12px !important;
    row-gap: 10px !important;
  }

  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies,
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-open-source {
    margin-top: 26px !important;
  }
}


/* CTA „Przejdź do portfolio” tworzone przez JavaScript */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    order: 0 !important;

    width: max-content !important;
    min-height: 28px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 14px 0 22px !important;
    padding: 4px 8px !important;

    border: 2px solid #000000 !important;
    border-radius: 2px !important;

    background: #F9A928 !important;
    color: #000000 !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-6da0ca0 .mobile-portfolio-cta {
    min-height: 24px !important;
    margin: 12px 0 18px !important;
    padding: 3px 6px !important;

    font-size: 12px !important;
    line-height: 15px !important;
  }
}

/* Ukrycie tymczasowe sekcji "Case studies" Przywrócić jak już będzie git*/
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-trigger-case-studies,
.elementor-28 .elementor-element.elementor-element-6da0ca0 .header-dropdown-portfolio-panel-case-studies {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-9f37381 *//* =========================================================
   DESKTOPOWE MEGA MENU
   ========================================================= */

@media (min-width: 1025px) {
  .elementor-28 .elementor-element.elementor-element-9f37381,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-wrapper {
    overflow: visible;
  }

  /* Usługi + Portfolio: dropdown na szerokość viewportu */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-content:has(.header-dropdown-uslugi),
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-content:has(.header-dropdown-portfolio) {
    position: fixed !important;
    top: 142px !important;
    left: 0 !important;
    right: auto !important;

    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;

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

    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.18) !important;

    overflow: visible !important;
    z-index: 9999 !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-content:has(.header-dropdown-uslugi) > *,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-content:has(.header-dropdown-portfolio) > * {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;

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

/* =========================================================
   MOBILNE MENU ELEMENTORA
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-9f37381,
  .elementor-28 .elementor-element.elementor-element-9f37381 .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu {
    width: 40px !important;
    height: 40px !important;
  }

  /* Menu ma pozycjonować się względem header-main */

  .elementor-28 .elementor-element.elementor-element-9f37381,
  .elementor-28 .elementor-element.elementor-element-9f37381 .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu {
    position: static !important;
    overflow: visible !important;
  }

  /* Burger / X */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

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

    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #000000 !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-toggle svg {
    width: 32px !important;
    height: 32px !important;
    fill: currentColor !important;
  }

  /* Główny panel rozwijany spod headera */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-wrapper {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - var(--header-mobile-height)) !important;

    display: none !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #fafafa !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.14) !important;

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

    transform: none !important;
    z-index: 9999 !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu:has(.e-n-menu-toggle[aria-expanded="true"])
  .e-n-menu-wrapper {
    display: block !important;
  }

  /* Lista główna */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-heading {
    width: 100% !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title {
    width: 100% !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #fafafa !important;
    border-bottom: 1px solid #ececec !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container {
    width: 100% !important;
    min-height: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 !important;
    padding: 0 28px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: #fafafa !important;

    color: #000000 !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container .e-n-menu-title-text {
    color: inherit !important;
    font: inherit !important;
  }

  /* Ukrywamy oryginalne ikonki Elementora */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title .e-n-menu-title-icon,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title .e-n-menu-title-icon svg,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title .e-n-menu-title-icon i {
    display: none !important;
  }

  /* =======================================================
     WŁASNE STRZAŁKI
     Tylko:
     1. Usługi
     3. Portfolio
     ======================================================= */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(1)
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(3)
  > .e-n-menu-title-container::after {
    content: "" !important;

    width: 8px !important;
    height: 8px !important;

    display: block !important;
    flex: 0 0 auto !important;

    margin-left: 18px !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: rotate(45deg) translateY(-3px) !important;
    transition: transform 0.2s ease !important;
  }

  /* Stan otwarty — tylko Usługi i Portfolio */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(1):has([aria-expanded="true"])
  > .e-n-menu-title-container,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(3):has([aria-expanded="true"])
  > .e-n-menu-title-container,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(1)
  > .e-n-menu-title-container[aria-expanded="true"],

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(3)
  > .e-n-menu-title-container[aria-expanded="true"] {
    color: #f9a928 !important;
    box-shadow: inset 0 -2px 0 #f9a928 !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(1):has([aria-expanded="true"])
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(3):has([aria-expanded="true"])
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(1)
  > .e-n-menu-title-container[aria-expanded="true"]::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:nth-of-type(3)
  > .e-n-menu-title-container[aria-expanded="true"]::after {
    transform: rotate(225deg) translateY(-1px) !important;
  }

  /* Dropdown ma docelowo działać w normalnym układzie.
     W kolejnym kroku ostylujemy jego czarne wnętrze. */

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-content {
    position: static !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

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

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-9f37381,
  .elementor-28 .elementor-element.elementor-element-9f37381 .elementor-widget-container,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-toggle {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-toggle svg {
    width: 30px !important;
    height: 30px !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container {
    min-height: 56px !important;
    padding: 0 24px !important;

    font-size: 15px !important;
    line-height: 20px !important;
  }
}

@media (max-width: 1024px) {

  /* Kasuje strzałki dodane przez poprzednie reguły */
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container::after,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has([aria-expanded])
  > .e-n-menu-title-container::after,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container[aria-expanded]::after {
    content: none !important;
    display: none !important;
  }

  /* Kasuje oryginalne SVG Elementora */
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container svg,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container .e-n-menu-title-icon,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container .e-n-menu-title-icon *,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container [class*="indicator"] {
    display: none !important;
  }

  /* Strzałka: Usługi */
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-item:has(.header-dropdown-uslugi)
  .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(.header-dropdown-uslugi)
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(+ .e-n-menu-content .header-dropdown-uslugi)
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(~ .e-n-menu-content .header-dropdown-uslugi)
  > .e-n-menu-title-container::after,

  /* Strzałka: Portfolio */
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-item:has(.header-dropdown-portfolio)
  .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(.header-dropdown-portfolio)
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(+ .e-n-menu-content .header-dropdown-portfolio)
  > .e-n-menu-title-container::after,

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title:has(~ .e-n-menu-content .header-dropdown-portfolio)
  > .e-n-menu-title-container::after {
    content: "" !important;

    width: 8px !important;
    height: 8px !important;

    display: block !important;
    flex: 0 0 auto !important;

    margin-left: 18px !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: rotate(45deg) translateY(-3px) !important;
  }
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-dropdown-icon,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-dropdown-icon-opened,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-dropdown-icon-closed,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-title-container::after,
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-title-container::before {
    display: none !important;
    content: none !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title.is-mobile-link-only .e-n-menu-title-container {
    cursor: pointer !important;
  }
}




@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

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

    display: flex !important;
    align-items: stretch !important;

    border-bottom: 1px solid #ececec !important;
    overflow: hidden !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;
    align-items: center !important;
  }

  .elementor-28 .elementor-element.elementor-element-9f37381 .e-n-menu-title-container > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbb4ab5 */.elementor-28 .elementor-element.elementor-element-fbb4ab5 {
  width: 100%;
  max-width: 100%;
  min-height: 112px;
  padding: 24px clamp(32px, 7.2vw, 128px);
  background: #FAFAFA;
  box-shadow: 0px 8px 32px -16px rgba(0, 0, 0, 0.25);
  display: grid;
grid-template-columns: 318px minmax(0, 1fr) 153px;
  align-items: center;
  justify-content: space-between;
  column-gap: clamp(32px, 5vw, 93px);
  font-family: "Manrope", sans-serif;
  position: relative;
  z-index: 20;
  overflow: visible;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 * {
  box-sizing: border-box;
}

/* Logo */

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo {
  width: 318px;
  margin: 0;
  flex: 0 0 auto;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo img {
  width: 318px;
  max-width: 100%;
  height: 64px;
  object-fit: contain;
  object-position: left center;
  display: block;
}

/* Elementor menu widget */

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu {
  width: auto;
  margin: 0;
  flex: 0 0 auto;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .elementor-widget-container,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-wrapper,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-heading {
  gap: 28px;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-title {
  margin: 0;
  padding: 0;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-title-container,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-title-text,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu a {
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 33px;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-title-container:hover,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-title-container:hover .e-n-menu-title-text,
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu a:hover {
  color: #F9A928;
}

/* Dropdowny zostawiamy działające */
.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .e-n-menu-content {
  z-index: 999;
}

/* Contact button */

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button {
  width: 153px;
  margin: 0;
  flex: 0 0 auto;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button {
  width: 153px;
  height: 60px;
  padding: 8px 16px;
  background: #F9A928;
  border: 4px solid #000000;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button-text {
  color: #000000;
  font-family: "Manrope", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  text-transform: none;
}

.elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button:hover {
  background: #F9A928;
  color: #000000;
  transform: translateY(-1px);
}

@media (max-width: 1024px) {
  .elementor-28 .elementor-element.elementor-element-fbb4ab5 {
    --header-mobile-height: 72px;

    min-height: var(--header-mobile-height) !important;
    height: var(--header-mobile-height) !important;
    padding: 12px 28px !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-areas: "logo contact menu" !important;
    column-gap: 16px !important;

    align-items: center !important;
    overflow: visible !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo {
    grid-area: logo !important;
    width: 170px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo img {
    width: 170px !important;
    height: 36px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button {
    grid-area: contact !important;
    width: auto !important;
    margin: 0 !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button {
    width: 92px !important;
    height: 40px !important;
    min-height: 40px !important;

    padding: 5px 8px !important;
    border-width: 3px !important;
    border-radius: 4px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button-text {
    font-size: 18px !important;
    line-height: 22px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu {
    grid-area: menu !important;

    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;

    display: block !important;
    position: static !important;

    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
    overflow: visible !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .elementor-widget-container {
    width: 40px !important;
    height: 40px !important;

    display: block !important;
    position: static !important;
    overflow: visible !important;
  }
}

@media (max-width: 767px) {
  .elementor-28 .elementor-element.elementor-element-fbb4ab5 {
    --header-mobile-height: 56px;

    min-height: var(--header-mobile-height) !important;
    height: var(--header-mobile-height) !important;
    padding: 8px 16px !important;
    column-gap: 12px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo {
    width: 128px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-logo img {
    width: 128px !important;
    height: 32px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button {
    width: 70px !important;
    height: 32px !important;
    min-height: 32px !important;

    padding: 4px 7px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-contact-button .elementor-button-text {
    font-size: 15px !important;
    line-height: 20px !important;
  }

  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu,
  .elementor-28 .elementor-element.elementor-element-fbb4ab5 .header-menu .elementor-widget-container {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
}/* End custom CSS */