/* Własne style szablonu sklep62.rwd.v2.
   Arkusz jest wczytywany po stylach ShopGold. Zachowuj istniejące klasy i ID. */

/* Czarne tło i rozświetlenia RGB widoczne przez przyciemnione szkło. */
:root {
  --kolor-szablonu: #ffe000;
  --kolor-glowny-czcionki: #1b2d3c;
  --kolor-linkow: #173247;
  --kolor-szary-jasny: #edf3f6;
  --kolor-szary-jasny-2: #f6f9fb;
  --kolor-linia: #dce6ec;
  --kolor-tlo-modul: #ffffff;
  --kolor-czcionka-naglowek-modul: #102d40;
  --kolor-czcionka-naglowek-box: #102d40;
  --kolor-ramka-pola: #cbdbe4;
  --kolor-ramka-pola-hover: #8baabc;
  --ikonka-promocja: #ffe000;
  --bp-action-yellow: #ffe000;
  --bp-action-yellow-hover: #ffe000;
  --filtr-szablonu: invert(79%) sepia(59%) saturate(949%) hue-rotate(351deg) brightness(101%) contrast(92%);
  --bp-glass-background:
    linear-gradient(140deg, rgba(255, 255, 255, .13), transparent 38%),
    radial-gradient(ellipse 440px 270px at 0% 100%, rgba(0, 174, 255, .10), transparent 75%),
    radial-gradient(ellipse 390px 250px at 100% 0%, rgba(255, 119, 30, .09), transparent 76%),
    linear-gradient(120deg, rgba(0, 0, 0, .62), rgba(8, 8, 10, .50) 62%, rgba(0, 0, 0, .62));
}

body {
  padding-top: 16px;
  background-color: #000000 !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* Jasne podstrony muszą zachować kontrast na czarnym tle strony. */
.Strona.BialeTlo {
  background: rgba(255, 255, 255, .94);
}

/* Odstęp pod przyciskiem powrotu na podstronach. */
.StrTresc > a.przycisk.Prawy {
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  body {
    background-attachment: scroll !important;
  }
}

.OpisNaglowek {
  background: rgba(0, 0, 0, .62);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #ffffff;
}

.SklepNaglowek {
  box-shadow: 0 8px 28px rgba(10, 37, 55, 0.1);
}

.NaglowekTop {
  background: rgba(0, 0, 0, .60);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border-radius:20px 20px 0 0;
}

#TelefonIkona {
  background-image: url('../obrazki/zakladki/telefon-zolty.svg');
}

.NaglowekTop a,
.NaglowekTop a:hover {
  color: #ffffff;
}

.NaglowekTop .LinkTelefonNaglowek,
.NaglowekTop .LinkMailNaglowek {
  background-image: none;
  position: relative;
}

.NaglowekTop .LinkTelefonNaglowek::before,
.NaglowekTop .LinkMailNaglowek::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  background-size: 18px 18px;
  filter: brightness(0) invert(1);
}

.NaglowekTop .LinkTelefonNaglowek::before {
  background-image: url('../obrazki/szablon/telefon.svg');
}

.NaglowekTop .LinkMailNaglowek::before {
  background-image: url('../obrazki/szablon/mail.svg');
}

.NaglowekTop .PortaleSpolecznoscioweIkony li {
  filter: brightness(0) invert(1);
}

.LogoSzukanieIkony {
  background: rgba(0, 0, 0, .56);
}

.SklepNaglowek {
  margin-top: 0;
  z-index: 1000;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#LinkLogo {
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
}

#LinkLogo img {
  display: block;
  width: 100%;
  max-width: 330px !important;
  height: auto !important;
  object-fit: contain;
}

@media only screen and (min-width: 1024px) {
  #LinkLogo {
    width: 30%;
    margin-left: 0;
    flex: 0 0 30%;
  }

  .LogoSzukanieIkony .Wyszukiwanie {
    width: calc(42% - 30px);
    padding: 0 15px;
  }

  .LogoSzukanieIkony .IkonyNawigacja {
    max-width: 28%;
  }
}

@media only screen and (max-width: 1023px) {
  /* Rozmycie nagłówka wiąże mobilne elementy fixed z jego pozycją podczas przewijania. */
  .SklepNaglowek {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  /* Otwarty panel filtrów musi przykrywać także nagłówek sklepu. */
  .Listing .ListingFiltry .FiltryMobilneCheckbox:checked ~ .FiltryKontenter {
    z-index: 1100;
  }

  /* Treść podstron i okruszki zachowują odstęp od krawędzi na telefonach. */
  .Strona.BialeTlo > .KolumnyKontener {
    padding-bottom: 20px;
  }

  .Strona.BialeTlo > .KolumnyKontener > #SrodekKolumna {
    box-sizing: border-box;
    padding-inline: clamp(16px, 3vw, 24px);
  }

  .Strona.BialeTlo > .KolumnyKontener > #SrodekKolumna > :last-child {
    margin-bottom: 0;
  }

  #Nawigacja {
    box-sizing: border-box;
    overflow-x: auto;
  }

  #LinkLogo img {
    max-width: 240px !important;
    margin-right: auto;
    margin-left: auto;
  }
}

.IkonyNawigacja .PozycjaOpisIkony {
  color: #ffffff;
}

.LogowanieNaglowek span.PozycjaIkonka,
.SchowekNaglowek span.PozycjaIkonka,
.KoszykNaglowek span.PozycjaIkonka,
.PorownanieNaglowek span.PozycjaIkonka,
.SzukajNaglowek span.PozycjaIkonka {
  filter: brightness(0) invert(1);
}

@media only screen and (max-width: 1023px) {
  /* Mobilna porównywarka ma jasne tło, więc używa ciemnego koloru źródłowego SVG. */
  #PorownanieNaglowek span.PozycjaIkonka {
    filter: none;
  }
}

.RamkaSzukania {
  height: 48px;
  background: #ffffff;
  border-color: #ffffff;
  border-radius: 26px;
  overflow: hidden;
}

#InSzukaj {
  height: 48px;
  width: calc(100% - 60px);
  padding: 0 16px;
  box-sizing: border-box;
  color: #173247;
  -webkit-text-fill-color: #173247;
  border-radius: 26px 0 0 26px;
}

#ButSzukaj {
  width: 58px;
  height: 48px;
  padding: 12px 17px;
  box-sizing: border-box;
  background: var(--bp-action-yellow);
  border-radius: 0 26px 26px 0;
}

/* Nagłówek bez zaokrąglonych narożników. */
.SklepNaglowek,
.OpisNaglowek,
.LogoSzukanieIkony,
.GorneMenuKontener,
.GorneMenuTlo {
  border-radius: 0;
}

.GorneMenu ul.MenuRozwijaneKolumny,
.GorneMenu ul.MenuNormalne li ol {
  border-radius: 0;
}

@media only screen and (max-width: 1023px) {
  .GorneMenuTlo .GlowneGorneMenu > li > div::after { display: none; }
}

.RamkaSzukania:focus-within {
  border-color: var(--bp-action-yellow);
  box-shadow: 0 0 0 3px rgba(244, 197, 66, 0.18);
}

