/* Fitchemy premium header and menu overrides
   Scope: existing three-level header and top-level 7-category menu only.
   Constraints: no markup changes, no JS changes, no submenu selector leakage. */

:root {
  --fitchemy-premium-red: #c8ff2e;
  --fitchemy-premium-black: #101010;
  --fitchemy-premium-white: #ffffff;
  --fitchemy-premium-line: #d9d9d9;
  --fitchemy-premium-line-strong: #bdbdbd;
  --fitchemy-premium-soft: #f6f6f6;
  --fitchemy-premium-nav-height: 54px;
  --fitchemy-premium-focus: 0 0 0 2px #ffffff, 0 0 0 4px #c8ff2e;
  --fitchemy-premium-drawer-width: min(340px, calc(100vw - 48px));
}

@font-face {
  font-family: "Archivo Black";
  src: url("../font/fitchemy/archivo-black-latin-ext.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans Fitchemy";
  src: url("../font/fitchemy/dm-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.SklepNaglowek,
.GorneMenu {
  font-family: "DM Sans Fitchemy", "DM Sans", Arial, sans-serif;
}

/* Shared accessibility */
.SklepNaglowek a:focus-visible,
.SklepNaglowek label:focus-visible,
.SklepNaglowek input:focus-visible,
.SklepNaglowek select:focus-visible,
.GorneMenu a:focus-visible,
.GorneMenu span:focus-visible,
.IkonyNawigacja .IkonaNaglowek:focus-visible,
.IkonyNawigacja .PozycjaIkonka:focus-visible,
#IkonaZwinieciaMenu:focus-visible {
  outline: none;
  box-shadow: var(--fitchemy-premium-focus);
  border-radius: 8px;
}

/* Header compression and utility cleanup */
.NaglowekTop {
  border-bottom: 1px solid #ececec;
}

.NaglowekTop .SzybkieLinkiBrak {
  display: none;
}

.NaglowekTop .Strona {
  min-height: 32px;
}

.NaglowekDaneKontaktowe,
.NaglowekZmianaJezykaWaluty {
  min-height: 32px;
  gap: 12px;
}

.NaglowekDaneKontaktowe div,
.NaglowekZmianaJezykaWaluty > div {
  margin-right: 0;
}

.NaglowekDaneKontaktowe a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
}

.NaglowekDaneKontaktowe .LinkTelefonNaglowek,
.NaglowekDaneKontaktowe .LinkMailNaglowek {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 27px;
  background-size: 20px 20px;
}

.LogoSzukanieIkony {
  border-bottom: 1px solid #efefef;
}

.Wyszukiwanie .KontenterWyszukiwania {
  position: relative;
}

.RamkaSzukania {
  height: 46px;
  border: 1px solid var(--fitchemy-premium-line);
  border-radius: 999px;
  background: var(--fitchemy-premium-white);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.RamkaSzukania:focus-within {
  border-color: var(--fitchemy-premium-black);
  box-shadow: 0 0 0 3px rgba(215, 25, 32, 0.12);
}

#InSzukaj {
  height: 46px;
  width: calc(100% - 48px);
  box-sizing: border-box;
  color: var(--fitchemy-premium-black);
  font-size: 15px;
  padding: 0 16px;
  background: transparent;
}

#ButSzukaj {
  width: 34px;
  height: 34px;
  margin: 5px 6px 0 0;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}

#ButSzukaj:hover,
#ButSzukaj:focus-visible {
  background-color: #f1f1f1;
}

.Wyszukiwanie .WyszukiwanieZaawansowane {
  margin: 8px 0 0 14px;
  font-size: 12px;
  color: #4a4a4a;
}

.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek,
.IkonyNawigacja .IkonaNawigacjiMenu label,
.IkonyNawigacja .IkonaNawigacjiMenu .PozycjaIkonka {
  border-radius: 999px;
}

.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek,
.IkonyNawigacja .IkonaNawigacjiMenu label {
  min-height: 46px;
}

