/* =====================================================================
   C'MIEN · zmiany wyglądu (Jetlag)
   Plik wczytywany bezpośrednio w scripts/header.tpl, po stylach Shopera.
   Po zmianie podbij numer ?v= w scripts/header.tpl (przeglądarki zapamiętują plik).
   Fonty (Jost, Libre Baskerville) wczytuje <link> w header.tpl.
   ===================================================================== */

/* 1. Fonty jak w inspiracji: Jost w tekście, Libre Baskerville w nagłówkach i nazwach produktów */
/* Shoper ustawia Times tylko na body (i licznik koszyka), reszta dziedziczy. Pola formularzy nie dziedziczą fontu same. */
body, input, button, select, textarea, .menu [data-basket-count]::after {font-family: 'Jost', Arial, sans-serif;}
/* Opisy produktów wklejane z edytora mają font wpisany na sztywno (np. Times), więc wymuszamy dziedziczenie. */
.resetcss [style*="font-family"], .resetcss font[face] {font-family: inherit !important;}
/* Linki i napisy wewnątrz nagłówków (np. pozycje menu to h3 > a) zostają w Jost, jak przed zawężeniem reguły. */
h1 *, h2 *, h3 * {font-family: 'Jost', Arial, sans-serif;}
h1, h2, h3, .boxhead, .boxhead span, .productname, .products .product .productname, #box_productfull .productname {font-family: 'Libre Baskerville', Georgia, serif !important;}

/* 2. Menu na telefonie: większe odstępy między kategoriami */
#rwd-menu li a {padding-top: 15px !important; padding-bottom: 15px !important; font-size: 14px; letter-spacing: .04em;}

/* 3. Lista produktów: większe zdjęcia, dalej po dwa obok siebie */
.products.viewphot .product .product-inner-wrap {padding: 0 4px;}
.products.viewphot .product .prodimage .img-wrap img {width: 100%; height: auto;}

/* ---------------------------------------------------------------------
   Kolory C'MIEN (z logo i paska promocji)
   --------------------------------------------------------------------- */