@media only screen and (min-width: 1024px) {
  .GorneMenuTlo {
    background: rgba(0, 0, 0, .60);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom-color: rgba(255, 255, 255, .16);
  }

  .GorneMenuTlo .GlowneGorneMenu {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .GorneMenuTlo .GlowneGorneMenu > li {
    flex: 1 1 auto;
    min-width: 0;
  }

  .GorneMenuTlo .GlowneGorneMenu > li > div {
    position: relative;
    justify-content: center;
  }

  .GorneMenuTlo .GlowneGorneMenu > li > div::after {
    position: absolute;
    right: 0;
    background: rgba(255, 255, 255, 0.35);
  }

  .GorneMenu .PozycjaRozwijanaMenu {
    margin-right: 0;
  }

  .GorneMenu .IkonaSubMenu {
    width: 18px;
    height: 20px;
    background-size: 12px 12px;
  }

  .GorneMenuTlo .GlowneGorneMenu > li > div > a,
  .GorneMenuTlo .GlowneGorneMenu > li > div > span {
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    padding: 9px 8px;
    font-size: clamp(11px, 0.9vw, 12px);
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    letter-spacing: 0;
  }

  .GorneMenuTlo .PozycjaRozwijanaMenu b {
    padding-right: 16px;
  }

  .GorneMenuTlo .PozycjaRozwijanaMenu b::before {
    width: 7px;
    height: 7px;
    top: calc(50% - 6px);
    right: 2px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background: none;
    transform: rotate(45deg);
  }

  .GorneMenuTlo .GlowneGorneMenu > li > div > a,
  .GorneMenuTlo .GlowneGorneMenu > li > div > span {
    color: #ffffff;
  }

  .GorneMenuTlo .GlowneGorneMenu > li:hover > div > a,
  .GorneMenuTlo .GlowneGorneMenu > li:hover > div > span {
    color: var(--bp-action-yellow);
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .GorneMenuTlo .GlowneGorneMenu > li {
    flex: 1 1 auto;
  }

  .GorneMenuTlo .GlowneGorneMenu > li > div > a,
  .GorneMenuTlo .GlowneGorneMenu > li > div > span {
    box-sizing: border-box;
    justify-content: center;
    min-height: 58px;
    text-align: center;
    white-space: normal;
    line-height: 1.15;
  }
}

.przycisk,
.cmxform .przycisk,
.przyciskCookie,
.DoKoszyka {
  color: #102a3c;
  font-weight: 700;
}

.DoKoszyka {
  background-color: var(--bp-action-yellow);
  color: #101010;
}

.przycisk:hover,
.przycisk:focus,
.przyciskCookie:hover,
.przyciskCookie:focus {
  background: #102f43;
  color: #ffffff;
}

.DoKoszyka:hover {
  background: var(--bp-action-yellow-hover);
  color: #101010;
}

/* Wspólne pola formularzy ShopGold na wszystkich stronach. */
.cmxform input[type="text"],
.cmxform input[type="email"],
.cmxform input[type="tel"],
.cmxform input[type="password"],
.cmxform input[type="number"],
.cmxform select,
.cmxform textarea {
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #cbd9e2;
  border-radius: 9px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(16, 45, 64, .06);
  color: #173247;
  font: inherit;
}
.cmxform textarea { min-height: 150px; resize: vertical; }
.cmxform input[type="text"]:focus,
.cmxform input[type="email"]:focus,
.cmxform input[type="tel"]:focus,
.cmxform input[type="password"]:focus,
.cmxform input[type="number"]:focus,
.cmxform select:focus,
.cmxform textarea:focus {
  border-color: #d2b600;
  outline: 3px solid rgba(255, 224, 0, .28);
  box-shadow: 0 3px 12px rgba(16, 45, 64, .08);
}
.cmxform label.formSpan { color: #173247; font-weight: 700; }

/* Układ dotyczy wszystkich formularzy tworzonych w panelu Wygląd → Formularze. */
#SrodekKolumna .TrescPolaFormularza {
  box-sizing: border-box;
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid #dce6ec;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(10, 37, 55, .07);
}
#SrodekKolumna #formularzKlienta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
}
#SrodekKolumna #formularzKlienta > p { min-width: 0; margin: 0; }
#SrodekKolumna #formularzKlienta > p > span { display: block; margin-bottom: 8px; }
#SrodekKolumna #formularzKlienta > p > input[type="text"],
#SrodekKolumna #formularzKlienta > p > input[type="email"],
#SrodekKolumna #formularzKlienta > p > input[type="tel"],
#SrodekKolumna #formularzKlienta > p > textarea { width: 100% !important; }
#SrodekKolumna #formularzKlienta > p:has(textarea),
#SrodekKolumna #formularzKlienta > p:has(input[type="submit"]),
#SrodekKolumna #formularzKlienta > div { grid-column: 1 / -1; }
#SrodekKolumna #formularzKlienta > div:has(> input[type="hidden"]),
#SrodekKolumna #formularzKlienta > .cl,
#SrodekKolumna #formularzKlienta > br { display: none; }
#SrodekKolumna #formularzKlienta > .CheckSekcja { margin-top: 0 !important; }
#SrodekKolumna #formularzKlienta > p:has(input[type="submit"]) { padding-top: 4px; }
#SrodekKolumna #formularzKlienta > p input[type="submit"] {
  min-width: 180px;
  min-height: 48px;
  margin-top: 0 !important;
  padding: 11px 24px;
  border-radius: 9px;
  font-weight: 700;
}
@media only screen and (max-width: 700px) {
  #SrodekKolumna #formularzKlienta { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  #SrodekKolumna #formularzKlienta > p,
  #SrodekKolumna #formularzKlienta > div { grid-column: 1; }
}

/* Żółte liczniki i przyciski formularzy mają ciemne, czytelne napisy. */
.IkonyNawigacja .IkonaNawigacjiMenu .IkonaNaglowek span.PozycjaIlosc,
.przyciskWylaczony,
.ModulNewsletter #submitNewsletterModul {
  color: #101010 !important;
}

/* Cena netto czytelna również w koszyku, wyszukiwarce i mniejszych modułach. */
.Cena .Netto,
.CenaPromocyjna .Netto {
  color: #102e41;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.35;
}

/* Zgody cookies: czytelna karta zamiast szerokiego paska. */
#InfoCookieTlo {
  background: rgba(7, 26, 40, .64);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#InfoCookieIntegracje {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 760px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 32px;
  border: 1px solid #dce6ec;
  border-top: 5px solid var(--bp-action-yellow);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 28px 70px rgba(6, 28, 43, .34);
}

#InfoCookieIntegracje .Strona {
  width: 100% !important;
  min-width: 0 !important;
}

#InfoCookieIntegracje .CookieTekstIntegracje {
  max-height: none;
  overflow: visible;
  color: #213b4f;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
}

#InfoCookieIntegracje .CookieTekstIntegracje a {
  color: #0d587f;
  font-weight: 700;
  text-decoration: none;
}

#InfoCookieIntegracje .CookieTekstIntegracje a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

#InfoCookieIntegracje .CookieTekstIntegracje a:focus,
#InfoCookieIntegracje .CookieTekstIntegracje a:focus-visible {
  outline: none;
  border-radius: 2px;
  background: rgba(255, 224, 0, .12);
  box-shadow: inset 0 -2px var(--bp-action-yellow);
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski > div {
  width: auto;
  min-width: 0;
  margin: 0;
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski span {
  box-sizing: border-box;
  display: flex;
  min-height: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border: 1px solid #c6d5df;
  border-radius: 8px;
  background: #f7fafc;
  color: #173247;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-transform: none;
}

#InfoCookieIntegracje #InfoAkceptIntegracje {
  border-color: var(--bp-action-yellow);
  background: var(--bp-action-yellow);
  color: #102a3c;
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski span:hover,
#InfoCookieIntegracje .CookieIntegracjePrzyciski span:focus-visible {
  border-color: #102f43;
  background: #e9f1f5;
  color: #102f43;
}

#InfoCookieIntegracje #InfoAkceptIntegracje:hover,
#InfoCookieIntegracje #InfoAkceptIntegracje:focus-visible {
  border-color: var(--bp-action-yellow);
  background: var(--bp-action-yellow);
  color: #102a3c;
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski span:focus-visible,
#CookieOknoUstawien [tabindex]:focus-visible {
  outline: 3px solid #2b88bf;
  outline-offset: 2px;
}