.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek,
.IkonyNawigacja .IkonaNawigacjiMenu label,
.IkonyNawigacja .IkonaNawigacjiMenu a.IkonaNaglowek {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek:hover,
.IkonyNawigacja .IkonaNawigacjiMenu label:hover,
.IkonyNawigacja .IkonaNawigacjiMenu a.IkonaNaglowek:hover {
  background: #f3f3f3;
}

.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek span.PozycjaIlosc {
  top: 2px;
  left: calc(50% + 3px);
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 11px;
  background: var(--fitchemy-premium-red);
  color: var(--fitchemy-premium-black);
}

.IkonyNawigacja .PozycjaStrzalka {
  background-position: right 1px center;
  padding-right: 18px;
}

.LogowanieNaglowek .PozycjeLogowanie,
.KoszykRozwijany,
.SchowekRozwijany,
.PorownywanieRozwijane {
  border-radius: 16px;
}

/* Desktop premium layout */
@media only screen and (min-width: 1024px) {
  .NaglowekTop .Strona {
    width: min(1200px, calc(100% - 32px)) !important;
  }

  .LogoSzukanieIkony {
    padding: 12px 0;
  }

  .LogoSzukanieIkony .Strona {
    width: min(1200px, calc(100% - 32px)) !important;
    gap: 20px;
    align-items: center;
  }

  #LinkLogo {
    width: 19%;
    display: flex;
    align-items: center;
  }

  #LinkLogo img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: 84px;
  }

  .Wyszukiwanie {
    width: calc(34% - 20px);
    padding: 0;
  }

  .Wyszukiwanie .WyszukiwanieZaawansowane {
    display: none;
  }

  .IkonyNawigacja {
    max-width: 47%;
    gap: 8px;
    align-items: center;
  }

  .IkonyNawigacja div.IkonaNawigacjiMenu {
    margin-left: 0;
  }

  .LogowanieNaglowek span.PozycjaIkonka,
  .SchowekNaglowek span.PozycjaIkonka,
  .KoszykNaglowek span.PozycjaIkonka,
  .PorownanieNaglowek span.PozycjaIkonka {
    background-position: left center;
    background-size: 26px 26px;
    min-height: 26px;
    padding: 0 0 0 34px;
  }

  .IkonyNawigacja .PozycjaOpisIkony {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: var(--fitchemy-premium-black);
  }

  .MenuNaglowek,
  .SzukajNaglowek {
    display: none;
  }

  .GorneMenuKontener {
    margin-bottom: 6px;
  }

  .GorneMenuTlo {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background: var(--fitchemy-premium-white);
  }

  .GorneMenuTlo .Strona {
    width: min(1240px, calc(100% - 32px)) !important;
  }

  ul.GlowneGorneMenu {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: stretch;
    justify-content: stretch;
    gap: 0;
  }

  ul.GlowneGorneMenu > li {
    min-width: 0;
    border-left: 1px solid #f1f1f1;
  }

  ul.GlowneGorneMenu > li:last-child {
    border-right: 1px solid #f1f1f1;
  }

  ul.GlowneGorneMenu > li > div > a,
  ul.GlowneGorneMenu > li > div > span {
    min-height: var(--fitchemy-premium-nav-height);
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
    color: var(--fitchemy-premium-black);
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    background: transparent;
    transition:
      color 0.2s ease,
      background-color 0.2s ease,
      box-shadow 0.2s ease;
  }

  ul.GlowneGorneMenu > li:hover > div > a,
  ul.GlowneGorneMenu > li:hover > div > span,
  ul.GlowneGorneMenu > li.AktywnaPozycjaMenu > div > a,
  ul.GlowneGorneMenu > li.AktywnaPozycjaMenu > div > span {
    color: var(--fitchemy-premium-black);
    background: #fafafa;
    box-shadow: inset 0 -3px 0 var(--fitchemy-premium-red);
  }

  ul.GlowneGorneMenu > li > div > a i,
  ul.GlowneGorneMenu > li > div > span i {
    display: none;
  }

  ul.GlowneGorneMenu > li > div > a::before,
  ul.GlowneGorneMenu > li > div > span::before {
    content: "";
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }

  ul.GlowneGorneMenu > li:nth-child(1) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(1) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/sparkles.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/sparkles.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(2) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(2) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/dumbbell.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/dumbbell.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(3) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(3) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/stretch-horizontal.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/stretch-horizontal.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(4) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(4) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/person-standing.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/person-standing.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(5) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(5) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/timer.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/timer.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(6) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(6) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/biceps-flexed.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/biceps-flexed.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(7) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(7) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/layout-grid.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/layout-grid.svg");
  }

  .PozycjaRozwijanaMenu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .PozycjaRozwijanaMenu b {
    display: inline-flex;
    align-items: center;
    padding-right: 16px;
  }

  .PozycjaRozwijanaMenu b::before {
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
  }

  ul.GlowneGorneMenu li ul.MenuRozwijaneKolumny {
    margin-top: 0;
  }

  ul.MenuRozwijaneKolumny,
  ul.MenuNormalne li ol {
    border-radius: 18px;
    border-color: var(--fitchemy-premium-line);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.08);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  ul.GlowneGorneMenu > li > div > a,
  ul.GlowneGorneMenu > li > div > span {
    gap: 6px;
    font-size: 12px;
  }

  ul.GlowneGorneMenu > li > div > a::before,
  ul.GlowneGorneMenu > li > div > span::before {
    flex-basis: 16px;
    width: 16px;
    height: 16px;
  }
}

