/* === KINKIECIK MOBILE UX 2026-07-05 START === */
@media only screen and (max-width:1023px) {
  html body .SklepNaglowek,
  html body .SklepNaglowekKontener.MenuStatic .SklepNaglowek {
    min-height: 0 !important;
  }

  html body .NaglowekKontakt {
    min-height: 34px !important;
    height: auto !important;
    padding: 5px 10px !important;
  }

  html body .NaglowekKontakt,
  html body .NaglowekKontakt a,
  html body .NaglowekKontakt span {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html body .NaglowekLogoIkony {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 12px 0 !important;
  }

  html body .KontenerLogo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body #LinkLogo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 54px !important;
    line-height: 0 !important;
  }

  html body #LinkLogo img,
  html body #LinkLogo img.RwdMobilny,
  html body .KontenerLogo img[src*="Kinkiecik_logo_m"] {
    width: auto !important;
    max-width: 245px !important;
    height: auto !important;
    max-height: 54px !important;
    object-fit: contain !important;
  }

  html body .NaglowekLogoIkony form.Wyszukiwanie {
    position: static !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    order: 2 !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    z-index: 2 !important;
  }

  html body .NaglowekLogoIkony form.Wyszukiwanie .KontenterWyszukiwania {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 !important;
  }

  html body .NaglowekLogoIkony form.Wyszukiwanie .RamkaSzukania {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(22,24,27,.06) !important;
  }

  html body .NaglowekLogoIkony form.Wyszukiwanie input[type="text"],
  html body .NaglowekLogoIkony form.Wyszukiwanie #InSzukaj {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 48px 0 16px !important;
    border: 0 !important;
    background: #fff !important;
    color: #1c1d20 !important;
    font-size: 14px !important;
  }

  html body .NaglowekLogoIkony form.Wyszukiwanie button,
  html body .NaglowekLogoIkony form.Wyszukiwanie #ButSzukaj {
    right: 2px !important;
    top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 0 !important;
    background: transparent !important;
    color: #1c1d20 !important;
    box-shadow: none !important;
  }

  html body .NaglowekIkony {
    order: 3 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #eee9e1 !important;
  }

  html body .NaglowekIkony .IkonaWyszukiwania {
    display: none !important;
  }

  html body .NaglowekIkony > div {
    box-sizing: border-box !important;
    width: auto !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body .NaglowekIkony label,
  html body .NaglowekIkony a {
    box-sizing: border-box !important;
    display: block !important;
    height: 52px !important;
    min-height: 52px !important;
    padding-top: 30px !important;
    padding-bottom: 4px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    background-size: 22px 22px !important;
  }

  html body .NaglowekIkony span.IkonaIlosciNaglowek {
    top: 0 !important;
    transform: translate(-50%, 0) !important;
  }

  html body img[src*="koszyk_zrabat"] {
    max-height: 52px !important;
    object-fit: contain !important;
    opacity: .9 !important;
    border-radius: 6px !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu #ZdjeciaDuze {
    width: min(248px, 100%) !important;
    max-width: 248px !important;
    height: 248px !important;
    max-height: 248px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu #ZdjeciaDuze img {
    max-width: 238px !important;
    max-height: 238px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu .DodatkoweZdjecia {
    width: min(248px, 100%) !important;
    max-width: 248px !important;
    height: 70px !important;
    max-height: 70px !important;
    margin: 8px auto 0 !important;
    overflow: hidden !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu .DodatkoweZdjecia .slick-slide,
  html body #RamkaProduktu #ZdjeciaProduktu .DodatkoweZdjecia div {
    max-height: 70px !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu .DodatkoweZdjecia img {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    padding: 3px !important;
  }

  html body #RamkaProduktu .NazwaProducent h1 {
    font-size: 21px !important;
    line-height: 1.22 !important;
    margin-top: 8px !important;
    margin-bottom: 12px !important;
  }

  html body #RamkaProduktu .NazwaProducent .Producent img {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 116px !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  html body #RamkaProduktu .ListaOpisy {
    padding: 10px 12px !important;
    margin-top: 10px !important;
  }

  html body #RamkaProduktu .ListaOpisy .TbPoz {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  html body #RamkaProduktu .SekcjaCen {
    margin-top: 14px !important;
    padding: 13px !important;
  }

  html body #RamkaProduktu #CenaGlownaProduktuBrutto strong {
    font-size: 165% !important;
  }

  html body .Listing.KxProductListing .Podkategorie {
    height: auto !important;
    margin-bottom: 10px !important;
  }

  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 2px 10px !important;
    margin: 0 !important;
  }

  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 190px !important;
    height: auto !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
  }

  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li h2,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li a {
    min-height: 38px !important;
    height: auto !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
  }

  html body .Listing.KxProductListing .ListingNawigacjaGora {
    min-height: 34px !important;
    height: auto !important;
    padding: 7px 8px !important;
    margin-bottom: 8px !important;
  }

  html body .Listing.KxProductListing .ListingFiltry {
    min-height: 58px !important;
    height: auto !important;
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
  }

  html body .Listing.KxProductListing .ListingFiltry .FiltryTytul,
  html body .Listing.KxProductListing .ListingFiltry b {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka {
    padding-top: 8px !important;
    padding-bottom: 12px !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka .Foto {
    min-height: 178px !important;
    height: 178px !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka .Foto img {
    max-height: 172px !important;
    object-fit: contain !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka h3,
  html body .Listing.KxProductListing .ElementListingRamka h3 a {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    min-height: 65px !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka .ProdCena,
  html body .Listing.KxProductListing .ElementListingRamka .ZakupKontener {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .Listing.KxProductListing .ElementListingRamka .DoKoszyka {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  html body .GorneMenuTlo {
    width: 86vw !important;
    max-width: 340px !important;
    background: #fff !important;
    box-shadow: 18px 0 42px rgba(22,24,27,.18) !important;
  }

  html body .GorneMenu {
    width: 100% !important;
    background: #fff !important;
  }

  html body .GorneMenu ul.GlowneGorneMenu > li > div > a,
  html body .GorneMenu ul.GlowneGorneMenu > li > div > span,
  html body .GorneMenu ul.GlowneGorneMenu li ul li a,
  html body .GorneMenu ul.GlowneGorneMenu li ol li a {
    min-height: 44px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
}

@media only screen and (max-width:420px) {
  html body #LinkLogo img,
  html body #LinkLogo img.RwdMobilny,
  html body .KontenerLogo img[src*="Kinkiecik_logo_m"] {
    max-width: 226px !important;
    max-height: 50px !important;
  }

  html body .KontenerLogo,
  html body #LinkLogo {
    height: 50px !important;
    min-height: 50px !important;
  }

  html body .NaglowekLogoIkony {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu #ZdjeciaDuze {
    max-width: 238px !important;
    height: 238px !important;
  }

  html body #RamkaProduktu #ZdjeciaProduktu #ZdjeciaDuze img {
    max-width: 230px !important;
    max-height: 230px !important;
  }
}
/* === KINKIECIK MOBILE UX 2026-07-05 END === */

/* === KINKIECIK REVIEW STARS FIX 2026-07-05 START === */
html body .Gwiazdki {
  --gwiazdka-ocena: calc(var(--ocena, 0) / 5 * 100%);
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--gwiazdka-kolor, #dbdbdb) !important;
  font-family: Arial, "Noto Sans", sans-serif !important;
  font-size: var(--gwiazdka-wielkosc, 20px) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  font-variant-ligatures: none !important;
  -webkit-font-smoothing: antialiased;
}

html body .Gwiazdki::before {
  content: "\2605\2605\2605\2605\2605" !important;
  display: inline-block !important;
  color: transparent !important;
  background: linear-gradient(90deg, var(--gwiazdka-tlo, #0483d3) var(--gwiazdka-ocena), var(--gwiazdka-kolor, #dbdbdb) var(--gwiazdka-ocena)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body .OpiniaOkno .OcenyGwiazdki li {
  display: grid !important;
  grid-template-columns: minmax(170px, auto) max-content;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  margin: 6px 0 !important;
  line-height: 1.25 !important;
}

html body .OpiniaOkno .OcenyGwiazdki li b {
  display: block !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: right !important;
}

html body .OpiniaOkno .OcenyGwiazdki li span.Gwiazdki {
  text-align: left !important;
}

html body #opinieSklepu .Oceny span.Gwiazdki {
  float: right !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}

html body #opinieSklepu .Oceny span.Gwiazdki::before {
  letter-spacing: 1px !important;
}

@media only screen and (max-width: 520px) {
  html body .OpiniaOkno .OcenyGwiazdki li {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    text-align: left !important;
  }

  html body .OpiniaOkno .OcenyGwiazdki li b {
    text-align: left !important;
  }
}
/* === KINKIECIK REVIEW STARS FIX 2026-07-05 END === */

/* === KINKIECIK CART DELIVERY BANNER 2026-07-05 START === */
html body .ModulId-53 .GrafikaKreator.GrafikaNr-1 > div {
  position: relative !important;
  overflow: hidden !important;
  max-width: 1080px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  aspect-ratio: 1280 / 300 !important;
  background-image: url("/images/dostawy_zamowien_kinkiecik_20260705.jpg?v=20260705-pencil-low-2x");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

html body .ModulId-53 .GrafikaKreator.GrafikaNr-1 > div > img[src*="dostawy_zamowien_mi.jpg"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}
/* === KINKIECIK CART DELIVERY BANNER 2026-07-05 END === */

/* === KINKIECIK PRODUCT DESCRIPTION CONTAINERS 2026-07-05 START === */
html body .kxpd {
  --kxpd-ink: #17191d;
  --kxpd-muted: #5f6670;
  --kxpd-line: #e8e2d8;
  --kxpd-soft: #faf7f0;
  --kxpd-warm: #b88a44;
  --kxpd-warm-dark: #7f5a24;
  width: 100%;
  max-width: none;
  margin: 18px 0 28px;
  color: var(--kxpd-ink);
  font-size: 15px;
  line-height: 1.62;
}

html body .kxpd,
html body .kxpd * {
  box-sizing: border-box;
}

html body .kxpd-hero,
html body .kxpd-section {
  overflow: hidden;
  border: 1px solid var(--kxpd-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(23, 25, 29, .06);
}

html body .kxpd-hero {
  padding: 24px 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(250, 247, 240, .96)),
    radial-gradient(circle at 92% 8%, rgba(184, 138, 68, .16), transparent 34%);
}

html body .kxpd-label {
  margin: 0 0 8px !important;
  color: var(--kxpd-warm-dark) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

html body .kxpd h2 {
  margin: 0 0 12px !important;
  color: var(--kxpd-ink) !important;
  font-size: 23px !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

html body .kxpd h3 {
  margin: 0 0 8px !important;
  color: var(--kxpd-ink) !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

html body .kxpd p {
  margin: 0 0 12px !important;
  color: var(--kxpd-muted) !important;
}

html body .kxpd strong {
  color: var(--kxpd-ink) !important;
}

html body .kxpd-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

html body .kxpd-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(184, 138, 68, .32);
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
  color: var(--kxpd-warm-dark);
  font-size: 12px;
  font-weight: 700;
}

html body .kxpd-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}

html body .kxpd-card,
html body .kxpd-faqitem {
  padding: 15px 16px;
  border: 1px solid var(--kxpd-line);
  border-radius: 8px;
  background: var(--kxpd-soft);
}

html body .kxpd-card p,
html body .kxpd-faqitem p {
  margin: 0 !important;
  font-size: 14px !important;
}

html body .kxpd-section {
  margin-top: 16px;
  padding: 22px 24px;
}

html body .kxpd-tech ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .kxpd-tech li {
  margin: 0 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(232, 226, 216, .8);
  color: var(--kxpd-muted);
}

html body .kxpd-faqgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

html body .kxpd-special {
  background: #fffdf8;
}

@media only screen and (max-width: 760px) {
  html body .kxpd {
    margin: 12px 0 22px;
    font-size: 14px;
  }

  html body .kxpd-hero,
  html body .kxpd-section {
    padding: 18px 16px;
  }

  html body .kxpd h2 {
    font-size: 20px !important;
  }

  html body .kxpd-grid,
  html body .kxpd-faqgrid,
  html body .kxpd-tech ul {
    grid-template-columns: 1fr;
  }
}
/* === KINKIECIK PRODUCT DESCRIPTION CONTAINERS 2026-07-05 END === */

/* === KINKIECIK RESTORE BLUE ACCENTS 2026-07-05 START === */
html body .Cena,
html body .CenaPromocyjna,
html body .CenaKuponListing b,
html body #CenaGlownaProduktuBrutto strong,
html body .ProdCena,
html body .Listing.KxProductListing .ElementListingRamka .ProdCena,
html body .KoszykRozwijany .Cena,
html body #SzczegolyKoszyka .Cena,
html body #TrescKoszyka .Cena,
html body #PodsumowanieKoszyka .Cena {
  color: var(--kolor-szablonu) !important;
}

html body .CenaKuponListing {
  border-color: var(--kolor-szablonu) !important;
}

html body .DoKoszyka,
html body .DoKoszykaKartaProduktu,
html body .KontenerKoszykButton a.przycisk,
html body .cmxform .przyciskZamow,
html body .cmxform .przyciskZaplac,
html body .przyciskZaplac,
html body #SzczegolyKoszyka .przycisk,
html body #TrescKoszyka .przycisk {
  color: var(--kolor-bialy) !important;
  background-color: var(--kolor-szablonu) !important;
}
/* === KINKIECIK RESTORE BLUE ACCENTS 2026-07-05 END === */

/* === KINKIECIK GPSR ARROW FIX 2026-07-05 START === */
html body #DaneGpsrNaglowek {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

html body #DaneGpsrNaglowek::before {
  content: "\203A" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--kolor-szablonu) !important;
  font-family: Arial, "Noto Sans", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

html body #DaneGpsrNaglowek::after {
  content: "" !important;
  display: none !important;
}
/* === KINKIECIK GPSR ARROW FIX 2026-07-05 END === */

/* === KINKIECIK MOBILE BOTTOM STICKY SEARCH DISABLE 2026-07-05 START === */
@media only screen and (max-width: 1023px) {
  html body .SklepNaglowekKontener.MenuSticky,
  html body .SklepNaglowekKontener.MenuSticky.MenuStickyAnimacja,
  html body .MenuSticky,
  html body .MenuSticky.MenuStickyAnimacja {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    bottom: -160px !important;
    transform: translateY(120%) !important;
    box-shadow: none !important;
  }

  html body .TrescSklepu {
    margin-top: 0 !important;
  }
}
/* === KINKIECIK MOBILE BOTTOM STICKY SEARCH DISABLE 2026-07-05 END === */

/* === KINKIECIK MOBILE MENU CHEVRONS 2026-07-05 START === */
@media only screen and (max-width: 1023px) {
  html body .GorneMenu .IkonaSubMenu,
  html body .GorneMenu .CheckboxRozwinGorneMenu:checked ~ div .IkonaSubMenu {
    width: 44px !important;
    height: 44px !important;
    right: 0 !important;
    background: none !important;
  }

  html body .GorneMenu .IkonaSubMenu::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 9px !important;
    height: 9px !important;
    border-right: 2px solid #17191d !important;
    border-bottom: 2px solid #17191d !important;
    transform: translateY(-50%) rotate(-45deg) !important;
    transition: transform .2s ease, border-color .2s ease !important;
  }

  html body .GorneMenu .CheckboxRozwinGorneMenu:checked ~ div .IkonaSubMenu::before {
    transform: translateY(-62%) rotate(45deg) !important;
  }
}
/* === KINKIECIK MOBILE MENU CHEVRONS 2026-07-05 END === */

/* === KINKIECIK MOBILE MENU COMPACT SPACING 2026-07-05 START === */
@media only screen and (max-width: 1023px) {
  html body .GorneMenu ul.GlowneGorneMenu {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .GorneMenu ul.GlowneGorneMenu > li > div > a,
  html body .GorneMenu ul.GlowneGorneMenu > li > div > span {
    min-height: 40px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body .GorneMenu ul.GlowneGorneMenu li ul li a,
  html body .GorneMenu ul.GlowneGorneMenu li ol li a {
    min-height: 34px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 13px !important;
    line-height: 1.22 !important;
  }

  html body .GorneMenu ul.MenuRozwijaneKolumny {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}
/* === KINKIECIK MOBILE MENU COMPACT SPACING 2026-07-05 END === */

/* === KINKIECIK MOBILE SUBCATEGORY TILES FIT 2026-07-05 START === */
@media only screen and (max-width: 767px) {
  html body .Listing.KxProductListing .Podkategorie {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .Listing.KxProductListing .Podkategorie ul,
  html body .Listing.KxProductListing .Podkategorie ul.KategoriaZdjecie,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    box-sizing: border-box !important;
  }

  html body .Listing.KxProductListing .Podkategorie li,
  html body .Listing.KxProductListing .Podkategorie .OknoRwd,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li {
    display: block !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: none !important;
    box-sizing: border-box !important;
  }

  html body .Listing.KxProductListing .Podkategorie h2,
  html body .Listing.KxProductListing .Podkategorie h3,
  html body .Listing.KxProductListing .Podkategorie a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media only screen and (max-width: 359px) {
  html body .Listing.KxProductListing .Podkategorie ul,
  html body .Listing.KxProductListing .Podkategorie ul.KategoriaZdjecie,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie {
    grid-template-columns: 1fr !important;
  }
}
/* === KINKIECIK MOBILE SUBCATEGORY TILES FIT 2026-07-05 END === */

/* === KINKIECIK MOBILE SUBCATEGORY HYBRID 2026-07-05 START === */
@media only screen and (max-width: 767px) {
  html body .Listing.KxProductListing > .Podkategorie,
  html body .Listing.KxProductListing .Podkategorie {
    width: calc(100vw - 48px) !important;
    max-width: 100% !important;
    margin: 10px auto 14px !important;
    padding: 10px !important;
    background: #f6f4f1 !important;
    border: 1px solid #e8e2da !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie .PodkategorieMobile,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 0 8px !important;
    padding: 10px 38px 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid #e5ded5 !important;
    border-radius: 6px !important;
    color: #17191d !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie .PodkategorieMobile .PodkategorieRozwin,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile .PodkategorieRozwin {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: #17191d !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie .PodkategorieMobile::before,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile::before {
    content: none !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie .PodkategorieMobile::after,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    width: 9px !important;
    height: 9px !important;
    margin: 0 !important;
    border-right: 2px solid #17191d !important;
    border-bottom: 2px solid #17191d !important;
    transform: translateY(-60%) rotate(45deg) !important;
    flex: 0 0 auto !important;
    pointer-events: none !important;
  }

  html body .Listing.KxProductListing .Podkategorie img {
    display: none !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategoreLista.PodkategorieWylaczone {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .MenuMobilnePodkategorieCheckbox:checked ~ .PodkategoreLista.PodkategorieWylaczone {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .MenuMobilnePodkategorieCheckbox:checked + .PodkategorieMobile::after {
    transform: translateY(-40%) rotate(225deg) !important;
  }

  html body .Listing.KxProductListing .Podkategorie ul,
  html body .Listing.KxProductListing .Podkategorie ul.KategoriaZdjecie,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie {
    gap: 8px !important;
    align-items: stretch !important;
  }

  html body .Listing.KxProductListing .Podkategorie li,
  html body .Listing.KxProductListing .Podkategorie .OknoRwd,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li {
    background: transparent !important;
    border: 0 !important;
  }

  html body .Listing.KxProductListing .Podkategorie h2,
  html body .Listing.KxProductListing .Podkategorie h3,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li h2,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li h3 {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: normal !important;
  }

  html body .Listing.KxProductListing .Podkategorie h2 > a,
  html body .Listing.KxProductListing .Podkategorie h3 > a,
  html body .Listing.KxProductListing .Podkategorie li > a,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 9px !important;
    background: #ffffff !important;
    border: 1px solid #e4ddd4 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(35, 31, 28, 0.06) !important;
    color: #252525 !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    font-weight: 650 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  html body .Listing.KxProductListing .Podkategorie h2 > a:hover,
  html body .Listing.KxProductListing .Podkategorie h3 > a:hover,
  html body .Listing.KxProductListing .Podkategorie li > a:hover,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li > a:hover {
    border-color: #d2c7ba !important;
    color: #111111 !important;
  }
}

@media only screen and (max-width: 359px) {
  html body .Listing.KxProductListing .Podkategorie h2 > a,
  html body .Listing.KxProductListing .Podkategorie h3 > a,
  html body .Listing.KxProductListing .Podkategorie li > a,
  html body .Listing.KxProductListing .Podkategorie .KategoriaZdjecie > li > a {
    min-height: 38px !important;
    font-size: 12px !important;
  }
}
/* === KINKIECIK MOBILE SUBCATEGORY HYBRID 2026-07-05 END === */

/* === KINKIECIK MOBILE SUBCATEGORY ARROW OFF 2026-07-05 START === */
@media only screen and (max-width: 767px) {
  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile::before,
  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile::after,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile::before,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile {
    padding-right: 12px !important;
  }
}
/* === KINKIECIK MOBILE SUBCATEGORY ARROW OFF 2026-07-05 END === */

/* === KINKIECIK MOBILE SUBCATEGORY SINGLE ARROW 2026-07-05 START === */
@media only screen and (max-width: 767px) {
  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile {
    position: relative !important;
    padding-right: 34px !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile .PodkategorieRozwin,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile .PodkategorieRozwin {
    background: none !important;
    background-image: none !important;
    background-position: 0 0 !important;
    background-size: auto !important;
    padding-right: 0 !important;
  }

  html body .StrTresc .Listing.KxProductListing > .Podkategorie > .PodkategorieMobile::after,
  html body .Listing.KxProductListing .Podkategorie .PodkategorieMobile::after {
    content: "\25BE" !important;
    display: block !important;
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: #17191d !important;
    font-size: 13px !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }
}
/* === KINKIECIK MOBILE SUBCATEGORY SINGLE ARROW 2026-07-05 END === */

/* === KINKIECIK MOBILE CLS HEADER STABILITY 2026-08-11 START === */
/* Keep the original mobile header in document flow when ShopGold switches its
   class on scroll. This prevents the 219px layout jump while keeping the
   bottom sticky search disabled. */
@media only screen and (max-width: 1023px) {
  html body .SklepNaglowekKontener.MenuSticky,
  html body .SklepNaglowekKontener.MenuSticky.MenuStickyAnimacja,
  html body .MenuSticky,
  html body .MenuSticky.MenuStickyAnimacja {
    display: block !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
  }

  html body .MenuSticky .NaglowekKontakt,
  html body .SklepNaglowekKontener.MenuSticky .NaglowekKontakt {
    display: block !important;
  }

  html body .MenuSticky .KontenerLogo,
  html body .SklepNaglowekKontener.MenuSticky .KontenerLogo {
    display: flex !important;
  }

  html body .MenuSticky .IkonaStart,
  html body .SklepNaglowekKontener.MenuSticky .IkonaStart {
    display: none !important;
  }
}
/* === KINKIECIK MOBILE CLS HEADER STABILITY 2026-08-11 END === */