#CookieOknoUstawien .CookieOkno {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 620px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  border: 1px solid #dce6ec;
  border-top: 5px solid var(--bp-action-yellow);
  border-radius: 16px;
  box-shadow: 0 28px 70px rgba(6, 28, 43, .34);
}

#CookieOknoUstawien .CookieOknoKont { padding: 30px; }
#CookieOknoUstawien .NaglowekCookieOkno { color: #102f43; font-size: 21px; line-height: 1.3; }
#CookieOknoUstawien .CookiesOknoInfo,
#CookieOknoUstawien .CookieOknoUstawieniaOpis { color: #486073; font-size: 14px; line-height: 1.55; }
#CookieOknoUstawien .CookieOknoUstawienia { border-top: 1px solid #e4ebf0; }
#CookieOknoUstawien .CookieOknoUstawieniaInput { color: #173247; font-size: 16px; font-weight: 700; }
#CookieOknoUstawien .GotoweCookieOkno .przycisk { padding: 11px 24px; border-radius: 8px; }

@media only screen and (max-width: 680px) {
  #InfoCookieIntegracje { width: calc(100% - 24px); padding: 24px 20px; }
  #InfoCookieIntegracje .CookieTekstIntegracje { font-size: 15px; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski { grid-template-columns: 1fr; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski > div { width: 100%; margin: 0; }
  #CookieOknoUstawien .CookieOkno { width: calc(100% - 24px); }
  #CookieOknoUstawien .CookieOknoKont { padding: 24px 20px; }
}

.ModulNewsletter,
.BpProduktyTabs .ModulCssDodatkowy {
  border: 1px solid rgba(255, 255, 255, .22);
  background: var(--bp-glass-background) !important;
  backdrop-filter: blur(20px) saturate(1.15);
  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .15);
}

.ModulNewsletter {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(305px, 330px) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  margin: 20px 0;
  padding: 30px 38px;
  border-radius: 12px;
  color: #fff;
  text-align: left;
}

.ModulNewsletter > strong {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0;
  background: none;
  color: #fff;
  font-size: 33px;
  line-height: 1.1;
  letter-spacing: .02em;
}

.ModulNewsletter > strong::before {
  content: "";
  display: block;
  flex: 0 0 49px;
  width: 49px;
  height: 43px;
  margin: 0;
  background: var(--bp-action-yellow);
  -webkit-mask: url('../obrazki/szablon/newsletter.svg') center / contain no-repeat;
  mask: url('../obrazki/szablon/newsletter.svg') center / contain no-repeat;
}

.ModulNewsletter form > p {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px 14px;
  margin: 0;
}

.ModulNewsletter form > p > .PoleOpisNewsletterModul {
  grid-column: 1 / -1;
  color: #d8e6ed;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: 0;
}

.ModulNewsletter .PoleOpisNewsletterModul label {
  color: inherit;
}

.ModulNewsletter .PoleZgodNewsletterModul {
  display: contents;
}

.ModulNewsletter #emailNewsletterModul {
  box-sizing: border-box;
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: none;
  height: 49px;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #a5bbc8;
  border-radius: 6px;
  background: #fff;
  color: #173247;
  font-size: 15px;
}

.ModulNewsletter .PoleZgodNewsletterModul small {
  grid-column: 1;
  justify-content: flex-start;
  margin: 0;
  color: #c7d8e2;
  font-size: 12px;
  line-height: 1.35;
  text-align: left;
  opacity: 1;
}

.ModulNewsletter .PoleZgodNewsletterModul small label {
  color: inherit;
}

.ModulNewsletter .PolePrzyciskowNewsletterModul {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  gap: 8px;
  align-items: stretch;
  margin: 0;
  font-size: 0;
  white-space: nowrap;
}

.ModulNewsletter .PolePrzyciskowNewsletterModul input {
  box-sizing: border-box;
  height: 49px;
  margin: 0;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
}

.ModulNewsletter .PolePrzyciskowNewsletterModul .przyciskWylaczony {
  opacity: .8;
}

.ModulNewsletter #submitUnsubscribeNewsletterModul {
  border: 1px solid #8fb0c3;
  background: transparent;
  color: #e3eff5;
}

.ModulNewsletter #submitUnsubscribeNewsletterModul:hover,
.ModulNewsletter #submitUnsubscribeNewsletterModul:focus {
  border-color: #fff;
  background: rgba(255, 255, 255, .10);
}

@media only screen and (max-width: 900px) {
  .ModulNewsletter {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 30px;
  }
  .ModulNewsletter > strong {
    font-size: 30px;
  }
  .ModulNewsletter > strong::before {
    width: 44px;
    height: 39px;
    flex-basis: 44px;
  }
}

@media only screen and (max-width: 600px) {
  .ModulNewsletter { padding: 26px 22px; }
  .ModulNewsletter > strong { font-size: 28px; }
  .ModulNewsletter form > p { grid-template-columns: 1fr; }
  .ModulNewsletter .PolePrzyciskowNewsletterModul { grid-column: 1; grid-row: 5; }
  .ModulNewsletter .PolePrzyciskowNewsletterModul input { flex: 1; }
}

.Stopka {
  box-sizing: border-box;
  background: linear-gradient(135deg, rgba(0, 0, 0, .72), rgba(10, 10, 12, .58) 60%, rgba(0, 0, 0, .72));
  border-top: 2px solid var(--bp-action-yellow);
  border-right: 1px solid var(--bp-action-yellow);
  border-bottom: 1px solid var(--bp-action-yellow);
  border-left: 1px solid var(--bp-action-yellow);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .38);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #e6f0f5;
}

.Stopka .KolumnaStopki strong.NaglowekStopki {
  color: #ffffff;
}

.Stopka a,
.Stopka .KolumnaStopki ul.LinkiStopki li a {
  color: #d8e7ef;
}

.Stopka a:hover,
.Stopka a:focus,
.Stopka .KolumnaStopki ul.LinkiStopki li a:hover {
  color: var(--bp-action-yellow);
}

.Stopka .StopkaDolneMenu li a {
  border-color: rgba(255, 255, 255, 0.24);
}

.Stopka .KolumnaStopki ul.LinkiStopki li a {
  background-image: none;
  position: relative;
}

.Stopka .KolumnaStopki ul.LinkiStopki li a::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