/* Tablet and mobile utility/header spacing */
@media only screen and (max-width: 1023px) {
  .NaglowekTop .Strona {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .NaglowekDaneKontaktowe,
  .NaglowekZmianaJezykaWaluty {
    justify-content: center;
  }

  .LogoSzukanieIkony {
    padding: 8px 0 10px;
  }

  .LogoSzukanieIkony .Strona {
    row-gap: 6px;
  }

  #LinkLogo {
    padding: 2px 0 6px;
  }

  .IkonyNawigacja {
    align-items: center;
    gap: 6px;
    margin: 4px 0 0;
  }

  .IkonyNawigacja div.IkonaNawigacjiMenu {
    margin: 0;
    width: auto;
    height: auto;
  }

  .IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek,
  .IkonyNawigacja .IkonaNawigacjiMenu label,
  .IkonyNawigacja .IkonaNawigacjiMenu a.IkonaNaglowek {
    min-width: 46px;
    min-height: 46px;
    padding: 0 8px;
  }

  .MenuNaglowek span.PozycjaIkonka {
    background-color: #f4f4f4;
    box-shadow: inset 0 0 0 1px #dedede;
  }

  .MenuNaglowek span.PozycjaIkonka::before {
    filter: none;
  }

  .Wyszukiwanie {
    margin-top: 6px;
  }

  .Wyszukiwanie .KontenterWyszukiwania {
    padding-bottom: 8px;
  }

  .Wyszukiwanie .WyszukiwanieZaawansowane {
    margin-left: 10px;
  }

  #PorownanieNaglowek {
    bottom: 20px;
    left: 12px;
    border-radius: 999px;
    padding: 8px 10px;
  }
}

/* Mobile drawer: preserve checkbox behavior, improve framing and row rhythm */
@media only screen and (max-width: 1023px) {
  .GorneMenuTlo {
    width: var(--fitchemy-premium-drawer-width);
    border-right: 1px solid var(--fitchemy-premium-line);
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.18);
  }

  .GorneMenuTlo .Strona {
    background: var(--fitchemy-premium-white);
  }

  .GorneMenu {
    padding-top: 72px;
    scrollbar-width: thin;
    scrollbar-color: #bfbfbf #f3f3f3;
  }

  .GorneMenu::before {
    content: "Kategorie";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 64px;
    display: flex;
    align-items: center;
    padding: 0 18px;
    border-bottom: 1px solid var(--fitchemy-premium-line);
    background: var(--fitchemy-premium-white);
    color: var(--fitchemy-premium-black);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 2;
  }

  #IkonaZwinieciaMenu {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background-size: 22px 22px;
    background-color: #f3f3f3;
    z-index: 3;
  }

  ul.GlowneGorneMenu {
    padding: 0 14px 18px;
  }

  ul.GlowneGorneMenu > li {
    border-bottom: 1px solid #ececec;
  }

  ul.GlowneGorneMenu > li > div > a,
  ul.GlowneGorneMenu > li > div > span {
    min-height: 54px;
    padding: 0 44px 0 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--fitchemy-premium-black);
  }

  ul.GlowneGorneMenu > li > div > a:hover,
  ul.GlowneGorneMenu > li > div > span:hover {
    color: var(--fitchemy-premium-black);
    background: transparent;
  }

  ul.GlowneGorneMenu > li > ul {
    border-top: 1px solid #efefef;
  }

  ul.GlowneGorneMenu > li > div > a i,
  ul.GlowneGorneMenu > li > div > span i {
    display: none;
  }

  ul.GlowneGorneMenu > li > div > a::before,
  ul.GlowneGorneMenu > li > div > span::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
  }

  ul.GlowneGorneMenu > li:nth-child(1) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(1) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/sparkles.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/sparkles.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(2) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(2) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/dumbbell.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/dumbbell.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(3) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(3) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/stretch-horizontal.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/stretch-horizontal.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(4) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(4) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/person-standing.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/person-standing.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(5) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(5) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/timer.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/timer.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(6) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(6) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/biceps-flexed.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/biceps-flexed.svg");
  }

  ul.GlowneGorneMenu > li:nth-child(7) > div > a::before,
  ul.GlowneGorneMenu > li:nth-child(7) > div > span::before {
    -webkit-mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/layout-grid.svg");
    mask-image: url("/szablony/standardowy.rwd.v2/obrazki/menu-premium/layout-grid.svg");
  }

  .GorneMenu .PozycjaRozwijanaMenu {
    margin-right: 42px;
  }

  .IkonaSubMenu {
    width: 36px;
    height: 36px;
    right: 0;
    background-position: center;
    background-size: 24px 24px;
  }
}