:root {--jl-czern: #221C18; --jl-braz: #4a3f38; --jl-taupe: #a89a8e; --jl-taupe-jasny: #f1f0ee; --jl-linia: rgba(74,63,56,.18);}

/* 4. Sposoby płatności: karta produktu i koszyk */
.jl-platnosci {clear: both; margin: 0 0 4px; padding-top: 22px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;}
.jl-platnosci__tytul {font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #8a7f77; font-weight: 400; width: 100%;}
.jl-platnosci__lista {display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0;}
.jl-pl {display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border: 1px solid var(--jl-linia); border-radius: 4px; background: #fff; font-size: 12px; font-weight: 500; color: var(--jl-braz); white-space: nowrap; margin: 0;}
.jl-pl--blik span {background: #000; color: #fff; padding: 2px 6px; border-radius: 3px; font-weight: 700; letter-spacing: .02em; text-transform: lowercase;}
.jl-pl--paypo span {color: #0a0a0a; font-weight: 700;}
.jl-pl--paypal span {color: #009cde; font-weight: 700; font-style: italic;}
.jl-pl--paypal b {color: #003087;}
.jl-platnosci__tpay {font-size: 11px; color: #7b716a; width: 100%;}
.summary-container + .buttons + .jl-platnosci, .buttons + .jl-platnosci {justify-content: flex-end; text-align: right;}
.buttons + .jl-platnosci .jl-platnosci__lista {justify-content: flex-end;}
@media (max-width: 767px) {.buttons + .jl-platnosci, .buttons + .jl-platnosci .jl-platnosci__lista {justify-content: flex-start; text-align: left;}}

/* 5. SAMPLE SALE: informacja o jednej sztuce */
.jl-sample {border-left: 3px solid var(--jl-braz); background: var(--jl-taupe-jasny); padding: 10px 14px; margin: 12px 0 16px; color: var(--jl-braz);}
.jl-sample__tytul {display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px;}
.jl-sample__tekst {margin: 0; font-size: 14px; line-height: 1.5;}
.jl-sample--kategoria {margin: 0 0 20px;}

/* 6. Polecane produkty: karta produktu i koszyk */
.jl-polecane {clear: both; margin: 32px 0 8px; padding-top: 20px; border-top: 1px solid var(--jl-linia);}
.jl-polecane__tytul {font-size: 18px; font-weight: 400; color: var(--jl-braz); margin: 0 0 16px; text-align: center; letter-spacing: .02em;}
.jl-polecane__lista {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
.jl-polecane__produkt {display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--jl-braz); min-width: 0;}
.jl-polecane__produkt img {width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: var(--jl-taupe-jasny); display: block;}
.jl-polecane__nazwa {font-family: 'Libre Baskerville', Georgia, serif; font-size: 14px; line-height: 1.35;}
.jl-polecane__cena {font-size: 14px; font-weight: 300;}
.jl-polecane__nazwa {font-weight: 400;}
.jl-polecane__produkt, .jl-polecane__produkt:hover, .jl-polecane__produkt:hover * {text-decoration: none !important;}
.jl-polecane__produkt:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: 4px;}
@media (max-width: 767px) {.jl-polecane__lista {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}}

/* 7. Okienko przed wyjściem */
.jl-okno-tlo {position: fixed; inset: 0; z-index: 2147483647; background: rgba(40,33,28,.45); display: flex; align-items: center; justify-content: center; padding: 16px; animation: jl-pojaw .2s ease-out;}
.jl-okno, .jl-okno * {box-sizing: border-box;}
.jl-okno {position: relative; width: 100%; max-width: 420px; background: #fff; color: var(--jl-braz); padding: 36px 32px 28px; text-align: center; box-shadow: 0 20px 60px rgba(40,33,28,.25);}
.jl-okno__x {position: absolute; top: 6px; right: 8px; width: 40px; height: 40px; border: 0; background: none; font-size: 26px; line-height: 1; color: var(--jl-braz); cursor: pointer;}
.jl-okno__marka {display: block; font-family: 'Libre Baskerville', Georgia, serif; letter-spacing: .3em; font-size: 12px; color: var(--jl-taupe); margin-bottom: 14px;}
.jl-okno__tytul {font-size: 24px; font-weight: 400; margin: 0 0 10px; line-height: 1.25;}
.jl-okno__tekst {font-size: 15px; line-height: 1.55; margin: 0 0 20px;}
.jl-okno__kod {display: block; width: 100%; margin: 0 0 16px; padding: 12px; border: 1px dashed var(--jl-taupe); background: var(--jl-taupe-jasny); font-size: 18px; letter-spacing: .15em; color: var(--jl-braz); cursor: pointer;}
.jl-okno, .jl-okno:focus, .jl-okno:focus-visible {outline: none !important;}
.jl-okno__znak {display: block; width: 99px; height: 56px; margin: 0 auto 12px; overflow: hidden;}
/* logo.jpg 1212x1065: znak z EST. 2020 to obszar x 130-1100, y 15-565; skala 56/550 */
.jl-okno__znak img {display: block; width: 123px !important; max-width: none !important; height: auto; margin: -2px 0 0 -13px; mix-blend-mode: multiply;}
.jl-okno__kod {display: flex !important; align-items: center; justify-content: center; gap: 10px; position: relative;}
.jl-okno__kod-ikona {flex: 0 0 auto; opacity: .7;}
.jl-okno__kod:hover .jl-okno__kod-ikona {opacity: 1;}
.jl-okno__kod-info {position: absolute; right: 10px; font-size: 11px; letter-spacing: .04em; opacity: 0; transition: opacity .2s;}
.jl-okno__kod[data-skopiowano] .jl-okno__kod-info {opacity: 1;}
.jl-okno__kod[data-skopiowano] .jl-okno__kod-ikona {opacity: 0;}
.jl-okno__cta.btn:focus:not(:focus-visible) {outline: none;}
.jl-okno__cta.btn {display: block; width: 100%; padding: 14px; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; background: var(--jl-braz); border-color: var(--jl-braz); color: #fff;}
.jl-okno__nie {margin-top: 12px; border: 0; background: none; font-size: 13px; color: #7b716a; text-decoration: underline; cursor: pointer; padding: 6px;}
@media (max-width: 767px) {.jl-okno-tlo {align-items: flex-end; padding: 0;} .jl-okno {max-width: none; padding: 32px 20px 24px;}}
@keyframes jl-pojaw {from {opacity: 0;} to {opacity: 1;}}
@media (prefers-reduced-motion: reduce) {.jl-okno-tlo {animation: none;}}

/* 8. Zapis do newslettera: karta produktu i koszyk */
.jl-ukryty {position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.jl-zapis {clear: both; max-width: 640px; margin: 32px auto 8px; padding: 24px; background: var(--jl-taupe-jasny); color: var(--jl-braz); text-align: center; box-sizing: border-box;}
.jl-zapis * {box-sizing: border-box;}
.jl-zapis__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 20px; margin: 0 0 6px;}
.jl-zapis__tekst {font-size: 14px; line-height: 1.5; margin: 0 0 16px;}
.jl-zapis__pola {display: flex; gap: 8px; margin: 0 0 12px;}
.jl-zapis__email {flex: 1 1 auto; min-width: 0; height: 44px; padding: 0 12px; border: 1px solid var(--jl-linia); background: #fff; font-size: 15px; color: var(--jl-braz);}
.jl-zapis__przycisk.btn {flex: 0 0 auto; height: 44px; padding: 0 18px; background: var(--jl-braz); border: 1px solid var(--jl-braz); color: #fff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; cursor: pointer;}
.jl-zapis__zgoda {display: flex; gap: 8px; align-items: flex-start; text-align: left; font-size: 11px; line-height: 1.45; color: #6b615a; cursor: pointer;}
.jl-zapis__zgoda input {margin-top: 2px; flex: 0 0 auto;}
.jl-zapis__zgoda a {color: inherit; text-decoration: underline;}
@media (max-width: 767px) {.jl-zapis {padding: 20px 16px;} .jl-zapis__pola {flex-direction: column;} .jl-zapis__przycisk.btn {width: 100%;}}
.jl-zapis--wyslano .jl-zapis__tekst {margin-bottom: 6px;} .jl-zapis__tekst--maly {font-size: 12px; color: #6b615a;}

/* 9. Opis kategorii nad listą produktów (np. SAMPLE SALE: informacja o jednej sztuce) */
.categorydesc {border-left: 3px solid var(--jl-braz); background: var(--jl-taupe-jasny); color: var(--jl-braz); padding: 12px 16px; margin: 8px 0 20px; font-size: 14px; line-height: 1.5;}
.categorydesc p {margin: 0 0 4px; font-size: 14px;}
.categorydesc p:last-child {margin-bottom: 0;}
.categorydesc strong {font-weight: 500; letter-spacing: .08em; text-transform: uppercase; font-size: 12px;}

/* 10. Strona glowna, wariant 1: zdjecie z logo, kategorie, bestsellery, o marce */
/* Stare moduły strony głównej (baner Figa, dwa kafle) zastępuje sekcja .jl-home */
.shop_index #box_slider_5, .shop_index #box_custom34, .shop_index #box_custom36 {display: none !important;}
.jl-home {margin: 0 0 24px;}
.jl-hero {position: relative; width: 100vw; margin-left: calc(50% - 50vw); height: 78vh; max-height: 760px; min-height: 420px; overflow: hidden; background: var(--jl-taupe-jasny);}
.jl-hero__zdjecie {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%;}
.jl-hero::before {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,24,20,.05) 40%, rgba(30,24,20,.45) 100%);}
.jl-hero__tresc {position: absolute; left: 0; right: 0; bottom: 8%; text-align: center; color: #fff; padding: 0 16px;}
/* Logo jest brązowe na białym tle: odwracamy kolory i mieszamy, żeby zostało jasne logo na zdjęciu */
.jl-hero__logo {width: 280px; max-width: 60vw; height: auto; filter: invert(1) grayscale(1) brightness(1.8); mix-blend-mode: screen; display: block; margin: 0 auto 10px;}
.jl-hero__haslo {font-family: 'Libre Baskerville', Georgia, serif; font-size: clamp(16px, 2.2vw, 22px); margin: 0 0 18px; color: #fff;}
.jl-hero__cta {display: inline-block; padding: 13px 28px; border: 1px solid #fff; color: #fff !important; text-decoration: none; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; background: rgba(255,255,255,.06);}
.jl-hero__cta:hover, .jl-hero__cta:focus-visible {background: #fff; color: var(--jl-braz) !important;}

.jl-kategorie {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 40px 0 8px;}
.jl-kat {position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; background: var(--jl-taupe-jasny); text-decoration: none;}
.jl-kat img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.jl-kat span {position: absolute; left: 0; right: 0; bottom: 16px; text-align: center; color: #fff; font-family: 'Libre Baskerville', Georgia, serif; font-size: 17px; letter-spacing: .06em; text-shadow: 0 1px 12px rgba(0,0,0,.45);}
.jl-kat:hover img {transform: scale(1.03);}
@media (max-width: 767px) {.jl-kategorie {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 24px;} .jl-kat span {font-size: 15px; bottom: 12px;}}
@media (prefers-reduced-motion: reduce) {.jl-kat img {transition: none;}}
/* Kategorie na telefonie: pasek przewijany w bok jak na innaslodycz.pl (2 karty + kawalek trzeciej, dochodzi do prawej krawedzi) */
@media (max-width: 767px) {
  .jl-kategorie {display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; padding-right: 16px;}
  .jl-kategorie::-webkit-scrollbar {display: none;}
  .jl-kategorie::before, .jl-kategorie::after {display: none !important;}
  .jl-kat {flex: 0 0 44%; scroll-snap-align: start;}
  html body .jl-bestsellery .jl-polecane__lista {display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; padding-right: 16px;}
  .jl-bestsellery .jl-polecane__lista::-webkit-scrollbar {display: none;}
  .jl-bestsellery .jl-polecane__lista::before, .jl-bestsellery .jl-polecane__lista::after {display: none !important;}
  .jl-bestsellery .jl-polecane__produkt {flex: 0 0 44%; scroll-snap-align: start;}
  .jl-przewijany {position: relative;}
  .jl-strzalka {position: absolute; z-index: 2; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: var(--jl-braz); display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 6px rgba(0,0,0,.12); cursor: pointer; -webkit-tap-highlight-color: transparent;}
  .jl-strzalka:focus, .jl-strzalka:focus-visible {outline: none;}
  .jl-strzalka--prawo {right: 0;}
  .jl-strzalka--lewo {left: 8px;}
}
.jl-strzalka {display: none;}
@media (max-width: 767px) {.jl-strzalka {display: flex;} .jl-strzalka[hidden] {display: none !important;}}

.jl-home__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400; font-size: 22px; text-align: center; color: var(--jl-braz); margin: 0 0 20px; letter-spacing: .02em;}
.jl-sekcja__link {display: block; width: max-content; margin: 22px auto 0; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--jl-braz); text-decoration: underline; text-underline-offset: 4px;}
.jl-bestsellery {margin: 48px 0 0;}
.jl-bestsellery .jl-polecane__lista {grid-template-columns: repeat(4, minmax(0, 1fr));}
@media (max-width: 767px) {.jl-bestsellery {margin-top: 36px;} .jl-bestsellery .jl-polecane__lista {grid-template-columns: repeat(2, minmax(0, 1fr));}}
.jl-marka {max-width: 620px; margin: 56px auto 24px; text-align: center; color: var(--jl-braz);}
.jl-marka p {font-size: 16px; line-height: 1.7; margin: 0 0 10px;}
/* Na stronie glownej tresc na bialym tle, bez odstepu nad zdjeciem; newsletter dostaje wlasne tlo */
.shop_index .main.row {background: #fff; padding-top: 0;}
.shop_index #box_newsletter {background: #bdb0a7; padding: 28px 32px; margin-top: 40px; box-sizing: border-box; max-width: 100%;}
@media (max-width: 767px) {.shop_index #box_newsletter {padding: 22px 16px;} .shop_index #box_newsletter * {box-sizing: border-box; max-width: 100%;}}
.jl-bestsellery .jl-polecane__lista:empty {min-height: 380px; background: var(--jl-taupe-jasny);}

/* 11. Karta produktu: serce (ulubione) obok przycisku do koszyka */
#box_productfull .addtobasket-container .button_wrap {display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;}
#box_productfull .addtobasket-container .button_wrap .addtobasket {flex: 1 1 0; min-width: 0; width: auto !important; margin: 0;}
#box_productfull .addtobasket-container .button_wrap .jl-serce {float: none;}
#box_productfull .addtobasket-container .button_wrap > :not(.addtobasket):not(.jl-serce) {flex: 1 1 100%;}
.jl-serce {flex: 0 0 48px; min-height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid currentColor; color: var(--jl-braz); text-decoration: none; transition: background .2s, color .2s;}
.jl-serce:hover, .jl-serce:focus-visible {background: var(--jl-taupe-jasny);}
.jl-serce:hover svg path {fill: currentColor;}

/* 12. Naglowek: mniejsze logo, wyrownane menu, bez ikony domku, bez O mnie i Zamowien indywidualnych w menu */
header.row {background-image: none !important; padding: 0 !important; border-bottom: 1px solid var(--jl-linia);}
.logo-bar.row.container {display: flex; align-items: center; justify-content: space-between; min-height: 0; padding: 6px 0;}
.logo-bar .logo-container {height: auto !important; min-height: 0 !important; justify-content: center; align-items: center;}
.logo-bar .link-logo {margin: 6px auto !important; height: auto !important; display: flex;}
.logo-bar .link-logo img {width: auto !important; height: 76px; max-height: 76px; margin: 0 !important;}
.innermenu .menu-list.large {display: flex; justify-content: center; flex-wrap: wrap; gap: 0 34px; text-align: center; float: none;}
.innermenu .menu-list.large > li {float: none; margin: 0;}
.innermenu .menu-list.large > li.home-link-menu-li {display: none !important;}
.innermenu .menu-list > li:has(> h3 > a[href*="/pl/i/O-MNIE"]),
.innermenu .menu-list > li:has(> h3 > a[href*="/pl/i/ZAMOWIENIA-INDYWIDUALNE"]) {display: none !important;}
.innermenu .menu-list.large > li > h3 > a {letter-spacing: .08em; font-size: 13px;}
/* Okruszki: zamiast domku napis Strona glowna */
.breadcrumbs .breadcrumb-home {display: none !important;}
.breadcrumbs .bred-1 .raq {display: none !important;}
.breadcrumbs .bred-1 span[itemprop="name"] {display: inline !important;}
@media (max-width: 767px) {
  .logo-bar .link-logo img {height: 56px; max-height: 56px;}
  .logo-bar.row.container {padding: 4px 0;}
}

/* 13. Lista produktow: bez przycisku do koszyka i bez lupy (rozmiar i tak wybiera sie na karcie produktu) */
.products .product .product__basket .buttons, .products .product a.quickview {display: none !important;}
.products .product .prodimage img {transition: opacity .2s;}
/* Shoper wyrownuje wysokosc kafelkow z przyciskami; bez nich wysokosc ma wynikac z tresci */
.products .product {height: auto !important; min-height: 0 !important;}
/* user.css sklepu ustawia na telefonie height: 350px !important; ten selektor jest mocniejszy */
.rwd .main #box_mainproducts .products.products .product.product {height: auto !important;}
.products .product .product-inner-wrap {height: auto !important; min-height: 0 !important; margin-bottom: 4px; padding: 0 4px 6px !important;}
.products .product .prodimage .img-wrap {width: 100% !important; height: auto !important;}
/* Shoper ogranicza miniatury do max-height 175-195 px; zdejmujemy limit i trzymamy proporcje zdjec produktow 3:4 */
.products .product .prodimage .img-wrap img {width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 3 / 4; object-fit: cover;}
.products .product .prodimage {margin-bottom: 8px;}
/* Strona glowna: bez 100 px odstepu miedzy menu a zdjeciem glownym */
.shop_index .main.row {margin-top: 0 !important;}

/* 14. Menu na telefonie: panel wysuwany z lewej */
@media (max-width: 979px) {
  #rwd-menu.active {position: fixed !important; top: 0; left: 0; bottom: 0; z-index: 2147483600; width: 84vw; max-width: 340px; margin: 0; padding: 0 0 24px; background: #fff; overflow-y: auto; box-shadow: 8px 0 40px rgba(40,33,28,.18); animation: jl-wysun .25s ease-out; display: block !important; border: 0;}
  #rwd-menu.active > li {border-bottom: 1px solid var(--jl-linia); margin: 0;}
  #rwd-menu.active > li > h3 > a, #rwd-menu.active > li > a {display: block; padding: 16px 20px !important; font-size: 14px; letter-spacing: .08em; color: var(--jl-braz);}
  #rwd-menu > li:has(a[href*="/pl/i/O-MNIE"]),
  #rwd-menu > li:has(a[href*="/pl/i/ZAMOWIENIA-INDYWIDUALNE"]) {display: none !important;}
  .jl-menu-naglowek {display: none;}
  .jl-menu-otwarte .jl-menu-naglowek {display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; z-index: 2147483601; width: 84vw; max-width: 340px; height: 72px; padding: 0 12px 0 20px; box-sizing: border-box; background: #fff; border-bottom: 1px solid var(--jl-linia); animation: jl-wysun .25s ease-out;}
  #rwd-menu.active {padding-top: 72px;}
  #rwd-menu.active li a:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -4px;}
  #rwd-menu.active > li > h3 > a, #rwd-menu.active > li > a {width: 100%; box-sizing: border-box; height: auto !important; min-height: 0 !important; line-height: 20px !important;}
  #rwd-menu.active > li {height: auto !important;}
  .jl-menu-tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 18px; color: var(--jl-braz);}
  .jl-menu-x {width: 44px; height: 44px; border: 0; background: none; font-size: 28px; line-height: 1; color: var(--jl-braz); cursor: pointer;}
  .jl-menu-tlo {display: none;}
  .jl-menu-otwarte .jl-menu-tlo {display: block; position: fixed; inset: 0; z-index: 2147483500; background: rgba(40,33,28,.45); animation: jl-pojaw .2s ease-out;}
  html.jl-menu-otwarte, html.jl-menu-otwarte body {overflow: hidden;}
  .jl-menu-otwarte #pso-bar {visibility: hidden;}
  #rwd-menu.active li a, #rwd-menu.active li h3 {border: 0 !important; box-shadow: none !important;}
}
@keyframes jl-wysun {from {transform: translateX(-100%);} to {transform: none;}}
@media (prefers-reduced-motion: reduce) {#rwd-menu.active, .jl-menu-otwarte .jl-menu-tlo {animation: none;}}

/* 15. Karta produktu (wariant 1) */
.jl-karta > .boxhead {display: none;}
.jl-karta .maininfo > .f-row, .jl-karta .maininfo .f-row:first-child {display: flex; gap: 48px; align-items: flex-start;}
.jl-karta .maininfo .productimg.f-grid-6 {flex: 1 1 56%; width: auto; margin: 0; float: none;}
.jl-karta .jl-karta__info {flex: 1 1 44%; width: auto; margin: 0; float: none; color: var(--jl-braz);}
.jl-karta .jl-karta__info h1 {font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 28px; font-weight: 400; line-height: 1.25; margin: 0 0 10px; color: var(--jl-braz); border: 0; padding: 0;}
.jl-karta .jl-karta__info > .price {margin: 0 0 12px;}
.jl-karta .jl-karta__info .price-name {display: none;}
.jl-karta .jl-karta__info .main-price {font-size: 22px; font-style: normal; color: var(--jl-braz); font-weight: 400;}
.jl-karta .jl-karta__info .availability.row {margin: 0 0 20px; font-size: 13px; color: #7b716a;}
.jl-karta .jl-karta__info .availability.row .row {display: flex; flex-wrap: wrap; gap: 4px 24px; text-align: left;}
.jl-karta .jl-karta__info .availability.row .row > div {display: flex; gap: 6px; width: auto !important; float: none; margin: 0; padding: 0; text-align: left;}
.jl-karta .jl-karta__info .availability.row span {width: auto !important; float: none; display: inline;}
.jl-karta .jl-karta__info .availability.row .second {color: var(--jl-braz);}
.jl-karta .bottomborder {border: 0;}
/* Warianty: etykieta nad polem, pole na cala szerokosc */
#box_productfull.jl-karta .stocks .f-row {display: block !important; margin: 0 0 20px; height: auto !important; min-height: 0 !important;}
#box_productfull.jl-karta .stocks .f-row > .label {margin: 0 0 6px !important;}
.jl-karta .stocks .f-row > div {width: 100% !important; float: none; padding: 0; text-align: left; flex: 0 0 auto !important; min-height: 0 !important; height: auto !important; margin: 0 !important;}
.jl-karta .stocks .f-row label, .jl-karta .stocks .f-row label * {line-height: 1.4 !important; height: auto !important;}
.jl-karta .stocks label {font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--jl-braz);}
.jl-karta .stocks select {width: 100%; height: 46px; padding: 0 12px; border: 1px solid #cfc6bf; background-color: #fff; font-size: 15px; color: var(--jl-braz);}
/* Przycisk do koszyka: ciemny, pelna wysokosc */
.jl-karta .addtobasket-container {display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch;}
.jl-karta .addtobasket-container .quantity_wrap {flex: 0 0 auto; display: flex; align-items: center; gap: 6px; width: auto !important; float: none; margin: 0;}
.jl-karta .addtobasket-container .quantity_wrap input {height: 48px; width: 56px; text-align: center;}
.jl-karta .addtobasket-container .quantity_name {display: none;}
.jl-karta .addtobasket-container .quantity_wrap > * {width: auto !important; float: none; margin: 0 !important;}
#box_productfull.jl-karta .addtobasket-container .quantity_wrap .number-wrap {width: 58px !important; min-width: 0 !important; flex: 0 0 58px !important;}
.jl-karta .addtobasket-container .quantity_wrap .unit {font-size: 13px; color: #7b716a;}
.jl-karta .addtobasket-container .button_wrap {flex: 1 1 0; min-width: 0 !important; width: auto !important; float: none;}
.jl-karta .addtobasket-container .button_wrap .addtobasket {min-height: 48px; background: var(--jl-braz) !important; border-color: var(--jl-braz) !important; color: #fff !important; letter-spacing: .12em; text-transform: uppercase; font-size: 13px;}
.jl-karta .addtobasket-container .button_wrap .addtobasket:hover {background: #362d27 !important;}
.jl-karta .addtobasket-container .jl-serce {flex-basis: 50px; min-height: 48px;}
.jl-karta .addtobasket-container .jl-platnosci {flex: 1 1 100%;}
/* Galeria: wieksze miniatury */
.jl-karta .smallgallery ul {gap: 8px;}
.jl-karta .smallgallery li, .jl-karta .smallgallery li a {width: 72px !important; height: 96px !important;}
.jl-karta .smallgallery li img {width: 72px !important; height: 96px !important; object-fit: cover;}
/* Sekcje rozwijane */
.jl-sekcje {margin: 24px 0 8px; border-top: 1px solid var(--jl-linia);}
.jl-sekcja {border-bottom: 1px solid var(--jl-linia);}
.jl-sekcja__tytul {text-align: left; list-style: none; cursor: pointer; padding: 18px 28px 18px 0; margin: 0 !important; line-height: 1.4 !important; display: block; position: relative; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--jl-braz);}
.jl-sekcja__tytul::-webkit-details-marker {display: none;}
.jl-sekcja__tytul::after {content: '+'; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 300;}
.jl-sekcja[open] > .jl-sekcja__tytul::after {content: '\2212';}
.jl-sekcja__tresc {padding: 0 0 18px; font-size: 14px; line-height: 1.7; color: var(--jl-braz);}
.jl-sekcja__tresc p, .jl-sekcja__tresc li, .jl-sekcja__tresc span, .jl-sekcja__tresc div {font-size: 14px !important; line-height: 1.7 !important;}
.jl-sekcja__tresc p {margin: 0 0 8px;}
.jl-sekcja__tresc ul {margin: 0 0 8px; padding-left: 20px;}
.jl-sekcja__tresc ul li {list-style: disc outside !important; display: list-item !important; padding-left: 2px;}
.jl-sekcja__tresc a {color: var(--jl-braz); text-decoration: underline; text-underline-offset: 3px;}
.jl-karta .productdetails-more-details {border: 0; margin-top: 4px;}
@media (max-width: 767px) {
  .jl-karta .maininfo > .f-row, .jl-karta .maininfo .f-row:first-child {flex-direction: column; gap: 20px;}
  .jl-karta .maininfo .productimg.f-grid-6, .jl-karta .jl-karta__info {flex-basis: auto; width: 100% !important; position: static;}
  .jl-karta .jl-karta__info h1 {font-size: 22px;}
  .jl-karta .smallgallery li, .jl-karta .smallgallery li a {width: 56px !important; height: 75px !important;}
  .jl-karta .smallgallery li img {width: 56px !important; height: 75px !important;}
}
.jl-sekcja__tresc p:empty, .jl-sekcja__tresc p:has(> br:only-child) {display: none;}
.jl-karta .form-basket, .jl-karta .basket {margin-top: 0 !important;}

/* Link do formularza pytania pod wariantami */
.jl-zapytaj {display: flex; width: fit-content; align-items: center; gap: 8px; margin: 2px 0 16px; font-size: 13px; color: var(--jl-braz) !important; text-decoration: none; cursor: pointer;}
.jl-zapytaj svg {flex: 0 0 auto; color: var(--jl-braz);}
.jl-zapytaj u {text-underline-offset: 3px;}
.jl-zapytaj:hover u, .jl-zapytaj:focus-visible u {text-decoration-thickness: 2px;}
.jl-karta .productdetails-more-details.jl-ukryte {display: none !important;}

/* Karta produktu: zdjecie zawsze na pelna szerokosc kolumny, od lewej (powiekszenie Shopera startuje od lewej krawedzi) */
#box_productfull.jl-karta .productimg .mainimg {height: auto !important; max-height: none !important; text-align: left !important; margin-bottom: 12px;}
#box_productfull.jl-karta .productimg .mainimg > img.productimg, #box_productfull.jl-karta .productimg .mainimg > img {display: block; width: 100% !important; height: auto !important; max-height: none !important; margin: 0 !important;}
/* Pseudo-element clearfix Shopera byl elementem flex i z odstepem 48 px przesuwal zdjecie w prawo */
.jl-karta .maininfo > .f-row::before, .jl-karta .maininfo > .f-row::after {display: none !important; content: none !important;}
/* Dostepnosc i wysylka: bez pseudo-elementow clearfix w ukladzie flex (przesuwaly tekst w prawo) */
.jl-karta .jl-karta__info .availability.row .row::before, .jl-karta .jl-karta__info .availability.row .row::after,
.jl-karta .jl-karta__info .availability.row .row > div::before, .jl-karta .jl-karta__info .availability.row .row > div::after {display: none !important; content: none !important;}
.jl-karta .jl-karta__info .availability.row {margin: 0 0 22px; padding-left: 0;}

/* Wykonane w Polsce */
.jl-polska {display: flex; width: fit-content; align-items: center; gap: 8px; margin: -10px 0 14px; font-size: 13px; color: var(--jl-braz);}
.jl-polska svg {flex: 0 0 auto; border-radius: 1px;}

/* 16. Karta produktu na komputerze: zdjecia jedno pod drugim zamiast zdjecia glownego i miniatur */
.jl-galeria {display: none;}
@media (min-width: 768px) {
  .jl-galeria-on .jl-galeria {display: flex; flex-direction: column; gap: 1px;}
  .jl-galeria-on .productimg .mainimg, .jl-galeria-on .productimg .smallgallery {display: none !important;}
  .jl-galeria__zdjecie {position: relative;}
  .jl-galeria__zdjecie img {display: block; width: 100%; height: auto; cursor: zoom-in; background: var(--jl-taupe-jasny);}
  .jl-galeria__zdjecie .tags {position: absolute; top: 0; left: 0; margin: 0;}
  .jl-karta .maininfo, .jl-karta .maininfo > .f-row, #box_productfull.jl-karta, #box_productfull.jl-karta .innerbox {overflow: visible !important;}
}

/* 17. Wiecej swiatla: bez linii nad Zobacz tez, wieksze odstepy miedzy sekcjami */
.jl-karta ~ .jl-polecane, #box_productfull + .jl-polecane, .product-modules + .jl-polecane, .jl-polecane {border-top: 0 !important;}
.jl-karta .jl-polecane, #box_productfull .jl-polecane {margin-top: 96px; padding-top: 0;}
.jl-polecane .jl-polecane__tytul {font-size: 22px; margin-bottom: 24px;}
form.jl-zapis {margin-top: 96px !important; margin-bottom: 96px !important;}
@media (max-width: 767px) {
  .jl-karta .jl-polecane, #box_productfull .jl-polecane {margin-top: 56px;}
  form.jl-zapis {margin-top: 56px !important; margin-bottom: 56px !important;}
}

/* 18. Zapis do newslettera: dwie kolumny na komputerze, spokojniejsza typografia */
form.jl-zapis {max-width: none; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "tytul pola" "tekst zgoda"; column-gap: 56px; row-gap: 10px; align-items: start; text-align: left; padding: 44px 48px; background: var(--jl-taupe-jasny);}
form.jl-zapis > .bottest, form.jl-zapis > div.none {display: none !important;}
.jl-zapis__tytul {grid-area: tytul; font-size: 26px !important; line-height: 1.25; margin: 0 !important; align-self: end;}
.jl-zapis__tekst {grid-area: tekst; font-size: 14px !important; line-height: 1.6; margin: 0 !important; color: #6b615a;}
.jl-zapis__pola {grid-area: pola; margin: 0 !important; gap: 0 !important; align-self: end;}
.jl-zapis__email {height: 52px !important; border: 1px solid #cfc6bf !important; border-right: 0 !important; padding: 0 16px !important; font-size: 15px !important; background: #fff !important;}
.jl-zapis__przycisk.btn {height: 52px !important; padding: 0 26px !important; font-size: 12px !important; letter-spacing: .14em !important;}
.jl-zapis__zgoda {grid-area: zgoda; font-size: 11px !important; line-height: 1.5 !important; color: #8a7f77 !important; gap: 10px !important;}
.jl-zapis__zgoda input {width: 15px; height: 15px; accent-color: var(--jl-braz);}
.jl-zapis--wyslano {display: block; text-align: center;}
@media (max-width: 767px) {
  form.jl-zapis {grid-template-columns: minmax(0, 1fr); grid-template-areas: "tytul" "tekst" "pola" "zgoda"; row-gap: 14px; padding: 28px 20px;}
  .jl-zapis__tytul {font-size: 22px !important;}
  .jl-zapis__email {border-right: 1px solid #cfc6bf !important;}
}

/* 19. Plakietki: Nowosc (bez) i Bestseller (czern), jeden styl wszedzie */
.jl-tagi {position: absolute !important; top: 5px !important; left: 5px !important; right: auto !important; z-index: 3; display: flex !important; flex-direction: column; align-items: flex-start; gap: 4px; margin: 0 !important; padding: 0 !important; list-style: none; width: auto !important; height: auto !important; background: none !important;}
.jl-tagi li {min-height: 0 !important; display: block !important; margin: 0 !important; padding: 5px 9px !important; list-style: none; background: #e6dccf !important; color: var(--jl-braz) !important; border-radius: 0; width: auto !important; height: auto !important; float: none !important; position: static !important;}
.jl-tagi li span, .products .product .prodimage .jl-tagi li span {min-height: 0 !important; max-height: none !important; height: auto !important; width: auto !important; display: block; background: none !important; padding: 0 !important; color: inherit !important; font-size: 10px !important; line-height: 1.2 !important; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; white-space: nowrap;}
.jl-tagi li.jl-best {background: #1a1a1a !important; color: #fff !important;}
/* 30.10: plakietki blizniacze (ten sam font 9px, padding i wysokosc), Bestseller nad Nowoscia,
   tlo czesciowo przezroczyste, ale mocniejsze niz pierwsza proba (50%), zeby nie ginelo na zdjeciach. */
.jl-tagi li, .jl-tagi li.jl-best {padding: 2px 5px !important; font-weight: 500;}
.jl-tagi li span, .products .product .prodimage .jl-tagi li span {font-size: 9px !important; font-weight: 500 !important;}
.jl-tagi li.jl-best {order: -1;}
.jl-tagi li:not(.jl-best) {background: rgba(230,220,207,.85) !important; color: #4a3f38 !important;}
.jl-tagi li.jl-best {background: rgba(26,26,26,.7) !important; color: #fff !important;}
/* Lista produktow: zdjecie na cala szerokosc kafelka, plakietki na zdjeciu */
.products .product .prodimage {position: relative; display: block;}
.products .product .product-inner-wrap {padding: 0 !important;}
.products .product {padding-left: 6px !important; padding-right: 6px !important; box-sizing: border-box;}
.products .product .prodimage .img-wrap {display: block !important; margin: 0 !important;}
.jl-polecane__foto {position: relative; display: block;}
.jl-polecane__foto img {width: 100%; aspect-ratio: 3 / 4; object-fit: cover; background: var(--jl-taupe-jasny); display: block;}
.jl-galeria__zdjecie .tags:not(.jl-tagi), .jl-karta .mainimg .tags:not(.jl-tagi) {display: none !important;}
.jl-karta .mainimg {position: relative;}

/* 20. Lista produktow: nazwa i cena od lewej, jak w Zobacz tez (cena w dotychczasowym kolorze) */
.products .product .product-inner-wrap, .products .product .prodname, .products .product .product__basket, .products .product .price, .products .product .price p {text-align: left !important; justify-content: flex-start !important;}
.products .product .productname {font-size: 14px !important; line-height: 1.35 !important; padding: 8px 0 0 !important; color: var(--jl-braz) !important; text-align: left !important;}
.products .product .price {margin-top: 4px !important;}
.products .product .price em {font-size: 14px !important; font-weight: 300 !important;}
.products .product .productname {font-weight: 400 !important;}
/* Odstepy w kafelku jak w Zobacz tez: zdjecie, 6px, nazwa, 6px, cena; miedzy rzedami 32px */
html body .products .product {margin: 0 0 32px !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.products .product .product-inner-wrap {margin: 0 !important;}
.products .product .prodimage {margin: 0 0 6px !important;}
.products .product .productname {padding-top: 0 !important; height: auto !important; min-height: 0 !important;}
.products .product .price {margin-top: 6px !important; min-height: 0 !important; height: auto !important; padding: 0 !important;}
.products .product .price p {margin: 0 !important; line-height: 1.35 !important;}
.products .product .price .price__additional-info {margin: 0 !important;}
.products .product .product__basket, .products .product .prodname {height: auto !important; min-height: 0 !important;}
@media (max-width: 767px) {html body .products .product {margin-bottom: 24px !important;}}

/* 21. Numery stron: bez ramek i kresek, aktywna strona podkreslona, strzalki zamiast « » */
.paginator.row {margin: 48px 0 80px;}
ul.paginator {display: flex !important; justify-content: center; align-items: center; gap: 4px; padding: 0; margin: 0 auto; list-style: none;}
ul.paginator li {float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;}
ul.paginator li.stick {display: none !important;}
ul.paginator li > a, ul.paginator li > span {display: flex !important; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 6px !important; border: 0 !important; border-bottom: 1px solid transparent !important; background: none !important; font-size: 14px !important; color: #8a7f77 !important; text-decoration: none !important; box-sizing: border-box;}
ul.paginator li > a:hover {color: var(--jl-braz) !important; border-bottom-color: var(--jl-linia) !important;}
ul.paginator li.selected > span {color: var(--jl-braz) !important; border-bottom-color: var(--jl-braz) !important; font-weight: 500;}
ul.paginator li.first > *, ul.paginator li.last > * {font-size: 0 !important;}
ul.paginator li.first > *::before {content: '\2190'; font-size: 16px;}
ul.paginator li.last > *::before {content: '\2192'; font-size: 16px;}
ul.paginator li.first > span, ul.paginator li.last > span {opacity: .35;}

/* 22. Okruszki: drobne, spokojne, ukosnik zamiast » */
.breadcrumbs {margin: 14px 0 18px !important;}
.breadcrumbs .path li, .breadcrumbs .path li a, .breadcrumbs .path li span {font-size: 11px !important; letter-spacing: .1em; text-transform: uppercase; color: #8a7f77 !important; text-decoration: none !important;}
.breadcrumbs .path li.last span {color: var(--jl-braz) !important;}
.breadcrumbs .path li a:hover span {color: var(--jl-braz) !important;}
.breadcrumbs .path .raq {font-size: 0 !important; margin: 0 8px !important; display: inline-block;}
.breadcrumbs .path .raq::before {content: '/'; font-size: 11px; color: #c4bab2;}
.breadcrumbs .path li.bred-1 .raq {display: none !important;}
.breadcrumbs .path li.bred-1 {display: inline-block !important;}
.breadcrumbs .path li {display: inline-block !important;}
/* Karty polecanych i bestsellerow: bez zmiany koloru po najechaniu (Shoper ma a:hover w kolorze bezowym) */
.jl-polecane__produkt:hover, .jl-polecane__produkt:hover .jl-polecane__nazwa, .jl-polecane__produkt:hover .jl-polecane__cena {color: var(--jl-braz) !important; text-decoration: none !important; opacity: 1 !important;}

/* 23. Warianty jako przyciski */
.jl-ukryty-select {position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none; overflow: hidden;}
.jl-karta .stocks .option_select {position: relative;}
.jl-karta .stocks .option_select::after, .jl-karta .stocks .option_select::before {display: none !important;}
.jl-opcje {display: flex; flex-wrap: wrap; gap: 8px;}
.jl-opcja {min-height: 42px; padding: 0 18px; border: 1px solid #cfc6bf; background: #fff; color: var(--jl-braz); font-family: inherit; font-size: 14px; cursor: pointer; transition: border-color .15s, background .15s;}
.jl-opcja:hover {border-color: var(--jl-braz);}
.jl-opcja--wybrana, .jl-opcja--wybrana:hover {background: var(--jl-braz); border-color: var(--jl-braz); color: #fff;}
.jl-opcja:disabled {opacity: .4; text-decoration: line-through; cursor: not-allowed;}
.jl-opcja:focus-visible {outline: 1px solid var(--jl-braz); outline-offset: 2px;}

/* 24. Wysuwany koszyk: wszystkie miniatury 56x75 (3:4), przyciete, rowno */
.basket-contain .basket-product-list li > img, .basket-contain .basket-product-list img {width: 56px !important; height: 75px !important; max-width: none !important; object-fit: cover; object-position: center;}

/* 25. Stopka (wariant 1): jasna, kolumna marki, naglowki grup, pasek z platnosciami i danymi firmy */
footer.jl-stopka {background: #fff !important; color: var(--jl-braz); border-top: 1px solid var(--jl-linia); padding: 64px 0 0 !important; margin-top: 0;}
footer.jl-stopka .innerfooter {display: flex; gap: 48px; align-items: flex-start;}
.jl-stopka__marka {flex: 0 0 260px; max-width: 260px;}
.jl-stopka__logo img {width: 120px; height: auto; mix-blend-mode: multiply; display: block; margin: 0 0 14px;}
.jl-stopka__opis {font-size: 13px; line-height: 1.6; color: #6b615a; margin: 0 0 14px;}
.jl-stopka__kontakt {list-style: none; margin: 0; padding: 0;}
.jl-stopka__kontakt li {margin: 0 0 6px;}
.jl-stopka__kontakt a {font-size: 14px; color: var(--jl-braz) !important; text-decoration: underline; text-underline-offset: 3px;}
footer.jl-stopka ul.overall {flex: 1 1 auto; display: flex; gap: 32px; margin: 0; padding: 0;}
footer.jl-stopka ul.overall > li {flex: 1 1 0; float: none; width: auto !important; margin: 0; padding: 0; border: 0 !important; background: none !important;}
footer.jl-stopka ul.overall li.head, footer.jl-stopka ul.overall li.head.hidden {display: block !important; font-family: 'Libre Baskerville', Georgia, serif; font-size: 15px; color: var(--jl-braz) !important; margin: 0 0 14px; padding: 0; text-transform: none; letter-spacing: 0;}
footer.jl-stopka ul.overall li a {font-size: 13px; line-height: 1.5; color: #6b615a !important; text-decoration: none; padding: 4px 0; display: inline-block; text-transform: none;}
footer.jl-stopka ul.overall li a:hover {color: var(--jl-braz) !important; text-decoration: underline; text-underline-offset: 3px;}
footer.jl-stopka ul.overall li a img {display: none;}
.jl-stopka__dol {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; margin-top: 48px; padding: 20px 0 28px; border-top: 1px solid var(--jl-linia);}
.jl-stopka__dol .jl-platnosci__lista {margin: 0;}
.jl-stopka__firma {font-size: 11px; color: #8a7f77; margin: 0;}
.jl-stopka__firma > span {white-space: nowrap;}
footer.jl-stopka .userfooter, footer.jl-stopka .userfooter * {font-size: 11px !important; color: #8a7f77 !important; background: none !important;}
footer.jl-stopka .userfooter {padding: 0 0 20px; text-align: center;}
/* Bez przycisku pelnej wersji strony */
html body #turn-classic.btn.rwd, html body #turn-classic, html body .center:has(> #turn-classic) {display: none !important;}
@media (max-width: 767px) {
  footer.jl-stopka {padding-top: 40px !important;}
  footer.jl-stopka .innerfooter {flex-direction: column; gap: 28px;}
  .jl-stopka__marka {flex-basis: auto; max-width: none;}
  footer.jl-stopka ul.overall {flex-direction: column; gap: 0; width: 100%;}
  .jl-stopka__dol {flex-direction: column; align-items: flex-start; margin-top: 8px; border-top: 0;}
  footer.jl-stopka .innerfooter {align-items: stretch;}
  .jl-stopka__marka {width: 100%;}
  footer.jl-stopka .jl-stopka__kontakt li {border: 0 !important; padding: 0 !important; text-align: left !important; width: auto !important;}
  html body footer.jl-stopka ul.overall li.head, html body footer.jl-stopka ul.overall li.head.hidden {background: none !important; text-align: left !important; margin: 0 !important; padding: 14px 0 !important; border-bottom: 1px solid var(--jl-linia) !important;}
  footer.jl-stopka ul.overall {flex: none !important;}
  footer.jl-stopka ul.overall > li {flex: none !important; border-top: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important;}
  footer.jl-stopka ul.overall > li > ul {border: 0 !important;}
  footer.jl-stopka ul.overall > li > ul, footer.jl-stopka ul.overall > li > ul > li {text-align: left !important;}
  footer.jl-stopka ul.overall > li > ul > li:not(.head) {background: none !important; border: 0 !important; padding: 2px 0 !important; height: auto !important;}
  footer.jl-stopka ul.overall > li > ul > li:not(.head):nth-child(2) {padding-top: 10px !important;}
  footer.jl-stopka ul.overall > li > ul > li:not(.head):last-child {padding-bottom: 12px !important;}
}
/* Stopka: clearfix Shopera poza ukladem flex; dopisek Shopera stonowany, na bialym tle */
footer.jl-stopka .innerfooter::before, footer.jl-stopka .innerfooter::after, .jl-stopka__dol::before, .jl-stopka__dol::after {display: none !important; content: none !important;}
#shoper-foot {background: #fff !important; padding: 0 0 16px !important; text-align: center;}
#shoper-foot, #shoper-foot a {font-size: 10px !important; color: #b3a9a1 !important;}

/* 26. Ilosc na karcie: [-  1  +] w jednej ramce, bez „szt.” */
.jl-karta .addtobasket-container .quantity_wrap .unit {display: none !important;}
#box_productfull.jl-karta .addtobasket-container .quantity_wrap .number-wrap.jl-ilosc {display: flex !important; align-items: stretch; width: 120px !important; flex: 0 0 120px !important; height: 48px; border: 1px solid var(--jl-linia); box-sizing: border-box; background: #fff;}
.jl-karta .jl-ilosc input[name="quantity"] {flex: 1 1 auto; width: 40px !important; height: 46px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; text-align: center; font-size: 14px; font-weight: 400; color: var(--jl-braz); background: transparent !important; box-shadow: none !important; -moz-appearance: textfield; appearance: textfield;}
.jl-karta .jl-ilosc input[name="quantity"]::-webkit-outer-spin-button, .jl-karta .jl-ilosc input[name="quantity"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.jl-ilosc__btn {flex: 0 0 38px; border: 0; background: none; color: var(--jl-braz); font-size: 18px; font-weight: 300; line-height: 1; cursor: pointer; padding: 0;}
.jl-ilosc__btn:hover {background: var(--jl-taupe-jasny);}
.jl-ilosc__btn:focus {outline: none;}
.jl-ilosc__btn:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -3px;}
.jl-ilosc input:focus {outline: none;}

/* 27. Okno „Zapytaj o produkt” */
.modal.jl-pytanie {width: 480px !important; max-width: calc(100vw - 32px) !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 20px 60px rgba(40,33,28,.25) !important; color: var(--jl-braz); font-family: 'Jost', sans-serif;}
.modal.jl-pytanie .modal-header {display: block !important; position: relative; background: #fff !important; border: 0 !important; padding: 32px 32px 0 !important; height: auto !important; color: var(--jl-braz) !important;}
.modal.jl-pytanie .modal-header h3 {padding-right: 40px !important; font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 20px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--jl-braz) !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; float: none !important;}
.jl-pytanie__produkt {display: block; margin: 6px 0 0; padding-right: 40px; font-size: 13px; color: #7b716a;}
.modal.jl-pytanie .modal-close {position: absolute !important; top: 12px !important; right: 12px !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; background: none !important; border: 0 !important; box-shadow: none !important; outline: none !important; font-size: 0 !important; color: var(--jl-braz) !important;}
.modal.jl-pytanie .modal-close * {display: none !important;}
.modal.jl-pytanie .modal-close::before {content: "\00d7"; font-size: 28px; line-height: 1; font-weight: 300; color: var(--jl-braz);}
.modal.jl-pytanie .modal-body {padding: 20px 32px 32px !important; background: #fff !important; max-height: none !important; height: auto !important;}
.modal.jl-pytanie fieldset {display: flex; flex-direction: column; gap: 16px; border: 0; margin: 0; padding: 0;}
.modal.jl-pytanie .edition-form-field {display: flex; flex-direction: column; gap: 6px; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important;}
.modal.jl-pytanie .edition-form-field label {font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: .12em; color: #7b716a !important; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; text-align: left !important;}
.modal.jl-pytanie input[type="text"], .modal.jl-pytanie input[type="email"], .modal.jl-pytanie textarea {width: 100% !important; box-sizing: border-box; height: 46px; padding: 0 14px !important; border: 1px solid var(--jl-linia) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; font-family: 'Jost', sans-serif; font-size: 14px !important; color: var(--jl-braz) !important; margin: 0 !important;}
.modal.jl-pytanie textarea {height: 120px; padding: 12px 14px !important; resize: vertical; line-height: 1.5;}
.modal.jl-pytanie textarea::placeholder {color: #a99f97;}
.modal.jl-pytanie input:focus, .modal.jl-pytanie textarea:focus {border-color: var(--jl-braz) !important; outline: none !important;}
.jl-pytanie__info {font-size: 12px !important; color: #7b716a !important; margin: -6px 0 0 !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important;}
.modal.jl-pytanie .row {margin: 4px 0 0 !important; padding: 0 !important;}
.modal.jl-pytanie button[type="submit"] {width: 100% !important; height: 48px; border: 0 !important; border-radius: 0 !important; background: var(--jl-braz) !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase; letter-spacing: .14em; cursor: pointer; box-shadow: none !important; float: none !important; margin: 0 !important;}
.modal.jl-pytanie button[type="submit"] span {color: #fff !important; font-size: inherit !important;}
.modal.jl-pytanie button[type="submit"]:hover {background: #2f2823 !important;}
@media (max-width: 767px) {
  .modal.jl-pytanie .modal-header {padding: 24px 20px 0 !important;}
  .modal.jl-pytanie .modal-body {padding: 16px 20px 24px !important;}
}

/* 28. Naglowek (wariant 1): menu z boku na kazdym ekranie, logo na srodku, lupa i torba po prawej.
   Dziala tylko po wczytaniu jetlag.js (klasa html.jl-naglowek); bez skryptu zostaje naglowek Shopera. */
html.jl-naglowek .wrap > .menu, html.jl-naglowek .menu.row {display: none !important;}
html.jl-naglowek .menu-mobile, html.jl-naglowek #rwd-menu {display: none !important;}
html.jl-naglowek header .logo-bar > .f-row {display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; margin: 0 !important;}
html.jl-naglowek header .logo-bar > .f-row::before, html.jl-naglowek header .logo-bar > .f-row::after {display: none !important; content: none !important;}
html.jl-naglowek header .logo-bar > .f-row > .f-grid-4 {display: flex !important; align-items: center; width: auto !important; min-width: 0; float: none !important; margin: 0 !important; padding: 0 !important; height: auto !important;}
html.jl-naglowek header .logo-bar > .f-row > .f-grid-4:last-child {justify-content: flex-end;}
html.jl-naglowek header .logo-bar .basket, html.jl-naglowek header .logo-bar > .f-row > .f-grid-4 > .search__container {display: none !important;}
html.jl-naglowek .logo-bar .link-logo img {height: 64px; max-height: 64px;}
.jl-naglowek__lewa, .jl-naglowek__prawa {display: flex; align-items: center; gap: 4px;}
.jl-naglowek__lewa {margin-left: -10px;}
.jl-naglowek__prawa {margin-right: -10px;}
.jl-ikona {position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; color: var(--jl-braz) !important; cursor: pointer; text-decoration: none !important;}
.jl-ikona svg {display: block;}
.jl-ikona:hover {color: #000 !important;}
.jl-ikona:focus {outline: none;}
.jl-ikona:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -4px;}
.jl-licznik {position: absolute; top: 6px; right: 4px; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; background: var(--jl-braz); color: #fff; font-size: 10px; font-weight: 500; line-height: 16px; text-align: center;}
.jl-licznik[hidden] {display: none;}
/* Panel szukania pod naglowkiem */
.jl-szukaj {display: none; border-top: 1px solid var(--jl-linia); background: #fff;}
html.jl-szukaj-otwarte .jl-szukaj {display: block; animation: jl-pojaw .2s ease-out;}
.jl-szukaj__wnetrze {padding: 16px 0 20px; float: none !important;}
.jl-szukaj .search__container {display: block !important; width: 100% !important; max-width: 640px; margin: 0 auto !important; position: relative; float: none !important;}
.jl-szukaj .search-form, .jl-szukaj .search__input-area {width: 100% !important; height: auto !important; border: 0 !important; background: none !important; box-shadow: none !important;}
.jl-szukaj input.search__input {width: 100% !important; height: 48px !important; padding: 0 4px !important; border: 0 !important; border-bottom: 1px solid var(--jl-braz) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-family: 'Jost', sans-serif; font-size: 16px !important; color: var(--jl-braz) !important;}
.jl-szukaj input.search__input:focus {outline: none !important;}
.jl-szukaj input.search__input::placeholder {color: #a99f97;}
.jl-szukaj .search__btn-search {width: 44px !important; height: 48px !important; background: none !important; border: 0 !important; color: var(--jl-braz) !important; box-shadow: none !important;}
.jl-szukaj .search__btn-search .fa {color: var(--jl-braz) !important;}
.jl-szukaj .js__search-close-btn {display: none !important;}
/* Menu z boku */
.jl-szuflada {position: fixed; top: 0; left: 0; bottom: 0; z-index: 2147483600; width: 380px; max-width: 86vw; background: #fff; color: var(--jl-braz); overflow-y: auto; box-shadow: 8px 0 40px rgba(40,33,28,.18); transform: translateX(-105%); visibility: hidden; transition: transform .28s ease-out, visibility 0s linear .28s;}
html.jl-szuflada-otwarta .jl-szuflada {transform: none; visibility: visible; transition: transform .28s ease-out;}
.jl-szuflada-tlo {position: fixed; inset: 0; z-index: 2147483500; background: rgba(40,33,28,.45); opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s linear .2s;}
html.jl-szuflada-otwarta .jl-szuflada-tlo {opacity: 1; visibility: visible; transition: opacity .2s;}
html.jl-szuflada-otwarta, html.jl-szuflada-otwarta body {overflow: hidden;}
.jl-szuflada__gora {display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 12px 0 28px; border-bottom: 1px solid var(--jl-linia);}
.jl-szuflada__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 18px;}
.jl-szuflada__x span {font-size: 30px; font-weight: 300; line-height: 1;}
.jl-szuflada__lista {list-style: none; margin: 0; padding: 0;}
.jl-szuflada__lista[hidden] {display: none;}
.jl-szuflada__lista--1 > .jl-szuflada__poz {border-bottom: 1px solid var(--jl-linia);}
.jl-szuflada__wiersz {display: flex; align-items: center;}
.jl-szuflada__link {flex: 1 1 auto; display: block; padding: 18px 28px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--jl-braz) !important; text-decoration: none !important;}
.jl-szuflada__link:hover, .jl-szuflada__link[aria-current="page"] {color: #000 !important; text-decoration: underline !important; text-underline-offset: 4px;}
.jl-szuflada__rozwin {flex: 0 0 56px; height: 56px; border: 0; background: none; color: var(--jl-braz); cursor: pointer; display: flex; align-items: center; justify-content: center;}
.jl-szuflada__rozwin svg {transition: transform .2s;}
.jl-szuflada__rozwin[aria-expanded="true"] svg {transform: rotate(180deg);}
.jl-szuflada__lista--2 {padding: 0 0 12px;}
.jl-szuflada__lista--2 .jl-szuflada__link {padding: 9px 28px 9px 44px; font-size: 14px; letter-spacing: .02em; text-transform: none;}
.jl-szuflada__dol {list-style: none; margin: 0; padding: 24px 28px;}
.jl-szuflada__dol a {display: block; padding: 8px 0; font-size: 14px; color: #6b615a !important; text-decoration: none !important;}
.jl-szuflada__dol a:hover {color: var(--jl-braz) !important; text-decoration: underline !important; text-underline-offset: 3px;}
.jl-szuflada a:focus, .jl-szuflada button:focus {outline: none;}
.jl-szuflada a:focus-visible, .jl-szuflada button:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -4px;}
html.jl-szuflada-otwarta #pso-bar {visibility: hidden;}
@media (max-width: 767px) {
  html.jl-naglowek .logo-bar .link-logo img {height: 48px; max-height: 48px;}
  .jl-naglowek__lewa {margin-left: 0;}
  .jl-naglowek__prawa {margin-right: 0; gap: 0;}
  .jl-szukaj__wnetrze {padding: 12px 16px 16px;}
  .jl-szuflada__gora {padding-left: 20px;}
  .jl-szuflada__link {padding-left: 20px; padding-right: 20px;}
  .jl-szuflada__lista--2 .jl-szuflada__link {padding-left: 36px;}
  .jl-szuflada__dol {padding: 20px;}
}
@media (prefers-reduced-motion: reduce) {.jl-szuflada, .jl-szuflada-tlo {transition: none !important;}}

/* 29. Podglad koszyka pod torba (komputer) */
html.jl-naglowek header .basket-contain {display: none !important;}
html.jl-naglowek header .jl-naglowek__koszyk {position: relative !important;}
html.jl-naglowek.jl-koszyk-podglad header .basket-contain {display: block !important; position: absolute !important; top: calc(100% + 4px) !important; left: auto !important; right: -10px !important; z-index: 1000; width: 360px !important; max-height: 70vh; overflow: hidden auto; padding: 8px 20px 20px; box-sizing: border-box; background: #fff; border: 1px solid var(--jl-linia); box-shadow: 0 16px 40px rgba(40,33,28,.14); text-align: left; color: var(--jl-braz); animation: jl-pojaw .15s ease-out;}
html.jl-naglowek header .basket-contain .basket-products {width: auto !important; height: auto !important; max-height: none !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important;}
html.jl-naglowek header .basket-contain .basket-product-list {list-style: none; margin: 0 !important; padding: 0 !important; width: auto !important;}
html.jl-naglowek header .basket-contain .basket-product-list > li {display: grid !important; grid-template-columns: 56px 1fr auto; grid-template-areas: "foto nazwa usun" "foto info info"; column-gap: 14px; row-gap: 4px; align-items: start; padding: 14px 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--jl-linia) !important; background: none !important; float: none !important; width: auto !important; height: auto !important;}
html.jl-naglowek header .basket-contain .basket-product-list > li > img {grid-area: foto; width: 56px !important; height: 75px !important; object-fit: cover; margin: 0 !important; float: none !important; background: var(--jl-taupe-jasny);}
html.jl-naglowek header .basket-contain .product-name {grid-area: nazwa; font-family: 'Libre Baskerville', Georgia, serif; font-size: 13px !important; font-weight: 400; line-height: 1.35; color: var(--jl-braz) !important; text-decoration: none !important; float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;}
html.jl-naglowek header .basket-contain .product-name:hover {text-decoration: underline !important; text-underline-offset: 3px;}
html.jl-naglowek header .basket-contain .product-info {grid-area: info; display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 0 6px; text-align: left !important; font-size: 12px; color: #7b716a; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important;}
html.jl-naglowek header .basket-contain .product-info > * {float: none !important; display: inline !important; text-align: left !important; margin: 0 !important; padding: 0 !important; width: auto !important;}
html.jl-naglowek header .basket-contain .product-amount::after {content: " szt."; }
html.jl-naglowek header .basket-contain .product-price {font-size: 13px; font-weight: 300; color: var(--jl-braz);}
html.jl-naglowek header .basket-contain .remove-product {grid-area: usun; float: none !important; margin: 0 !important; padding: 0 !important; position: static !important;}
html.jl-naglowek header .basket-contain .remove-product a {font-size: 11px !important; color: #8a7f77 !important; text-decoration: underline !important; text-underline-offset: 3px; background: none !important;}
html.jl-naglowek header .basket-contain .basket-summery {display: flex !important; flex-direction: column-reverse; gap: 14px; padding: 16px 0 0 !important; margin: 0 !important; border: 0 !important; background: none !important; float: none !important; width: auto !important; height: auto !important;}
html.jl-naglowek header .basket-contain .basket-price {display: block !important; width: 100% !important; max-width: none !important; float: none !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; align-self: stretch;}
html.jl-naglowek header .basket-contain .price-total {display: flex !important; justify-content: space-between; align-items: baseline; width: 100%; float: none !important; margin: 0 !important; padding: 0 !important; font-size: 13px; color: var(--jl-braz);}
html.jl-naglowek header .basket-contain .price-products {font-size: 15px; font-weight: 400; margin-left: auto; float: none !important;}
html.jl-naglowek header .basket-contain .product-variant {grid-column: 2 / 4; font-size: 12px; color: #7b716a; line-height: 1.4;}
html.jl-naglowek header .basket-contain .basket-summery > a {display: flex !important; align-items: center; justify-content: center; height: 46px; width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; background: var(--jl-braz) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; font-size: 12px !important; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important;}
html.jl-naglowek header .basket-contain .basket-summery > a:hover {background: #2f2823 !important;}
html.jl-naglowek header .basket-contain::before, html.jl-naglowek header .basket-contain::after {display: none !important;}

/* 30. Pasek promocji z aplikacji (#pso-bar): pelny bez marki zamiast polprzezroczystego fioletu.
   Gorna ramka 5px szablonu Shopera (#bdb0a7) usunieta, bo pasek pelni juz te role. */
html body #pso-bar {background: #bdb0a7 !important; background-color: #bdb0a7 !important; opacity: 1 !important; height: 32px !important; display: flex !important; align-items: center; justify-content: center;}
html body #pso-bar p {margin: 0 !important; padding: 0 40px !important; font-family: 'Jost', Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: var(--jl-braz) !important; line-height: 32px !important;}
html body #pso-bar span {font-size: 20px !important; font-weight: 300 !important; color: var(--jl-braz) !important; text-transform: none; letter-spacing: 0;}
html body header.row {border-top: 0 !important;}

/* 31. Strona glowna: przezroczysty naglowek na zdjeciu, biale logo i ikony.
   Po otwarciu szukania naglowek wraca do bialego tla, zeby panel byl czytelny. */
body.shop_index .wrap {position: relative;}
body.shop_index header.row {position: absolute !important; top: 0; left: 0; right: 0; z-index: 60; background: transparent !important; border-bottom: 0 !important; transition: background-color .2s;}
body.shop_index header.row .jl-ikona {color: #fff !important;}
body.shop_index header.row .jl-ikona:hover {color: #fff !important; opacity: .8;}
body.shop_index header.row .jl-licznik {background: #fff; color: var(--jl-braz);}
body.shop_index header.row::before {content: ""; position: absolute; inset: 0 0 -40px; z-index: -1; pointer-events: none; background: linear-gradient(to bottom, rgba(30,24,20,.35), rgba(30,24,20,0));}
html.jl-szukaj-otwarte body.shop_index header.row {background: #fff !important; border-bottom: 1px solid var(--jl-linia) !important;}
html.jl-szukaj-otwarte body.shop_index header.row::before {display: none;}
html.jl-szukaj-otwarte body.shop_index header.row .jl-ikona {color: var(--jl-braz) !important;}
html.jl-szukaj-otwarte body.shop_index header.row .jl-licznik {background: var(--jl-braz); color: #fff;}
body.shop_index .jl-szukaj {border-top-color: var(--jl-linia);}

/* 32. Lista produktow (widok kafelkow): siatka dokladnie na szerokosc linii nad lista,
   zamiast pol Shopera (ujemny margines 20px i stale 280px). Odstepy jak w Zobacz tez. */
html body .products.viewphot {display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 16px; margin: 0 !important; padding: 0 !important; width: auto !important;}
html body .products.viewphot::before, html body .products.viewphot::after {display: none !important; content: none !important;}
html body .products.viewphot > .product {width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; min-width: 0;}
@media (max-width: 979px) {html body .products.viewphot {grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 767px) {html body .products.viewphot {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px;}}

/* 33. Naglowek listy produktow: tytul z lewej, sortowanie z prawej, bez linii, bez przelacznika widoku
   i bez pustego miejsca (pusty blok search-info i niewidoczne gorne numery stron mialy wysokosc). */
html body #box_mainproducts > .boxhead {display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; height: auto !important; min-height: 0 !important; margin: 8px 0 24px !important; padding: 0 !important; border: 0 !important; background: none !important;}
html body #box_mainproducts > .boxhead::before, html body #box_mainproducts > .boxhead::after {display: none !important; content: none !important;}
html body #box_mainproducts > .boxhead > h1 {float: none !important; margin: 0 !important;}
html body #box_mainproducts > .boxhead > .paginator, html body #box_mainproducts > .boxhead > .search-info:not(:has(*)) {display: none !important;}
html body #box_mainproducts > .boxhead > .search-info:has(*) {flex: 1 1 100%; margin: 0 !important;}
html body #box_mainproducts .sort-and-view {float: none !important; display: flex; align-items: center; margin: 0 !important;}
html body #box_mainproducts .sort-and-view .prodview {display: none !important;}
html body #box_mainproducts .sortlinks {float: none !important; margin: 0 !important; position: relative;}
html body #box_mainproducts .sortlinks select.gotourl {-webkit-appearance: none; appearance: none; height: 40px !important; min-width: 200px; width: auto !important; padding: 0 40px 0 14px !important; margin: 0 !important; border: 1px solid var(--jl-linia) !important; border-radius: 0 !important; box-shadow: none !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%234a3f38' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center !important; font-family: 'Jost', Arial, sans-serif !important; font-size: 12px !important; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var(--jl-braz) !important; cursor: pointer;}
html body #box_mainproducts .sortlinks select.gotourl:hover, html body #box_mainproducts .sortlinks select.gotourl:focus {border-color: var(--jl-braz) !important; outline: none !important;}
html body #box_mainproducts .sortlinks select.gotourl option {text-transform: none; letter-spacing: 0; font-size: 14px;}
@media (max-width: 767px) {
  html body #box_mainproducts > .boxhead {margin: 4px 0 16px !important;}
  html body #box_mainproducts .sortlinks select.gotourl {min-width: 0; max-width: 52vw;}
}

/* 34. Strona glowna: wyzsze zdjecie, wiecej powietrza, sekcja O C'MIEN (tekst + zdjecie Magdy), newsletter w stylu sklepu */
.jl-hero {height: 92vh; max-height: 980px; min-height: 480px;}
.jl-kategorie {margin-top: 80px;}
.jl-bestsellery {margin-top: 96px;}
.jl-bestsellery .jl-home__tytul {margin-bottom: 28px;}
.jl-marka {max-width: none; margin: 120px 0 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: center; text-align: left;}
.jl-marka__tekst {max-width: 480px; justify-self: end; padding: 24px 0;}
.jl-marka__etykieta {font-size: 11px !important; letter-spacing: .18em; text-transform: uppercase; color: #8a7f77; margin: 0 0 16px !important;}
.jl-marka__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400; font-size: 34px; line-height: 1.25; color: var(--jl-braz); margin: 0 0 24px; text-transform: none; letter-spacing: 0;}
.jl-marka__tekst p:not(.jl-marka__etykieta):not(.jl-marka__podpis) {font-size: 16px; line-height: 1.75; margin: 0 0 14px; color: #5e534c;}
.jl-marka__podpis {font-family: 'Libre Baskerville', Georgia, serif; font-style: italic; font-size: 20px !important; margin: 20px 0 28px !important; color: var(--jl-braz);}
.jl-marka__link {display: inline-block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--jl-braz) !important; text-decoration: underline; text-underline-offset: 5px;}
.jl-marka__link:hover {color: #000 !important;}
.jl-marka__foto {aspect-ratio: 4 / 5; width: 100%; max-width: 560px; background: var(--jl-taupe-jasny) center / cover no-repeat;}
.jl-marka__foto--brak {display: flex; align-items: center; justify-content: center; border: 1px dashed #cfc6bf;}
.jl-marka__foto--brak span {font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #a99f97;}
.jl-home-zapis {margin: 120px 0 40px;}
.jl-home-zapis form.jl-zapis {margin: 0 !important;}
body.shop_index #box_newsletter {display: none !important;}
@media (max-width: 767px) {
  .jl-hero {height: 82vh;}
  .jl-kategorie {margin-top: 40px;}
  .jl-bestsellery {margin-top: 56px;}
  .jl-marka {grid-template-columns: minmax(0, 1fr); gap: 28px; margin-top: 64px;}
  .jl-marka__tekst {justify-self: start; padding: 0; order: 2;}
  .jl-marka__foto {order: 1; max-width: none;}
  .jl-marka__tytul {font-size: 26px;}
  .jl-home-zapis {margin: 64px 0 24px;}
}

/* 35. Instagram nad stopka (wszystkie strony) */
#Logoinsta, .bottom-footer .box_custom:has(> pre.prettyprint:only-child) {display: none !important;}
.bottom-footer.row {padding: 0 !important; margin: 0 !important; background: #fff !important;}
.jl-insta {text-align: center; color: var(--jl-braz); padding: 80px 0 88px; margin: 0;}
.jl-insta__etykieta {font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #8a7f77; margin: 0 0 12px;}
.jl-insta__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400; font-size: 30px; line-height: 1.2; margin: 0 0 12px; text-transform: none; letter-spacing: 0;}
.jl-insta__tytul a {color: var(--jl-braz) !important; text-decoration: none !important;}
.jl-insta__tytul a:hover {text-decoration: underline !important; text-underline-offset: 6px;}
.jl-insta__tekst {font-size: 15px; line-height: 1.6; color: #6b615a; margin: 0 0 28px;}
.jl-insta__przycisk {display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 28px; border: 1px solid var(--jl-braz); color: var(--jl-braz) !important; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important; transition: background-color .2s, color .2s;}
.jl-insta__przycisk:hover, .jl-insta__przycisk:focus-visible {background: var(--jl-braz); color: #fff !important;}
.jl-insta__przycisk:focus {outline: none;}
body.shop_index .jl-home-zapis {margin-bottom: 0;}
@media (max-width: 767px) {
  .jl-insta {padding: 56px 16px 64px;}
  .jl-insta__tytul {font-size: 24px;}
}
body.shop_index .jl-insta {padding-top: 40px;}

/* 36. Ekrany dotykowe: zadnych efektow po najechaniu (po dotknieciu przegladarka „przykleja” :hover) */
@media (hover: none) {
  .jl-kat:hover img {transform: none !important;}
  .jl-insta__przycisk:hover {background: none !important; color: var(--jl-braz) !important;}
  .jl-ilosc__btn:hover {background: none !important;}
  .jl-ikona:hover {color: inherit !important; opacity: 1 !important;}
  body.shop_index header.row .jl-ikona:hover {color: #fff !important;}
  .jl-szuflada__link:hover:not([aria-current="page"]) {color: var(--jl-braz) !important; text-decoration: none !important;}
  footer.jl-stopka ul.overall li a:hover {color: #6b615a !important; text-decoration: none !important;}
  .jl-marka__link:hover, .jl-insta__tytul a:hover {color: var(--jl-braz) !important;}
  .jl-insta__tytul a:hover {text-decoration: none !important;}
  .jl-hero__cta:hover {background: rgba(255,255,255,.06) !important; color: #fff !important;}
  .jl-karta .addtobasket-container .button_wrap .addtobasket:hover {background: var(--jl-braz) !important;}
  html body #box_mainproducts .sortlinks select.gotourl:hover {border-color: var(--jl-linia) !important;}
}

/* 37. Koszyk: bez linii pod tytulem i bez szarych pasow w tabeli, wyrazny przycisk nastepnego kroku */
body.shop_basket .boxhead {border-bottom: 0 !important; margin-bottom: 8px !important;}
body.shop_basket .boxhead, body.shop_basket .boxhead span {font-family: 'Libre Baskerville', Georgia, serif !important; text-transform: none;}
body.shop_basket table.productlist {border: 0 !important; border-collapse: collapse;}
body.shop_basket table.productlist tr, body.shop_basket table.productlist.zebra tr:nth-child(n) {background: #fff !important;}
body.shop_basket table.productlist th {border: 0 !important; border-bottom: 1px solid var(--jl-linia) !important; background: none !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: #8a7f77 !important;}
body.shop_basket table.productlist td {border: 0 !important; border-bottom: 1px solid var(--jl-linia) !important; background: none !important;}
body.shop_basket table.productlist td a {color: var(--jl-braz) !important; text-decoration: none !important; font-family: 'Libre Baskerville', Georgia, serif; font-size: 14px;}
body.shop_basket .summary-container .sum .value {color: var(--jl-braz) !important; font-size: 20px !important; font-weight: 400 !important;}
body.shop_basket .summary-container .sum .desc {font-size: 16px !important; color: var(--jl-braz) !important;}
body.shop_basket .buttons {display: flex !important; justify-content: flex-end; width: 100% !important; float: none !important; clear: both; margin: 24px 0 8px !important; padding: 0 !important; border: 0 !important; background: none !important;}
body.shop_basket .buttons .back {display: none !important;}
body.shop_basket .buttons .forward {float: none !important; display: block; width: 100%; max-width: 360px; margin: 0 !important;}
body.shop_basket .buttons .forward button.order {display: flex !important; align-items: center; justify-content: center; gap: 12px; width: 100% !important; height: 56px !important; padding: 0 28px !important; margin: 0 !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
body.shop_basket .buttons .forward button.order span {color: #fff !important; font-size: inherit !important; white-space: nowrap;}
body.shop_basket .buttons .forward button.order::after {content: "\2192"; font-size: 18px; font-weight: 300; letter-spacing: 0;}
@media (hover: hover) and (pointer: fine) {body.shop_basket .buttons .forward button.order:hover {background: #2f2823 !important;}}
body.shop_basket .jl-platnosci {justify-content: flex-end;}
@media (max-width: 767px) {body.shop_basket .buttons .forward {max-width: none;}}
body.shop_basket .buttons::before, body.shop_basket .buttons::after {display: none !important; content: none !important;}
body.shop_basket .buttons .forward {margin-left: auto !important;}
body.shop_basket .buttons {flex-direction: column; align-items: flex-end; gap: 8px;}
body.shop_basket .buttons .forward {margin-left: 0 !important;}
body.shop_basket .buttons .forward:empty, body.shop_basket .buttons .forward:not(:has(*:not(script))) {display: none !important;}
@media (max-width: 767px) {body.shop_basket .buttons {align-items: stretch;}}

/* 38. Ikony platnosci: BLIK, Visa, Mastercard, Google Pay, Apple Pay, PayPo, PayPal, Tpay (bez „przelew online”) */
.jl-platnosci__lista {flex-wrap: wrap;}
.jl-pl {gap: 4px; justify-content: center; min-width: 46px; box-sizing: border-box;}
.jl-pl--visa span {font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: 900; font-size: 13px; letter-spacing: .02em; color: #1a1f71;}
.jl-pl--mc {padding: 0 8px;}
.jl-pl--gpay span {font-family: Arial, Helvetica, sans-serif; font-weight: 500; font-size: 13px; color: #5f6368;}
.jl-pl--gpay b {font-weight: 700; background: linear-gradient(90deg, #4285f4 0 25%, #ea4335 25% 50%, #fbbc04 50% 75%, #34a853 75%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.jl-pl--apay {color: #000;}
.jl-pl--apay span {font-family: -apple-system, 'Helvetica Neue', Arial, sans-serif; font-weight: 600; font-size: 13px; color: #000;}
.jl-pl--apay svg {margin-top: -2px;}
.jl-pl--tpay span {font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic; font-size: 13px; color: #1d3c8f; letter-spacing: -.01em;}

/* 39. Stopka: ikony mediow spolecznosciowych pod kontaktem */
.jl-stopka__social {display: flex; gap: 6px; list-style: none; margin: 10px 0 0 -10px; padding: 0;}
.jl-stopka__social li {margin: 0;}
.jl-stopka__social a {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--jl-braz) !important; text-decoration: none !important;}
.jl-stopka__social a:focus {outline: none;}
.jl-stopka__social a:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -4px;}
@media (hover: hover) and (pointer: fine) {.jl-stopka__social a:hover {color: #000 !important;}}

/* 40. Galeria Instagrama (wtyczka Maxsote) w sekcji .jl-insta */
.jl-insta #mx-instagram-app {max-width: 100%; margin: 0 0 32px; text-align: left;}
.jl-insta #mx-instagram-app img {display: block; width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; border-radius: 0; background: var(--jl-taupe-jasny);}
.jl-insta #mx-instagram-app a {display: block; text-decoration: none !important;}
.jl-insta--galeria .jl-insta__tekst {margin-bottom: 32px;}
@media (max-width: 767px) {.jl-insta #mx-instagram-app {margin-bottom: 24px;}}

/* 41. Logowanie */
.jl-logowanie {max-width: 980px; margin: 24px auto 40px !important; border: 0 !important; background: none !important;}
.jl-logowanie__siatka {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start;}
.jl-logowanie__karta {padding: 40px; border: 1px solid var(--jl-linia); background: #fff; color: var(--jl-braz); box-sizing: border-box;}
.jl-logowanie__karta--konto {background: var(--jl-taupe-jasny); border-color: transparent;}
.jl-logowanie__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 26px !important; line-height: 1.25; margin: 0 0 28px !important; padding: 0 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--jl-braz) !important; border: 0 !important;}
.jl-logowanie fieldset {border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px;}
.jl-pole {display: flex; flex-direction: column; gap: 6px;}
.jl-pole label {font-size: 11px !important; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #7b716a !important; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important;}
.jl-pole input {width: 100% !important; height: 48px !important; box-sizing: border-box; padding: 0 14px !important; margin: 0 !important; border: 1px solid #cfc6bf !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; font-family: 'Jost', Arial, sans-serif; font-size: 15px !important; color: var(--jl-braz) !important;}
.jl-pole input:focus {border-color: var(--jl-braz) !important; outline: none !important;}
.jl-logowanie__haslo {align-self: flex-start; margin-top: -6px; font-size: 13px; color: #6b615a !important; text-decoration: underline !important; text-underline-offset: 3px;}
.jl-logowanie__przycisk.btn {display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 52px !important; margin: 4px 0 0 !important; padding: 0 24px !important; float: none !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; background: var(--jl-braz) !important; color: #fff !important; box-shadow: none !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
.jl-logowanie__przycisk.btn span {color: inherit !important; font-size: inherit !important;}
.jl-logowanie__przycisk--jasny.btn {background: transparent !important; color: var(--jl-braz) !important;}
@media (hover: hover) and (pointer: fine) {
  .jl-logowanie__przycisk.btn:hover {background: #2f2823 !important; color: #fff !important;}
  .jl-logowanie__przycisk--jasny.btn:hover {background: var(--jl-braz) !important;}
}
.jl-logowanie__social {display: flex !important; flex-direction: column; gap: 10px; margin: 28px 0 0 !important; padding: 0 !important; border: 0 !important;}
.jl-logowanie__albo {display: flex; align-items: center; gap: 14px; margin: 0 0 6px !important; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8a7f77;}
.jl-logowanie__albo::before, .jl-logowanie__albo::after {content: ""; flex: 1 1 auto; height: 1px; background: var(--jl-linia);}
.jl-logowanie__social .btn {display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100% !important; height: 46px !important; margin: 0 !important; padding: 0 16px !important; float: none !important; border: 1px solid #cfc6bf !important; border-radius: 0 !important; background: #fff !important; background-image: none !important; box-shadow: none !important; color: var(--jl-braz) !important; font-family: 'Jost', Arial, sans-serif; font-size: 13px !important; font-weight: 400 !important; letter-spacing: .02em; text-transform: none !important; text-indent: 0 !important;}
.jl-logowanie__social .btn::before, .jl-logowanie__social .btn::after {display: none !important;}
@media (hover: hover) and (pointer: fine) {.jl-logowanie__social .btn:hover {border-color: var(--jl-braz) !important;}}
.jl-logowanie__nota {margin: 4px 0 0 !important; font-size: 11px; line-height: 1.5; color: #8a7f77;}
.jl-logowanie__tekst {font-size: 15px; margin: 0 0 12px !important; color: var(--jl-braz);}
.jl-logowanie__lista {list-style: none; margin: 0 0 28px !important; padding: 0 !important;}
.jl-logowanie__lista li {position: relative; padding: 6px 0 6px 22px !important; font-size: 14px; line-height: 1.5; color: #5e534c; background: none !important;}
.jl-logowanie__lista li::before {content: ""; position: absolute; left: 2px; top: 14px; width: 8px; height: 1px; background: var(--jl-braz);}
body.shop_login .breadcrumbs {margin-bottom: 0;}
@media (max-width: 767px) {
  .jl-logowanie {margin: 8px 0 24px !important;}
  .jl-logowanie__siatka {grid-template-columns: minmax(0, 1fr); gap: 16px;}
  .jl-logowanie__karta {padding: 28px 20px;}
  .jl-logowanie__tytul {font-size: 22px !important; margin-bottom: 22px !important;}
}
.jl-logowanie__lista li {list-style: none !important; background-image: none !important;}
.jl-logowanie__lista li::marker {content: none;}
.jl-logowanie__lista li::before {display: block !important;}
.jl-logowanie .login-inner, .jl-logowanie .login-inner fieldset, .jl-logowanie .register-form, .jl-logowanie .register-form fieldset {width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important;}
.jl-pole input {max-width: none !important;}
.jl-logowanie *, .jl-logowanie *::before, .jl-logowanie *::after {box-sizing: border-box;}
.jl-pole input:-webkit-autofill, .jl-pole input:-webkit-autofill:hover, .jl-pole input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 40px #fff inset !important; box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: var(--jl-braz) !important;}

/* 42. Rejestracja i przypomnienie hasla (wyglad jak logowanie) */
.jl-logowanie--waska, .jl-logowanie--rejestracja {max-width: 520px;}
.jl-logowanie--rejestracja form.jl-logowanie__karta {display: block;}
.jl-logowanie--rejestracja fieldset, .jl-logowanie--rejestracja .address-handler {display: flex; flex-direction: column; gap: 18px; border: 0; margin: 0; padding: 0 !important; background: none !important;}
.jl-logowanie--rejestracja .address-handler > div {display: flex; flex-direction: column; gap: 6px; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; border: 0 !important;}
.jl-logowanie--rejestracja .address-handler > div::before, .jl-logowanie--rejestracja .address-handler > div::after {display: none !important;}
.jl-logowanie--rejestracja .login-label, .jl-logowanie--rejestracja .input, .jl-logowanie--rejestracja .check-label, .jl-logowanie--rejestracja .shaded_inputwrap {display: block; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important;}
.jl-logowanie--rejestracja .login-label label {font-size: 11px !important; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #7b716a !important;}
.jl-logowanie--rejestracja input[type="text"], .jl-logowanie--rejestracja input[type="email"], .jl-logowanie--rejestracja input[type="password"] {width: 100% !important; max-width: none !important; height: 48px !important; box-sizing: border-box; padding: 0 14px !important; margin: 0 !important; border: 1px solid #cfc6bf !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; font-family: 'Jost', Arial, sans-serif; font-size: 15px !important; color: var(--jl-braz) !important;}
.jl-logowanie--rejestracja input:focus {border-color: var(--jl-braz) !important; outline: none !important;}
.jl-logowanie--rejestracja input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: var(--jl-braz) !important;}
.jl-logowanie--rejestracja .hint {display: block; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-size: 12px; color: #8a7f77;}
.jl-logowanie--rejestracja em.color, .jl-logowanie--rejestracja .address-handler > div:has(> span > em.color):not(:has(input)) {display: none !important;}
.jl-logowanie--rejestracja h4.separator {display: none !important;}
.jl-logowanie--rejestracja .input_info {font-size: 12px; line-height: 1.55; color: #8a7f77;}
.jl-logowanie--rejestracja .input_info a, .jl-logowanie--rejestracja .input label a {color: inherit !important; text-decoration: underline !important;}
.jl-logowanie--rejestracja .clear .input {display: flex !important; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.5; color: #5e534c;}
.jl-logowanie--rejestracja .clear .input > label {flex: 1 1 auto; margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; text-align: left !important; font-size: 13px !important;}
.jl-logowanie--rejestracja .clear .input p {flex: 1 1 100%; margin: 4px 0 0 !important; font-size: 12px; color: #8a7f77;}
.jl-logowanie--rejestracja .clear .input {flex-wrap: wrap;}
.jl-logowanie--rejestracja .checkbox-wrap {flex: 0 0 auto; margin: 2px 0 0 !important; float: none !important;}
.jl-logowanie--rejestracja .input_error {margin: 4px 0 0 !important; padding: 0 !important; list-style: none; font-size: 12px; color: #a33a2b;}
.jl-logowanie--rejestracja .shaded_inputwrap.error input, .jl-pole--blad input {border-color: #a33a2b !important;}
.jl-logowanie--rejestracja .bottombuttons {margin: 6px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; width: 100%;}
.jl-logowanie--rejestracja .bottombuttons .btn {float: none !important;}
.jl-logowanie__masz {margin: -16px 0 4px !important; font-size: 14px;}
.jl-logowanie__masz a {color: var(--jl-braz) !important; text-decoration: underline !important; text-underline-offset: 3px;}
.jl-logowanie--waska .jl-logowanie__tekst {margin: -12px 0 22px !important; font-size: 14px; line-height: 1.6; color: #5e534c;}
.jl-logowanie__wroc {margin-top: 2px; align-self: center;}
.jl-pole__bledy {margin: 4px 0 0 !important; padding: 0 !important; list-style: none; font-size: 12px; color: #a33a2b;}
.jl-logowanie--rejestracja .clear .input > label {flex: 1 1 0; min-width: 0;}
.jl-logowanie--rejestracja .clear .input > .check-label:empty, .jl-logowanie--rejestracja .clear .input > .check-label:not(:has(*)) {display: none !important;}
.jl-logowanie--rejestracja .address-handler {gap: 16px;}

/* 43. Menu z boku: ikony Instagrama i Facebooka na dole */
.jl-szuflada__social {display: flex; gap: 4px; list-style: none; margin: 0; padding: 0 18px 28px;}
.jl-szuflada__social a {display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--jl-braz) !important; text-decoration: none !important;}
@media (max-width: 767px) {.jl-szuflada__social {padding: 0 10px 24px;}}

/* 44. Powiekszenie zdjec (galeria Shopera): biale tlo, bez paska z nazwa pliku, licznikiem i „Skopiuj link”, tylko × i strzalki */
.js__gallery_new [class*="gallery-bar__"]:not([class*="image-close"]) {display: none !important;}
.js__gallery_new [class*="gallery-bar__"]:has([class*="image-close"]) {display: flex !important;}
.js__gallery_new [class*="main-module_gallery-bar__"]:not([class*="gallery-bar__"] [class*="gallery-bar__"]) {background: #fff !important;}
.js__gallery_new > [class*="gallery-bar"] {background: #fff !important; color: var(--jl-braz) !important; justify-content: flex-end; box-shadow: none !important; border: 0 !important;}
.js__gallery_new [class*="image-close"] {display: inline-flex !important; align-items: center; justify-content: center; width: 48px !important; height: 48px !important; margin-right: 8px; color: var(--jl-braz) !important; font-size: 20px !important; cursor: pointer; opacity: 1 !important;}
.js__gallery_new [class*="images-container"] {background: #fff !important;}
.js__gallery_new [class*="icon-arrow-container"] {background: transparent !important; width: 72px !important;}
.js__gallery_new [class*="icon-arrow-container"] [class*="icon-arrow"] {color: var(--jl-braz) !important; font-size: 22px !important;}
@media (hover: hover) and (pointer: fine) {.js__gallery_new [class*="icon-arrow-container"]:hover {background: rgba(74,63,56,.04) !important;}}
.js__gallery_new .sr-only, .js__gallery_new .js__gallery-image-announcement {position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; margin: -1px !important; padding: 0 !important; border: 0 !important;}

/* 45. Menu z boku: ikony spolecznosciowe przyklejone do samego dolu panelu */
.jl-szuflada {display: flex; flex-direction: column;}
.jl-szuflada > * {flex: 0 0 auto;}
.jl-szuflada__social {margin-top: auto !important; padding-top: 16px; border-top: 1px solid var(--jl-linia);}
/* Instagram: bez dolnego przycisku „Obserwuj” (link jest w nazwie profilu), nazwa cienka i bez podkreslenia */
.jl-insta__przycisk {display: none !important;}
.jl-insta__tytul {font-family: 'Jost', Arial, sans-serif !important; font-weight: 300 !important; letter-spacing: .01em;}
.jl-insta__tytul a, .jl-insta__tytul a:hover, .jl-insta__tytul a:focus {text-decoration: none !important;}
.jl-insta #mx-instagram-app {margin-bottom: 0;}
.jl-insta {max-width: 1180px; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;}

/* 46. Newsletter w stopce (minimalistyczny, zamiast duzych blokow) */
.jl-stopka__zapis {flex: 0 0 300px; max-width: 300px;}
footer.jl-stopka form.jl-zapis--stopka {display: block; max-width: none; margin: 0 !important; padding: 0 !important; background: none !important; text-align: left; color: var(--jl-braz);}
.jl-zapis--stopka .jl-zapis__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 15px !important; line-height: 1.4; margin: 0 0 14px !important; align-self: auto;}
.jl-zapis--stopka .jl-zapis__tekst {font-size: 13px !important; line-height: 1.55; color: #6b615a; margin: 0 0 14px !important;}
.jl-zapis--stopka .jl-zapis__pola {display: flex; gap: 0 !important; margin: 0 0 12px !important; border-bottom: 1px solid var(--jl-braz);}
.jl-zapis--stopka .jl-zapis__email {flex: 1 1 auto; min-width: 0; height: 42px !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 14px !important; color: var(--jl-braz);}
.jl-zapis--stopka .jl-zapis__email:focus {outline: none;}
.jl-zapis--stopka .jl-zapis__email::placeholder {color: #a99f97;}
.jl-zapis--stopka .jl-zapis__przycisk.btn {flex: 0 0 42px; width: 42px; height: 42px !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; background: transparent !important; border: 0 !important; color: var(--jl-braz) !important; cursor: pointer;}
.jl-zapis--stopka .jl-zapis__przycisk.btn:focus {outline: none;}
.jl-zapis--stopka .jl-zapis__przycisk.btn:focus-visible {outline: 1px solid var(--jl-taupe); outline-offset: -4px;}
.jl-zapis--stopka .jl-zapis__zgoda {display: flex; gap: 8px !important; align-items: flex-start; font-size: 12px !important; color: #6b615a !important; cursor: pointer;}
.jl-zapis--stopka .jl-zapis__zgoda input {width: 14px; height: 14px; margin: 2px 0 0; accent-color: var(--jl-braz);}
.jl-zapis__wiecej {margin: 6px 0 0 22px; font-size: 11px; color: #8a7f77;}
.jl-zapis__wiecej summary {cursor: pointer; list-style: none; text-decoration: underline; text-underline-offset: 3px; display: inline;}
.jl-zapis__wiecej summary::-webkit-details-marker {display: none;}
.jl-zapis__wiecej p {margin: 8px 0 0; line-height: 1.5;}
.jl-zapis__wiecej a {color: inherit !important; text-decoration: underline;}
footer.jl-stopka .jl-zapis--wyslano {background: none; padding: 0; text-align: left; flex: 0 0 300px; max-width: 300px;}
footer.jl-stopka .jl-zapis--wyslano .jl-zapis__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 15px !important;}
footer.jl-stopka .jl-zapis--wyslano .jl-zapis__tekst {font-size: 13px !important; margin: 8px 0 0 !important;}
@media (max-width: 767px) {.jl-stopka__zapis {flex: 1 1 auto; max-width: none; width: 100%; padding-top: 12px;}}

/* 47. Przycisk „do gory”: maly, bialy, cienka ramka, bez szarego tla */
html body .up {right: 20px !important; bottom: 20px !important;}
html body .up a.btn, html body .up .btn {display: flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; padding: 0 !important; border: 1px solid var(--jl-linia) !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; color: var(--jl-braz) !important; font-size: 18px !important; line-height: 1 !important; opacity: 1;}
html body .up .btn span {display: none !important;}
@media (hover: hover) and (pointer: fine) {html body .up .btn:hover {border-color: var(--jl-braz) !important;}}
@media (max-width: 767px) {
  .jl-zapis--stopka .jl-zapis__pola {flex-direction: row !important;}
  .jl-zapis--stopka .jl-zapis__przycisk.btn {width: 42px !important;}
  .jl-zapis--stopka .jl-zapis__email {border: 0 !important;}
}
.jl-stopka__social li {border: 0 !important; padding: 0 !important; background: none !important;}

/* 48. Newsletter w stopce: lekkie tlo jak na innaslodycz.pl, zgoda w jednym krotkim akapicie */
.jl-stopka__zapis {background: var(--jl-taupe-jasny); padding: 28px 28px 24px; box-sizing: border-box; flex-basis: 340px; max-width: 340px; align-self: flex-start;}
.jl-zapis--stopka .jl-zapis__email {background: transparent !important;}
.jl-zapis--stopka .jl-zapis__zgoda {font-size: 11px !important; line-height: 1.5; color: #7b716a !important;}
.jl-zapis--stopka .jl-zapis__zgoda a {color: inherit !important; text-decoration: underline !important; text-underline-offset: 2px;}
footer.jl-stopka .jl-zapis--wyslano {background: var(--jl-taupe-jasny); padding: 28px; flex-basis: 340px; max-width: 340px;}
@media (max-width: 767px) {.jl-stopka__zapis {max-width: none; flex-basis: auto; padding: 24px 20px 20px; margin-top: 12px;}}

/* 49. Zgoda newslettera w stopce: ukryta do pierwszego kontaktu z polem e-mail */
.jl-zapis--stopka .jl-zapis__zgoda-wrap {display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease;}
.jl-zapis--stopka .jl-zapis__zgoda-wrap > .jl-zapis__zgoda {min-height: 0; overflow: hidden; visibility: hidden; transition: visibility 0s linear .25s;}
.jl-zapis--otwarty .jl-zapis__zgoda-wrap {grid-template-rows: 1fr;}
.jl-zapis--otwarty .jl-zapis__zgoda-wrap > .jl-zapis__zgoda {visibility: visible; transition: none; padding-top: 2px;}
.jl-zapis--brak-zgody .jl-zapis__zgoda {color: #a33a2b !important;}
.jl-zapis--brak-zgody .jl-zapis__zgoda input {outline: 1px solid #a33a2b; outline-offset: 1px;}
@media (prefers-reduced-motion: reduce) {.jl-zapis--stopka .jl-zapis__zgoda-wrap, .jl-zapis--stopka .jl-zapis__zgoda-wrap > .jl-zapis__zgoda {transition: none;}}
.jl-zapis--stopka .jl-zapis__zgoda-wrap::before, .jl-zapis--stopka .jl-zapis__zgoda-wrap::after {display: none !important; content: none !important;}
.jl-zapis--stopka .jl-zapis__zgoda-wrap > .jl-zapis__zgoda, .jl-zapis--stopka .jl-zapis__tytul, .jl-zapis--stopka .jl-zapis__tekst, .jl-zapis--stopka .jl-zapis__pola {grid-area: auto !important;}
.jl-zapis--stopka .jl-zapis__email:focus, .jl-zapis--stopka .jl-zapis__email:focus-visible {outline: none !important; box-shadow: none !important; border: 0 !important;}

/* 50. Koszyk, krok „Twoje dane” (/pl/basket/noreg i podobne): tylko wyglad, bez zmian w polach Shopera */
header.checkout {border-bottom: 1px solid var(--jl-linia) !important;}
header.checkout .logo-bar {display: flex !important; align-items: center; justify-content: space-between; padding: 8px 0 !important;}
header.checkout .link-logo img {height: 56px !important; width: auto !important;}
.basket-steps ol {display: flex !important; gap: 28px; margin: 0 !important; padding: 0 !important; list-style: none;}
.basket-steps li {display: flex !important; align-items: center; gap: 8px; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 11px !important; letter-spacing: .14em; text-transform: uppercase; color: #a99f97 !important;}
header.checkout .basket-steps ol li::before {content: counter(item) !important; position: static !important; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #cfc6bf !important; border-radius: 50% !important; font-size: 11px !important; line-height: 1 !important; letter-spacing: 0; color: #a99f97 !important; background: #fff !important; box-shadow: none !important; transform: none !important;}
header.checkout .basket-steps ol li::after {display: none !important; content: none !important;}
.basket-steps li > a, .basket-steps li > span {display: inline !important; padding: 0 !important; margin: 0 !important; background: none !important; color: inherit !important; text-decoration: none !important; height: auto !important; line-height: 1.3 !important;}
.basket-steps li a span, .basket-steps li span {background: none !important; color: inherit !important; padding: 0 !important; font-size: inherit !important;}
.basket-steps li a span::before, .basket-steps li span::before, .basket-steps li a::before {display: none !important;}
.basket-steps li.mark-green, .basket-steps li.active-step {color: var(--jl-braz) !important;}
header.checkout .basket-steps ol li.active-step::before {background: var(--jl-braz) !important; border-color: var(--jl-braz) !important; color: #fff !important;}
header.checkout .basket-steps ol li.mark-green::before {content: "\2713" !important; border-color: var(--jl-braz) !important; color: var(--jl-braz) !important; background: #fff !important;}

body.shop_basket_address #box_basketaddress {max-width: 1080px; margin: 32px auto 48px !important;}
body.shop_basket_address .basket-step-border {border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important;}
body.shop_basket_address #box_basketaddress .f-row {display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; margin: 0 !important;}
body.shop_basket_address #box_basketaddress .f-row::before, body.shop_basket_address #box_basketaddress .f-row::after {display: none !important;}
body.shop_basket_address #box_basketaddress .f-grid-6 {width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;}
body.shop_basket_address #box_basketaddress h4.separator {font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 18px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--jl-braz) !important; margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; background: none !important;}
body.shop_basket_address #box_basketaddress .client-address h4.separator, body.shop_basket_address #box_basketaddress .client-add-info > h4.separator {margin-top: 32px !important;}
body.shop_basket_address #box_basketaddress table {width: 100% !important; border: 0 !important; margin: 0 !important;}
body.shop_basket_address #box_basketaddress table, body.shop_basket_address #box_basketaddress tbody {display: block;}
body.shop_basket_address #box_basketaddress tr {display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; background: none !important;}
body.shop_basket_address #box_basketaddress td {display: block; width: auto !important; padding: 0 !important; border: 0 !important; text-align: left !important; background: none !important;}
body.shop_basket_address #box_basketaddress td.label label, body.shop_basket_address #box_basketaddress td.label {font-size: 11px !important; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #7b716a !important; line-height: 1.4 !important; height: auto !important; padding: 0 !important;}
body.shop_basket_address #box_basketaddress em.color {color: #a99f97 !important; font-style: normal;}
body.shop_basket_address #box_basketaddress .shaded_inputwrap {display: block; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;}
body.shop_basket_address #box_basketaddress input[type="text"], body.shop_basket_address #box_basketaddress input[type="email"], body.shop_basket_address #box_basketaddress input[type="tel"], body.shop_basket_address #box_basketaddress select, body.shop_basket_address #box_basketaddress textarea {width: 100% !important; max-width: none !important; box-sizing: border-box; height: 46px !important; padding: 0 14px !important; margin: 0 !important; border: 1px solid #cfc6bf !important; border-radius: 0 !important; background-color: #fff !important; box-shadow: none !important; font-family: 'Jost', Arial, sans-serif; font-size: 15px !important; color: var(--jl-braz) !important;}
body.shop_basket_address #box_basketaddress textarea {height: 96px !important; padding: 10px 14px !important; resize: vertical;}
body.shop_basket_address #box_basketaddress input:focus, body.shop_basket_address #box_basketaddress select:focus, body.shop_basket_address #box_basketaddress textarea:focus {border-color: var(--jl-braz) !important; outline: none !important;}
body.shop_basket_address #box_basketaddress label {font-size: 13px; color: #5e534c;}
body.shop_basket_address #box_basketaddress .input_error, body.shop_basket_address #box_basketaddress .error-text {font-size: 12px; color: #a33a2b;}
body.shop_basket_address #box_basketaddress .bottombuttons {display: flex !important; flex-direction: row-reverse; justify-content: space-between; align-items: center; margin: 32px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid var(--jl-linia); background: none !important;}
body.shop_basket_address #box_basketaddress .bottombuttons::before, body.shop_basket_address #box_basketaddress .bottombuttons::after {display: none !important;}
body.shop_basket_address #box_basketaddress .bottombuttons .summary {display: flex !important; align-items: center; justify-content: center; gap: 12px; min-width: 300px; height: 56px !important; padding: 0 28px !important; margin: 0 !important; float: none !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
body.shop_basket_address #box_basketaddress .bottombuttons .summary span {color: #fff !important; font-size: inherit !important;}
body.shop_basket_address #box_basketaddress .bottombuttons .summary::after {content: "\2192"; font-size: 18px; font-weight: 300; letter-spacing: 0;}
body.shop_basket_address #box_basketaddress .bottombuttons .back {float: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #6b615a !important; font-size: 13px !important; text-decoration: underline; text-underline-offset: 3px; text-transform: none !important; cursor: pointer;}
body.shop_basket_address #box_basketaddress .bottombuttons .back span {color: inherit !important;}
body.shop_basket_address #box_basketaddress .bottombuttons .back::before {content: "\2190  "; text-decoration: none;}
@media (hover: hover) and (pointer: fine) {body.shop_basket_address #box_basketaddress .bottombuttons .summary:hover {background: #2f2823 !important;}}
@media (max-width: 767px) {
  .basket-steps ol {gap: 12px;}
  .basket-steps li {font-size: 0 !important; gap: 0;}
  .basket-steps li.active-step {font-size: 10px !important; gap: 6px;}
  body.shop_basket_address #box_basketaddress {margin: 16px 0 32px !important;}
  body.shop_basket_address #box_basketaddress .f-row {grid-template-columns: minmax(0, 1fr); gap: 8px;}
  body.shop_basket_address #box_basketaddress .bottombuttons {flex-direction: column; gap: 16px; align-items: stretch;}
  body.shop_basket_address #box_basketaddress .bottombuttons .summary {min-width: 0; width: 100% !important;}
}
body[class*="shop_basket_"] .jl-insta {display: none !important;}

/* 51. Podpis Jetlag w stopce */
.jl-stopka__autor {margin: 0 !important; padding: 0 0 8px; text-align: center; font-size: 10px; letter-spacing: .08em; line-height: 1;}
.jl-stopka__autor a {display: inline-flex; align-items: center; gap: 6px; color: #b3a9a1 !important; text-decoration: none !important;}
.jl-stopka__autor img {width: auto; height: 12px; opacity: .55; display: block;}
@media (hover: hover) and (pointer: fine) {.jl-stopka__autor a:hover {color: var(--jl-braz) !important;} .jl-stopka__autor a:hover img {opacity: 1;}}

/* 52. Stopka (komputer): e-mail i ikony IG/FB na dole kolumny marki, rowno z dolem kafla newslettera */
@media (min-width: 768px) {
  footer.jl-stopka .innerfooter {align-items: stretch !important;}
  .jl-stopka__marka {display: flex; flex-direction: column;}
  .jl-stopka__marka .jl-stopka__kontakt {margin-top: auto !important;}
  .jl-stopka__marka .jl-stopka__social {margin-bottom: -10px;}
  footer.jl-stopka ul.overall {align-self: flex-start;}
  .jl-stopka__zapis {align-self: flex-start;}
}
@media (min-width: 768px) {
  .jl-stopka__zapis {align-self: stretch !important;}
  .jl-stopka__marka .jl-stopka__social {margin-bottom: -9px !important;}
}

/* 53. Telefon: bez linii pod naglowkiem; na karcie produktu ilosc i serce w jednym rzedzie, „Do koszyka” na cala szerokosc pod spodem */
@media (max-width: 767px) {
  header.row {border-bottom: 0 !important;}
  .jl-karta .addtobasket-container {position: relative;}
  .jl-karta .addtobasket-container .quantity_wrap {flex: 1 1 100% !important;}
  .jl-karta .addtobasket-container .button_wrap {flex: 1 1 100% !important; position: static !important;}
  .jl-karta .addtobasket-container .button_wrap .addtobasket {flex: 1 1 100% !important; width: 100% !important; min-height: 52px;}
  .jl-karta .addtobasket-container .jl-serce {position: absolute !important; top: 0; right: 0; width: 48px !important; height: 48px !important; min-height: 48px !important; flex: none !important; margin: 0 !important;}
}
@media (max-width: 767px) {
  html body #box_productfull.jl-karta .addtobasket-container .button_wrap .addtobasket {height: 52px !important; min-height: 52px !important;}
  html body #box_productfull.jl-karta .addtobasket-container .jl-serce {box-sizing: border-box !important; width: 48px !important; height: 48px !important; min-height: 0 !important;}
}

/* 54. Stopka: ta sama szerokosc co tresc strony (Shoper dawal tu 90% ekranu bez limitu) */
footer.jl-stopka .innerfooter.container, footer.jl-stopka .jl-stopka__dol.container, footer.jl-stopka .userfooter.container {width: auto !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box;}
@media (max-width: 1212px) {footer.jl-stopka .innerfooter.container, footer.jl-stopka .jl-stopka__dol.container {margin-left: 16px !important; margin-right: 16px !important;}}
.jl-stopka__logo img {margin-bottom: 18px;}

/* 55. Telefon: jeden odstep od krawedzi 16px (Shoper dawal .main 22px marginesu + 20px paddingu z kazdej strony) */
@media (max-width: 767px) {
  html body .main.row {margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px !important; padding-right: 16px !important; width: auto !important; box-sizing: border-box;}
  html body .main.row .innermain.container {width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important;}
}

/* 56. Koszyk, krok „Podsumowanie” (step3): tabela jak w koszyku, trzy bloki danych, wyrazny przycisk zamowienia (tekst ustawowy bez zmian) */
body.shop_basket_step3 #box_basketsummary {max-width: 1080px; margin: 32px auto 48px !important; border: 0 !important; background: none !important;}
body.shop_basket_step3 #box_basketsummary .innerbox {padding: 0 !important; border: 0 !important; background: none !important;}
body.shop_basket_step3 table.productlist {border: 0 !important; border-collapse: collapse; width: 100% !important;}
body.shop_basket_step3 table.productlist tr, body.shop_basket_step3 table.productlist.zebra tr:nth-child(n) {background: #fff !important;}
body.shop_basket_step3 table.productlist th, body.shop_basket_step3 table.productlist thead td {border: 0 !important; border-bottom: 1px solid var(--jl-linia) !important; background: none !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; color: #8a7f77 !important;}
body.shop_basket_step3 table.productlist td {border: 0 !important; border-bottom: 1px solid var(--jl-linia) !important; background: none !important; color: var(--jl-braz); vertical-align: middle;}
body.shop_basket_step3 table.productlist td.img img {width: 56px !important; height: 75px !important; object-fit: cover; display: block; margin: 0 auto;}
body.shop_basket_step3 table.productlist td.name a {font-family: 'Libre Baskerville', Georgia, serif; font-size: 14px; color: var(--jl-braz) !important; text-decoration: none !important;}
body.shop_basket_step3 table.productlist td.name .variant {display: block; margin-top: 4px; font-size: 12px; color: #7b716a;}
body.shop_basket_step3 table.productlist td.price, body.shop_basket_step3 table.productlist td.sum {font-weight: 300;}
body.shop_basket_step3 table.productlist td.sum em.color {color: var(--jl-braz) !important; font-style: normal; font-weight: 400;}

body.shop_basket_step3 #box_basketsummary .clear.overflow {display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin: 36px 0 0 !important; padding: 0 !important;}
body.shop_basket_step3 #box_basketsummary .clear.overflow::before, body.shop_basket_step3 #box_basketsummary .clear.overflow::after {display: none !important;}
body.shop_basket_step3 #box_basketsummary .address {width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; min-height: 0 !important; background: none !important; font-size: 14px; line-height: 1.6; color: #5e534c;}
body.shop_basket_step3 #box_basketsummary .address h4.separator {font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 17px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--jl-braz) !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: none !important;}
body.shop_basket_step3 #box_basketsummary .address p {margin: 0 !important;}
body.shop_basket_step3 #box_basketsummary .address a {display: inline-block; margin-top: 6px; font-size: 12px; color: #8a7f77 !important; text-decoration: underline !important; text-underline-offset: 3px;}
body.shop_basket_step3 #box_basketsummary .address ul {list-style: none; margin: 0 !important; padding: 0 !important;}
body.shop_basket_step3 #box_basketsummary .address li {margin: 0 0 8px !important; padding: 0 !important; background: none !important; border: 0 !important;}
body.shop_basket_step3 #box_basketsummary .address strong {font-weight: 500; color: var(--jl-braz);}
body.shop_basket_step3 #box_basketsummary .address, body.shop_basket_step3 #box_basketsummary .address * {word-break: normal !important; overflow-wrap: break-word;}
body.shop_basket_step3 #box_basketsummary p.sum span.label {float: none !important;}

body.shop_basket_step3 #box_basketsummary .taxes {margin: 36px 0 0 !important; padding: 20px 0 0 !important; border-top: 1px solid var(--jl-linia); text-align: right; font-size: 14px; color: #5e534c; background: none !important;}
body.shop_basket_step3 #box_basketsummary p.sum {display: flex; justify-content: flex-end; align-items: baseline; gap: 8px; margin: 8px 0 0 !important; text-align: right; font-size: 16px; color: var(--jl-braz); background: none !important; border: 0 !important;}
body.shop_basket_step3 #box_basketsummary p.sum span.sum {font-size: 22px; font-weight: 400; margin-left: 8px; color: var(--jl-braz) !important;}
body.shop_basket_step3 #box_basketsummary .bottombuttons {display: flex !important; flex-direction: row; justify-content: space-between; align-items: center; height: auto !important; margin: 24px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid var(--jl-linia); background: none !important;}
body.shop_basket_step3 #box_basketsummary .bottombuttons::before, body.shop_basket_step3 #box_basketsummary .bottombuttons::after {display: none !important;}
body.shop_basket_step3 #box_basketsummary .bottombuttons .order {display: flex !important; align-items: center; justify-content: center; gap: 12px; min-width: 340px; height: 56px !important; padding: 0 28px !important; margin: 0 !important; float: none !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .12em; text-transform: uppercase; cursor: pointer;}
body.shop_basket_step3 #box_basketsummary .bottombuttons .order span {color: #fff !important; font-size: inherit !important;}
body.shop_basket_step3 #box_basketsummary .bottombuttons .back {float: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #6b615a !important; font-size: 13px !important; text-transform: none !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
body.shop_basket_step3 #box_basketsummary .bottombuttons .back span {color: inherit !important;}
body.shop_basket_step3 #box_basketsummary .bottombuttons .back::before {content: "\2190  ";}
@media (hover: hover) and (pointer: fine) {body.shop_basket_step3 #box_basketsummary .bottombuttons .order:hover {background: #2f2823 !important;}}
@media (max-width: 767px) {
  body.shop_basket_step3 #box_basketsummary {margin: 16px 0 32px !important;}
  body.shop_basket_step3 #box_basketsummary .clear.overflow {grid-template-columns: minmax(0, 1fr); gap: 24px;}
  body.shop_basket_step3 #box_basketsummary .bottombuttons {flex-direction: column-reverse; gap: 16px; align-items: stretch;}
  body.shop_basket_step3 #box_basketsummary .bottombuttons .order {min-width: 0; width: 100% !important;}
}
body.shop_basket_step3 #box_basketsummary p.sum {overflow: visible !important; height: auto !important; line-height: 1.3 !important;} body.shop_basket_step3 #box_basketsummary p.sum span.label {position: static !important; top: auto !important; font-size: 16px !important; line-height: 1.3 !important; height: auto !important;} body.shop_basket_step3 #box_basketsummary p.sum span.sum {line-height: 1.3 !important; height: auto !important;}

/* 57. Koszyk, krok 2 (logowanie albo zakup bez rejestracji): trzy karty */
body.shop_basket_step2 .jl-krok2 {max-width: 1080px; margin: 32px auto 48px !important; border: 0 !important; background: none !important; color: var(--jl-braz);}
.jl-krok2 *, .jl-krok2 *::before, .jl-krok2 *::after {box-sizing: border-box;}
.jl-krok2__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 26px !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; color: var(--jl-braz) !important;}
.jl-krok2__siatka {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start;}
.jl-krok2__karta {padding: 32px; border: 1px solid var(--jl-linia); background: #fff;}
.jl-krok2__karta--gosc {border: 1px solid var(--jl-braz);}
.jl-krok2__karta--rejestracja {background: var(--jl-taupe-jasny); border-color: transparent;}
.jl-krok2__karta h2 {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 19px !important; line-height: 1.3; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 14px !important; color: var(--jl-braz) !important;}
.jl-krok2__karta > p {font-size: 14px; line-height: 1.6; color: #5e534c; margin: 0 0 20px !important;}
.jl-krok2 form, .jl-krok2 fieldset {width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;}
.jl-krok2 fieldset {display: flex; flex-direction: column; gap: 16px;}
.jl-krok2 .jl-pole input {width: 100% !important;}
.jl-krok2__haslo {align-self: flex-start; margin-top: -6px; font-size: 13px; color: #6b615a !important; text-decoration: underline !important; text-underline-offset: 3px;}
.jl-krok2__przycisk.btn {display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 20px !important; float: none !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; background: var(--jl-braz) !important; color: #fff !important; box-shadow: none !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
.jl-krok2__przycisk.btn span {color: inherit !important; font-size: inherit !important;}
.jl-krok2__karta--gosc .jl-krok2__przycisk.btn::after {content: "\2192"; font-size: 18px; font-weight: 300; letter-spacing: 0;}
.jl-krok2__przycisk--jasny.btn {background: transparent !important; color: var(--jl-braz) !important;}
@media (hover: hover) and (pointer: fine) {
  .jl-krok2__przycisk.btn:hover {background: #2f2823 !important; color: #fff !important;}
  .jl-krok2__przycisk--jasny.btn:hover {background: var(--jl-braz) !important;}
}
.jl-krok2 .jl-pole input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: var(--jl-braz) !important;}
@media (max-width: 979px) {.jl-krok2__siatka {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .jl-krok2__karta--gosc {grid-column: 1 / -1;}}
@media (max-width: 767px) {
  body.shop_basket_step2 .jl-krok2 {margin: 16px 0 32px !important;}
  .jl-krok2__tytul {font-size: 22px !important; margin-bottom: 16px !important;}
  .jl-krok2__siatka {grid-template-columns: minmax(0, 1fr); gap: 16px;}
  .jl-krok2__karta {padding: 24px 20px;}
}

/* 58. Okienko komunikatu Shopera („Wiadomosc ze sklepu”, .modal-alert) */
.modal.modal-alert {width: 400px !important; max-width: calc(100vw - 32px) !important; min-height: 0 !important; height: auto !important; padding: 32px 32px 28px !important; box-sizing: border-box; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 20px 60px rgba(40,33,28,.25) !important; color: var(--jl-braz); text-align: center; font-family: 'Jost', Arial, sans-serif;}
.modal.modal-alert .modal-header {height: auto !important; padding: 0 !important; margin: 0 0 12px !important; background: none !important; border: 0 !important; color: #8a7f77 !important; text-align: center;}
.modal.modal-alert .modal-header h3 {float: none !important; margin: 0 !important; padding: 0 !important; font-family: 'Jost', Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .18em; text-transform: uppercase; color: #8a7f77 !important; line-height: 1.4 !important;}
.modal.modal-alert .modal-body {height: auto !important; max-height: none !important; padding: 0 !important; margin: 0 0 24px !important; background: none !important; font-family: 'Libre Baskerville', Georgia, serif; font-size: 18px !important; line-height: 1.45 !important; color: var(--jl-braz) !important;}
.modal.modal-alert .modal-footer {height: auto !important; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; text-align: center;}
.modal.modal-alert .modal-footer .btn {display: inline-flex !important; align-items: center; justify-content: center; min-width: 160px; height: 46px !important; padding: 0 28px !important; margin: 0 !important; float: none !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important;}
.modal.modal-alert .modal-footer .btn:focus {outline: none;}
.modal.modal-alert .modal-footer .btn:focus, .modal.modal-alert .modal-footer .btn:focus-visible {outline: none !important; box-shadow: none !important;}
@media (hover: hover) and (pointer: fine) {.modal.modal-alert .modal-footer .btn:hover {background: #2f2823 !important;}}
@media (max-width: 767px) {.modal.modal-alert {padding: 28px 20px 24px !important;} .modal.modal-alert .modal-footer .btn {width: 100%;}}

/* 59. Karta produktu: bez „Dostepnosc: na wyczerpaniu”; czas wysylki i zwroty pod przyciskiem „Do koszyka” */
.jl-karta .availability.row.jl-ukryte, .jl-ukryte {display: none !important;}
.jl-dostawa {flex: 1 1 100%; display: flex; align-items: center; gap: 10px; margin: 2px 0 6px !important; font-size: 13px; color: #5e534c;}
.jl-dostawa[hidden] {display: none !important;}
.jl-dostawa svg {flex: 0 0 auto; color: var(--jl-braz);}

/* 60. Produkty wyprzedane: plakietka na miniaturze, przygaszone zdjecie, link „Powiadom o dostepnosci” pod cena */
.jl-tagi li.jl-wyprzedany span {background: #fff !important; color: var(--jl-braz) !important; border: 1px solid var(--jl-braz);}
.products .product.jl-produkt--wyprzedany .prodimage img {opacity: .55; filter: grayscale(.35);}
html body .products .product.jl-produkt--wyprzedany .product__basket .buttons {display: block !important; margin: 6px 0 0 !important; padding: 0 !important; text-align: left;}
.products .product.jl-produkt--wyprzedany .product__basket .buttons .quickview {display: none !important;}
.products .product.jl-produkt--wyprzedany .availability-notifier, .products .product.jl-produkt--wyprzedany .availability-notifier-container {display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; float: none !important; width: auto !important;}
.products .product.jl-produkt--wyprzedany .availability-notifier-btn.btn {display: inline !important; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; float: none !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #6b615a !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: underline !important; text-underline-offset: 3px; cursor: pointer;}
.products .product.jl-produkt--wyprzedany .availability-notifier-btn span {color: inherit !important; font-size: inherit !important;}
.products .product.jl-produkt--wyprzedany .availability-notifier-btn span::first-letter {text-transform: uppercase;}

/* Karta wyprzedanego produktu: przycisk powiadomienia jak glowny przycisk */
#box_productfull .basket .availability-notifier, #box_productfull .basket .availability-notifier-container {width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;}
#box_productfull .availability-notifier-btn.btn {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: 52px !important; padding: 0 24px !important; margin: 0 !important; float: none !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
#box_productfull .availability-notifier-btn.btn span {color: #fff !important; font-size: inherit !important;}
#box_productfull .availability-notifier-btn.btn::before {content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15zM10 20a2 2 0 0 0 4 0' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l1.5 2h-15zM10 20a2 2 0 0 0 4 0' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;}
@media (hover: hover) and (pointer: fine) {#box_productfull .availability-notifier-btn.btn:hover {background: #2f2823 !important;}}

/* Okno „Powiadom mnie, gdy wroci” */
.modal.jl-powiadom {width: 600px !important; max-width: calc(100vw - 32px) !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 20px 60px rgba(40,33,28,.25) !important; color: var(--jl-braz); font-family: 'Jost', Arial, sans-serif;}
.modal.jl-powiadom .modal-header {display: block !important; position: relative; height: auto !important; padding: 28px 28px 0 !important; background: #fff !important; border: 0 !important;}
.modal.jl-powiadom .modal-header h3 {float: none !important; margin: 0 !important; padding: 0 40px 0 0 !important; font-family: 'Jost', Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .18em; text-transform: uppercase; color: #8a7f77 !important; line-height: 1.4 !important;}
.modal.jl-powiadom .modal-close {position: absolute !important; top: 12px !important; right: 12px !important; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; background: none !important; border: 0 !important; font-size: 0 !important;}
.modal.jl-powiadom .modal-close * {display: none !important;}
.modal.jl-powiadom .modal-close::before {content: "\00d7"; font-size: 28px; line-height: 1; font-weight: 300; color: var(--jl-braz);}
.modal.jl-powiadom .modal-body {padding: 16px 28px 28px !important; max-height: none !important; height: auto !important; background: #fff !important;}
.modal.jl-powiadom .modal-body .clearfix {display: grid !important; grid-template-columns: 160px minmax(0, 1fr); gap: 24px; align-items: start;}
.modal.jl-powiadom .modal-body .clearfix::before, .modal.jl-powiadom .modal-body .clearfix::after {display: none !important;}
.modal.jl-powiadom .availability_notify_info {width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;}
.modal.jl-powiadom .availability_notify_info img {width: 100% !important; height: auto !important; aspect-ratio: 3 / 4; object-fit: cover; display: block;}
.modal.jl-powiadom .availability_notify_form {width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;}
.modal.jl-powiadom .availability_notify_form h3 {font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 20px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 18px !important; padding: 0 !important; color: var(--jl-braz) !important; line-height: 1.3 !important;}
.modal.jl-powiadom .availability_notify_form p {margin: 0 !important;}
.modal.jl-powiadom .jl-powiadom__etykieta {font-size: 11px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: #7b716a; margin: 0 0 6px !important;}
.modal.jl-powiadom .availability_notify_form p:has(input) {display: flex; flex-direction: column; gap: 10px;}
.modal.jl-powiadom .availability_notify_form input {width: 100% !important; height: 48px !important; box-sizing: border-box; padding: 0 14px !important; margin: 0 !important; border: 1px solid #cfc6bf !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; font-family: 'Jost', Arial, sans-serif; font-size: 15px !important; color: var(--jl-braz) !important;}
.modal.jl-powiadom .availability_notify_form input:focus {border-color: var(--jl-braz) !important; outline: none !important;}
.modal.jl-powiadom .availability_notify_form button.btn {width: 100% !important; height: 50px !important; margin: 0 !important; padding: 0 20px !important; float: none !important; background: var(--jl-braz) !important; border: 1px solid var(--jl-braz) !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
.modal.jl-powiadom .availability_notify_form button.btn span {color: #fff !important; font-size: inherit !important;}
.modal.jl-powiadom .jl-powiadom__info {margin: 12px 0 0 !important; font-size: 12px; line-height: 1.5; color: #8a7f77;}
@media (max-width: 767px) {
  .modal.jl-powiadom .modal-body .clearfix {grid-template-columns: 90px minmax(0, 1fr); gap: 16px;}
  .modal.jl-powiadom .modal-header {padding: 22px 20px 0 !important;}
  .modal.jl-powiadom .modal-body {padding: 14px 20px 22px !important;}
  .modal.jl-powiadom .availability_notify_form h3 {font-size: 17px !important;}
}
/* Wyprzedane: plakietka na srodku zdjecia, bez ramki */
.jl-tagi:has(.jl-wyprzedany) {top: 50% !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%); margin: 0 !important;}
.jl-tagi li.jl-wyprzedany span {border: 0 !important; outline: none !important; box-shadow: none !important; background: #fff !important; color: var(--jl-braz) !important; padding: 8px 14px !important; font-size: 11px !important; letter-spacing: .16em !important; white-space: nowrap;}
.jl-tagi li.jl-wyprzedany {border: 0 !important; background: #fff !important; color: var(--jl-braz) !important; padding: 9px 16px !important; margin: 0 !important;}
.products .product .prodimage .jl-tagi li.jl-wyprzedany span, .jl-tagi li.jl-wyprzedany span {font-size: 11px !important; letter-spacing: .18em; border: 0 !important; padding: 0 !important; background: none !important;}
/* Okno powiadomienia: odstep miedzy zdjeciem a formularzem, × bez ramki */
html body .modal.jl-powiadom .modal-body .clearfix {display: grid !important; grid-template-columns: 160px minmax(0, 1fr) !important; column-gap: 24px !important;}
.modal.jl-powiadom .modal-close, .modal.jl-powiadom .modal-close:focus, .modal.jl-powiadom .modal-close:focus-visible {outline: none !important; box-shadow: none !important; border: 0 !important;}
@media (max-width: 767px) {html body .modal.jl-powiadom .modal-body .clearfix {grid-template-columns: 90px minmax(0, 1fr) !important; column-gap: 16px !important;}}
.modal.jl-powiadom .availability_notify_info, .modal.jl-powiadom .availability_notify_info img {width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important;} .modal.jl-powiadom .availability_notify_info {overflow: hidden;}
/* Wyprzedane na liscie: „Powiadom mnie” w linii z cena (bez dodatkowej wysokosci kafla) */
.products .product.jl-produkt--wyprzedany .product__basket {position: relative;}
html body .products .product.jl-produkt--wyprzedany .product__basket .buttons {position: absolute !important; right: 0; bottom: 0; margin: 0 !important; display: block !important; width: auto !important;}
.products .product.jl-produkt--wyprzedany .availability-notifier-btn.btn {line-height: 1.35 !important; white-space: nowrap;}
.products .product.jl-produkt--wyprzedany .price {padding-right: 96px !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important;}

/* 61. Zdjecie glowne: bez duzego logo; haslo, wyroznik i przycisk w lewym dolnym rogu, podpis zdjecia jako link do produktu */
.jl-hero__logo {display: none !important;}
.jl-hero::before {background: linear-gradient(180deg, rgba(30,24,20,0) 45%, rgba(30,24,20,.5) 100%) !important;}
.jl-hero__tresc {left: 0 !important; right: 0 !important; bottom: 64px !important; max-width: 1180px; margin: 0 auto; padding: 0 16px !important; box-sizing: border-box; text-align: left !important;}
.jl-hero__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: clamp(30px, 4.4vw, 56px) !important; line-height: 1.12 !important; letter-spacing: -.01em; color: #fff !important; margin: 0 0 12px !important; padding: 0 !important; text-transform: none !important; max-width: 14ch; text-wrap: balance; border: 0 !important;}
.jl-hero__haslo {font-family: 'Jost', Arial, sans-serif !important; font-size: 12px !important; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; margin: 0 0 26px !important; color: #fff !important; opacity: .92;}
.jl-hero__podpis {position: absolute; right: 16px; bottom: 64px; font-size: 13px; color: #fff !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.6); padding-bottom: 2px; z-index: 2;}
@media (hover: hover) and (pointer: fine) {.jl-hero__podpis:hover {border-bottom-color: #fff;}}
@media (max-width: 767px) {
  .jl-hero__tresc {bottom: 72px !important; text-align: center !important;}
  .jl-hero__tytul {max-width: none; margin-left: auto !important; margin-right: auto !important;}
  .jl-hero__podpis {left: 0; right: 0; bottom: 24px; width: max-content; margin: 0 auto; font-size: 12px;}
}
@media (min-width: 1212px) {.jl-hero__podpis {right: calc((100% - 1180px) / 2);}}

/* 62. Karta produktu: ceny dostaw, producent (GPSR), przyklejony pasek zakupu na telefonie */
.jl-ceny-dostaw {list-style: none !important; margin: 4px 0 12px !important; padding: 0 !important; max-width: 360px;}
.jl-ceny-dostaw li {display: flex; justify-content: space-between; gap: 16px; padding: 4px 0 !important; margin: 0 !important; border-bottom: 1px dotted var(--jl-linia); background: none !important;}
.jl-ceny-dostaw li::before, .jl-ceny-dostaw li::marker {content: none !important; display: none !important;}
.jl-producent {margin: 14px 0 0 !important; font-size: 11px; line-height: 1.5; color: #8a7f77;}
.jl-pasek-zakupu {display: none;}
@media (max-width: 767px) {
  .jl-pasek-zakupu {display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; align-items: center; gap: 12px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background: #fff; border-top: 1px solid var(--jl-linia); box-shadow: 0 -8px 24px rgba(40,33,28,.08); transform: translateY(110%); transition: transform .25s ease;}
  html.jl-pasek-zakupu-widoczny .jl-pasek-zakupu {transform: none;}
  .jl-pasek-zakupu__info {flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column;}
  .jl-pasek-zakupu__nazwa {font-family: 'Libre Baskerville', Georgia, serif; font-size: 13px; color: var(--jl-braz); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .jl-pasek-zakupu__cena {font-size: 13px; color: var(--jl-braz); font-weight: 300;}
  .jl-pasek-zakupu__przycisk {flex: 0 0 auto; height: 46px; padding: 0 22px; border: 0; background: var(--jl-braz); color: #fff; font-family: 'Jost', Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
  html.jl-pasek-zakupu-widoczny .up {display: none !important;}
}
@media (prefers-reduced-motion: reduce) {.jl-pasek-zakupu {transition: none;}}

/* 63. Kasa: podpowiedz przy telefonie, skrot koszyka, przycisk na gorze koszyka, bez paska z kodem i bez duzej stopki */
.jl-podpowiedz {display: block; margin-top: 6px; font-size: 12px; color: #8a7f77;}
.jl-skrot {margin: 28px 0 0; padding: 20px 24px; background: var(--jl-taupe-jasny); color: var(--jl-braz);}
.jl-skrot__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 17px; margin: 0 0 12px !important;}
.jl-skrot__lista {list-style: none; margin: 0 0 12px !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px;}
.jl-skrot__lista li {display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 0 !important; background: none !important; font-size: 13px;}
.jl-skrot__lista li::before {display: none !important;}
.jl-skrot__lista img {width: 36px; height: 48px; object-fit: cover; flex: 0 0 auto;}
.jl-skrot__suma {display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 !important; padding-top: 12px; border-top: 1px solid var(--jl-linia); font-size: 14px;}
.jl-skrot__suma strong {font-size: 18px; font-weight: 400;}
.jl-koszyk-gora {display: flex; justify-content: flex-end; margin: 0 0 16px;}
.jl-koszyk-gora__przycisk {height: 44px; padding: 0 22px; border: 1px solid var(--jl-braz); background: var(--jl-braz); color: #fff; font-family: 'Jost', Arial, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; cursor: pointer;}
.jl-koszyk-gora__przycisk::after {content: " \2192";}
@media (hover: hover) and (pointer: fine) {.jl-koszyk-gora__przycisk:hover {background: #2f2823;}}
@media (max-width: 767px) {.jl-koszyk-gora__przycisk {width: 100%;}}
body.shop_basket_step2 #pso-bar, body.shop_basket_address #pso-bar, body.shop_basket_step3 #pso-bar {display: none !important;}
body.shop_basket_step2, body.shop_basket_address, body.shop_basket_step3 {padding-top: 0 !important;}
body.shop_basket_step2 footer.jl-stopka .innerfooter, body.shop_basket_address footer.jl-stopka .innerfooter, body.shop_basket_step3 footer.jl-stopka .innerfooter,
body.shop_basket_step2 .bottom-footer, body.shop_basket_address .bottom-footer, body.shop_basket_step3 .bottom-footer {display: none !important;}
body.shop_basket_step2 footer.jl-stopka, body.shop_basket_address footer.jl-stopka, body.shop_basket_step3 footer.jl-stopka {padding-top: 0 !important;}
body.shop_basket_step2 .jl-stopka__dol, body.shop_basket_address .jl-stopka__dol, body.shop_basket_step3 .jl-stopka__dol {margin-top: 0 !important;}

/* 64. Strona 404 */
#box_404.jl-404 {max-width: 760px; margin: 48px auto 64px !important; text-align: center; border: 0 !important; background: none !important; color: var(--jl-braz);}
.jl-404__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 28px !important; margin: 0 0 12px !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; color: var(--jl-braz) !important;}
.jl-404 p {margin: 0 auto 24px !important; font-size: 15px; color: #5e534c; max-width: 52ch;}
.jl-404__kategorie {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 8px 0 28px; list-style: none; padding: 0;}
.jl-404__kategorie li {margin: 0; padding: 0; background: none;}
.jl-404__kategorie a {display: block; padding: 18px 10px; border: 1px solid var(--jl-linia); color: var(--jl-braz) !important; text-decoration: none !important; font-family: 'Libre Baskerville', Georgia, serif; font-size: 15px;}
@media (hover: hover) and (pointer: fine) {.jl-404__kategorie a:hover {border-color: var(--jl-braz);}}
.jl-404__link {font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--jl-braz) !important; text-decoration: underline !important; text-underline-offset: 5px;}
@media (max-width: 767px) {.jl-404__kategorie {grid-template-columns: repeat(2, minmax(0, 1fr));}}
html body .jl-karta .jl-ceny-dostaw li, html body .jl-ceny-dostaw li {display: flex !important; justify-content: space-between !important; padding-left: 0 !important; list-style: none !important;}

/* 65. Brakujacy wybor wariantu: podswietlona grupa i komunikat pod nia */
.jl-wariant--brak label {color: #a33a2b !important;}
.jl-wariant--brak .jl-opcja {border-color: #a33a2b !important;}
.jl-wariant__komunikat {margin: 6px 0 0 !important; font-size: 13px; color: #a33a2b; font-weight: 400;}
.jl-sekcja .jl-producent {margin-top: 10px !important;}
.jl-etykieta--brak {color: #a33a2b !important;}
/* Podpis Jetlag w linii copyright: „© 2026 C’mien by [sygnet]” */
.jl-stopka__jetlag {display: inline-flex; align-items: center; gap: 3px; color: inherit !important; text-decoration: none !important; vertical-align: baseline;}
.jl-stopka__jetlag img {height: 11px; width: auto; opacity: .6; display: inline-block; position: relative; top: 1px;}
@media (hover: hover) and (pointer: fine) {.jl-stopka__jetlag:hover img {opacity: 1;}}

/* 66. Stopka na telefonie: newsletter na gorze (od krawedzi do krawedzi), listy, marka na srodku, platnosci 4 x 2, prawa autorskie i napis Shopera jednym blokiem na dole */
@media (max-width: 767px) {
  html body footer.jl-stopka {padding-top: 0 !important; border-top: 0 !important;}
  html body footer.jl-stopka .innerfooter {gap: 0 !important;}
  html body footer.jl-stopka .jl-stopka__zapis, html body footer.jl-stopka .jl-zapis--wyslano {order: 1; flex: none !important; width: auto !important; max-width: none !important; margin: 0 -16px !important; padding: 36px 24px 28px !important; text-align: center;}
  html body footer.jl-stopka .jl-zapis__tytul, html body footer.jl-stopka .jl-zapis__tekst {text-align: center !important;}
  html body footer.jl-stopka .jl-zapis__zgoda-wrap {text-align: left;}
  html body footer.jl-stopka ul.overall {order: 2; margin-top: 12px !important;}
  html body footer.jl-stopka .jl-stopka__marka {order: 3; display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 36px;}
  html body footer.jl-stopka .jl-stopka__logo {display: block; width: 150px; height: 40px; overflow: hidden;}
  html body footer.jl-stopka .jl-stopka__logo img {width: 150px !important; max-width: none; margin: -87px 0 0 !important;}
  html body footer.jl-stopka .jl-stopka__marka .jl-stopka__kontakt {margin: 18px 0 0 !important;}
  html body footer.jl-stopka .jl-stopka__kontakt li {text-align: center !important; margin: 0;}
  html body footer.jl-stopka .jl-stopka__marka .jl-stopka__social {justify-content: center; margin: 6px 0 0 !important;}
  html body footer.jl-stopka .jl-stopka__dol {align-items: stretch; gap: 0; margin-top: 24px !important; padding: 0 !important;}
  html body footer.jl-stopka .jl-stopka__dol .jl-platnosci__lista {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
  html body footer.jl-stopka .jl-stopka__dol .jl-pl {min-width: 0; width: 100%; padding: 0 4px;}
  html body footer.jl-stopka .jl-stopka__firma {text-align: center; margin: 24px 0 0 !important; padding: 16px 0 4px; border-top: 1px solid var(--jl-linia);}
  html body #shoper-foot {padding: 0 0 24px !important;}
  html body #shoper-foot, html body #shoper-foot a {font-size: 11px !important; color: #8a7f77 !important;}
}

/* 67. Pasek darmowej dostawy (koszyk i podglad koszyka pod torba) */
.jl-darmowa {margin: 0 0 20px; padding: 14px 16px 16px; background: var(--jl-taupe-jasny); color: var(--jl-braz);}
.jl-darmowa[hidden] {display: none !important;}
.jl-darmowa__tekst {margin: 0 0 10px !important; font-size: 14px; line-height: 1.4; text-align: center;}
.jl-darmowa__tekst strong {font-weight: 500;}
.jl-darmowa__tor {height: 3px; background: rgba(74, 60, 52, .15); overflow: hidden;}
.jl-darmowa__postep {display: block; height: 100%; width: 0; background: var(--jl-braz); transition: width .4s ease;}
.jl-darmowa--podglad {margin: 0 0 12px; padding: 10px 12px 12px;}
.jl-darmowa--podglad .jl-darmowa__tekst {font-size: 13px; margin-bottom: 8px !important;}
@media (prefers-reduced-motion: reduce) {.jl-darmowa__postep {transition: none;}}

/* 68. Koszyk: Paczkomat pierwszy, jeden czas wysylki zamiast kolumny, komunikat po dodaniu */
html.jl-czas-zbiorczo #box_basketlist td.time {display: none !important;}
.jl-koszyk-wysylka {margin: -8px 0 20px !important; font-size: 13px; color: #6b615a; text-align: center;}
.jl-koszyk-wysylka strong {font-weight: 500; color: var(--jl-braz);}
html body .alert-success.jl-alert-dodano {position: relative; display: flex; align-items: center; gap: 10px; max-width: 1180px; margin: 12px auto !important; padding: 12px 44px 12px 16px !important; background: var(--jl-taupe-jasny) !important; border: 0 !important; border-radius: 0 !important; color: var(--jl-braz) !important; font-size: 14px; box-shadow: none !important; transition: opacity .4s ease;}
html body .alert-success.jl-alert-dodano::before {content: ''; flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--jl-braz) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;}
html body .alert-success.jl-alert-dodano p {margin: 0 !important; color: inherit !important;}
html body .alert-success.jl-alert-dodano .close {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: .6; color: var(--jl-braz) !important; background: none !important; border: 0 !important; font-size: 0 !important;}
html body .alert-success.jl-alert-dodano .close::after {content: '\00d7'; font-size: 20px; line-height: 1;}
html body .alert-success.jl-alert-dodano .close:focus {outline: none;}
.jl-alert--znika {opacity: 0; pointer-events: none;}
@media (max-width: 1212px) {html body .alert-success.jl-alert-dodano {margin-left: 16px !important; margin-right: 16px !important;}}

/* 69. 404 i pusty wynik wyszukiwania: kategorie ze zdjeciami jak na glownej */
.jl-404 .jl-kategorie--male {margin: 8px 0 28px; text-align: left;}
.jl-pusty {max-width: 760px; margin: 32px auto 64px; text-align: center; color: var(--jl-braz);}
.jl-pusty__podpowiedz {font-size: 16px !important;}
.jl-pusty__podpowiedz a {color: var(--jl-braz) !important; text-decoration: underline !important; text-underline-offset: 4px; font-family: 'Libre Baskerville', Georgia, serif;}
html.jl-pusty-wynik .centercol .boxhead, html.jl-pusty-wynik .centercol .sort-and-view {display: none !important;}

/* 70. Strona podziekowania */
#box_basketfinal {border: 0 !important; background: none !important;}
#box_basketfinal .innerbox {max-width: 680px; margin: 0 auto; padding: 32px 0 56px !important; color: var(--jl-braz);}
.jl-dzieki {text-align: center; margin-bottom: 28px;}
.jl-dzieki__etykieta {font-size: 11px !important; letter-spacing: .18em; text-transform: uppercase; color: #8a7f77; margin: 0 0 10px !important;}
.jl-dzieki__tytul {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 30px !important; margin: 0 0 10px !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; color: var(--jl-braz) !important;}
.jl-dzieki__tekst {font-size: 15px; color: #5e534c; margin: 0 !important;}
.jl-dzieki__platnosc {margin: 0 0 28px;}
.jl-dzieki__podsumowanie, .jl-dzieki__dalej {background: var(--jl-taupe-jasny); padding: 24px; margin: 0 0 16px;}
.jl-dzieki__h2 {font-family: 'Libre Baskerville', Georgia, serif !important; font-weight: 400 !important; font-size: 18px !important; margin: 0 0 14px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--jl-braz) !important;}
.jl-dzieki__produkty {list-style: none; margin: 0; padding: 0;}
.jl-dzieki__produkty li {display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(74, 60, 52, .12); font-size: 14px; background: none !important; margin: 0;}
.jl-dzieki__nazwa small {display: block; font-size: 12px; color: #8a7f77; margin-top: 2px;}
.jl-dzieki__ile {color: #8a7f77;}
.jl-dzieki__cena {font-variant-numeric: tabular-nums;}
.jl-dzieki__dostawa, .jl-dzieki__suma {display: flex; justify-content: space-between; margin: 10px 0 0 !important; font-size: 14px; font-variant-numeric: tabular-nums;}
.jl-dzieki__suma {font-size: 16px; font-weight: 500;}
.jl-dzieki__dalej ol {margin: 0 0 14px; padding-left: 20px; font-size: 14px; line-height: 1.6;}
.jl-dzieki__dalej li {margin: 0 0 6px; background: none !important;}
.jl-dzieki__dalej a {color: var(--jl-braz) !important; text-decoration: underline; text-underline-offset: 3px;}
.jl-dzieki__kontakt {font-size: 14px; margin: 0 0 16px !important;}
@media (max-width: 767px) {#box_basketfinal .innerbox {padding-top: 16px !important;} .jl-dzieki__tytul {font-size: 24px !important;} .jl-dzieki__podsumowanie, .jl-dzieki__dalej {padding: 20px 16px; margin-left: -16px; margin-right: -16px;}}

/* 71. Koszyk: ilosc [- 1 +], samo przeliczenie (przycisk Przelicz ukryty), „szt.” ukryte */
html body #box_basketlist td.quantity .jl-ilosc--koszyk {display: inline-flex !important; align-items: stretch; width: 108px; height: 40px; border: 1px solid var(--jl-linia); background: #fff; box-sizing: border-box; padding: 0 !important; margin: 0 !important; box-shadow: none !important;}
html body #box_basketlist td.quantity .jl-ilosc--koszyk input {flex: 1 1 auto; width: 32px !important; height: 38px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; text-align: center; font-size: 14px; color: var(--jl-braz); background: transparent !important; box-shadow: none !important; -moz-appearance: textfield; appearance: textfield;}
html body #box_basketlist td.quantity .jl-ilosc--koszyk input::-webkit-outer-spin-button, html body #box_basketlist td.quantity .jl-ilosc--koszyk input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
html body #box_basketlist td.quantity .jl-ilosc--koszyk input:focus {outline: none;}
html body #box_basketlist td.quantity .jl-ilosc--koszyk .jl-ilosc__btn {flex: 0 0 34px;}
html body #box_basketlist td.quantity {font-size: 0; white-space: nowrap;}
html.jl-koszyk-auto #recalc {display: none !important;}
html.jl-koszyk-liczy #box_basketlist .productlist, html.jl-koszyk-liczy .summary-container {opacity: .5; pointer-events: none; transition: opacity .2s ease;}

/* 72. Kasa: bledy przy polach */
html body .centercol .shaded_inputwrap.jl-pole--blad input, html body .centercol input.jl-pole--blad {border-color: #9b2c1f !important; box-shadow: none !important;}
html body .centercol input[type="checkbox"].jl-pole--blad + label, html body .centercol input[type="checkbox"].jl-pole--blad {outline: 1px solid #9b2c1f; outline-offset: 1px;}
.jl-blad {margin: 6px 0 0 !important; font-size: 12.5px !important; line-height: 1.4; color: #9b2c1f !important; text-transform: none !important; letter-spacing: 0 !important;}
html body .alert-error.jl-alert-blad {max-width: 1180px; margin: 12px auto !important; padding: 12px 44px 12px 16px !important; background: #f6e6e3 !important; border: 0 !important; border-radius: 0 !important; color: #9b2c1f !important; font-size: 14px; box-shadow: none !important; position: relative;}
html body .alert-error.jl-alert-blad p {margin: 0 !important; color: inherit !important;}
html body .alert-error.jl-alert-blad .close {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #9b2c1f !important; background: none !important; border: 0 !important; font-size: 0 !important; opacity: .7;}
html body .alert-error.jl-alert-blad .close::after {content: '\00d7'; font-size: 20px; line-height: 1;}
html body .alert-error.jl-alert-blad .close:focus {outline: none;}
@media (max-width: 1212px) {html body .alert-error.jl-alert-blad {margin-left: 16px !important; margin-right: 16px !important;}}

/* 73. Skrot koszyka na kroku wyboru konta */
.jl-skrot--krok2 {max-width: none; margin: 28px 0 0;}

/* 74. Instagram tylko na stronie glownej: na karcie, w kategoriach, koszyku i kasie nie odciaga od zakupu (decyzja 26.10) */
body:not(.shop_index) .jl-insta, body:not(.shop_index) #mx-instagram-app {display: none !important;}
body:not(.shop_index):not(.shop_basket_step2):not(.shop_basket_address):not(.shop_basket_step3) footer.jl-stopka {margin-top: 72px !important;}
@media (max-width: 767px) {body:not(.shop_index):not(.shop_basket_step2):not(.shop_basket_address):not(.shop_basket_step3) footer.jl-stopka {margin-top: 48px !important;}}

/* 75. Pasek darmowej dostawy: wersja minimalna (bez beżowego pola, cienka linia, po progu sam napis) */
html body .jl-darmowa {background: none !important; padding: 0 !important; margin: 0 0 24px !important;}
html body .jl-darmowa .jl-darmowa__tekst {text-align: left; font-size: 13px; color: #6b615a; margin: 0 0 8px !important;}
html body .jl-darmowa .jl-darmowa__tekst strong {color: var(--jl-braz);}
html body .jl-darmowa .jl-darmowa__tor {height: 2px; background: rgba(74, 60, 52, .1);}
html body .jl-darmowa--jest .jl-darmowa__tor {display: none;}
html body .jl-darmowa--jest .jl-darmowa__tekst {margin: 0 !important; color: var(--jl-braz);}
html body .jl-darmowa--jest .jl-darmowa__tekst::before {content: '✓'; margin-right: 6px;}
html body .jl-darmowa--podglad {margin: 0 0 14px !important;}
html body .jl-darmowa--podglad .jl-darmowa__tekst {font-size: 12.5px;}
html body .jl-koszyk-wysylka {margin: -12px 0 20px !important; text-align: left;}

/* 76. Pasek darmowej dostawy: widoczniejszy, nadal bez tla (cienka ramka, wiekszy tekst, linia 3 px) */
html body .jl-darmowa {border: 1px solid var(--jl-linia) !important; padding: 14px 18px 16px !important; margin: 0 0 16px !important;}
html body .jl-darmowa .jl-darmowa__tekst {text-align: center; font-size: 15px; color: var(--jl-braz); margin: 0 0 10px !important;}
html body .jl-darmowa .jl-darmowa__tekst strong {font-weight: 600;}
html body .jl-darmowa .jl-darmowa__tor {height: 3px; background: rgba(74, 60, 52, .14);}
html body .jl-darmowa--jest {padding: 14px 18px !important;}
html body .jl-darmowa--jest .jl-darmowa__tekst {margin: 0 !important; font-weight: 500;}
html body .jl-darmowa--podglad {padding: 10px 12px 12px !important; margin: 0 0 12px !important;}
html body .jl-darmowa--podglad .jl-darmowa__tekst {font-size: 13.5px; margin-bottom: 8px !important;}
html body .jl-darmowa--podglad.jl-darmowa--jest {padding: 10px 12px !important;}
html body .jl-koszyk-wysylka {margin: 0 0 20px !important; text-align: center;}

/* 77. Baner Tpay z panelu (moduł #box_custom38, tylko koszyk i kasa): ukryty, ikony płatności są już pod przyciskiem */
#box_custom38 {display: none !important;}

/* 78. Kluczowe punkty pod cena (test) */
.jl-punkty {list-style: none; margin: 18px 0 24px !important; padding: 0 !important; display: grid; gap: 7px;}
.jl-punkty li {display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 0 !important; background: none !important; font-size: 14px; line-height: 1.4; color: var(--jl-braz);}
.jl-punkty li::before {display: none !important;}
.jl-punkty__ikona {flex: 0 0 18px; display: inline-flex; align-items: center; justify-content: center; color: var(--jl-braz);}

/* 79. Torebka prezentowa: ukryta opcja na karcie, pole w koszyku */
.jl-torebka-ukryta {display: none !important;}
.jl-prezent {display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0 8px; padding: 14px 18px; border: 1px solid var(--jl-linia); color: var(--jl-braz);}
.jl-prezent__tytul {font-family: 'Libre Baskerville', Georgia, serif; font-size: 15px; margin: 0 0 2px !important;}
.jl-prezent__tekst {font-size: 13px; color: #6b615a; margin: 0 !important;}
.jl-prezent__przycisk {flex: none; padding: 10px 18px; border: 1px solid var(--jl-braz); background: #fff; color: var(--jl-braz); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer;}
.jl-prezent__przycisk:focus {outline: none;}
@media (hover: hover) and (pointer: fine) {.jl-prezent__przycisk:hover {background: var(--jl-braz); color: #fff;}}
@media (max-width: 767px) {.jl-prezent {flex-direction: column; align-items: stretch;} .jl-prezent__przycisk {width: 100%;}}

/* 80. Hero: bez tytulu i przycisku, znacznik roboczy „Tu bedzie wideo” (usunac razem z blokiem w index.tpl) */
.jl-hero__wideo-info {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; display: inline-flex; align-items: center; gap: 12px; padding: 12px 20px 12px 14px; background: rgba(255,255,255,.88); color: var(--jl-braz); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; pointer-events: none;}
.jl-hero__wideo-ikona {width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--jl-braz); position: relative; flex: none;}
.jl-hero__wideo-ikona::after {content: ''; position: absolute; left: 11px; top: 8px; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent var(--jl-braz);}

/* 81. Koszyk: platnosc Tpay z ikonami metod zamiast logo Tpay; bez gornego przycisku */
.jl-koszyk-gora {display: none !important;}
.jl-tpay-ikony {display: flex; flex-wrap: wrap; gap: 4px; margin: 6px 0 0 28px;}
.jl-tpay-ikony .jl-pl {height: 22px; min-width: 0; padding: 0 7px; font-size: 10.5px;}
.jl-pl--przelew {font-weight: 500;}

/* 82. Slider na gorze strony glownej (przenikanie). Slajd pionowy: ostre zdjecie w calosci na rozmytym tle z tego samego zdjecia. */
.jl-slider .jl-slajd {position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility 0s linear .8s; z-index: 1;}
.jl-slider .jl-slajd--aktywny {opacity: 1; visibility: visible; transition: opacity .8s ease; z-index: 2;}
.jl-slider .jl-slajd::after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,24,20,0) 55%, rgba(30,24,20,.35) 100%); pointer-events: none; z-index: 1;}
.jl-slider .jl-hero__podpis, .jl-slider .jl-hero__wideo-info {z-index: 3;}
.jl-slider::before {display: none !important;}
.jl-slajd__tlo {position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; filter: blur(28px); transform: scale(1.05);}
.jl-slajd--pion .jl-slajd__zdjecie {object-fit: contain !important; object-position: 50% 50% !important;}
.jl-slider__kropki {position: absolute; left: 0; right: 0; bottom: 28px; z-index: 4; display: flex; justify-content: center; gap: 10px;}
.jl-slider__kropka {width: 8px; height: 8px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; opacity: .9;}
.jl-slider__kropka--aktywna {background: #fff;}
.jl-slider__kropka:focus {outline: none;}
@media (max-width: 767px) {
  .jl-slajd--pion .jl-slajd__zdjecie {object-fit: cover !important;}
  .jl-slajd--pion .jl-slajd__tlo {display: none;}
  .jl-slider .jl-hero__podpis {bottom: 48px;}
  .jl-slider__kropki {bottom: 20px;}
}
@media (prefers-reduced-motion: reduce) {.jl-slider .jl-slajd {transition: none;}}
.jl-slajd--pion {background: rgb(101, 122, 139);}
.jl-slajd__tlo {inset: -120px !important; width: calc(100% + 240px) !important; height: calc(100% + 240px) !important; filter: blur(40px) !important; transform: none !important; opacity: .85;}
@media (min-width: 768px) {
  .jl-slajd--pion .jl-slajd__tlo {display: none !important;}
  .jl-slajd--pion .jl-slajd__zdjecie {left: 50% !important; right: auto !important; width: auto !important; max-width: none !important; height: 100% !important; transform: translateX(-50%); object-fit: cover !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);}
}

/* 83. Slider: oba slajdy pionowe (wideo i zdjecie) w tym samym kadrze; na komputerze na srodku z lagodnym przejsciem w kolor tla */
.jl-slajd--pion {background: rgb(92, 83, 64);}
.jl-slajd--niebieski {background: rgb(101, 122, 139);}
video.jl-slajd__zdjecie {display: block;}

/* 84. Slajd 3 (wariant): wideo na cala szerokosc, bez cieniowania bokow */
.jl-slajd--pelny {background: rgb(92, 83, 64);}
.jl-slajd--pelny video.jl-hero__zdjecie {display: block; object-fit: cover; object-position: 50% 45%; -webkit-mask-image: none; mask-image: none;}

/* 85. Gora strony glownej (27.10): komputer = dwa zdjecia obok siebie (.jl-duo), telefon = slider z wideo (.jl-slider) */
.jl-duo {display: grid !important; grid-template-columns: 1fr 1fr; gap: 0;}
.jl-duo::before {display: none !important;}
.jl-duo__pol {position: relative; display: block; overflow: hidden; text-decoration: none !important;}
.jl-duo__pol img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: transform .6s ease;}
.jl-duo__pol::after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,24,20,0) 60%, rgba(30,24,20,.35) 100%); pointer-events: none;}
.jl-duo .jl-hero__podpis {z-index: 2; right: 32px !important; bottom: 40px !important; left: auto !important;}
@media (hover: hover) and (pointer: fine) {.jl-duo__pol:hover img {transform: scale(1.02);} .jl-duo__pol:hover .jl-hero__podpis {border-bottom-color: #fff;}}
.jl-slider {display: none !important;}
@media (max-width: 767px) {
  .jl-duo {display: none !important;}
  .jl-slider {display: block !important;}
  .jl-slider .jl-hero__zdjecie {object-fit: cover !important;}
}
@media (prefers-reduced-motion: reduce) {.jl-duo__pol img {transition: none;}}

/* 86. Telefon: Shoper robi z formularza szukania warstwe fixed od gory ekranu (klasa search_open) – zostaje w panelu pod naglowkiem (Magda 28.10, pkt 2) */
html body .jl-szukaj .search-form, html body .jl-szukaj .js__search {position: static !important; top: auto !important; left: auto !important; height: auto !important; min-height: 0 !important; z-index: auto !important; transform: none !important; padding: 0 !important; margin: 0 !important; background: none !important;}
html body .jl-szukaj .search__container {height: auto !important; top: 0 !important;}

/* 87. Uwagi Magdy 28.10: ceny w kolorze nazw (62), wieksze logo na telefonie (65), dane firmy w stopce (66),
   czarna stopka i mniej bezu (68, odcien Espresso #221C18 w --jl-czern), gorny pasek krojem naglowkow (69) */
html body .products .product .price, html body .products .product .price p, html body .products .product .price em, html body .products .product .price__additional-info {color: var(--jl-czern) !important; border-color: transparent !important;}
@media (max-width: 767px) {html.jl-naglowek .logo-bar .link-logo img {height: 60px !important; max-height: 60px !important;}}

html body #pso-bar {background: var(--jl-czern) !important; background-color: var(--jl-czern) !important;}
html body #pso-bar p, html body #pso-bar p * {font-family: 'Libre Baskerville', Georgia, serif !important; font-size: 12.5px !important; font-weight: 400 !important; letter-spacing: .04em !important; text-transform: none !important; color: #fff !important;}
html body #pso-bar .pso-close, html body #pso-bar [class*=close] {color: #fff !important; filter: invert(1);}

html body footer.jl-stopka {background: var(--jl-czern) !important; color: #fff !important; border-top: 0 !important;}
html body footer.jl-stopka .jl-stopka__logo img {mix-blend-mode: normal !important;}
html body footer.jl-stopka ul.overall li.head, html body footer.jl-stopka ul.overall li.head.hidden {color: #fff !important;}
html body footer.jl-stopka ul.overall li a, html body footer.jl-stopka .jl-stopka__kontakt a {color: rgba(255,255,255,.75) !important;}
html body footer.jl-stopka .jl-stopka__kontakt a {color: #fff !important;}
@media (hover: hover) and (pointer: fine) {html body footer.jl-stopka ul.overall li a:hover {color: #fff !important;}}
html body footer.jl-stopka .jl-stopka__social a {color: #fff !important;}
html body footer.jl-stopka .jl-stopka__zapis, html body footer.jl-stopka .jl-zapis--wyslano {background: rgba(255,255,255,.06) !important;}
html body footer.jl-stopka .jl-zapis__tytul, html body footer.jl-stopka .jl-zapis__tekst, html body footer.jl-stopka form.jl-zapis--stopka {color: #fff !important;}
html body footer.jl-stopka .jl-zapis__tekst {color: rgba(255,255,255,.75) !important;}
html body footer.jl-stopka input.jl-zapis__email {color: #fff !important; border-bottom-color: rgba(255,255,255,.7) !important; background: none !important;}
html body footer.jl-stopka input.jl-zapis__email::placeholder {color: rgba(255,255,255,.55) !important;}
html body footer.jl-stopka .jl-zapis__przycisk {color: #fff !important; background: none !important;}
html body footer.jl-stopka .jl-zapis__zgoda, html body footer.jl-stopka .jl-zapis__zgoda span {color: rgba(255,255,255,.7) !important;}
html body footer.jl-stopka .jl-zapis__zgoda a {color: #fff !important;}
html body footer.jl-stopka .jl-stopka__dol {border-top-color: rgba(255,255,255,.15) !important;}
html body footer.jl-stopka .jl-stopka__firma {color: rgba(255,255,255,.6) !important;}
html body footer.jl-stopka .jl-stopka__jetlag img {filter: invert(1); opacity: .7;}
html body #shoper-foot {background: var(--jl-czern) !important;}
html body #shoper-foot, html body #shoper-foot a {color: rgba(255,255,255,.5) !important;}
@media (max-width: 767px) {
  html body footer.jl-stopka ul.overall li.head, html body footer.jl-stopka ul.overall li.head.hidden {border-bottom-color: rgba(255,255,255,.15) !important;}
  html body footer.jl-stopka ul.overall li.head::after, html body footer.jl-stopka ul.overall li.head .fa {color: #fff !important; border-color: #fff !important;}
  html body footer.jl-stopka .jl-stopka__firma {border-top-color: rgba(255,255,255,.15) !important;}
  html body footer.jl-stopka .jl-stopka__firma > span:first-child {display: block; margin-bottom: 4px;}
  html body footer.jl-stopka .jl-stopka__kropka {display: none;}
}
/* Pasek gorny: Libre Baskerville ma tylko 400, wiec ciensza optycznie przez wygladzanie (jasny tekst na ciemnym tle w Safari/Chrome na Macu wyglada na pogrubiony) */
html body #pso-bar p, html body #pso-bar p * {-webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-size: 12px !important; color: rgba(255,255,255,.88) !important;}

/* ---------------------------------------------------------------------
   Strony informacyjne (/pl/i/…): nagłówek i tekst w stylu kopii 5
   Kontakt (id 9) ma własny układ w scripts/info/index.tpl.
   --------------------------------------------------------------------- */
.box_infopage {max-width: 760px; margin: 8px auto 56px; color: var(--jl-braz);}
.box_infopage > .boxhead {height: auto !important; margin: 0 0 24px !important; padding: 0 !important; border: 0 !important; background: none !important;}
.box_infopage > .boxhead span {font-size: 28px; font-weight: 400; line-height: 1.3; letter-spacing: .01em; text-transform: none; color: var(--jl-braz);}
.box_infopage > .boxhead img.px1 {display: none;}
.box_infopage .fr-view {font-size: 15px; line-height: 1.7; color: var(--jl-braz);}
.box_infopage .fr-view p {margin: 0 0 14px;}

.jl-kontakt__wstep {font-size: 16px; line-height: 1.6; margin: 0 0 28px;}
.jl-kontakt__lista {list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}
.jl-kontakt__pozycja {display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 22px 20px; background: var(--jl-taupe-jasny);}
.jl-kontakt__etykieta {font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #7b716a;}
.jl-kontakt__wartosc {font-family: 'Libre Baskerville', Georgia, serif; font-size: 17px; color: var(--jl-braz) !important; text-decoration: none; overflow-wrap: anywhere;}
.jl-kontakt__wartosc--link {text-decoration: underline; text-underline-offset: 4px;}
.jl-kontakt__opis {font-size: 13px; color: #7b716a;}
.jl-kontakt__dopisek {font-size: 14px; color: #7b716a; margin: 0;}
@media (hover: hover) {
  .jl-kontakt__wartosc:hover {text-decoration: underline; text-underline-offset: 4px;}
}
@media (max-width: 767px) {
  .box_infopage {margin-bottom: 40px;}
  .box_infopage > .boxhead span {font-size: 24px;}
  .jl-kontakt__lista {grid-template-columns: 1fr; gap: 10px;}
  .jl-kontakt__pozycja {padding: 18px 16px;}
}

/* 30.10: mniejszy odstep miedzy Bestsellerami a Instagramem na stronie glownej
   (bylo 214 px: 24 jl-home + 50 + 100 .main + 40 jl-insta; komputer o 1/3 mniej, telefon wyraznie mniej) */
.shop_index .main {padding-bottom: 0 !important; margin-bottom: 80px !important;}
@media (max-width: 767px) {
  .shop_index .main {margin-bottom: 16px !important;}
  .shop_index .jl-insta {padding-top: 24px !important;}
}

/* 30.10: pierscionki – link „Jak zmierzyc?” przy rozmiarze i sekcja „Rozmiar” z tabela */
#box_productfull.jl-karta .stocks .jl-etykieta-z-linkiem {display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px;}
.jl-jak-zmierzyc {font-size: 12px; text-transform: none; letter-spacing: 0; color: var(--jl-braz) !important; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;}
#jl-rozmiar {scroll-margin-top: 96px;}
.jl-sekcja__tresc table.jl-rozmiary {width: 100%; border-collapse: collapse; margin: 4px 0 14px; font-size: 14px;}
.jl-rozmiary th, .jl-rozmiary td {text-align: left; padding: 8px 8px 8px 0; border-bottom: 1px solid var(--jl-linia); font-weight: 400;}
.jl-rozmiary th {font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--jl-taupe);}
.jl-sekcja__tresc ol {margin: 0 0 8px; padding-left: 20px;}
.jl-sekcja__tresc ol li {list-style: decimal outside !important; display: list-item !important; padding-left: 2px;}

/* 30.10: gorny pasek – tekst w jednej linii; gdy sie nie miesci, przesuwa sie w petli (jetlag.js: pasekPrzewijany) */
html body #pso-bar p {white-space: nowrap; overflow: hidden; min-width: 0; max-width: 100%; box-sizing: border-box;}
html body #pso-bar p.jl-pasek--ruch {flex: 1 1 auto; padding: 0 !important; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);}
.jl-pasek__tor {display: inline-flex; animation: jl-pasek 20s linear infinite; will-change: transform;}
.jl-pasek__kawalek {padding-right: 56px;}
@keyframes jl-pasek {from {transform: translateX(0);} to {transform: translateX(-50%);}}
@media (prefers-reduced-motion: reduce) {
  .jl-pasek__tor {animation: none;}
  html body #pso-bar p.jl-pasek--ruch {overflow-x: auto; -webkit-mask-image: none; mask-image: none;}
}

/* 30.10: okno „Zapytaj o produkt” po wyslaniu – w stylu sklepu zamiast zielonego komunikatu Shopera */
.modal.jl-pytanie--wyslane .modal-header {background: #fff !important;}
.modal.jl-pytanie--wyslane .modal-body {padding-top: 12px !important;}
.jl-pytanie__dziekujemy {margin: 0 0 24px; padding: 0; background: none; border: 0; font-size: 14px; line-height: 1.6; color: var(--jl-braz);}
.jl-pytanie__zamknij {width: 100%; height: 48px; border: 0; border-radius: 0; background: var(--jl-braz); color: #fff; font-family: 'Jost', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .14em; cursor: pointer;}
@media (hover: hover) {.jl-pytanie__zamknij:hover {background: #2f2823;}}

/* 80. Komunikaty systemowe Shopera (sukces, informacja, ostrzeżenie) w kolorach jak informacja SAMPLE SALE zamiast zielonego/niebieskiego/żółtego. Błędy: ten sam układ i tło, pasek i tekst ceglaste */
html body div.alert {position: relative; max-width: 1180px; margin: 12px auto !important; padding: 12px 44px 12px 16px !important; background: var(--jl-taupe-jasny) !important; border: 0 !important; border-left: 3px solid var(--jl-braz) !important; border-radius: 0 !important; color: var(--jl-braz) !important; font-size: 14px; line-height: 1.5; box-shadow: none !important; text-shadow: none !important;}
html body div.alert p, html body div.alert a {color: inherit !important;}
html body div.alert p {margin: 0 !important;}
html body div.alert .row {margin: 0 !important;}
html body div.alert .close {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity: .6; color: var(--jl-braz) !important; background: none !important; border: 0 !important; font-size: 0 !important; text-shadow: none !important;}
html body div.alert .close span, html body div.alert .close img {display: none !important;}
html body div.alert .close::before {display: none !important;}
html body div.alert .close::after {content: '\00d7'; font-size: 20px; line-height: 1;}
html body div.alert .close:focus {outline: none;}
@media (hover: hover) and (pointer: fine) {html body div.alert .close:hover {opacity: 1;}}
@media (max-width: 1212px) {html body div.alert {margin-left: 16px !important; margin-right: 16px !important;}}
html body div.alert.alert-error {border-left-color: #9b2c1f !important; color: #9b2c1f !important;}
html body div.alert.alert-error .close {color: #9b2c1f !important;}

/* 81. Stopka zawsze przy dolnej krawędzi okna (wysokie ekrany, krótkie strony). Na stronach informacyjnych (np. Kontakt) treść wyśrodkowana w pionie między nagłówkiem a stopką.
   Bez flex na body: Shoper liczy wtedy źle pozycję okienek .modal (np. „Zapytaj o produkt” lądowało przy lewej krawędzi).
   66px = pasek promocji na górze (32) + napis „Sklep internetowy Shoper.pl” pod stopką (34) */
html body > .wrap.rwd {display: flex; flex-direction: column; min-height: calc(100vh - 66px);}
html body > .wrap.rwd > .main {flex: 1 0 auto;}
html body.shop_infopage > .wrap.rwd > .main {display: flex; flex-direction: column; justify-content: center;}