@media only screen and (max-width: 1023px) {
  .Stopka .KolumnaStopki strong.NaglowekStopki {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 9 7 7 7-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

.Stopka .PortaleSpolecznoscioweIkony li,
.Stopka .KontaktStopka li.Iko::before {
  filter: brightness(0) invert(1);
}

/* Czytelniejsze kategorie i karty na stronach z listą produktów. */
.Listing .Podkategorie .PodkategoreLista > strong {
  color: #171717;
  font-size: 21px;
  font-weight: 700;
}

.Listing .Podkategorie ul.KategoriaZdjecie,
.Listing .Podkategorie ul.KategoriaBezZdjecia { gap: 8px; }

.Listing .Podkategorie ul.KategoriaZdjecie li,
.Listing .Podkategorie ul.KategoriaBezZdjecia li {
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 11px rgba(0, 0, 0, .06);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.Listing .Podkategorie ul.KategoriaZdjecie li:hover,
.Listing .Podkategorie ul.KategoriaBezZdjecia li:hover {
  border-color: var(--bp-action-yellow);
  background: #fffbea;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .11);
}

.Listing .Podkategorie ul.KategoriaZdjecie li a,
.Listing .Podkategorie ul.KategoriaBezZdjecia li a {
  color: #171717;
  font-weight: 700;
}

.Listing .Podkategorie ul.KategoriaZdjecie li a:hover,
.Listing .Podkategorie ul.KategoriaBezZdjecia li a:hover { color: #171717; }

/* Po ponownym włączeniu zdjęć w panelu zachowaj ich widoczność i proporcje. */
.Listing .Podkategorie ul.KategoriaZdjecie img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 120px;
  margin: 0 auto;
  object-fit: contain;
}

.Listing .ProduktCena .Cena,
.Listing .ProduktCena .CenaPromocyjna,
.ProduktOkno .CenaProduktu .Cena,
.ProduktOkno .CenaProduktu .CenaPromocyjna {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  column-gap: 5px;
  row-gap: 2px;
  white-space: normal;
}

.Listing .ProduktCena .Netto,
.ProduktOkno .CenaProduktu .Netto {
  order: -1;
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 2px;
  color: #102e41;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.Listing .ProduktCena .Netto small,
.ProduktOkno .CenaProduktu .Netto small { font-size: 12px; font-weight: 600; }

.Listing .ProduktCena .Brutto,
.ProduktOkno .CenaProduktu .Brutto {
  order: 1;
  color: #5c7080;
  font-size: 13px;
  font-weight: 500;
}

.Listing .ProduktCena .CenaPromocyjna:has(> .Netto) > .CenaPoprzednia,
.ProduktOkno .CenaProduktu .CenaPromocyjna:has(> .Netto) > .CenaPoprzednia {
  order: 2;
  margin-right: 0;
  color: #80909b;
  font-size: 12px;
}

.BoxNaglowek,
.BoxNaglowekKategorie {
  border-bottom: 2px solid var(--bp-action-yellow);
  color: #102d40;
  font-size: 120%;
}

.BoxKategorie li div:hover,
.BoxKategorieRozwijane li div:hover,
.BoxKategorieWysuwane li:hover {
  background: #eef5f8;
}

.BoxKategorie .Aktywna,
.BoxKategorieRozwijane .Aktywna,
.BoxKategorieWysuwane .Aktywna {
  color: #102d40;
}

.Listing .Okno,
.ProduktOkno .ElementOknoRamka {
  background: #ffffff;
  border: 1px solid #e1e9ee;
  border-radius: 10px;
  box-shadow: 0 2px 9px rgba(10, 37, 55, 0.06);
}

.Listing .Okno:hover,
.ProduktOkno .ElementOknoRamka:hover {
  box-shadow: 0 6px 18px rgba(10, 37, 55, 0.13);
}

.Listing .Okno h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.3;
  max-height: 5.2em;
  font-size: 100%;
}

.Listing .Okno .Cena,
.ProduktOkno .Cena {
  color: #102d40;
  font-weight: 700;
}

#Nawigacja .OstatniaNawigacja {
  color: #173247;
}

/* Krótki pasek informacji pod nagłówkiem. */
.BiuropartsAtuty {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--bp-action-yellow);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  background: rgba(255, 255, 255, .16);
}

/* Osobne pliki logotypów w module środkowym ShopGold. */
.BiuropartsMarki {
  background: #ffffff;
}

.BiuropartsMarkiViewport {
  width: 100%;
  background: #ffffff;
}

.BiuropartsMarkiCanvas {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  align-items: center;
  gap: clamp(2px, .6vw, 10px);
  min-width: 0;
  padding: clamp(5px, 1vw, 14px) clamp(3px, .8vw, 12px);
}

.BiuropartsMarki .BiuropartsMarkiCanvas img {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: clamp(22px, 4vw, 56px) !important;
  object-fit: contain;
}

.BiuropartsAtut {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  background: rgba(0, 0, 0, .58);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #ffffff;
}

.BiuropartsAtutIkona {
  display: block;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(79%) sepia(59%) saturate(949%) hue-rotate(351deg) brightness(101%) contrast(92%);
}

.BiuropartsAtutWysylka {
  background-image: url('../obrazki/szablon/paczka.svg');
}

.BiuropartsAtutZakupy {
  background-image: url('../obrazki/szablon/ok.svg');
}

.BiuropartsAtutPomoc {
  background-image: url('../obrazki/szablon/info.svg');
}

.BiuropartsAtut strong,
.BiuropartsAtut span:not(.BiuropartsAtutIkona) {
  display: block;
}

.BiuropartsAtut strong {
  font-size: 13px;
  line-height: 1.25;
}

.BiuropartsAtut div span {
  margin-top: 2px;
  font-size: 12px;
  color: #d8e6ed;
}

@media only screen and (max-width: 639px) {
  .BiuropartsAtut {
    flex-direction: column;
    gap: 4px;
    padding: 9px 4px;
    text-align: center;
  }

  .BiuropartsAtutIkona {
    flex-basis: 23px;
    width: 23px;
    height: 23px;
  }

  .BiuropartsAtut strong {
    font-size: 10px;
  }

  .BiuropartsAtut div span:not(.BiuropartsAtutIkona) {
    display: none;
  }
}

/* Kafle kategorii: treść jest zarządzana jako moduł środkowy ShopGold. */
.BiuropartsKategorie {
  box-sizing: border-box;
  width: 100%;
  margin: 14px auto 18px;
  padding: 0;
  background: transparent;
}

.BiuropartsKategorieLista {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.BiuropartsKategorieKarta {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 10px;
  min-width: 0;
  height: 228px;
  padding: 10px 12px 12px;
  border: 2px solid var(--bp-action-yellow);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(0, 0, 0, .73), rgba(1, 12, 18, .59));
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  color: #fff;
  text-align: left;
  text-decoration: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 8px 18px rgba(0, 0, 0, .2);
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.BiuropartsKategorieKarta:hover,
.BiuropartsKategorieKarta:focus {
  transform: translateY(-3px);
  border-color: var(--bp-action-yellow);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 14px 30px rgba(0, 0, 0, .3);
  color: #fff;
  text-decoration: none;
}

.BiuropartsKategorie .BiuropartsKategorieKarta img {
  display: block;
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  height: 164px !important;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}

/* Pionowa kserokopiarka ma większy margines w pliku niż pozostałe zdjęcia. */
.BiuropartsKategorie .BiuropartsKategorieKarta[href="czesci-do-kserokopiarek-c-125.html"] img {
  transform: scale(1.5);
}

.BiuropartsKategorieNazwa {
  display: flex;
  grid-column: 1;
  grid-row: 2;
  align-items: center;
  min-height: 38px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
}

.BiuropartsKategorieStrzalka {
  position: relative;
  display: block;
  grid-column: 2;
  grid-row: 2;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--bp-action-yellow);
  color: #111;
  font-size: 0;
  line-height: 1;
}

.BiuropartsKategorieStrzalka::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translate(-62%, -50%) rotate(45deg);
}