/* Small mobile comfort tuning */
@media only screen and (max-width: 479px) {
  .NaglowekTop > .Strona:not(.SzybkieLinki) {
    width: calc(100% - 20px) !important;
    min-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  .NaglowekDaneKontaktowe,
  .NaglowekZmianaJezykaWaluty {
    width: auto;
    min-height: 40px;
    flex-wrap: nowrap;
    padding: 0;
    gap: 6px;
  }

  .NaglowekDaneKontaktowe div {
    width: auto;
    margin: 0;
  }

  .NaglowekDaneKontaktowe .LinkMailNaglowek {
    display: none;
  }

  .NaglowekDaneKontaktowe .LinkTelefonNaglowek {
    min-height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 24px;
    background-size: 18px 18px;
    font-size: 13px;
  }

  .NaglowekZmianaJezykaWaluty .ZmianaWaluty {
    margin-left: 4px;
  }

  .NaglowekZmianaJezykaWaluty select {
    max-width: 112px;
    font-size: 12px;
  }

  .NaglowekTop .Strona {
    padding-left: 10px;
    padding-right: 10px;
  }

  .LogoSzukanieIkony .Strona {
    width: calc(100% - 20px) !important;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
  }

  #LinkLogo {
    grid-column: 1;
    width: 80px;
    padding: 4px 0;
    text-align: left;
  }

  #LinkLogo img {
    width: auto !important;
    height: auto !important;
    max-width: 76px;
    max-height: 76px;
  }

  .IkonyNawigacja {
    grid-column: 2;
    width: 100%;
    max-width: none;
    justify-content: flex-end;
    gap: 2px;
  }

  .IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek,
  .IkonyNawigacja .IkonaNawigacjiMenu label,
  .IkonyNawigacja .IkonaNawigacjiMenu a.IkonaNaglowek {
    box-sizing: border-box;
    width: 44px !important;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
  }

  span.PozycjaIkonka {
    width: 32px;
    height: 32px;
  }

  .RamkaSzukania,
  #InSzukaj {
    height: 44px;
  }

  .Wyszukiwanie {
    grid-column: 1 / -1;
    width: 100%;
  }

  .GorneMenu {
    padding-top: 68px;
  }

  .GorneMenu::before {
    height: 60px;
    padding: 0 14px;
    font-size: 14px;
  }

  #IkonaZwinieciaMenu {
    top: 10px;
    right: 10px;
  }

  ul.GlowneGorneMenu {
    padding-left: 12px;
    padding-right: 12px;
  }

  ul.GlowneGorneMenu > li > div > a,
  ul.GlowneGorneMenu > li > div > span {
    min-height: 52px;
    font-size: 14px;
    gap: 10px;
  }
}

/* FITCHEMY Priority 2: semantic icons with the Krąg Przemiany motif */
ul.GlowneGorneMenu > li > div > a::before,
ul.GlowneGorneMenu > li > div > span::before {
  flex-basis: 24px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

ul.GlowneGorneMenu > li:nth-child(1) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(1) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-nowosci.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(2) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(2) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-hantle-obciazniki.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(3) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(3) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-gumy-tasmy.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(4) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(4) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-maty-joga.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(5) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(5) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-skakanki-cardio.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(6) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(6) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-akcesoria-treningowe.svg?v=20260812-p12-1");
}

ul.GlowneGorneMenu > li:nth-child(7) > div > a::before,
ul.GlowneGorneMenu > li:nth-child(7) > div > span::before {
  background-image: url("/images/fitchemy/icons/menu-inne-akcesoria.svg?v=20260812-p12-1");
}

@media only screen and (min-width: 1024px) {
  ul.GlowneGorneMenu > li:hover > div > a,
  ul.GlowneGorneMenu > li:hover > div > span,
  ul.GlowneGorneMenu > li.AktywnaPozycjaMenu > div > a,
  ul.GlowneGorneMenu > li.AktywnaPozycjaMenu > div > span {
    background: #f7f9f3;
  }
}

@media only screen and (max-width: 1023px) {
  .GorneMenu::before {
    font-family: "Archivo Black", "Arial Black", sans-serif;
    letter-spacing: 0;
  }

  ul.GlowneGorneMenu > li > div > a::before,
  ul.GlowneGorneMenu > li > div > span::before {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  ul.GlowneGorneMenu > li > div > a b,
  ul.GlowneGorneMenu > li > div > span b {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    padding-right: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.25;
  }
}