@charset "UTF-8";

/* Podpowiedzi wyszukiwarki: lista ShopGolda musi wyjsc poza ramke inputu. */
      .LogoSzukanieIkony,
      .LogoSzukanieIkony .Strona,
      .Wyszukiwanie,
      .Wyszukiwanie .KontenterWyszukiwania,
      .RamkaSzukania {
        overflow:visible !important;
      }
      .Wyszukiwanie {
        position:relative;
        z-index:4500;
      }
      .RamkaSzukania {
        z-index:1;
      }
      #Podpowiedzi {
        position:absolute !important;
        top:100%;
        left:0;
        z-index:4600;
        width:100%;
        height:0;
        overflow:visible !important;
        color:#344054;
      }
      #Podpowiedzi div.OknoAutouzupelnienia {
        top:8px !important;
        left:0 !important;
        overflow:hidden;
        box-sizing:border-box;
        border:1px solid #e3e9f1 !important;
        border-radius:12px;
        background:#ffffff;
        box-shadow:0 20px 48px rgba(24, 31, 45, .18), 0 4px 12px rgba(24, 31, 45, .06);
      }
      #Podpowiedzi div.OknoAutouzupelnieniaTresc {
        max-height:min(440px, calc(100vh - 150px));
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
      }
      #Podpowiedzi .OknoAutouzupelnieniaKontener {
        align-items:stretch;
      }
      #Podpowiedzi .OknoAutouzupelnieniaSlowa {
        background:#f8fafc;
      }
      #Podpowiedzi .OknoAutouzupelnieniaProdukty {
        background:#ffffff;
      }
      #Podpowiedzi .NaglowekPodpowiedzi {
        z-index:2;
        margin:0 !important;
        padding:15px 42px 11px 14px !important;
        border-bottom:1px solid #edf1f5 !important;
        background:inherit !important;
        color:#667085;
        font-size:11px !important;
        font-weight:800;
        line-height:1.3;
        letter-spacing:0 !important;
      }
      #Podpowiedzi .OknoAutouzupelnieniaListaSlow,
      #Podpowiedzi .OknoAutouzupelnieniaListaProduktow {
        margin:0 !important;
        padding:6px;
      }
      #Podpowiedzi .PodpowiedzFraza {
        box-sizing:border-box;
        margin:0;
        padding:10px 11px !important;
        border-radius:7px;
        color:#344054;
        font-size:13px;
        line-height:1.35;
      }
      #Podpowiedzi .PodpowiedzFraza:hover,
      #Podpowiedzi .PodpowiedzFraza:focus {
        outline:none;
        background:#fff1f3 !important;
        color:#d92532;
      }
      #Podpowiedzi .PodpowiedzProdukt {
        box-sizing:border-box;
        gap:11px;
        min-height:74px;
        margin:0 !important;
        padding:8px !important;
        border:0 !important;
        border-radius:8px;
        color:#1f2937 !important;
        text-decoration:none !important;
        transition:background-color .16s ease, box-shadow .16s ease;
      }
      #Podpowiedzi .PodpowiedzProdukt + .PodpowiedzProdukt {
        border-top:1px solid #edf1f5 !important;
        border-radius:0 0 8px 8px;
      }
      #Podpowiedzi .PodpowiedzProdukt:hover,
      #Podpowiedzi .PodpowiedzProdukt:focus {
        outline:none;
        background:#f7fafc;
        box-shadow:inset 3px 0 0 #ef2d38;
      }
      #Podpowiedzi .PodpowiedzProduktFoto {
        display:flex;
        align-items:center;
        justify-content:center;
        flex:0 0 58px;
        width:58px !important;
        height:58px;
        border:1px solid #eef2f6;
        border-radius:7px;
        background:#ffffff;
      }
      #Podpowiedzi .PodpowiedzProduktFoto img {
        width:52px !important;
        max-width:52px !important;
        height:52px !important;
        object-fit:contain;
      }
      #Podpowiedzi .PodpowiedzProduktNazwaCena {
        min-width:0;
        width:calc(100% - 69px) !important;
        font-size:12px;
        font-weight:700;
        line-height:1.35;
      }
      #Podpowiedzi .PodpowiedzProduktCena {
        margin-top:5px !important;
      }
      #Podpowiedzi .PodpowiedzProduktNazwaCena .Cena,
      #Podpowiedzi .PodpowiedzProduktNazwaCena .CenaPromocyjna,
      #Podpowiedzi .PodpowiedzProduktNazwaCena .CenaAktualna {
        color:#d92532 !important;
        font-size:13px !important;
        font-weight:800;
      }
      #Podpowiedzi .PodpowiedzProduktNazwaCena .CenaPoprzednia {
        margin-right:7px;
        color:#98a2b3 !important;
        font-size:11px !important;
        font-weight:500;
      }
      #Podpowiedzi .OknoAutouzupelnieniaZamknij {
        top:10px !important;
        right:11px !important;
        z-index:4;
      }
      #Podpowiedzi .OknoAutouzupelnieniaZamknij b {
        box-sizing:border-box;
        width:26px !important;
        height:26px !important;
        border:1px solid #e4e9f0 !important;
        border-radius:50%;
        background:#ffffff !important;
        color:#667085 !important;
        font-size:13px !important;
        line-height:24px !important;
        box-shadow:0 2px 7px rgba(24, 31, 45, .08);
      }
      #Podpowiedzi .OknoAutouzupelnieniaZamknij:hover b,
      #Podpowiedzi .OknoAutouzupelnieniaZamknij:focus b {
        border-color:#ffc9cf !important;
        color:#d92532 !important;
      }
      @media only screen and (min-width:1024px) {
        #Podpowiedzi div.OknoAutouzupelnienia {
          width:min(600px, calc(100vw - 32px)) !important;
        }
        #Podpowiedzi .OknoAutouzupelnieniaSlowa {
          width:34% !important;
          border-right:1px solid #edf1f5;
        }
        #Podpowiedzi .OknoAutouzupelnieniaProdukty {
          width:66% !important;
        }
      }
      @media only screen and (max-width:1023px) {
        #Podpowiedzi div.OknoAutouzupelnienia {
          width:100% !important;
          min-width:0;
        }
        #Podpowiedzi div.OknoAutouzupelnieniaTresc {
          max-height:min(430px, calc(100vh - 150px));
        }
        #Podpowiedzi .OknoAutouzupelnieniaSlowa {
          border-bottom:1px solid #edf1f5;
        }
        #Podpowiedzi .NaglowekPodpowiedzi {
          padding-top:12px !important;
          padding-bottom:9px !important;
        }
        #Podpowiedzi .PodpowiedzProdukt {
          min-height:70px;
        }
      }