@media only screen and (max-width: 900px) {
  .BiuropartsKategorieLista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media only screen and (max-width: 660px) {
  .BiuropartsKategorieLista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .BiuropartsKategorieKarta { height: 204px; padding: 8px 9px 10px; }
  .BiuropartsKategorie .BiuropartsKategorieKarta img { height: 140px !important; }
  .BiuropartsKategorieNazwa { font-size: 14px; }
  .BiuropartsKategorieStrzalka { width: 32px; height: 32px; }
}

@media only screen and (max-width: 380px) {
  .BiuropartsKategorieLista { grid-template-columns: 1fr; }
  .BiuropartsKategorieKarta { height: 216px; }
  .BiuropartsKategorie .BiuropartsKategorieKarta img { height: 150px !important; }
}

/* Natywny moduł kreatora ShopGold: Bestsellery / Nowości / Promocje.
   Kolor z panelu pozostaje zapasowym tłem; efekt szkła jest w custom.css. */
.BpProduktyTabs .ZakladkiNaglowekModul {
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 22px;
}

.BpProduktyTabs .ModulCssDodatkowy {
  position: relative;
  border-radius: 12px;
}

.BpProduktyTabs .ZakladkaNaglowekModul {
  flex: 0 0 auto;
  padding: 10px 24px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 6px;
  background: rgba(0, 0, 0, .58);
  color: #f0f5f8;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  transition: background .15s ease, color .15s ease;
}

.BpProduktyTabs .ZakladkaNaglowekModul:hover,
.BpProduktyTabs .ZakladkaNaglowekModulAktywna {
  border-color: var(--bp-action-yellow);
  background: var(--bp-action-yellow);
  color: #142838;
}

.BpProduktyTabs .ZakladkiTrescModul > .BpTabPanel {
  display: none;
  height: auto;
}

.BpProduktyTabs .ZakladkiTrescModul > .BpTabPanel.ZakladkaTrescModulAktywna {
  display: block;
}

/* Kreator ShopGold może już dołączyć własny kontener zakładki. */
.BpProduktyTabs .BpTabPanel > .ZakladkaTrescModul {
  display: block;
  height: auto;
  opacity: 1;
  animation: none;
}

.BpProduktyTabs .ProduktOkno .ElementOknoRamka {
  box-sizing: border-box;
  position: relative;
  margin: 0 5px;
  padding: 14px 13px 16px;
  border: 1px solid #dce5ec;
  border-radius: 7px;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 3px 12px rgba(2, 22, 36, .1);
}

.BpProduktyTabs .ProduktOkno.slick-slide .ElementOknoRamka {
  margin: 0 5px;
  border-radius: 7px;
}

.BpProduktyTabs .ProduktOkno .Foto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 174px;
  padding: 0 0 10px;
}

.BpProduktyTabs .ProduktOkno .Foto img {
  width: 100% !important;
  height: 164px !important;
  object-fit: contain;
}

.BpProduktyTabs .ProduktOkno h3 {
  box-sizing: border-box;
  min-height: 59px;
  margin: 0;
  padding: 4px 0;
  text-align: left;
}

.BpProduktyTabs .ProduktOkno h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 15px;
  line-height: 1.45;
}

.BpProduktyTabs .ProduktOkno .CenaProduktu {
  min-height: 66px;
  text-align: left;
}

.BpProduktyTabs .ProduktOkno .Cena,
.BpProduktyTabs .ProduktOkno .CenaPromocyjna {
  justify-content: flex-start;
}

.BpProduktyTabs .ProduktOkno .Cena .Netto,
.BpProduktyTabs .ProduktOkno .CenaPromocyjna .Netto {
  font-size: 25px;
  line-height: 1.2;
}

.BpProduktyTabs .ProduktOkno .Cena .Netto small,
.BpProduktyTabs .ProduktOkno .CenaPromocyjna .Netto small {
  font-size: 13px;
  font-weight: 600;
}

.BpProduktyTabs .ProduktOkno .Cena .Brutto,
.BpProduktyTabs .ProduktOkno .CenaPromocyjna .Brutto {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

.BpProduktyTabs .ProduktOkno .Cena .Brutto small,
.BpProduktyTabs .ProduktOkno .CenaPromocyjna .Brutto small {
  font-size: 12px;
  font-weight: 500;
}

.BpProduktyTabs .ProduktOkno .CenaPoprzednia { font-size: 13px; }

.BpProduktyTabs .ProduktOkno .CenaAktualna {
  font-size: 18px;
  font-weight: 700;
}

.BpProduktyTabs .ProduktOkno .ZakupKontener {
  margin-top: auto;
  padding-top: 13px;
}

.BpProduktyTabs .ProduktOkno .SchowekKontener {
  position: absolute;
  top: 12px;
  right: 11px;
  z-index: 2;
  padding: 0;
}

.BpProduktyTabs .ProduktOkno .Schowek {
  box-sizing: border-box;
  display: block;
  width: 33px;
  height: 33px;
  padding: 0;
  border: 1px solid #e4eaf0;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-size: 19px;
  font-size: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.BpProduktyTabs .ProduktOkno .Zakup {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0;
}

.BpProduktyTabs .ProduktOkno .Zakup .InputIlosc {
  box-sizing: border-box;
  flex: 0 0 42px;
  width: 42px;
  height: 38px;
  padding: 0 3px;
  border-radius: 5px;
  text-align: center;
}

.BpProduktyTabs .ProduktOkno .Zakup em { display: none; }

.BpProduktyTabs .ProduktOkno .DoKoszyka {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 38px;
  margin: 0;
  padding: 7px 6px;
  border-radius: 5px;
  background: var(--bp-action-yellow);
  color: #101010;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.BpProduktyTabs .ProduktOkno .DoKoszyka:hover {
  background: var(--bp-action-yellow-hover);
}

.BpProduktyTabs .Informacja {
  box-sizing: border-box;
  min-height: 110px;
  padding: 35px 20px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 6px;
  background: rgba(0, 0, 0, .54);
  color: #d8e6ee;
  text-align: center;
}

.BpProduktyTabs .OpisKolumnyModulu {
  position: absolute;
  top: 26px;
  right: 18px;
  text-align: right;
}

.BpProduktyTabs .OpisKolumnyModulu p { margin: 0; }

.BpProduktyTabs .OpisKolumnyModulu a {
  color: #ffffff;
}

.BpProduktyTabs .OpisKolumnyModulu a:hover {
  color: var(--bp-action-yellow);
}

@media only screen and (max-width: 540px) {
  .BpProduktyTabs .ZakladkiNaglowekModul { flex-direction: row; gap: 3px; margin-bottom: 10px; }
  .BpProduktyTabs .ZakladkaNaglowekModul { flex: 1 1 0; padding: 9px 4px; font-size: 14px; }
  .BpProduktyTabs .OpisKolumnyModulu { position: static; margin-bottom: 12px; }
  .BpProduktyTabs .ProduktOkno .Zakup .InputIlosc { flex-basis: 36px; width: 36px; }
  .BpProduktyTabs .ProduktOkno .DoKoszyka { font-size: 12px; }
}

/* Karta produktu: proporcje galerii i czytelny panel zakupu. */
#RamkaProduktu { color: #1b2d3c; }

#RamkaProduktu #ZdjeciaProduktu,
#RamkaProduktu #InformacjeProduktu {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dce6ec;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(11, 42, 61, .07);
}

#RamkaProduktu #ZdjeciaProduktu { min-width: 0; padding: 20px; }
#RamkaProduktu #ZdjeciaProduktu .ZdjeciaKontener { max-width: 100%; width: 100% !important; }
#RamkaProduktu #ZdjeciaDuze img { max-width: 100% !important; max-height: 540px; object-fit: contain; }
#RamkaProduktu #ZdjeciaDuze .slick-prev,
#RamkaProduktu #ZdjeciaDuze .slick-next {
  top: 50%;
  z-index: 5;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border: 1px solid #e0c700;
  border-radius: 50%;
  background: #ffe000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
  transform: translateY(-50%);
}
#RamkaProduktu #ZdjeciaDuze .slick-prev { left: 10px; }
#RamkaProduktu #ZdjeciaDuze .slick-next { right: 10px; }
#RamkaProduktu #ZdjeciaDuze .slick-prev::before,
#RamkaProduktu #ZdjeciaDuze .slick-next::before {
  color: #171717 !important;
  font-size: 20px;
  line-height: 1;
}
#RamkaProduktu #ZdjeciaDuze .slick-prev:hover,
#RamkaProduktu #ZdjeciaDuze .slick-next:hover { background: #fff3a0; }
#RamkaProduktu #InformacjeProduktu { min-width: 0; padding: 26px; }
#RamkaProduktu .NazwaProducent {
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 0 18px;
}
#RamkaProduktu .NazwaProducent h1 {
  width: 100%;
  min-width: 0;
  padding-right: 0;
  font-size: clamp(22px, 1.65vw, 26px);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
#RamkaProduktu .NazwaProducent .Producent {
  margin: 10px 0 0;
  text-align: left;
}
#RamkaProduktu + #GlowneLinkiProduktu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
}
#RamkaProduktu + #GlowneLinkiProduktu a { margin: 0; }

#RamkaProduktu .ListaOpisy {
  margin: 0 0 18px;
  padding: 9px 10px;
  border-color: #dce7ef;
  background: #ffffff;
}

/* Wyrównanie piktogramów bez zmiany rozmiaru ustawionego w panelu. */
#RamkaProduktu .ListaOpisy .TbPoz::before { left: 0; }
#RamkaProduktu .ListaOpisy .TbPoz > span { color: #607586; }

#RamkaProduktu .SekcjaCen {
  margin: 0 0 14px;
  padding: 19px;
  border: 1px solid #dce7ef;
  border-radius: 10px;
  background: #ffffff;
}

#RamkaProduktu .CenyProduktu { margin-bottom: 16px; }
#RamkaProduktu .CenyProduktu:has(#CenaGlownaProduktuNetto) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#RamkaProduktu #InfoKupon.KuponWartosc:has(#CenaGlownaProduktuNetto) {
  display: flex;
  flex-direction: column;
}
#RamkaProduktu #InfoKupon.KuponWartosc:has(#CenaGlownaProduktuNetto) > .InformacjaOk {
  order: -2;
}
#RamkaProduktu .CenyProduktu:has(#CenaGlownaProduktuNetto) #CenaGlownaProduktuBrutto {
  margin: 8px 0 0;
  color: #607586;
  font-size: 14px;
}
#RamkaProduktu .CenyProduktu:has(#CenaGlownaProduktuNetto) #CenaGlownaProduktuBrutto strong {
  color: #496476;
  font-size: 18px;
  font-weight: 600;
}
#RamkaProduktu #CenaGlownaProduktuNetto {
  order: -1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 7px;
  background: rgba(255, 224, 0, .12);
  color: #102e41;
  font-size: 16px;
  font-weight: 600;
}

#RamkaProduktu #CenaGlownaProduktuNetto strong {
  color: #102e41;
  font-size: 30px;
  font-weight: 700;
}
#RamkaProduktu #CenaPoprzednia { font-size: 13px; }
#RamkaProduktu #HistoriaCenProduktu { font-size: 12px; line-height: 1.4; }

/* Jedna barwa oznaczeń promocji w kartach, modułach i na listingu. */
.IkonaPromocja b,
.IkonaPromocjaProcent b {
  background: var(--bp-action-yellow);
  color: #101010;
}

#RamkaProduktu #PrzyciskKupowania .PrzyciskIlosc {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

#RamkaProduktu #PrzyciskKupowania .PoleIlosciKoszyka {
  order: 1;
  flex: 0 0 auto;
  margin: 0;
  font-size: 13px;
  white-space: nowrap;
}

#RamkaProduktu #PrzyciskKupowania .PolePrzyciskiKoszyka {
  order: 2;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

#RamkaProduktu #PrzyciskKupowania .DoKoszykaKartaProduktu {
  box-sizing: border-box;
  width: 100%;
  min-height: 50px;
  padding: 13px 12px 13px 37px;
  border-radius: 7px;
  background: var(--bp-action-yellow);
  color: #101010;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}

#RamkaProduktu #PrzyciskKupowania .DoKoszykaKartaProduktu::before { left: 10px; filter: none; }
#RamkaProduktu #PrzyciskKupowania .DoKoszykaKartaProduktu:hover { background: var(--bp-action-yellow-hover); color: #101010; }
#RamkaProduktu #PrzyciskSchowek { margin-top: 14px; }
#RamkaProduktu .ZegarCzasWysylkiKartaProduktu { margin-top: 16px; }

@media only screen and (min-width: 1024px) {
  #SrodekKolumna:has(#RamkaProduktu) { box-sizing: border-box; }
  #RamkaProduktu #KartaProduktu { gap: 24px; }
  #RamkaProduktu #ZdjeciaProduktu { flex: 0 1 54%; width: 54% !important; }
  #RamkaProduktu #InformacjeProduktu { flex: 1 1 46%; width: auto !important; margin-left: 0; }
}

@media only screen and (max-width: 1023px) {
  #RamkaProduktu #ZdjeciaProduktu {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 16px;
  }
  #RamkaProduktu #ZdjeciaProduktu .ZdjeciaKontener,
  #RamkaProduktu #ZdjeciaDuze,
  #RamkaProduktu #ZdjeciaDuze a { max-width: 100%; }
  #RamkaProduktu #InformacjeProduktu { padding: 22px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  #RamkaProduktu #PrzyciskKupowania .PrzyciskIlosc { flex-wrap: wrap; }
  #RamkaProduktu #PrzyciskKupowania .PolePrzyciskiKoszyka { flex-basis: 100%; }
}

@media only screen and (max-width: 540px) {
  #RamkaProduktu #ZdjeciaProduktu { padding: 12px; }
  #RamkaProduktu #ZdjeciaDuze img { max-height: 390px; }
  #RamkaProduktu #ZdjeciaDuze .slick-prev,
  #RamkaProduktu #ZdjeciaDuze .slick-next { width: 34px; height: 34px; }
  #RamkaProduktu #InformacjeProduktu { padding: 17px; }
  #RamkaProduktu .SekcjaCen { padding: 15px; }
  #RamkaProduktu #PrzyciskKupowania .PrzyciskIlosc { flex-wrap: wrap; }
  #RamkaProduktu #PrzyciskKupowania .PolePrzyciskiKoszyka { flex-basis: 100%; }
}

/* Dolna część karty produktu: zakładki, opis i produkty z tej samej kategorii. */
#ZakladkiProduktu { margin-top: 28px; }
#ZakladkiProduktu #Zakladki {
  gap: 7px;
  margin: 0;
  border-bottom: 1px solid #d4e0e8;
}

#ZakladkiProduktu #Zakladki li {
  box-sizing: border-box;
  margin-bottom: -1px;
  padding: 11px 17px;
  border: 1px solid transparent;
  border-bottom: 3px solid transparent;
  border-radius: 9px 9px 0 0;
  background: rgba(255, 255, 255, .52);
  color: #526a7b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

#ZakladkiProduktu #Zakladki li:hover {
  border-bottom-color: #a9c4d3;
  background: #f6fafc;
  color: #102f43;
}

#ZakladkiProduktu #Zakladki li.aktywna {
  border-color: #d4e0e8;
  border-bottom-color: var(--bp-action-yellow);
  background: #ffffff;
  color: #102f43;
}

#ZakladkiProduktu #TresciZakladek {
  padding: 24px 26px;
  border: 1px solid #dce6ec;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(11, 42, 61, .06);
}

#ZakladkiProduktu .GlownyOpisProduktu .FormatEdytor p {
  margin: 0 0 12px;
  color: #334c5d;
  font-size: 15px;
  line-height: 1.7;
}

#ZakladkiProduktu .GlownyOpisProduktu .FormatEdytor p:last-child { margin-bottom: 0; }

.PozostaleProdukty {
  box-sizing: border-box;
  margin: 28px 0 36px;
  padding: 24px;
  border: 1px solid #dce6ec;
  border-radius: 14px;
  background: rgba(255, 255, 255, .85);
}