/* Przyklejony naglowek: po przewinieciu menu kategorii odjezdza z trescia. */
      .CalaStrona {
        overflow:clip;
      }
      .SklepNaglowek {
        position:sticky;
        top:0;
        z-index:1200;
        transition:box-shadow .2s ease;
      }
      body.codex-header-scrolled .SklepNaglowek {
        box-shadow:0 8px 24px rgba(24,35,52,.13);
      }
      @media only screen and (min-width:1024px) {
        .GorneMenuKontener {
          z-index:1190;
        }
        body.codex-header-scrolled .LogoSzukanieIkony {
          padding:4px 0 !important;
        }
        body.codex-header-scrolled .LogoSzukanieIkony .Strona {
          min-height:50px !important;
          gap:18px !important;
        }
        body.codex-header-scrolled #LinkLogo {
          min-width:88px;
          height:50px;
        }
        body.codex-header-scrolled #LinkLogo img.RwdKomputer {
          width:50px !important;
          height:50px !important;
        }
        body.codex-header-scrolled .RamkaSzukania,
        body.codex-header-scrolled #InSzukaj,
        body.codex-header-scrolled #ButSzukaj {
          height:40px;
        }
        body.codex-header-scrolled .RamkaSzukania::after {
          width:40px;
          height:40px;
          background-size:18px 18px;
        }
        body.codex-header-scrolled #InSzukaj {
          width:calc(100% - 56px);
          line-height:40px;
        }
        body.codex-header-scrolled #ButSzukaj {
          width:40px;
        }
        body.codex-header-scrolled .IkonyNawigacja .IkonaNawigacjiMenu .PozycjaIkonka {
          min-height:38px;
        }
        body.codex-header-scrolled .GorneMenuTlo {
          padding:0 0 4px 0;
        }
        body.codex-header-scrolled .GorneMenu {
          padding:3px clamp(12px, 1.25vw, 24px);
        }
        body.codex-header-scrolled ul.GlowneGorneMenu {
          height:38px;
        }
        body.codex-header-scrolled .GorneMenu div > a,
        body.codex-header-scrolled .GorneMenu div > span {
          height:36px;
        }
        body.codex-header-scrolled ul.GlowneGorneMenu li ul.MenuRozwijaneKolumny {
          top:calc(100% + 5px) !important;
          max-height:calc(100vh - 112px);
        }
      }
      @media only screen and (max-width:1023px) {
        body.codex-header-scrolled .CalaStrona::before {
          content:"";
          display:block;
          width:100%;
          height:var(--codex-sticky-header-space, 162px);
          pointer-events:none;
        }
        body.codex-header-scrolled .SklepNaglowek {
          position:fixed;
          right:0;
          left:0;
          width:100%;
          box-sizing:border-box;
        }
        body.codex-header-scrolled .LogoSzukanieIkony {
          padding:5px 8px !important;
          background:#ffffff;
        }
        body.codex-header-scrolled .LogoSzukanieIkony .Strona {
          width:100% !important;
          min-height:48px !important;
          flex-wrap:nowrap !important;
          gap:8px !important;
          padding:0 !important;
        }
        body.codex-header-scrolled #LinkLogo {
          order:1;
          flex:0 0 64px !important;
          width:64px !important;
          height:46px !important;
          margin:0 !important;
        }
        body.codex-header-scrolled #LinkLogo img.RwdMobilny {
          max-width:64px !important;
          max-height:46px !important;
        }
        body.codex-header-scrolled .Wyszukiwanie {
          order:2;
          display:block !important;
          flex:1 1 auto !important;
          min-width:0 !important;
        }
        body.codex-header-scrolled .RamkaSzukania,
        body.codex-header-scrolled #InSzukaj,
        body.codex-header-scrolled #ButSzukaj {
          height:42px !important;
        }
        body.codex-header-scrolled #InSzukaj {
          width:calc(100% - 46px) !important;
          padding:0 11px !important;
          font-size:13px;
          line-height:42px;
        }
        body.codex-header-scrolled #ButSzukaj {
          width:46px !important;
          padding:11px !important;
        }
        body.codex-header-scrolled .IkonyNawigacja {
          order:3;
          width:44px !important;
          min-height:44px !important;
          margin:0 !important;
          padding:0 !important;
          flex:0 0 44px;
          gap:0;
        }
        body.codex-header-scrolled #IkonaWysuwaniaMenu,
        body.codex-header-scrolled .SzukajNaglowek,
        body.codex-header-scrolled .LogowanieNaglowek,
        body.codex-header-scrolled #PorownanieNaglowek {
          display:none !important;
        }
        body.codex-header-scrolled #Koszyk,
        body.codex-header-scrolled #Koszyk .KoszykNaglowek,
        body.codex-header-scrolled #Koszyk .PozycjaIkonka {
          display:block !important;
          width:44px !important;
          height:44px !important;
          min-width:44px !important;
          flex:0 0 44px;
          margin:0 !important;
        }
        body.codex-header-scrolled #Koszyk .PozycjaIkonka {
          background-size:34px 34px;
          background-position:center;
        }
        body.codex-header-scrolled #Koszyk span.PozycjaIlosc {
          top:-2px;
          right:-2px;
        }
      }

      @media only screen and (max-width:767px) {
        html body button[id^="minimized-trustbadge-"] {
          transform:scale(.72) !important;
          transform-origin:right bottom !important;
        }
      }