.PozostaleProdukty .StrNaglowek {
  margin: 0 0 18px;
  color: #102f43;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.PozostaleProdukty .ListingWierszeKartaProduktuKontener { gap: 14px; }

.PozostaleProdukty .Okno {
  width: calc(25% - 11px);
  margin: 0;
  padding: 16px;
  border: 1px solid #dce6ec;
  border-radius: 10px;
  background: #ffffff;
  text-align: left;
}

.PozostaleProdukty .Okno:hover {
  box-shadow: 0 9px 24px rgba(11, 42, 61, .11);
}

.PozostaleProdukty .Okno .ElementListingRamka {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.PozostaleProdukty .Okno .Foto {
  display: flex;
  height: 190px;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  text-align: center;
}

.PozostaleProdukty .Okno .Foto img { max-width: 100%; max-height: 175px; object-fit: contain; }
.PozostaleProdukty .Okno .ProdCena { flex: 1 1 auto; }
.PozostaleProdukty .Okno h3 { margin: 0; }
.PozostaleProdukty .Okno h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 0 0 12px;
  color: #173247;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.PozostaleProdukty .Okno .ProduktCena { margin-top: 6px; }
.PozostaleProdukty .Okno .Zakup { padding-top: 14px; }
.PozostaleProdukty .Okno .ZakupKontener { margin-top: auto; }
.PozostaleProdukty .Okno .ZapytanieProduktListing { border-radius: 7px; }

@media only screen and (max-width: 1023px) {
  .PozostaleProdukty .Okno { width: calc(50% - 7px); }
}

@media only screen and (max-width: 540px) {
  #ZakladkiProduktu #Zakladki li { padding: 10px 11px; font-size: 14px; }
  #ZakladkiProduktu #TresciZakladek { padding: 20px; }
  .PozostaleProdukty { padding: 18px; }
  .PozostaleProdukty .StrNaglowek { font-size: 20px; }
  .PozostaleProdukty .Okno { width: 100%; }
  .PozostaleProdukty .Okno .Foto { height: 170px; }
  .PozostaleProdukty .Okno .Foto img { max-height: 155px; }
}

/* Koszyk: karty wyboru, zestawienie i główny przycisk zakupowy. */
#SzczegolyKoszyka {
  box-sizing: border-box;
  margin: 15px 0 30px;
  padding: 24px;
  border: 1px solid #dedede;
  border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  color: #1a1a1a;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}

#SzczegolyKoszyka .Koszyk {
  overflow: hidden;
  border: 1px solid #dedede;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 11px;
}

#SzczegolyKoszyka .Koszyk .Naglowek th {
  padding: 13px 10px;
  background: #171717;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

#SzczegolyKoszyka .Koszyk td { padding: 13px 10px; background: #fff; }
#SzczegolyKoszyka .Koszyk tr:not(.Naglowek):hover td { background: #fffdf0; }
#SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 a { color: #171717; font-size: 15px; font-weight: 600; }
#SzczegolyKoszyka .Koszyk td:first-child img { padding: 6px; border: 1px solid #e2e2e2; border-radius: 6px; background: #fff; }
#SzczegolyKoszyka .Koszyk tr:last-child td { background: #f6f6f6; }
#SzczegolyKoszyka .Koszyk tr:last-child td:last-child { border: 0; background: #f6f6f6; }
#SzczegolyKoszyka .Koszyk .Suma .Cena { color: #171717; font-size: 17px; }

#SzczegolyKoszyka #BezplatnaDostawa {
  margin: 18px 0;
  padding: 17px 20px;
  border: 1px solid #ead879;
  border-radius: 10px;
  background: #fffbea;
}

#SzczegolyKoszyka .PoleIlosc,
#SzczegolyKoszyka select,
#SzczegolyKoszyka input,
#SzczegolyKoszyka .radio,
#SzczegolyKoszyka .KontenerOpakowanieOzdobne,
#SzczegolyKoszyka .KontenerRaty {
  border-color: #d5d5d5;
}

#SzczegolyKoszyka .DostawaWybor,
#SzczegolyKoszyka .PlatnoscWybor,
#SzczegolyKoszyka .KontenerKoszykPodsumowanie,
#SzczegolyKoszyka .KontenerKupon {
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
}

#SzczegolyKoszyka .DostawaWybor,
#SzczegolyKoszyka .PlatnoscWybor { padding: 8px 18px 16px; }
#SzczegolyKoszyka .DostawaWybor h3,
#SzczegolyKoszyka .PlatnoscWybor h3,
#SzczegolyKoszyka .KontenerKoszykPodsumowanie h3 { color: #171717; font-size: 18px; font-weight: 700; }
#SzczegolyKoszyka .KontenerKoszykPodsumowanie { padding: 18px 22px; }
#SzczegolyKoszyka .KontenerKoszykPodsumowanie h3 { margin: 0; }
#SzczegolyKoszyka .ListaPodsumowania { padding: 10px 0 0; }
#SzczegolyKoszyka .ListaPodsumowaniaSumaCena { color: #171717; }
#SzczegolyKoszyka .KontenerKupon { padding: 14px 18px; }
#SzczegolyKoszyka .KontenerKupon h5 { margin-top: 0; color: #171717; font-size: 17px; font-weight: 700; }

#SzczegolyKoszyka .KontenerKoszykButton a.przycisk {
  box-sizing: border-box;
  width: 100%;
  padding: 17px 20px;
  border-radius: 7px;
  background: var(--bp-action-yellow);
  color: #171717;
  font-size: 18px;
  font-weight: 700;
}

#SzczegolyKoszyka .KontenerKoszykButton a.przycisk:hover { background: var(--bp-action-yellow); color: #171717; }
#SzczegolyKoszyka .KontenerKoszykButtonKontynuuj a.przycisk {
  margin-top: 12px;
  border: 1px solid #d5d5d5;
  border-radius: 7px;
  background: #fff;
  color: #171717;
}
#SzczegolyKoszyka .KontenerKoszykButtonKontynuuj a.przycisk:hover { background: #fffbea; }

@media only screen and (max-width: 1023px) {
  #SzczegolyKoszyka .KontenerKoszykPodsumowanie { margin: 20px 0; }
  #SzczegolyKoszyka .KontenerKupon { margin-top: 18px; }
}

@media only screen and (max-width: 540px) {
  #SzczegolyKoszyka { padding: 12px; }
  #SzczegolyKoszyka .Koszyk .Naglowek th,
  #SzczegolyKoszyka .Koszyk td { padding: 9px 5px; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 a { font-size: 13px; }
  #SzczegolyKoszyka .DostawaWybor,
  #SzczegolyKoszyka .PlatnoscWybor { padding: 6px 13px 13px; }
}

/* Trzy atuty w kreatorze modułów. Tło i odstępy kontenera są ustawione w panelu. */
.ModulId-54 .BpZaufanieKarta {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 148px;
  margin: 0 6px;
  padding: 22px 20px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(15, 15, 16, .62), rgba(0, 0, 0, .50));
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #fff;
}

.ModulId-54 .BpZaufanieIkona {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 62px;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, .08);
  color: var(--bp-action-yellow);
}

.ModulId-54 .BpZaufanieLata {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -1px;
}

.ModulId-54 .BpZaufanieDostawa,
.ModulId-54 .BpZaufaniePomoc {
  position: relative;
}

.ModulId-54 .BpZaufanieDostawa::before,
.ModulId-54 .BpZaufaniePomoc::before {
  content: "";
  width: 38px;
  height: 38px;
  background: var(--bp-action-yellow);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.ModulId-54 .BpZaufanieDostawa::before {
  -webkit-mask-image: url('../obrazki/szablon/czas_wysylki.svg');
  mask-image: url('../obrazki/szablon/czas_wysylki.svg');
}

.ModulId-54 .BpZaufaniePomoc::before {
  -webkit-mask-image: url('../obrazki/szablon/ok.svg');
  mask-image: url('../obrazki/szablon/ok.svg');
}

.ModulId-54 .BpZaufanieTresc {
  min-width: 0;
}

.ModulId-54 .BpZaufanieTresc .BpZaufanieEtykieta {
  display: block;
  margin-bottom: 7px;
  color: var(--bp-action-yellow);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
}

.ModulId-54 .BpZaufanieTresc strong {
  display: block;
  color: #fff;
  font-size: 19px;
  line-height: 1.25;
}

.ModulId-54 .BpZaufanieTresc p {
  margin: 7px 0 0;
  color: #c8dae5;
  font-size: 13px;
  line-height: 1.4;
}

@media only screen and (max-width: 1023px) {
  .ModulId-54 .BpZaufanieKarta { margin: 6px 0; }
}

/* Jedno wspólne żółte tło dla ośmiu atutów. */
.ModulId-54 .BpAtuty {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  overflow: hidden;
  border: 2px solid #fff385;
  border-radius: 21px;
  background: repeating-linear-gradient(126deg,
                transparent 0, transparent 150px,
                rgba(255, 255, 255, .17) 150px, rgba(255, 255, 255, .17) 220px,
                transparent 220px, transparent 380px),
              linear-gradient(116deg, #fff900 0%, #ffe000 55%, #fff100 100%);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22), inset 0 2px 4px rgba(255, 255, 255, .8);
}
.ModulId-54 .BpAtut {
  box-sizing: border-box;
  display: flex;
  position: relative;
  min-width: 0;
  min-height: 246px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 18px 8px 22px;
  background: transparent;
  color: #080808;
  text-align: center;
}
.ModulId-54 .BpAtut + .BpAtut::after {
  content: '';
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .88) 25%, rgba(0, 0, 0, .88) 75%, transparent);
  pointer-events: none;
}
.ModulId-54 .BpAtut img {
  display: block;
  position: relative;
  width: 120px;
  max-width: 100%;
  height: 126px;
  margin: 0 auto;
  object-fit: contain;
}
.ModulId-54 .BpAtut strong {
  display: flex;
  position: relative;
  min-height: 1.25em;
  align-items: flex-end;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.025em;
}
.ModulId-54 .BpAtut span {
  display: block;
  position: relative;
  margin-top: 3px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.025em;
}
@media only screen and (max-width: 1023px) {
  .ModulId-54 .BpAtuty { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ModulId-54 .BpAtut:nth-child(5)::after { display: none; }
}
@media only screen and (max-width: 650px) {
  .ModulId-54 .BpAtuty { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ModulId-54 .BpAtut { min-height: 152px; padding: 8px 3px 12px; }
  .ModulId-54 .BpAtut img { width: 68px; height: 78px; }
  .ModulId-54 .BpAtut strong { font-size: 13px; letter-spacing: -.06em; }
  .ModulId-54 .BpAtut span { font-size: 12px; letter-spacing: -.06em; }
}

/* Logotypy dostawy i płatności z natywnego kreatora ShopGold. */
.ModulId-55 .ModulCssDodatkowy {
  border: 1px solid #dce6ec;
  border-radius: 8px;
  box-shadow: 0 5px 18px rgba(10, 37, 55, .06);
}

.ModulId-55 .BpPartnerzy {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 2fr);
  align-items: center;
  gap: 26px;
}

.ModulId-55 .BpPartnerzyPlatnosci {
  padding-left: 26px;
  border-left: 1px solid #c9d9e3;
}

.ModulId-55 .BpPartnerzyNaglowek {
  display: block;
  margin-bottom: 7px;
  color: #5a7484;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ModulId-55 .BpPartnerzyLoga {
  display: grid;
  align-items: center;
  gap: 14px;
}

.ModulId-55 .BpPartnerzyDostawa .BpPartnerzyLoga {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ModulId-55 .BpPartnerzyPlatnosci .BpPartnerzyLoga {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ModulId-55 .BpPartnerzyLoga > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 54px;
}

.ModulId-55 .BpPartnerzyLoga img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 42px;
  object-fit: contain;
}

.ModulId-55 .BpPartnerzyDostawa .BpPartnerzyLoga > span:first-child img {
  transform: scale(1.3);
}

.ModulId-55 .BpPartnerzyDostawa .BpPartnerzyLoga > span:nth-child(3) img {
  max-height: 47px;
}

@media only screen and (max-width: 800px) {
  .ModulId-55 .BpPartnerzy {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .ModulId-55 .BpPartnerzyPlatnosci {
    padding: 16px 0 0;
    border-top: 1px solid #c9d9e3;
    border-left: 0;
  }
}

@media only screen and (max-width: 540px) {
  .ModulId-55 .BpPartnerzyDostawa .BpPartnerzyLoga {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
  }
  .ModulId-55 .BpPartnerzyPlatnosci .BpPartnerzyLoga {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ModulId-55 .BpPartnerzyLoga img { max-height: 38px; }
  .ModulId-55 .BpPartnerzyDostawa .BpPartnerzyLoga > span:nth-child(3) img { max-height: 43px; }
}

/* Karty produktów w module strony głównej. Listing zachowuje jasne karty. */
.BpProduktyTabs .ModulCssDodatkowy {
  border: 1px solid var(--bp-action-yellow);
  background: rgba(0, 0, 0, .78);
  box-shadow: 0 0 16px rgba(255, 224, 0, .22);
}

.BpProduktyTabs .ZakladkaNaglowekModul {
  border-color: var(--bp-action-yellow);
  background: #080808;
  color: #fff;
}

.BpProduktyTabs .ZakladkaNaglowekModul:hover,
.BpProduktyTabs .ZakladkaNaglowekModulAktywna {
  border-color: var(--bp-action-yellow);
  background: var(--bp-action-yellow);
  color: #101010;
}

.BpProduktyTabs .OpisKolumnyModulu a { color: var(--bp-action-yellow); }

.BpProduktyTabs .ProduktOkno .ElementOknoRamka {
  border: 1px solid var(--bp-action-yellow);
  border-radius: 14px;
  background: #050505;
  color: #f8f8f8;
  box-shadow: 0 0 0 1px rgba(255, 224, 0, .28), 0 0 12px rgba(255, 224, 0, .2);
}

.BpProduktyTabs .ProduktOkno .ElementOknoRamka:hover {
  box-shadow: 0 0 0 1px rgba(255, 224, 0, .5), 0 0 19px rgba(255, 224, 0, .32);
}

.BpProduktyTabs .ProduktOkno .ElementOknoRamka { padding: 10px; }

.BpProduktyTabs .ProduktOkno .Foto {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--bp-action-yellow);
  border-radius: 11px;
  background: #fff;
}

.BpProduktyTabs .ProduktOkno .Foto {
  height: 240px;
  padding: 5px;
}

.BpProduktyTabs .ProduktOkno .Foto img { height: 224px !important; }

.BpProduktyTabs .ProduktOkno h3 a {
  color: #fff;
  font-weight: 700;
}

.BpProduktyTabs .ProduktOkno .CenaProduktu .Netto {
  color: var(--bp-action-yellow);
  font-size: 25px;
  font-weight: 800;
}

.BpProduktyTabs .ProduktOkno .CenaProduktu .Brutto { color: #b8b8b8; }

.BpProduktyTabs .ProduktOkno .CenaProduktu .CenaPromocyjna:has(> .Netto) > .CenaPoprzednia { color: #9b9b9b; }

.BpProduktyTabs .ProduktOkno ul.ListaOpisowa,
.BpProduktyTabs .ProduktOkno ul.ListaOpisowa li b { color: #d8d8d8; }

.BpProduktyTabs .ProduktOkno .Zakup {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
}

.BpProduktyTabs .ProduktOkno .Zakup .InputIlosc {
  box-sizing: border-box;
  flex: 0 0 42px;
  width: 42px;
  height: 40px;
  margin: 0;
  border: 1px solid var(--bp-action-yellow);
  border-radius: 6px;
  background: #0a0a0a;
  color: #fff;
  text-align: center;
}

.BpProduktyTabs .ProduktOkno .DoKoszyka {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 7px 5px;
  border-radius: 6px;
  background: var(--bp-action-yellow);
  color: #101010;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: normal;
}