@font-face {
  font-family: 'EncodeSansNarrow';
  src: url('../font/EncodeSansNarrow-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/EncodeSansNarrow-Regular.woff') format('woff'), url('../font/EncodeSansNarrow-Regular.ttf')  format('truetype'), url('../font/EncodeSansNarrow-Regular.svg#EncodeSansNarrow-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EncodeSansNarrow';
  src: url('../font/EncodeSansNarrow-Bold.eot?#iefix') format('embedded-opentype'),  url('../font/EncodeSansNarrow-Bold.woff') format('woff'), url('../font/EncodeSansNarrow-Bold.ttf')  format('truetype'), url('../font/EncodeSansNarrow-Bold.svg#EncodeSansNarrow-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}


/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu */
BODY { background:#ffffff; color: #5c5c5c; font-size:75%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; margin: 0px; font-weight:normal; }
h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; font-size:1.0em; }
img { border:0px; }
table { border-collapse: collapse; border-spacing:0; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; margin: 0px; font-weight:normal; }
.cl { clear:both; }
.Lf { float:left; }
.Rg { float:right; }
aside, article, nav, section, footer, header { display:block; margin:0px; padding:0px; }

/* zdjecia produktow */
@media only screen and (max-width:479px) { 
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:200px; height:auto; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:250px; height:auto; }
}
@media only screen and (min-width:800px) {
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:100%; height:auto; }
}

/* inne grafiki w tresci strony */
.StrTresc img { max-width:100%; height:auto; }

/* definiowanie wygladu szablonu */
#Strona, .Strona { margin:0px auto; overflow:hidden; }

@media only screen and (max-width:479px) { 
  #Strona, .Strona { width:320px; } 
  .Kol-1 .OknoRwd, .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:100%; }
  .Kol-1 .OknoRwd:nth-child(1n+1), .Kol-2 .OknoRwd:nth-child(1n+1), .Kol-3 .OknoRwd:nth-child(1n+1), .Kol-4 .OknoRwd:nth-child(1n+1), .Kol-5 .OknoRwd:nth-child(1n+1) { clear:both; }   
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(1n), .Kol-3 .OknoRwd:nth-child(1n), .Kol-4 .OknoRwd:nth-child(1n), .Kol-5 .OknoRwd:nth-child(1n) { border-right:0px; } 
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  #Strona, .Strona { width:440px; } 
  .Kol-1 .OknoRwd, .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:100%; }
  .Kol-1 .OknoRwd:nth-child(1n+1), .Kol-2 .OknoRwd:nth-child(1n+1), .Kol-3 .OknoRwd:nth-child(1n+1), .Kol-4 .OknoRwd:nth-child(1n+1), .Kol-5 .OknoRwd:nth-child(1n+1) { clear:both; } 
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(1n), .Kol-3 .OknoRwd:nth-child(1n), .Kol-4 .OknoRwd:nth-child(1n), .Kol-5 .OknoRwd:nth-child(1n) { border-right:0px; } 
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #Strona, .Strona { width:760px; } 
  .Kol-1 .OknoRwd { width:100%; }  
  .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:50%; }     
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1), .Kol-3 .OknoRwd:nth-child(2n+1), .Kol-4 .OknoRwd:nth-child(2n+1), .Kol-5 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(2n), .Kol-4 .OknoRwd:nth-child(2n), .Kol-5 .OknoRwd:nth-child(2n) { border-right:0px; } 
}  
@media only screen and (min-width:1024px) and (max-width:1279px) { 
  #Strona, .Strona { width:980px; } 
  .Kol-1 .OknoRwd { width:100%; }  
  .Kol-2 .OknoRwd { width:50%; }  
  .Kol-3 .OknoRwd, .Kol-4 .OknoRwd , .Kol-5 .OknoRwd { width:33.3333333%; }
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-3 .OknoRwd:nth-child(3n+1), .Kol-4 .OknoRwd:nth-child(3n+1), .Kol-5 .OknoRwd:nth-child(3n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(3n), .Kol-4 .OknoRwd:nth-child(3n), .Kol-5 .OknoRwd:nth-child(3n) { border-right:0px; }  
}  
@media only screen and (min-width:1280px) { 
  #Strona, .Strona { width:1200px; }
  .Kol-1 .OknoRwd { width:100%; }  
  .Kol-2 .OknoRwd { width:50%; }  
  .Kol-3 .OknoRwd { width:33.3333333%; }  
  .Kol-4 .OknoRwd { width:25%; }  
  .Kol-5 .OknoRwd { width:20%; } 
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-3 .OknoRwd:nth-child(3n+1) { clear:both; }
  .Kol-4 .OknoRwd:nth-child(4n+1) { clear:both; }
  .Kol-5 .OknoRwd:nth-child(5n+1) { clear:both; }  
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(3n), .Kol-4 .OknoRwd:nth-child(4n), .Kol-5 .OknoRwd:nth-child(5n) { border-right:0px; }
}

/* link z logo sklepu */
#LinkLogo { font-size:0px; display:block; }
#LinkLogo img { max-width:100%; height:auto; }

/* kolumny */
#LewaKolumna, #PrawaKolumna, #SrodekKolumna { overflow:hidden; }
@media only screen and (max-width: 799px) {
  #LewaKolumnaPrzerwa { margin-bottom:15px; }
  #PrawaKolumnaPrzerwa { margin-top:15px; }
  #LewaKolumna, #PrawaKolumna, #SrodekKolumna { width:100% !important; }
}
@media only screen and (min-width: 800px) {
  #LewaKolumna { float:left; }
  #LewaKolumnaPrzerwa { margin-right:15px; }
  #PrawaKolumna { float:left; }
  #PrawaKolumnaPrzerwa { margin-left:15px; }
  #SrodekKolumna { float:left; }
}

#CalaStrona { width:100%; overflow:hidden; }

/* ===================================================================
   NAGLOWEK - nowy wyglad (bialy naglowek wg makiety)
   nie usuwac id: #Naglowek, #Logo, #Wyszukiwanie, #InSzukaj, #ButSzukaj,
   #Logowanie, #Koszyk (animacja koszyka), #Schowek, #maleRwd
   =================================================================== */
#Naglowek { position:relative; background:#ffffff; }
#Naglowek .Strona { overflow:visible; position:relative; }

/* gorny pasek - korzysci i kontakt */
#PasekGorny { background:#f7f7fa; border-bottom:1px solid #ececf2; color:#4a4a5a; font-size:110%; }
#PasekGorny .Strona { display:flex; justify-content:space-between; align-items:center; min-height:36px; }
.PasekKorzysci, .GornyKontakt { list-style-type:none; margin:0px; padding:0px; display:flex; align-items:center; flex-wrap:wrap; }
.PasekKorzysci li, .GornyKontakt li { padding:8px 0px 8px 24px; background-repeat:no-repeat; background-position:left center; background-size:17px 17px; }
.PasekKorzysci li + li, .GornyKontakt li + li { margin-left:22px; }
.KorzyscWysylka { background-image:url('../obrazki/szablon/n_wysylka.svg'); }
.KorzyscGwarancja { background-image:url('../obrazki/szablon/n_gwarancja.svg'); }
.KorzyscZwrot { background-image:url('../obrazki/szablon/n_zwrot.svg'); }
.GornyKontakt li:nth-child(1) { background-image:url('../obrazki/szablon/n_telefon.svg'); }
.GornyKontakt li:nth-child(2) { background-image:url('../obrazki/szablon/n_mail.svg'); }
.GornyKontakt li a { color:#2f2583; font-weight:bold; }
.GornyKontakt li a:hover { color:#ef7d00; }
@media only screen and (max-width:799px) {
  .PasekKorzysci { display:none; }
  #PasekGorny .Strona { justify-content:center; }
}

/* glowny wiersz naglowka */
@media only screen and (min-width:800px) {
  .NaglowekGlowny { display:flex; align-items:center; min-height:92px; }
  .NaglowekGlowny > * { flex:0 0 auto; }
}

/* logo */
#Logo a { display:block; font-size:0px; }
#Logo img { display:block; width:auto; }
@media only screen and (max-width:799px) {
  #Logo { text-align:center; padding:10px 0px 4px 0px; }
  #Logo img { display:inline-block; height:64px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Logo { margin-right:18px; }
  #Logo img { height:52px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #Logo { margin-right:28px; }
  #Logo img { height:62px; }
}
@media only screen and (min-width:1280px) {
  #Logo { margin-right:40px; }
  #Logo img { height:72px; }
}

/* wyszukiwanie w naglowku */
#Wyszukiwanie div:first-child { position:relative; display:flex; height:48px; border:2px solid #e3e3ea; border-radius:12px; background:#ffffff; overflow:hidden;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
#Wyszukiwanie div:first-child:focus-within { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }
#Wyszukiwanie div:first-child:before { content:""; position:absolute; right:0px; top:0px; bottom:0px; width:56px; background:#ef7d00; transition:background .2s ease; }
#Wyszukiwanie div:first-child:hover:before { background:#2f2583; }
#InSzukaj { order:1; flex:1 1 auto; width:auto; min-width:0px; height:44px; border:0px; padding:0px 14px 0px 16px; color:#333333; font-size:125%; background:transparent; outline:none; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
#InSzukaj::placeholder { color:#9a9aa8; }
#ButSzukaj { order:2; position:relative; z-index:1; flex:0 0 auto; width:24px; height:24px; margin:10px 16px 0px 16px; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); }
@media only screen and (max-width:799px) {
  #Wyszukiwanie { padding:6px 0px 14px 0px; display:none; }
}
@media only screen and (min-width:800px) {
  #Wyszukiwanie { flex:1 1 auto; min-width:0px; max-width:600px; margin:0px auto 0px 0px; }
}

/* konto, schowek, koszyk - wspolne */
#Logowanie, #Schowek, #Koszyk { position:relative; color:#2f2583; }
#Logowanie strong, #Schowek strong, #Koszyk strong { display:block; font-size:125%; font-weight:bold; color:#2f2583; line-height:1.2; }
@media only screen and (max-width:799px) {
  #Logowanie, #Schowek, #Koszyk { display:none; }
}
@media only screen and (min-width:800px) {
  #Logowanie { margin-left:24px; }
  #Schowek, #Koszyk { margin-left:22px; }
}

/* konto */
@media only screen and (min-width:800px) {
  #Logowanie { display:flex; align-items:center; }
}
#Logowanie .KontoIkona { flex:0 0 auto; width:32px; height:32px; margin-right:10px; background:url('../obrazki/szablon/n_konto.svg') no-repeat center; background-size:30px 30px; }
#Logowanie .KontoTekst { color:#9a9aa8; white-space:nowrap; }
#Logowanie .KontoTekst a { color:#555566; }
#Logowanie .KontoTekst a:hover { color:#ef7d00; }

/* schowek i koszyk */
#Schowek a, #Koszyk a { position:relative; display:block; padding:2px 0px 2px 42px; min-height:32px; color:#555566; white-space:nowrap; }
#Schowek a { display:flex; align-items:center; }
#Schowek a:before, #Koszyk a:before { content:""; position:absolute; left:0px; top:50%; margin-top:-16px; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:30px 30px; }
#Schowek a:before { background-image:url('../obrazki/szablon/n_schowek.svg'); }
#Koszyk a:before { background-image:url('../obrazki/szablon/n_koszyk.svg'); }
#Schowek a:hover strong, #Koszyk a:hover strong { color:#ef7d00; }
#Koszyk span { display:block; font-weight:bold; color:#ef7d00; }
.NaglowekGlowny .Licznik { position:absolute; left:20px; top:50%; margin-top:-22px; z-index:1; min-width:22px; height:22px; padding:0px 5px; border:2px solid #ffffff; border-radius:12px;
  background:#ef7d00; color:#ffffff; font-style:normal; font-weight:bold; font-size:11px; line-height:18px; text-align:center;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#Schowek .Licznik { background:#2f2583; }

/* tablet (800-1023px) - tylko ikony, bez opisow */
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Logowanie .KontoTekst, #Schowek strong, #Koszyk strong, #Koszyk span { display:none; }
  #Logowanie .KontoIkona { margin-right:0px; }
  #Schowek a, #Koszyk a { padding-left:32px; }
  .PasekKorzysci li:nth-child(3) { display:none; }
}

/* menu z ikonami - tylko ponizej 800px */
#maleRwd { list-style-type:none; padding:0px; margin:0px auto; height:50px; overflow:hidden; border-top:1px solid #ececf2; }
#maleRwd li { float:left; height:50px; text-align:center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#maleRwd li a, #maleRwd li span { margin-top:12px; display:inline-block; cursor:pointer; }
#maleRwd li img { display:block; width:26px; height:26px; }
.RwdSchowek li { width:20%; }
.RwdBezSchowka li { width:25%; }
@media only screen and (max-width:799px) {
  #maleRwd { display:block; }
}
@media only screen and (min-width:800px) {
  #maleRwd { display:none; }
}

/* ===================================================================
   MENU KATEGORII - granatowy pasek pod naglowkiem (2026-10-27: wczesniej bialy)
   nie usuwac: #MenuKategorii, .MenuKategorie, .Glowna, .RozwinKategorie, .OknoKategoria
   =================================================================== */
#TloMenu { margin-bottom:10px; background:#2f2583; border-top:0px; border-bottom:0px; box-shadow:0 4px 12px rgba(47,37,131,.18); }
#TloMenu .Strona { overflow:visible; }

/* menu - telefon i tablet (rozwijane) */
@media only screen and (max-width:1023px) {
  #MenuKategorii h2 { color:#ffffff; cursor:pointer; font-size:150%; font-weight:bold; letter-spacing:.5px; padding:13px 0px 13px 0px; }
  #MenuKategorii h2 span { display:block; background:url('../obrazki/szablon/n_menu_bialy.svg') no-repeat right center; background-size:26px 26px; }
  #MenuKategorii .MenuKategorie { display:none; list-style-type:none; padding:0px; margin:0px auto; position:relative; overflow:visible; border-top:1px solid rgba(255,255,255,.15); }
  #MenuKategorii li { position:relative; border-bottom:1px solid rgba(255,255,255,.15); }
  #MenuKategorii li:last-child { border-bottom:0px; }
  #MenuKategorii li.Glowna > a { display:block; padding:13px 46px 13px 0px; color:#ffffff; font-size:130%; font-weight:bold; text-transform:uppercase; }
  #MenuKategorii .RozwinKategorie { position:absolute; right:0px; top:4px; width:40px; height:40px; cursor:pointer; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat center; background-size:16px 16px; }
  #MenuKategorii li .OknoKategoria { display:none; z-index:10000; overflow:hidden; padding:0px 0px 10px 0px; }
  #MenuKategorii li ul { list-style-type:none; margin:0px; padding:0px; text-align:left; }
  #MenuKategorii .OknoKategoria ul li { border:0px; }
  #MenuKategorii .OknoKategoria a { position:relative; display:block; padding:8px 0px 8px 18px; color:#dcd9f3; font-size:115%; }
  #MenuKategorii .OknoKategoria a:before { content:""; position:absolute; left:4px; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#ef7d00; }
  #MenuKategorii .OknoKategoria a:hover { color:#ffffff; }
}

/* menu - komputer (poziomy pasek z rozwijanymi oknami) */
@media only screen and (min-width:1024px) {
  #MenuKategorii h2 { display:none; }
  #MenuKategorii .MenuKategorie { display:flex !important; list-style-type:none; padding:0px; margin:0px; position:relative; overflow:visible; }
  #MenuKategorii .Glowna { position:static; }
  #MenuKategorii .Glowna:first-child > a { padding-left:0px; }
  #MenuKategorii li.Glowna > a { display:block; padding:15px 18px 12px 18px; color:#ffffff; font-size:120%; font-weight:bold; letter-spacing:.3px; text-transform:uppercase;
    border-bottom:3px solid transparent; transition:color .2s ease, border-color .2s ease; }
  #MenuKategorii .GlownaStrzalka > a { padding-right:36px !important; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat right 14px center; background-size:12px 12px; }
  #MenuKategorii .Glowna:hover > a { color:#ef7d00; border-bottom-color:#ef7d00; }
  #MenuKategorii .GlownaStrzalka:hover > a { background-image:url('../obrazki/szablon/n_strzalka_pom.svg'); }

  #MenuKategorii li .OknoKategoria { z-index:10000; display:none; position:absolute; top:100%; left:0px; width:100%; overflow:hidden; background:#ffffff;
    border:1px solid #ececf2; border-top:3px solid #ef7d00; border-radius:0px 0px 14px 14px; box-shadow:0 16px 32px rgba(47,37,131,.14);
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  #MenuKategorii .OknoPodkategorie { padding:22px 26px; }
  #MenuKategorii .OknoKategoria ul { list-style-type:none; padding:0px; margin:0px; display:grid; grid-template-columns:repeat(3, 1fr); gap:2px 18px; }
  #MenuKategorii .OknoKategoria a { display:block; padding:9px 12px; border-radius:8px; color:#444455; font-size:120%; transition:background .2s ease, color .2s ease; }
  #MenuKategorii .OknoKategoria a:hover { background:#fff4e8; color:#ef7d00; }
}
@media only screen and (min-width:1280px) {
  #MenuKategorii .OknoKategoria ul { grid-template-columns:repeat(4, 1fr); }
  #MenuKategorii .OknoPodkategorie { padding:26px 30px; }
}

/* podpowiedzi wyszukiwarki - szersze okno */
#Podpowiedzi { min-width:320px; }

/* ===================================================================
   STRONA GLOWNA - baner z konfiguratorem "Znajdz toner"
   nie usuwac: #Wyszukiwarka, #Selecty, #SelectWynik_1..6 (konfigurator)
   =================================================================== */
#Wyszukiwarka { position:relative; margin:18px 0px 22px 0px; border-radius:20px; overflow:hidden; border:1px solid #f1e6da;
  background:#fff7ee; background:linear-gradient(120deg, #fff6ec 0%, #fdf9f4 45%, #f3f1fa 100%); }
#Wyszukiwarka .HeroTresc { position:relative; z-index:1; }
.HeroZnacznik { display:inline-block; padding:5px 14px; border-radius:20px; background:#ef7d00; color:#ffffff; font-weight:bold; font-size:110%; letter-spacing:.3px; }
.NaglowekWyszukiwarka { margin:14px 0px 10px 0px; }
#Wyszukiwarka strong { display:block; color:#1f1a4d; font-weight:bold; line-height:1.12; }
#Wyszukiwarka strong em { font-style:normal; color:#ef7d00; }
.HeroOpis { color:#555566; font-size:135%; line-height:1.5; margin-bottom:18px; }
#Selecty { max-width:460px; }
#Selecty select { display:block; width:100%; margin:0px 0px 10px 0px; padding:13px 44px 13px 18px; border:2px solid #e3e3ea; border-radius:12px; cursor:pointer; outline:none;
  background:#ffffff url('../obrazki/szablon/n_strzalka.svg') no-repeat right 16px center; background-size:14px 14px; color:#2f2583; font-size:130%; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif;
  -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
#Selecty select:hover { border-color:#ef7d00; }
#Selecty select:focus { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }
#Selecty a { display:block; margin:4px 0px 10px 0px; padding:14px 20px; border-radius:12px; background:#ef7d00; color:#ffffff; font-weight:bold; font-size:135%; text-align:center; box-shadow:0 6px 16px rgba(239,125,0,.35); transition:background .2s ease; }
#Selecty a:hover { background:#2f2583; color:#ffffff; }
.HeroAtuty { list-style-type:none; margin:16px 0px 0px 0px; padding:0px; display:flex; flex-wrap:wrap; gap:8px 22px; color:#4a4a5a; font-size:112%; }
.HeroAtuty li { padding-left:24px; background:url('../obrazki/szablon/n_ok.svg') no-repeat left center; background-size:17px 17px; }
.HeroAtuty a { color:#2f2583; font-weight:bold; }
.HeroAtuty a:hover { color:#ef7d00; }
.HeroGrafika picture, .HeroGrafika img { display:block; width:100%; height:auto; }
@media only screen and (max-width:799px) {
  #Wyszukiwarka { padding:22px 18px 20px 18px; }
  #Wyszukiwarka strong { font-size:210%; }
  .HeroOpis { font-size:120%; }
  .HeroGrafika { display:none; }
}
@media only screen and (min-width:800px) {
  #Wyszukiwarka { padding:36px 40px 34px 40px; min-height:300px; }
  #Wyszukiwarka .HeroTresc { max-width:58%; }
  .HeroGrafika { position:absolute; right:24px; bottom:0px; width:38%; max-width:520px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Wyszukiwarka strong { font-size:240%; }
}
@media only screen and (min-width:1024px) {
  #Wyszukiwarka strong { font-size:310%; }
  #Wyszukiwarka .HeroTresc { max-width:54%; }
  .HeroGrafika { width:42%; right:36px; }
}

/* kafelki kategorii pod banerem */
#KafleKategorii { list-style-type:none; margin:0px 0px 28px 0px; padding:0px; display:grid; gap:18px; }
#KafleKategorii a { position:relative; display:block; height:100%; overflow:hidden; background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.06);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#KafleKategorii a:hover { transform:translateY(-4px); border-color:#ef7d00; box-shadow:0 10px 24px rgba(47,37,131,.14); }
#KafleKategorii img { display:block; width:100%; height:auto; }
#KafleKategorii strong { position:relative; display:block; padding:14px 56px 2px 18px; color:#2f2583; font-size:150%; line-height:1.25; }
#KafleKategorii strong:after { content:""; position:absolute; right:16px; top:50%; margin-top:-8px; width:32px; height:32px; border-radius:50%;
  background:#ef7d00 url('../obrazki/szablon/n_dalej.svg') no-repeat center; background-size:16px 16px; transition:background-color .2s ease; }
#KafleKategorii a:hover strong:after { background-color:#2f2583; }
#KafleKategorii span { display:block; padding:2px 56px 16px 18px; color:#777788; font-size:115%; }
@media only screen and (max-width:799px) {
  #KafleKategorii { grid-template-columns:1fr; gap:12px; }
  #KafleKategorii a { display:grid; grid-template-columns:38% 1fr; grid-template-rows:1fr 1fr; }
  #KafleKategorii img { grid-row:1 / 3; height:100%; object-fit:cover; }
  #KafleKategorii strong { align-self:end; padding:10px 12px 2px 14px; font-size:130%; }
  #KafleKategorii strong:after { display:none; }
  #KafleKategorii span { align-self:start; padding:2px 12px 10px 14px; font-size:105%; }
}
/* 4 kategorie: 2 kolumny na tablecie, 4 na komputerze */
@media only screen and (min-width:800px) and (max-width:1023px) {
  #KafleKategorii { grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (min-width:1024px) {
  #KafleKategorii { grid-template-columns:repeat(4, 1fr); }
  #KafleKategorii strong { font-size:135%; padding-right:50px; }
  #KafleKategorii span { padding-right:18px; }
}

/* naglowki modulow na stronie glownej - spokojniejsze, wg makiety */
.StrGlowna .StrNaglowek { border-bottom:0px; margin:10px 0px 14px 0px; text-transform:none; }
.StrGlowna .StrNaglowek span { position:relative; display:inline-block; padding:0px 0px 10px 0px; background:none; box-shadow:none; border-radius:0px; text-shadow:none; color:#1f1a4d; font-size:130%; letter-spacing:0px; }
.StrGlowna .StrNaglowek span:before { content:none; }
.StrGlowna .StrNaglowek span:after { content:""; position:absolute; left:0px; bottom:0px; width:48px; height:4px; border-radius:2px; background:#ef7d00; }
.StrGlowna .StrNaglowek a { color:#1f1a4d; }
.StrGlowna .StrNaglowek a:hover { color:#ef7d00; }

#IkonyInfo { margin-top:10px; margin-bottom:10px; line-height:1.5; }
#IkonyInfo ul { list-style-type:none; margin:0px; padding:0px; }
#IkonyInfo ul li { padding:0px 20px 0px 90px; 
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
#IkonyInfo ul li strong { color:#404040; display:block; margin-bottom:8px; }

@media only screen and (max-width:799px) {
  #IkonyInfo ul li { font-size:115%; margin:25px 0px 25px 0px; }
  #IkonyInfo ul li strong { font-size:120%; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #IkonyInfo ul li { font-size:115%; }
  #IkonyInfo ul li strong { font-size:120%; }
  #IkonyInfo ul li { float:left; width:50%; }
  #IkonyInfo ul li:nth-child(3) { clear:both; margin-top:15px; }
  #IkonyInfo ul li:nth-child(4) { margin-top:15px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #IkonyInfo ul li { font-size:105%; }
  #IkonyInfo ul li strong { font-size:110%; }
  #IkonyInfo ul li { float:left; width:25%; }
}
@media only screen and (min-width:1280px) {
  #IkonyInfo ul li { font-size:120%; }
  #IkonyInfo ul li strong { font-size:130%; }
  #IkonyInfo ul li { float:left; width:25%; }
}

@media only screen and (max-width:799px) {
  #IkonyInfo { padding:5px 0px 5px 10px; }
  #IkonyInfo ul li:nth-child(1) { background:url('../obrazki/szablon/ikona_dostawa.png') no-repeat 20px 8px; }
  #IkonyInfo ul li:nth-child(2) { background:url('../obrazki/szablon/ikona_wysylka.png') no-repeat 20px 8px; }
  #IkonyInfo ul li:nth-child(3) { background:url('../obrazki/szablon/ikona_zwroty.png') no-repeat 25px 8px; }
  #IkonyInfo ul li:nth-child(4) { background:url('../obrazki/szablon/ikona_bezpieczenstwo.png') no-repeat 25px 8px; }
}
@media only screen and (min-width:800px) {
  #IkonyInfo { padding:25px 0px 25px 10px; }
  #IkonyInfo ul li:nth-child(1) { background:url('../obrazki/szablon/ikona_dostawa.png') no-repeat 20px 15px; }
  #IkonyInfo ul li:nth-child(2) { background:url('../obrazki/szablon/ikona_wysylka.png') no-repeat 20px 15px; }
  #IkonyInfo ul li:nth-child(3) { background:url('../obrazki/szablon/ikona_zwroty.png') no-repeat 25px 15px; }
  #IkonyInfo ul li:nth-child(4) { background:url('../obrazki/szablon/ikona_bezpieczenstwo.png') no-repeat 25px 15px; }
}

#NewsletterGlowny { background:#e3e3e3; margin-top:20px; }

/* ===================================================================
   STOPKA - nowy wyglad (granatowa, laczy sie z paskiem newslettera)
   nie usuwac: .KolumnaStopki, .StopkaRozwin / .StopkaZwin (zwijanie na telefonie), #KontaktDolny
   =================================================================== */
#StopkaTlo { background:#1f1a4d; color:#c9c6e6; }
#Stopka { margin:0px auto; }

/* kolumny z linkami */
.KolumnaStopki strong { display:block; color:#ffffff; font-size:140%; font-weight:bold; padding:10px 10px 10px 0px; }
.KolumnaStopki ul { list-style-type:none; margin:0px; }
.KolumnaStopki div { padding:0px 15px 15px 0px; }
.KolumnaStopki a { color:#c9c6e6; font-size:115%; transition:color .2s ease, padding .2s ease; }
.KolumnaStopki a:hover { color:#ef7d00; }

/* kontakt */
#KontaktDolny { position:relative; }
#KontaktDolny p { margin:0px; padding:0px 0px 14px 0px; color:#ffffff; font-size:130%; font-weight:bold; line-height:1.4; }
#KontaktDolny .DaneRejestrowe { display:block; padding-top:8px; color:#9a96c4; font-size:70%; font-weight:normal; line-height:1.5; }
#KontaktDolny .Kontakt { list-style-type:none; padding:0px; margin:0px; }
#KontaktDolny .Kontakt li { padding:0px 0px 8px 0px; margin:0px; font-size:110%; }
#KontaktDolny .Kontakt li a, #KontaktDolny .Kontakt li b { color:#ffffff; font-weight:bold; font-size:110%; padding-left:4px; }
#KontaktDolny .Kontakt li a:hover, #KontaktDolny .Kontakt li a:hover b { color:#ef7d00; }
#KontaktDolny .Kontakt .Godziny { margin-top:4px; padding:8px 12px; display:inline-block; border-radius:10px; background:rgba(255,255,255,.08); color:#ffffff; }

@media only screen and (max-width:1023px) {
  #KontaktDolny { background:url('../obrazki/szablon/n_pinezka.svg') no-repeat 0px 26px; background-size:28px 28px; padding:24px 0px 24px 42px; }
  #Stopka { padding:6px 0px 10px 0px; }
  .KolumnaStopki { padding:6px 0px 0px 0px; border-bottom:1px solid rgba(255,255,255,.12); }
  .KolumnaStopki strong { cursor:pointer; margin:6px 0px 6px 0px; font-size:125%; }
  /* rozwijanie / zwijanie stopki --- nie zmieniac nazwy styli, nie usuwac --- */
  .KolumnaStopki span.StopkaRozwin, .KolumnaStopki span.StopkaZwin { float:right; margin:2px 0px 0px 0px; width:26px; height:18px; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat center; background-size:16px 16px; transition:transform .2s ease; }
  .KolumnaStopki span.StopkaZwin { transform:rotate(180deg); }
  .KolumnaStopki ul { display:none; padding:4px 0px 10px 0px; }
  .KolumnaStopki ul li { padding:0px 0px 14px 0px; }
  .KolumnaStopki div { display:none; }
}
@media only screen and (min-width:1024px) {
  #Stopka { display:flex; gap:28px; padding:42px 0px 36px 0px; }
  .KolumnaStopki { flex:1 1 0px; padding:0px; }
  .KolumnaStopki strong { margin:0px 0px 12px 0px; padding:0px 0px 10px 0px; position:relative; }
  .KolumnaStopki strong:after { content:""; position:absolute; left:0px; bottom:0px; width:32px; height:3px; border-radius:2px; background:#ef7d00; }
  .KolumnaStopki ul { padding:0px; }
  .KolumnaStopki ul li { margin:0px 0px 9px 0px; }
  .KolumnaStopki a:hover { padding-left:4px; }
  #KontaktDolny { flex:0 0 28%; padding:0px 0px 0px 72px; border-left:1px solid rgba(255,255,255,.12); background:url('../obrazki/szablon/n_pinezka.svg') no-repeat 24px 0px; background-size:32px 32px; }
}

.NaglowekChmura { text-align:center; margin:20px 0px 5px 0px; font-size:170%; color:#797474; font-weight:normal; display:block; }

/* pasek z informacja o oprogramowaniu - ciemniejszy, na cala szerokosc */
.Copy { padding:16px 0px 16px 0px; text-align:center; font-size:90%; color:#9a96c4; background:#17133b; box-shadow:0 0 0 100vmax #17133b; -webkit-clip-path:inset(0 -100vmax); clip-path:inset(0 -100vmax); }
.Copy a { color:#9a96c4; }
.Copy a:hover { color:#ef7d00; }

/*** elementy wspolne ***/

/* ogolny wyglad linkow */
a { text-decoration:none; color:#5c5c5c; font-weight:normal; }
a:hover { text-decoration:none; color:#ef7d02; }

/* linki produktow */
h3 a { font-weight:normal; color:#2f2583; font-size:120%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }

/* link pdf */
.pdfIkona { background:url('../obrazki/pdf/pdf.png') no-repeat left center; padding:5px 0px 5px 25px; }

/* divy jako tabela */
.TabelaTbl { display:table; width:100%; border-collapse:collapse; border-spacing:0; }

/* sekcja produktow lub elementow w modulach i listingach - rowna wysokosc elementow */
.WierszTbl { display:table-row; }

/* definicja zdjecia */
.Zdjecie { padding:5px; }
#ZoomChwilowe { position:absolute; background:url('../obrazki/przyciski/zoom_zdjecia.png') no-repeat; width:37px; height:37px; display:inline-block; }
.Zoom { display:inline-block; }

/* ramka foto animacji koszyka */
#AnimacjaKoszyka { border:5px solid #929090; }

/* wyglad ramki powiekszonego obrazka w listingu */
.PowiekszoneZdjecie img { background:#ffffff; padding:5px; border:1px solid #dbdbdb; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); }

/* ikonki zdjec */
.ZdjecieIkony { display:inline-block; position:relative; overflow:visible; }
.IkonkiProduktu { position:absolute; z-index:99; text-align:left; top:0px; left:0px; }
.Ikona { text-transform:uppercase; display:block; margin-bottom:3px; }
.Ikona b { display:inline-block; padding:0px 5px 0px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; color:#ffffff; font-size:11px; line-height:20px; font-family:Arial, sans-serif; }
.Ikona b span { margin:0px; padding:0px; display:inline-block; }
.IkonaPromocja b, .IkonaPromocjaProcent b { background:#e70505; }
.IkonaNowosc b { background:#50d329; }
.IkonaPolecany b { background:#2dadb1; }
.IkonaHit b { background:#ff7413; }
.IkonaDostawa b { background:#1584b7; }
.IkonaWyprzedaz b { background:#e200e3; }
.IkonaRabat b, .IkonaCenaSpecjalna b { background:#ff0000; }

/* informacja */
.Informacja { background:url('../obrazki/szablon/info.png') no-repeat left center; padding:7px 5px 7px 35px; } 
.InformacjaOk { background:url('../obrazki/szablon/ok.png') no-repeat left center; padding:7px 5px 7px 35px; }
span.Informacja { display:inline-block; } 

/* ikonki przesuwania strony gora - dol */
#doGory { position:fixed; right:20px; top:20px; cursor:pointer; width:44px; height:24px; background:url('../obrazki/nawigacja/scroll.png') no-repeat left top; opacity:0.4; filter:alpha(opacity=40); display:none; }
#doGory:hover { opacity:1; filter:alpha(opacity=100); }
#doDolu { position:fixed; right:20px; bottom:20px; cursor:pointer; width:44px; height:24px; background:url('../obrazki/nawigacja/scroll.png') no-repeat left bottom; opacity:0.4; filter:alpha(opacity=40); display:none; }
#doDolu:hover { opacity:1; filter:alpha(opacity=100); }

/*** wyglad czesci srodkowej ***/

/* naglowek modulow i stron w czesci srodkowej */
/* naglowki stron i modulow - nowy wyglad: granatowy tekst z pomaranczowa kreska (zamiast pomaranczowej zakladki) */
.StrNaglowek { display:block; position:relative; margin:10px 0px 16px 0px; font-size:160%; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; text-transform:none; border-bottom:0px; }
.StrNaglowek span { position:relative; display:inline-block; padding:0px 0px 10px 0px; color:#1f1a4d; font-weight:bold; line-height:1.25; text-shadow:none; background:none; }
.StrNaglowek span:after { content:""; position:absolute; left:0px; bottom:0px; width:48px; height:4px; border-radius:2px; background:#ef7d00; }
.StrNaglowek a { color:#1f1a4d; font-weight:bold; }
.StrNaglowek a:hover { color:#ef7d00; }
@media only screen and (max-width:799px) {
  .StrNaglowek { font-size:140%; }
}

/* podstrony i wyglad modulow - czesc srodkowa sklepu */
.StrTresc { margin:10px 0px 20px 0px; padding:1px; overflow:hidden; }

/* okno porownywarki */
#PorownywarkaTable { margin-bottom:8px; }
#PorownywarkaTable td { padding:7px; width:250px; border:1px dotted #dbdbdb; text-align:center; vertical-align: top; }
#PorownywarkaTable td:first-child { background:#f6f6f6; text-align:right; font-weight:bold; width:110px !important; }
#PorownywarkaTable tr:nth-child(odd) { background:#f6f6f6; }
#PorownywarkaTable .Opisy { text-align:left; margin:5px; }
#PorownywarkaTable .DodatkowePola { text-align:left; margin-top:10px; }
#PorownywarkaTable .DodatkowePola .PolaTbl { display:table; border-collapse: collapse; border-spacing:0; }
#PorownywarkaTable .DodatkowePola .PolaTbl div { display:table-cell; vertical-align:middle; padding:2px 5px 2px 0px; }
#PorownywarkaTable .Foto { position:relative; }

/* formularze */
input, select, textarea { font-size:100%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
.cmxform input, .cmxform select, .cmxform textarea, .InputIlosc { color:#5c5c5c; border:1px solid #dbdbdb; padding:6px; }
.cmxform label { vertical-align:top; font-weight:normal; display:inline-block; line-height:1.2; padding:3px 0px 3px 0px; cursor:pointer; }
.cmxform label.required { font-weight:normal; display: inline-block; line-height: 1.2; background:transparent url('../obrazki/formularz/gwiazdka.png') no-repeat scroll center right;}
.cmxform p { margin-bottom:10px; }
.cmxform span { display:block; margin-bottom:5px; }
.cmxform .error { color:#ff0000; }
.cmxform label.error { font-weight: normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; display:block; margin:4px 0px 0px 0px; padding:2px 0px 2px 25px; width:80%}
.cmxform em.required { vertical-align: top; width:5px; height:5px; display:inline-block; background:transparent url('../obrazki/formularz/gwiazdka.png') no-repeat scroll center right; }
#rejestracja .OsobowoscPrawna { margin:20px 0px 20px 0px; }
#rejestracja .OsobowoscPrawna b { display:inline-block; margin-right:15px; }
.errorInformacja label.error { text-align:left; margin-left:3px; }
div.checkboxOpis { margin-left:35px; }
.CheckSekcja { margin:12px 0px 10px 0px; display:block; }
.cmxform span.tresc { display:inline; font-weight:bold; margin-bottom:5px; }
.cmxform span.opis { display:inline; font-weight:normal; margin-bottom:5px; }
.KontenerKoszykButton a.przycisk, .przyciskZamow, .przyciskZaplac { cursor:pointer; padding:25px 30px 25px 30px !important; background:#ef7d02 !important; border:0px !important; color:#ffffff !important; font-size:180%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.KontenerKoszykButton a.przycisk:hover, .przyciskZamow:hover, .przyciskZaplac:hover { background:#525252 !important; }
.ZaznaczWszystkieZgody .CheckSekcja label { padding:1px 0px 1px 0px; font-size:120%; font-weight:bold; }

/* wyglad przyciskow */
.przycisk, .cmxform .przycisk, .cmxform .przyciskWylaczony { text-align:center; display:inline-block; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; cursor:pointer; margin-right:4px; padding:8px 12px 8px 12px; background:#2f2583; border:0px; color:#ffffff; font-weight:normal; 
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.przycisk::-moz-focus-inner { border:0px; padding:0px; }
.przycisk:hover { color:#ffffff; background:#ef7d00; }
.przyciskWylaczony { opacity:0.6; filter:alpha(opacity=60); }
.Prawy { float:right; margin-top:20px; }
.MargGoraPrawy { margin:0px 10px 10px 0px; }
.MargPrzycisk { margin-top:20px; }
.PrawyBezMargin { float:right; margin-bottom:10px; }
.Lewy { float:left; margin-top:20px; }

/* do boxu ze strony informacyjnej i modulu srodkowego - link czytaj dalej */
.StronaInfo { margin:5px; text-align:right; }

/* do koszyka */
.DoKoszyka { text-align:center; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-size:120%; float:left; text-transform:uppercase; cursor:pointer; margin-top:1px; overflow:hidden; display:inline-block; padding:8px 12px 8px 12px; background:#2f2583; border:0px; color:#ffffff; font-weight:normal; 
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.DoKoszyka:hover { background:#ef7d00; }

/* wyglad ceny */
.Cena { color:#514e4e; font-size:18px; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.CenaPromocyjna { color:#ff0000; font-size:18px; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.Cena .Brutto, .CenaPromocyjna .Brutto { font-style: normal; font-size:18px; display:block; white-space:nowrap; }
.Cena .Netto, .CenaPromocyjna .Netto { font-style: normal; font-size:15px; display:block; color:#929090; white-space:nowrap; margin-top:5px; }
.Cena small, .CenaPromocyjna small { white-space:nowrap; font-size:11px; color:#888888; }
.CenaPromocyjna .CenaPoprzednia { color:#929090; font-size:14px; text-decoration:line-through; font-weight:normal; display:block; margin-bottom:5px; font-style:normal; white-space:nowrap; }
.BrakCeny { color:#ff0000; font-weight:normal; display:block; }
.CenaDlaZalogowanych { color:#ff0000; font-weight:normal; display:block; }

/* nawigacja breadcrumb */
@media only screen and (max-width:800px) {
  #Nawigacja { line-height:2; }
}
#Nawigacja { margin:5px 0px 10px 0px; padding:10px 0px 8px 0px; }
#Nawigacja > span { display:inline-block; background:url('../obrazki/szablon/separator_nawigacja.png') no-repeat right center; padding:2px 25px 2px 5px }
#Nawigacja > span:first-child a { background:url('../obrazki/szablon/domek_nawigacja.png') no-repeat left center; padding:4px 0px 0px 30px; margin-left:-5px; }
#Nawigacja > span:last-child { background:none; }
#Nawigacja span.Nawigacja { display:none; }
#Nawigacja span.Nawigacja:last-child { color:#ef7d00; display:inline-block; }
.NawigacjaLink { color:#7a7a7a; }
.NawigacjaLink:hover { color:#ef7d00; }

/* preloader strony */
#Preload { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:99999; background:#ffffff; opacity:0.5; filter:alpha(opacity=50); }
#StatusTlo { display:none; position:absolute; left:50%; top:50%; background:#ffffff; margin:-64px 0 0 -64px; }
#IkonaLoader { background:url('../obrazki/nawigacja/loader_strony.gif') no-repeat center center; width:128px; height:128px; }

/* wyskakujace okienko z komunikatami */
#PopUpInfo { font-size:110%; background:url('../obrazki/oknoPop/info.png') no-repeat left center; padding:10px 10px 10px 45px; margin:0px 10px 0px 10px; max-width:500px; text-align:center; }
#PopUpInfo h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpDodaj { font-size:110%; background:url('../obrazki/oknoPop/dodaj.png') no-repeat left center; padding:10px 10px 10px 55px; margin:0px 20px 0px 20px; text-align:center; }
#PopUpDodaj h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpUsun { font-size:110%; background:url('../obrazki/oknoPop/kasuj.png') no-repeat left center; padding:10px 10px 10px 55px; margin:0px 20px 0px 20px; text-align:center; }
#PopUpUsun h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpPrzyciski { text-align:center; }
@media only screen and (max-width:799px) {
  #PopUpPrzyciski { max-width:200px; margin:0px auto; margin-top:15px; }
}
@media only screen and (min-width:800px) {
  #PopUpPrzyciski { margin:20px 0px 0px 0px; white-space:nowrap; min-width:300px; }
  #PopUpDodaj, #PopUpUsun { white-space:nowrap; }
}
#PopUpPrzyciski a, #PopUpPrzyciski span { display:inline-block; margin:7px 10px 7px 10px; }

/* lista produktow w oknie popup po dodaniu do koszyka */
@media only screen and (max-width:799px) { 
  .ProduktyPopUp { display:none; }
}
@media only screen and (min-width:800px) { 
  .ProduktyPopUp { display:table; max-width:700px; border-collapse:collapse; border-spacing:0; margin:0px auto; margin-top:10px; }
}
.ProduktyPopUp strong { color:#ef7d02; display:block; margin:10px 10px 5px 10px; font-size:140%; text-align:center; }
.ProduktPopUp { display:table-cell; vertical-align:top; text-align:center; padding:15px 10px 15px 10px; }
.ProduktPopUp h3 { margin:0px 0px 5px 0px; }
.ProduktPopUp .Zakup { display:inline-block; margin:0px auto; margin-top:10px; }
.ProduktPopUp .Zakup .IloscProduktu { display:none; }
.ProduktPopUp .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktPopUp .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

/* wysuwane zakladki */
#wysZakladki { position:fixed; display:block; left:0; }
/* facebook */
#fb { width:304px; background:#ffffff; padding:0px; position:fixed; }
#fb_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/fb.png') no-repeat; }
#ramkaFb { border:2px solid #0070cf; font-size:0px; }
/* gg */
#gg { width:230px; background:#dadada; padding:0px; position:fixed; }
#gg_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/gg.png') no-repeat; }
#ramkaGg { border:2px solid #c1c1c1; font-size:0px; }
/* nasza klasa */
#nk { width:304px; background:#21537f; padding:0px; position:fixed; }
#nk_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/nk.png') no-repeat; }
#ramkaNk { border:2px solid #21537f; }
/* youtube */
#yt { width:304px; background:#1f1f1f; padding:0px; position:fixed; }
#yt_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/youtube.png') no-repeat; }
#ramkaYt { border:2px solid #1f1f1f; padding:5px; }
/* google plus */
#gp { width:330px !important; background:#fff; padding:0px; position:fixed; }
#gp_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/google.png') no-repeat; }
#ramkaGp { border-bottom:2px solid #004f95; border-right:2px solid #004f95; }
/* twitter */
#tw { width:304px; background:#60b9dd; padding:0px; position:fixed; }
#tw_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/twitter.png') no-repeat; }
#ramkaTw { border:2px solid #60b9dd; }
/* instagram */
#in { width:240px; background:#ffffff; padding:0px; position:fixed; }
#in_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/instagram.png') no-repeat; }
#ramkaIn { border:2px solid #9d6b53; padding:5px 0px 0px 5px; }
/* allegro */
#allegro { width:504px; background:#ffffff; padding:0px; position:fixed; }
#allegro_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/allegro.png') no-repeat; }
#ramkaAg { border:2px solid #ff5602; width:500px; }
#ramkaAg strong { background:#ff5602; padding:4px 8px 4px 8px; color:#ffffff; display:block; font-size:110%; }
#ramkaAg strong a { color:#ffffff; font-weight:bold; }
#ramkaAg .komentarz { padding:8px; }
#ramkaAg .komentarz:nth-child(odd) { background:#f4f4f4; }
#ramkaAg span { display:inline-block; margin:0px 3px 0px 3px; }
#ramkaAg a { color:#0083ff; }
#ramkaAg .opisKomentarza { margin:8px 0px 0px 0px; }
#ramkaAg .pozytywny { padding-right:25px; font-weight:bold; color:#009b00; }

/* autopodpowiedzi */
#Podpowiedzi { border:1px solid #dbdbdb; margin-top:-2px; max-height:300px; background:#ffffff; overflow-y:auto; z-index:15000; }
#Podpowiedzi .zaznacz { font-weight:bold; color:#ff0000; }
#Podpowiedzi table { width:100%; }
#Podpowiedzi td { padding:8px 8px 4px 8px; border-bottom:1px solid #dbdbdb; }
#Podpowiedzi td:last-child { text-align:center; }
#Podpowiedzi td .Cena, #Podpowiedzi td .CenaPromocyjna, #Podpowiedzi td .CenaPoprzednia { font-size:100%; }
#Podpowiedzi tr:last-child td { border-bottom:0px; }
#Podpowiedzi tr:hover { background:#f3f3f3; cursor:pointer; }

/* informacja o wylaczonym cookie - nie kasowac !! */
#BrakCookie { position:fixed; left:50%; top:40%; width:460px; padding:20px; font-weight:bold; background:#ff0000; color:#ffffff; margin:0px auto; margin-left:-220px; z-index:2003; border:10px solid #f6f6f6; text-align:center; }

/* linia pozioma */
.StrTresc .LiniaPoziom { border-bottom:1px dotted #dbdbdb; }

/* wspolne linie */
.LiniaPrawa { border-right:1px dotted #dbdbdb; }
.LiniaDolna { border-bottom:1px dotted #dbdbdb; }
.LiniaDolnaBrak { border-bottom:0px !important; }
.LiniaGorna { border-top:1px dotted #dbdbdb; }
.LiniaCala { border:1px solid #dbdbdb; }
.LiniaCalaPrzerywana { border:1px dotted #dbdbdb; }
.LiniaOpisu { border-top:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb; }

.JmCena { font-style:normal; font-size:14px; font-weight:normal; }
@media only screen and (max-width:1023px) { #LinkLogo { text-align:center; } #LinkLogo .RwdKomputer { display:none; } }
@media only screen and (min-width:1024px) { #LinkLogo .RwdMobilny { display:none; } }

#pinte { width:330px; background:#ffffff; padding:0px; position:fixed; }
#pinte_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/pinterest.png') no-repeat; }
#ramkaPinte { border:2px solid #e60023; width:326px; }
#ramkaPinte span { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -khtml-border-radius:0px; }

#allegro_opinie { width:444px; background:#ffffff; padding:0px; position:fixed; }
#allegro_opinie_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/allegro.png') no-repeat; }
#ramkaAgOpinie { border:2px solid #ff5602; width:440px; }
#ramkaAgOpinie .NaglowekOpinieAllegro { line-height:1.3; margin:15px 15px 25px 15px; background:#3ec43d; padding:5px; text-align:center; color:#ffffff; font-size:130%; }
#ramkaAgOpinie .OcenyAllegro { margin:5px 15px 5px 15px; font-size:120%; line-height:22px; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(1) { float:left; width:220px; margin-left:5px; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(2) { float:left; width:100px; text-align:center; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(3) { float:right; text-align:right; margin-right:5px; }
#ramkaAgOpinie .SredniaOcenAllegro { margin:25px 5px 15px 5px; text-align:center; font-size:150%; }
#ramkaAgOpinie .ListaAukcjiAllegro { margin:15px 5px 15px 5px; text-align:center; }
#ramkaAgOpinie .ListaAukcjiAllegro a { background:#ff5a00; padding:10px 20px 10px 20px; font-weight:bold; color:#ffffff; display:inline-block; font-size:120%; text-transform:uppercase; }
#ramkaAgOpinie .ListaAukcjiAllegro a:hover { background:#444444; }

.AktProsta em.AutorArtykulu { display:block; padding:3px 0px 5px 0px; }
.DaneAktualnosci em.AutorArtykulu { display:block !important; padding:3px 0px 5px 0px; }

/* === etonery: nowy wyglad popupow jBox (Modal) === */
.jBox-overlay.jBox-overlayModal{background:rgba(20,33,61,.55)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.jBox-Modal.jBox-Default .jBox-container{background:#fff!important;border-radius:16px!important;border-top:4px solid #ef7d00!important;box-shadow:0 18px 50px rgba(20,33,61,.25)!important;overflow:hidden}
.jBox-Modal.jBox-Default .jBox-content{padding:28px 28px 24px!important;max-width:min(480px,calc(100vw - 32px));box-sizing:border-box}
.jBox-Modal .message{text-align:center;color:#14213d;font-size:15px;line-height:1.55}
.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun){background-image:none!important;padding:90px 0 0!important;margin:0 0 20px!important;position:relative;text-align:center;font-weight:500;min-height:0!important}
.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun)::before{content:"";position:absolute;top:0;left:50%;margin-left:-55px;width:110px;height:78px;background:url("/images/maskotka_kciuk.png") center/contain no-repeat}
.jBox-Modal .message #PopUpPrzyciski{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;box-sizing:border-box;margin:0!important;padding:0!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:140px;max-width:100%;box-sizing:border-box;padding:11px 20px!important;margin:0!important;border-radius:999px!important;background:#ef7d00!important;border:2px solid #ef7d00!important;color:#fff!important;font-weight:600;font-size:14px;white-space:normal;text-align:center;line-height:1.3;text-decoration:none!important;box-shadow:none!important;transition:background .15s,border-color .15s}
.jBox-Modal .message #PopUpPrzyciski a.przycisk:hover{background:#d96f00!important;border-color:#d96f00!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk~a.przycisk{background:#fff!important;color:#2f2583!important;border-color:#2f2583!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk~a.przycisk:hover{background:#2f2583!important;color:#fff!important}
/* priorytet przycisku glownego: panel-klienta > koszyk > pierwszy */
.jBox-Modal .message #PopUpPrzyciski:not(:has(a[href*="koszyk"])):not(:has(a[href*="panel-klienta"])):has(>a.przycisk:nth-child(3)) a.przycisk:first-child{flex-basis:100%}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk:not([href*="koszyk"]){background:#fff!important;color:#2f2583!important;border-color:#2f2583!important;order:0}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk:not([href*="koszyk"]):hover{background:#2f2583!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk[href*="koszyk"]{background:#ef7d00!important;color:#fff!important;border-color:#ef7d00!important;order:-1}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk[href*="koszyk"]:hover{background:#d96f00!important;border-color:#d96f00!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])):has(>a.przycisk:nth-child(3)) a.przycisk[href*="koszyk"]{flex-basis:100%}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk:not([href*="panel-klienta"]){background:#fff!important;color:#2f2583!important;border-color:#2f2583!important;order:0}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk:not([href*="panel-klienta"]):hover{background:#2f2583!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk[href*="panel-klienta"]{background:#ef7d00!important;color:#fff!important;border-color:#ef7d00!important;order:-1}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk[href*="panel-klienta"]:hover{background:#d96f00!important;border-color:#d96f00!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]):has(>a.przycisk:nth-child(3)) a.przycisk[href*="panel-klienta"]{flex-basis:100%}
@media (max-width:480px){.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun){padding-top:66px!important}.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun)::before{width:80px;height:57px;margin-left:-40px}.jBox-Modal.jBox-Default .jBox-content{padding:24px 18px 20px!important}.jBox-Modal .message #PopUpPrzyciski{flex-direction:column}.jBox-Modal .message #PopUpPrzyciski a.przycisk{width:100%;box-sizing:border-box}}
/* ukrywanie boxu dla malych rozdzielczosci --- nie zmieniac nazwy styli, nie usuwac --- */
@media only screen and (max-width:799px) {
  /* klasa do ukrywania boxu */
  .BoxRwdUkryj { display:none; }
  .BoxRwd .BoxZawartosc { display:none; }
  /* klasa do minimalizowania boxu */
  .BoxRozwinZwin { display:inline-block; }
}
@media only screen and (min-width:800px) {
  .BoxRwd .BoxZawartosc { display:block; }
  .BoxRozwinZwin { display:none; }
}

/* rozwijanie / zwijanie boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxRozwinZwin { float:right; cursor:pointer; }

/* dla normalnych boxow --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowek .BoxRozwin { margin:6px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_rozwin_ciemny.png') no-repeat center center; }
.BoxNaglowek .BoxZwin { margin:6px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_zwin_ciemny.png') no-repeat center center; }

/* dla boxu kategorii gdzie ma sie pokazac ikona menu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowekKategorie .BoxRozwin, .BoxNaglowekKategorie .BoxZwin { margin:1px 1px 0px 0px; width:28px; height:20px; background:url('../obrazki/nawigacja/menu_rozwijane_ciemne.png') no-repeat; }

/* ramka boxu - z marginesem --- nie zmieniac nazwy styli, nie usuwac --- */
.CalyBox { margin-bottom:10px; }

/* ramka boxu kategorii - z marginesem --- nie zmieniac nazwy styli, nie usuwac --- */
.CalyBoxKategorie { margin-bottom:10px; }

/* wyglad naglowka boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowek, .BoxNaglowekKategorie { background:#ef7d00; margin:0px; padding:9px 10px 9px 10px; font-size:160%; text-shadow:1px 1px #7b7b7b; color:#ffffff; font-weight:bold; text-transform:uppercase; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }

/* wyglad ogolny boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxTresc { margin:10px 0px 20px 0px; overflow:hidden; position:relative;  }
.BoxTresc .WszystkieKreska { text-align:center; padding:10px 10px 5px 10px; border-top:1px dotted #dbdbdb; }
.BoxTresc .Wszystkie { text-align:center; margin:10px 10px 5px 10px; }
.BoxTresc .Wszystkie a, .BoxTresc .WszystkieKreska a { color:#929090; background:url('../obrazki/nawigacja/zobacz_wszystkie_box.png') no-repeat left center; padding-left:23px; display:inline-block; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .Wszystkie a:hover, .BoxTresc .WszystkieKreska a:hover { color:#ef7d02; padding-left:28px; }
.BoxTresc .SrodekCentrowany { text-align:center; padding:10px; }

/* box standardowy z kategoriami */
.BoxKategorie { overflow:hidden; background:#2f2483; margin-top:3px; position:relative; }
.BoxKategorie ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorie li { margin:0px; }
.BoxKategorie a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:2px solid #ffffff; color:#ffffff;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorie a:hover { text-decoration:none; background:#ef7d00; }
.BoxKategorie li li a { padding:8px 12px 8px 25px; font-size:110%; font-weight:normal; display:block; }
.BoxKategorie li li a:hover { text-decoration:none; }
.BoxKategorie li li li a { padding:8px 12px 8px 40px; }
.BoxKategorie li li li li a { padding:8px 12px 8px 55px; }
.BoxKategorie li li li li li a { padding:8px 12px 8px 70px; }
.BoxKategorie em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; font-size:80%; }
.BoxKategorie .Aktywna { background:#ef7c00; color:#ffffff; }
.BoxKategorie li a span { display:table-cell; vertical-align:middle; }
.BoxKategorie li a span:last-child { padding-left:8px; }

/* box kategorii rozwijanych */
.BoxKategorieRozwijane { overflow:hidden; background:#2f2483; margin-top:3px; position:relative; }
.BoxKategorieRozwijane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieRozwijane li { margin:0px; }
.BoxKategorieRozwijane a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:inline-block; margin-left:25px; color:#ffffff; }
.BoxKategorieRozwijane a:hover { text-decoration:none; }
.BoxKategorieRozwijane li ul { display:none; }
.BoxKategorieRozwijane li li a { font-size:120%; background:url('../obrazki/kategorie/kategoriaRozwijanaTlo.png') no-repeat left center; padding:6px 10px 6px 15px; font-weight:normal; display:inline-block; margin:1px 0px 1px 40px; }
.BoxKategorieRozwijane li li a:hover { text-decoration:none; }
.BoxKategorieRozwijane li li li a { margin-left:57px; }
.BoxKategorieRozwijane li li li li a { margin-left:74px; }
.BoxKategorieRozwijane li li li li li a { margin-left:91px; }
.BoxKategorieRozwijane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; font-size:80%; }
.BoxKategorieRozwijane .Aktywna { font-weight:bold; color:#ef7d00; }
.BoxKategorieRozwijane div { border-bottom:2px solid #ffffff;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorieRozwijane div:hover { background:#ef7d00; color:#ffffff; }
.BoxKategorieRozwijane div:hover a { color:#ffffff; }
.BoxKategorieRozwijane .Rozwin { position:absolute; display:inline-block; cursor:pointer; width:16px; height:16px; margin:8px 5px 5px 10px; }
.BoxKategorieRozwijane .Plus { background:url('../obrazki/kategorie/kategoriaPlus.png') no-repeat center center; }
.BoxKategorieRozwijane .Minus { background:url('../obrazki/kategorie/kategoriaMinus.png') no-repeat center center; }
.BoxKategorieRozwijane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieRozwijane li a span:last-child { padding-left:8px; }

.BoxKategorie small { display:block; margin:3px 0px 0px 0px; font-size:80%; }
.BoxKategorieRozwijane small { display:block; margin:3px 0px 0px 0px; font-size:80%; }
.BoxKategorieWysuwane small { display:block; margin:3px 10px 0px 0px; font-size:80%; }

/* box kategorii wysuwanych */
.BoxKategorieWysuwane { background:#2f2483; margin-top:3px; }
.BoxKategorieWysuwane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieWysuwane li { margin:0px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorieWysuwane li:hover { background:#ef7d00; }
.BoxKategorieWysuwane a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:2px solid #ffffff; color:#ffffff; }
.BoxKategorieWysuwane a:hover { text-decoration:none; }
.BoxKategorieWysuwane li ul { display:none; position:absolute; margin:-15px 0px 0px 160px; width:200px; background:#2f2483; z-index:10000; border:1px solid #636363; border-bottom:0px; }
.BoxKategorieWysuwane li li a { font-size:120%; padding:6px 25px 6px 10px; font-weight:normal; }
.BoxKategorieWysuwane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; font-size:80%; }
.BoxKategorieWysuwane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieWysuwane li a span:last-child { padding-left:8px; }
@media only screen and (min-width: 800px) {
  .BoxKategorieWysuwane a.Rozwin { background:url('../obrazki/kategorie/kategoriaStrzalka.png') no-repeat right center; }
}

/* animowane boxy */
.BoxTresc .BoxAnimacja { text-align:center; position:absolute; margin:0px; z-index:0; }
.BoxTresc .BoxAnimacjaScroll { text-align:center; position:relative; margin:0px; }
.BoxTresc .BoxAnimacja a, .BoxTresc .BoxAnimacjaScroll a { padding:7px 10px 10px 10px; display:inline-block; position:relative; }
.BoxTresc .BoxAnimacja .Cena, .BoxTresc .BoxAnimacja .CenaPromocyjna, .BoxTresc .BoxAnimacjaScroll .Cena, .BoxTresc .BoxAnimacjaScroll .CenaPromocyjna { margin:0px 0px 10px 0px; }
.BoxTresc .AktLicz { display:none; }
.BoxTresc .AnimSzer { min-width:150px; overflow:hidden; }
.BoxTresc .strzalkaLewa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_poprzedni.png') no-repeat left center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaPrawa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_nastepny.png') no-repeat right center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaLewa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .strzalkaPrawa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .BoxPrzyciski { margin:10px 0px 10px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  .BoxTresc .BoxPrzyciski b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .BoxTresc .BoxPrzyciski b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) { 
  .BoxTresc .BoxPrzyciski b { font-size:120%; margin:2px; padding:3px 8px 3px 8px; }
}
.BoxTresc .BoxPrzyciski b { display:inline-block; cursor:pointer; background:#b7b7b7; color:#ffffff; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .BoxPrzyciski b:hover { background:#ef7d00; }
.BoxTresc .BoxPrzyciski .On { background:#ef7d00; font-weight:bold; }

/* linki aktualnosci - kalendarz przy dacie */
.BoxTresc .Lista .Data { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 2px 2px 22px; display:block; margin:5px 5px 5px 0px; color:#929090; font-style:normal; font-weight:normal; }

.BezLinii li:last-child { border:0px !important; }

/* definiowanie boxu np dla nasz hit - tylko lista produktow */
.BoxTresc .Lista h4 a { font-weight:bold; }
.BoxTresc .Lista, .BoxTresc ul { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Lista li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Lista li a { background:url('../obrazki/nawigacja/ok.png') no-repeat left center; padding:3px 10px 3px 25px; display:block; }
.BoxTresc .Lista li .cena, .BoxTresc .ListaNumer li .cena { display:block; margin-top:5px; text-align:left; }
.BoxTresc .Lista .OpisText { margin:5px; text-align:left; }

/* box bestsellery lista z numeracja */
.BoxTresc .ListaNumer li { display:table; width:100%; padding:5px 0px 5px 0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .ListaNumer a { display:table-cell; padding:3px 0px 3px 0px; }
.BoxTresc .ListaNumer span { display:table-cell; width:40px; text-align:center; vertical-align:middle; }
.BoxTresc .ListaNumer b { display:inline-block; color:#929090; width:15px; text-align:center; padding:3px 5px 3px 5px; margin-right:6px; background:#e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius:4px; }

/* box ankiet */
.BoxTresc .Ankieta { padding:10px; text-align:center; }
.BoxTresc .Ankieta h4 { display:block; margin-bottom:10px; }
.BoxTresc .Ankieta .Pytania { display:inline-block; margin:0px auto; text-align:left !important; list-style-type: none; padding:0; }
.BoxTresc .Ankieta .Pytania input { float:left; margin:0px 5px 0px 0px !important; }
.BoxTresc .Ankieta .Pytania li { text-align:left; margin-bottom:5px; }
.BoxTresc .Ankieta .Pytania li b { margin-left:20px; font-weight:normal; display:block; }
.BoxTresc .Ankieta #BladAnkiety { display:inline-block; margin:0px auto; font-weight: normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; margin:10px 0px 0px 0px; padding:2px 0px 2px 25px; }
.BoxTresc .Ankieta div { margin-top:10px; }

/* definiowanie boxu np dla nasz hit z miniaturkami 50x50 */
.BoxImgMaly li .PrdDane { background:transparent; padding:5px; display:table-cell; vertical-align:top; }
.BoxImgMaly li .PrdDane a { margin-bottom:8px; display:block; }
.BoxImgMaly li { margin:5px 0px 5px 0px; padding:0px; border-bottom:1px dotted #dbdbdb; display:table; width:100%; }
.BoxImgMaly li .Img { display:table-cell; padding:5px; text-align:center; vertical-align:top; }
.BoxImgMaly .PrdDane .OpisText { margin:5px 5px 5px 0px; text-align:left; }

/* definiowanie boxu np dla nasz hit z wiekszymi obrazkami */
.BoxImgDuzy { text-align:center; border-bottom:1px dotted #dbdbdb; }
.BoxImgDuzy a { margin:12px 10px 10px 10px; display:inline-block; }
.BoxImgDuzy .Cena, .BoxImgDuzy .CenaPromocyjna { margin:0px 0px 10px 0px; }

/* recenzja w boxie, tresc aktualnosci, teksty drobne w boxach */
.BoxTresc .OpisText { margin:10px; text-align:center; }
.BoxTresc .OpisText img { margin-top:6px; }

/* box koszyka - szczegolowy */
.BoxKoszykSzczegoly { line-height:1.2 }
.BoxKoszykSzczegoly ul { list-style-type: none; padding:0; margin:0; }
.BoxKoszykSzczegoly li { border-bottom:1px dotted #dbdbdb; text-align:left; margin:5px 0px 5px 0px; display:table; width:100%; }
.BoxKoszykSzczegoly li .PrdDane { padding:5px; display:table-cell; vertical-align:top; }
.BoxKoszykSzczegoly li .PrdDane a { font-weight:bold; }
.BoxKoszykSzczegoly li .PrdDane .Cena { margin-top:5px; }
.BoxKoszykSzczegoly li .Img { display:table-cell; padding:5px; text-align:center; vertical-align:top; }
.BoxKoszykSzczegoly .Podsumowanie { margin:0px auto; margin-top:15px; display:table; border-collapse: collapse; border-spacing:0; }
.BoxKoszykSzczegoly .Podsumowanie div { display:table-cell; padding-right:5px; vertical-align:middle; }
.BoxKoszykSzczegoly .PrzyciskKoszyk { margin:15px 0px 7px 0px; text-align:center; }
.BoxKoszykSzczegoly .PustyKoszyk { display:block; margin:10px; text-align:center; }

/* box cennika */
.Cennik { text-align:center; }
.Cennik a { display:inline-block; margin:10px 5px 10px 5px; }

/* box producenci chmura tekst */
.BoxTresc .ProducenciChmura a { display:inline-block; margin:5px; }

/* box producenci - przewijana lista */
.BoxTresc .ProducenciLista { overflow-y:auto; }
.BoxTresc .ProducenciLista a { display:block; margin:5px 5px 5px 10px; }

/* definiowanie boxu statystyki */
.BoxTresc .Stat li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Stat li:last-child { border-bottom:0px; }
.BoxTresc .Stat li b { font-size:110%; }

/* definiowanie boxu jezyka */
.BoxTresc .Flaga { padding:5px; }
.BoxTresc .FlagaOff { cursor:pointer; opacity:0.6; filter:alpha(opacity=60); }

/* definiowanie boxu waluty */
.BoxTresc .Waluty { text-align:center; padding:10px 0px 0px 0px; }

/* box chmura tagow */
#tagCloud { text-align:center; padding:5px; overflow:hidden; font-size:90%; margin:10px 0px 20px 0px; opacity:0.8; filter:alpha(opacity=80); }
#tagCloud a { display:inline-block; margin:2px; padding:2px; }
.tag_0 { font-size:90%; }
.tag_3 { font-size:120%; }
.tag_5 { font-size:140%; }
.tag_10 { font-size:170%; }
.tag_15 { font-size:190%; }
.tag_20 { font-size:210%; }
.tag_50 { font-size:230%; }

/* box porownywarki produktow */
.BoxPorownywarka { padding:10px; }
.BoxPorownywarka a { display:block; margin-left:25px; }
#ListaProduktowPorownanieBox span { background:url('../obrazki/nawigacja/kasuj.png') no-repeat left center; width:16px; height:16px; margin:0px 10px 0px 0px; float:left; cursor:pointer; display:inline-block; }
#ListaProduktowPorownanieBox { list-style-type: none; padding:0; margin:0; }
#ListaProduktowPorownanieBox li { margin-bottom:8px; }
.BoxPorownywarka #przyciskPorownywaniaBox { margin-top:15px; text-align:center; }

/* box schowka */
.BoxSchowek { padding:10px; text-align:center; line-height:1.2 }
.BoxSchowek .Cena { display:inline-block; }
.BoxSchowek .WartoscSchowka { margin:0px auto; margin-top:5px; margin-bottom:15px; display:table; border-collapse: collapse; border-spacing:0; }
.BoxSchowek .WartoscSchowka div { display:table-cell; padding:0px 3px 0px 3px; vertical-align:middle; }

/* box reklamacji */
.BoxReklamacja { padding:10px; text-align:left; line-height:1.5 }
.BoxReklamacja span { font-size:110%; font-weight:bold; }
.BoxReklamacja ul { list-style-type: none; padding:0; margin:0; }
.BoxReklamacja li { margin:0px; }
.BoxReklamacja a { padding:2px 5px 2px 5px; font-weight:normal; display:block; }

/* box newsletter */
.BoxNewsletter { padding:10px; text-align:center; line-height:1.2; }
.BoxNewsletter .NewsletterOpis { background:url('../obrazki/szablon/newsletter_box.png') no-repeat left center; padding-left:55px; text-align:left; }
.BoxNewsletter .PoleAdresu { margin:15px 0px 15px 0px; }
.BoxNewsletter #emailNewsletter { width:95%; margin:0px auto; }

/* definiowanie boxu z miniaturka i opisem */
.BoxImgTekst { text-align:left; border-bottom:1px dotted #dbdbdb; padding:8px 5px 10px 5px; }
.BoxImgTekst img { float:left; margin-right:12px; margin-bottom:8px; }
.BoxImgTekst h3 { margin-bottom:8px; }

/* box wyszukiwania */
.BoxWyszukiwania { margin:10px; padding-right:55px; text-align:center; line-height:1.2; background:url('../obrazki/szablon/szukaj_lupa_box.png') no-repeat right center; }
.BoxWyszukiwania .PoleFrazy { margin-top:8px; }
.BoxWyszukiwania #InBoxSzukaj { width:90%; margin:0px auto; }
.SzukZaawansowane { border-top:1px dotted #dbdbdb; display:block; margin:15px 0px 5px 0px; padding-top:8px; text-align:center; }

/* box z grafikami, bannerami */
.BoxTresc .Grafiki { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Grafiki li { padding:10px; margin-bottom:8px; text-align:center; }
.BoxTresc .Grafiki span { cursor:pointer; }
.BoxTresc .Reklamy { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Reklamy li { margin-bottom:8px; text-align:center; overflow: hidden; }

/* box kontakt */
.BoxKontakt { list-style-type: none; padding:0; margin:0; }
.BoxKontakt li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxKontakt li:last-child { border:0px; }
.BoxKontakt li b { display:block; margin-bottom:5px; }
.BoxKontakt .Firma { line-height:1.5; }
.BoxKontakt .Firma strong { display:block; margin-bottom:5px; font-size:110%; }
.BoxKontakt .Iko { line-height:1.7; }
.BoxKontakt .Iko b { padding-left:25px; background:url('../obrazki/szablon/ikony_kontakt.png') no-repeat; height:20px; line-height:20px; }
.BoxKontakt .Mail b { background-position:0px -20px; }
.BoxKontakt .Tel b { background-position:0px 0px; }
.BoxKontakt .Fax b { background-position:0px -40px; }
.BoxKontakt .Gg b { background-position:0px -60px; }
.BoxKontakt .Skype b { background-position:0px -80px; }
.BoxKontakt .Godziny b { background-position:0px -100px; }

/* box filtrow */
.BoxTresc #filtrBox { margin:5px; }
.BoxTresc .ZakresCen { padding:5px 0px 10px 5px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .ZakresCen b { display:block; margin:0px 5px 0px 0px; padding-bottom:10px; font-size:110%; }
.BoxTresc .ZakresCen input { margin:0px 5px 0px 5px; }
.BoxTresc .Multi { padding:5px 0px 10px 0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Multi span { display:block; padding:5px; font-size:110%; }
.BoxTresc .Multi b.Wlaczony { background:url('../obrazki/nawigacja/ok.png') no-repeat left center; padding-left:25px; font-weight:bold; }
.BoxTresc .Multi .Wybor { z-index:999; overflow-y:auto; overflow-x:hidden; max-height:200px; margin:5px; }
.BoxTresc .Multi .Wybor li { margin-bottom:4px; position:relative; }
.BoxTresc .Multi .Wybor li input { display:none; }
/* filtr tekstowy */
.BoxTresc .Multi .Wybor li label { cursor:pointer; width:auto; padding:0px 0px 0px 20px; margin:0px 5px 0px 5px; line-height:1.5; background:url('../obrazki/nawigacja/filtr_wylaczony.png') no-repeat left top; vertical-align:middle; }
.BoxTresc .Multi .Wybor li label.Wlaczony { background:url('../obrazki/nawigacja/filtr_wlaczony.png') no-repeat left top; }
/* filtr obrazkowy */
.BoxTresc .FiltryCechyObrazek .Wybor li label { cursor:pointer; width:auto; display:table-cell; padding:0px 5px 0px 20px; line-height:1.5; background:url('../obrazki/nawigacja/filtr_wylaczony.png') no-repeat left center; vertical-align:middle; }
.BoxTresc .FiltryCechyObrazek .Wybor li label.Wlaczony { background:url('../obrazki/nawigacja/filtr_wlaczony.png') no-repeat left center; }
.BoxTresc .FiltryCechyObrazek .Wybor li div { display:table-cell; padding-right:8px; cursor:pointer; vertical-align:middle; }
.BoxTresc strong { color:#ef7d02; display:block; margin:10px 0px 8px 0px; font-size:110%; }
.BoxTresc #filtryWyswietl a { display:block; font-weight:bold; font-size:110%; background:url('../obrazki/nawigacja/kasuj.png') no-repeat right center; margin:10px 5px 0px 5px; padding:2px 20px 2px 2px; }
.BoxTresc #filtryWyswietl a:hover { color:#ef7d02; }
.BoxTresc .cl { float:none !important; }
.BoxTresc #filtryWyswietl { text-align:right; }
.BoxTresc #filtryWyswietl input { margin-top:10px; }
 /* ukrywanie modulu dla malych rozdzielczosci --- nie zmieniac nazwy styli, nie usuwac --- */
@media only screen and (max-width:799px) {
  /* klasa do ukrywania modulu */
  .ModulRwdUkryj { display:none; }
}

/*** wyglad modulow srodkowych ***/

/* aktualnosci na stronie glownej */
.AktProsta { text-align:left; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.AktProsta h2 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:110%; }
.AktProsta .DaneAktualnosci { float:none; text-align:left; margin-bottom:8px; display:block; }
.AktProsta .DaneAktualnosci em { display:inline-block; margin:2px 2px 2px 0px; padding-right:15px; color:#929090; font-style:normal; }
.AktProsta .DataDodania { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.AktProsta .IloscOdslon { padding:0px; }

/* wyglad produktu w formie okien */
.ProduktProsty { text-align:center; position:relative; padding:8px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.ProduktProsty .Foto { display:inline-block; }
.ProduktProsty h3 { min-height:120px; }
.ProduktProsty h3 a { padding:7px 10px 0px 10px; display:inline-block; }
.ProduktProsty .Foto a { position:relative; }
.ProduktProsty .Zdjecie { margin:0px 0px 10px 0px; }
.ProduktProsty .Opis { text-align:left; display:block; margin:10px !important; padding:5px; }
.ProduktProsty .ZakupCena { display:table; width:100%; }
.ProduktProsty .InfoCena { display:table-cell; vertical-align:middle; padding:10px 0px 10px 10px; background:#ececec; text-align:left; }
.ProduktProsty .Zakup { display:table-cell; vertical-align:middle; padding:10px 10px 10px 0px; background:#ececec; }
.ProduktProsty .Zakup .InputIlosc { float:right; text-align:center; width:30px; margin:4px 0px 4px 5px; }
.ProduktProsty .Zakup em { display:inline-block; float:right; font-style:normal; margin:10px 5px 5px 0px; }
.ProduktProsty .Zakup .DoKoszyka { float:right; }
.ProduktProsty .AnimacjaZobacz { overflow:hidden; position:relative; padding-top:15px; border:2px solid #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;    
}
.ProduktProsty .AnimacjaZobacz:hover { 
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
}
.ProduktProsty .PoleDostepnosc { background:#e3e3e3; padding:13px 10px 0px 10px; text-align:right; min-height:30px; }
.ProduktProsty .Dostepnosc { font-style:normal; display:block; font-weight:bold; }
.ProduktProsty .Dostepnosc em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktProsty .CenaPoprzednia { display:none; }

/* wyglad produktu w formie okien - z dostepnoscia, ocena, producentem */
.ProduktZlozony { text-align:center; position:relative; padding:10px 5px 5px 5px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
@media only screen and (max-width:1023px) {
  .ProduktZlozony .Foto { margin-bottom:10px; }
  .ProduktZlozony .ProdCena { text-align:center; margin:0px !important; }
  .ProduktZlozony .Ocena { text-align:center; }
  .ProduktZlozony .Ocena img { display:inline-block; }
  .ProduktZlozony .Ocena span { display:block; }
}
@media only screen and (min-width:1024px) {
  .ProduktZlozony .Foto { float:left; margin-left:15px; }
  .ProduktZlozony .ProdCena { text-align:left; padding-right:5px; }
  .ProduktZlozony .Ocena { text-align:left; }
  .ProduktZlozony .Ocena img { display:block; }
}
.ProduktZlozony .ProdCena a { padding:0px 10px 15px 0px; display:inline-block; }
.ProduktZlozony .Opis { text-align:left; display:block; margin:10px !important; padding:5px; }
.ProduktZlozony .Opis .Dostepnosc { font-style:normal; display:block; padding:5px 0px 5px 0px; font-weight:bold; }
.ProduktZlozony .Opis .Dostepnosc em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktZlozony .ProdCena .Producent { margin-top:8px; display:block; }
.ProduktZlozony .ProdCena .Producent a { color:#ef7d02; font-weight:bold; }
.ProduktZlozony .ProdCena .Producent a:hover { color:#ef7d02; }
.ProduktZlozony .ProdCena .Producent em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktZlozony .cl { height:10px; }
.ProduktZlozony .Ocena { margin-top:10px; line-height:1.5; }
.ProduktZlozony .Ocena img { margin:5px 0px 5px 0px; }
.ProduktZlozony .Ocena strong { display:inline-block; margin-left:3px; font-size:110%; }
.ProduktZlozony .Zakup { display:inline-block; margin-top:15px; }
.ProduktZlozony .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktZlozony .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 10px 5px 0px; }

/* wyglad modulu produktow z jedynym zdjeciem */
@media only screen and (max-width:799px) { 
  .ProduktZdjecieLista .FotoJedno { margin-bottom:20px; width:100% !important; }
  .ProduktZdjecieLista .FotoJedno li { text-align:center; }
  .ProduktZdjecieLista .NazwyProduktow { text-align:left; }
}
@media only screen and (min-width:800px) { 
  .ProduktZdjecieLista { display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .ProduktZdjecieLista .FotoJedno { display:table-cell; vertical-align:middle; text-align:left; padding-left:30px; }
  .ProduktZdjecieLista .NazwyProduktow { display:table-cell; vertical-align:middle; text-align:left; }
}
.ProduktZdjecieLista .FotoJedno ul { list-style-type:none; padding:0px; text-align:left; }
.ProduktZdjecieLista .FotoJedno li { display:none; }
.ProduktZdjecieLista .FotoJedno li:first-child { display:block; }
.ProduktZdjecieLista .NazwyProduktow h3 { display:table; width:100%; }
.ProduktZdjecieLista .NazwyProduktow h3:nth-child(odd) { background:#f3f3f3; }
.ProduktZdjecieLista .NazwyProduktow h3 .wyswietlany { color:#ef7d02; }
.ProduktZdjecieLista .NazwyProduktow a { padding:10px; display:table-cell; vertical-align:middle; text-align:left; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ProduktZdjecieLista .NazwyProduktow a:hover { padding-left:18px; }
.ProduktZdjecieLista .NazwyProduktow .Ceny { vertical-align:middle; display:table-cell; padding:6px 10px 6px 0px; text-align:right; }
.ProduktZdjecieLista .NazwyProduktow .CenaPoprzednia { display:inline-block; margin-right:10px; }

/* przyciski do modulu wszystkich produktow */
#LadowanieWszystkie { display:none; z-index:100; position:absolute; width:100px; height:150px; background:url('../obrazki/nawigacja/loader_maly.gif') no-repeat center center; }
#WszystkieProdukty { z-index:1; }
#WszystkieProdukty .SekcjaRowna:nth-last-child(2) { border-bottom:0px; }
#WszystkieProdukty .ModulPrzyciski { margin:20px 0px 10px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #WszystkieProdukty .ModulPrzyciski b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #WszystkieProdukty .ModulPrzyciski b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) { 
  #WszystkieProdukty .ModulPrzyciski b { font-size:120%; margin:2px; padding:3px 8px 4px 8px; }
}
#WszystkieProdukty .ModulPrzyciski b { height:auto; width:auto; display:inline-block; cursor:pointer; background:#b7b7b7; color:#ffffff; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#WszystkieProdukty .ModulPrzyciski b:hover { background:#ef7d00; }
#WszystkieProdukty .ModulPrzyciski b.On { background:#ef7d00; font-weight:bold; }
#WszystkieProdukty .ModulPrzyciski span { display:inline-block; margin:0px 5px 0px 5px; font-weight:bold; }

/* wyglad produktu - modul promocje z zegarem */
.ProduktWiersz { position:relative; padding:10px 0px 10px 0px; border-bottom:1px dotted #dbdbdb; }
.StrTresc .ProduktWiersz:last-child { border:0px; }
@media only screen and (max-width:799px) { 
  .ProduktWiersz .Foto { margin:5px 0px 10px 0px; text-align:center; }
  .ProduktWiersz .ProdOpis { margin:5px 0px 10px 0px !important; text-align:center; }
  .ProduktWiersz .Odliczanie { margin-left:0px !important; text-align:center; }
  .ProduktWiersz .OpisKrotki { padding:0px 10px 0px 10px; display:block; }
}
@media only screen and (min-width:800px) {
  .ProduktWiersz .Foto { float:left; margin:5px 0px 0px 15px; }
  .ProduktWiersz .ProdOpis { text-align:left; margin:5px 40px 10px 0px; }
}
.ProduktWiersz .ProdOpis a { padding:0px 10px 10px 0px; display:inline-block; }
.ProduktWiersz .Zdjecie { margin:0px 0px 10px 0px; }
.ProduktWiersz .OpisKrotki { margin:10px 0px 10px 0px; display:block; }
.ProduktWiersz .Odliczanie { display:block; font-size:110%; color:#ef7d02; font-weight:bold; margin:12px 0px 8px 0px; }
.ProduktWiersz .Odliczanie span { display:block; color:#ef7d00; margin-bottom:5px; font-size:19px; font-weight:bold; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
.ProduktWiersz .Odliczanie span em { display:inline-block; background:#ef7d00; color:#ffffff; font-style:normal; padding:2px 5px 2px 5px; margin:1px; 
                                  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; -khtml-border-radius:4px; }
.ProduktWiersz .Bestseller_pl { right:0px; top:0px; position:absolute; background:url('../obrazki/ikony/pl/bestseller.png') no-repeat; width:185px; height:111px; }
.ProduktWiersz .Bestseller_en { right:0px; top:0px; position:absolute; background:url('../obrazki/ikony/en/bestseller.png') no-repeat; width:185px; height:111px; }
.ProduktWiersz .Zakup { display:inline-block; }
.ProduktWiersz .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktWiersz .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

/* wyglad kategorii na stronie glownej */
.KategoriaGl { text-align:left; position:relative; padding:5px 8px 10px 8px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.KategoriaGl .Kategoria { margin-right:60px; }
.KategoriaGl h3 a { padding:7px 10px 10px 3px; display:inline-block; }
.KategoriaGl .Foto { float:right; }
.KategoriaGl .Zdjecie { margin:0px 0px 10px 0px; }
.KategoriaGl ul { list-style-type: none; padding: 0; margin: 0; }
.KategoriaGl li { margin:0px; }
.KategoriaGl li a { background:url('../obrazki/szablon/menu_kategorii_str_glowna.png') no-repeat left center; display:block; padding:3px 10px 3px 18px; }
.KategoriaPusta { display:table-cell; }

/* producenci chmura */
.ProducenciChmuraModul { text-align:center; }
.ProducenciChmuraModul a { display:inline-block; margin:5px; font-size:130%; }

/* wyglad producentow na stronie glownej */
#ProducenciAnimacja { margin:10px 28px 10px 28px; overflow:hidden; }
#ProducenciAnimacjaStrzalkaLewa { display:none; opacity:0.6; filter:alpha(opacity=60); cursor:pointer; float:left; width:28px; height:30px; margin-top:30px; background:url('../obrazki/nawigacja/strzalka_poprzedni.png') no-repeat center center; }
#ProducenciAnimacjaStrzalkaLewa:hover { opacity:1; filter:alpha(opacity=100); }
#ProducenciAnimacjaStrzalkaPrawa { opacity:0.6; filter:alpha(opacity=60); cursor:pointer; float:right; width:28px; height:30px; margin-top:30px; background:url('../obrazki/nawigacja/strzalka_nastepny.png') no-repeat center center; }
#ProducenciAnimacjaStrzalkaPrawa:hover { opacity:1; filter:alpha(opacity=100); }
#ProducenciAnimacjaSrodek ul { list-style-type: none; padding: 0; margin: 0; display:table; border-collapse:collapse; border-spacing:0; }
#ProducenciAnimacjaSrodek li { display:table-cell; vertical-align:middle; text-align:center; margin:0px; }

/* modul animowany - jeden produkt na cala szerokosc szeroki na cala kolumne - przenikanie - promocje */
.AnimModulJeden .ProdOpisSrodek { text-align:left; margin:5px 20px 0px 10px; }
.AnimModulJeden .ProdOpisSrodek a { font-size:22px; font-weight:normal; padding:0px 10px 10px 0px; display:inline-block; }
.AnimModulJeden .ProdOpisSrodek .Znikanie { position:relative; margin:0px; }
@media only screen and (max-width:479px) { 
  .AnimModulJeden .ProdOpisSrodek { margin:0px !important; text-align:center; padding-bottom:5px; }
  .AnimModulJeden .FotoPrawe { display:none; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  .AnimModulJeden .ProdOpisSrodek { padding-bottom:5px; }
  .AnimModulJeden .FotoPrawe { margin:0px; float:right; }
}
@media only screen and (min-width:800px) {
  .AnimModulJeden .FotoPrawe { float:right; margin:5px 15px 0px 15px; }
}
.AnimModulJeden .FotoPrawe .Skakanie { position:relative; margin:0px; }
.AnimModulJeden .FotoPrawe .Zdjecie { border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/* modul animowany - jeden produkt na cala szerokosc szeroki na cala kolumne - przenikanie - hity */
.AnimModulJeden { list-style-type:none; padding:0px; margin:0px; overflow:hidden; }
@media only screen and (max-width:799px) { 
  .AnimModulJeden .Kont { margin:0px 5px 0px 5px; }
  .AnimModulJeden .Foto { text-align:center; margin:5px 0px 10px 0px; width:auto !important; }
  .AnimModulJeden .ProdOpis { text-align:center; }
}
@media only screen and (min-width:800px) { 
  .AnimModulJeden .Kont { margin:0px 5px 0px 5px; display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .AnimModulJeden .Foto { display:table-cell; vertical-align:top; padding:5px 0px 0px 15px; }
  .AnimModulJeden .ProdOpis { display:table-cell; vertical-align:top; text-align:left; }
}
.AnimModulJeden .ProdOpis { padding:5px 20px 0px 20px; }
.AnimModulJeden .ProdOpis a { font-size:180%; font-weight:normal; padding:0px 10px 10px 0px; display:inline-block; }
.AnimModulJeden .Zdjecie { margin:0px 0px 10px 0px; }
.AnimModulJeden .OpisKrotki { margin:5px 0px 10px 0px; display:block; line-height:1.5; }
.AnimModulJeden .Zakup { display:inline-block; margin-top:10px; }
.AnimModulJeden .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.AnimModulJeden .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

@media only screen and (max-width:799px) {
  .ModulPrzyciski { text-align:center; margin-bottom:10px; }
}
@media only screen and (min-width:800px) {
  .ModulPrzyciski { text-align:right; }
}
.ModulPrzyciskiSrodek { text-align:center; }
@media only screen and (max-width:799px) {
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) { 
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:14px; height:14px; margin:2px; }
}
.ModulPrzyciski b, .ModulPrzyciskiSrodek b { display:inline-block; cursor:pointer; background:#dbdbdb; color:#dbdbdb; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ModulPrzyciski b:hover, .ModulPrzyciskiSrodek b:hover { background:#ef7d00; }
.ModulPrzyciski b.On, .ModulPrzyciskiSrodek b.On { background:#ef7d00; }

/* modul animowany - przewijane produkty lewo / prawo lub przenikanie */
.AnimModul ul { list-style-type:none; padding:0px; width:100%; }
.AnimModul li { overflow:hidden; opacity:0; filter:alpha(opacity=0); width:50000px; }
.AnimModul .StronyAnim { padding:4px 2px 4px 2px; text-align:center; }
@media only screen and (max-width:799px) {
  .AnimModul .StronyAnim b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .AnimModul .StronyAnim b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) { 
  .AnimModul .StronyAnim b { font-size:120%; margin:2px; padding:3px 8px 4px 8px; }
}
.AnimModul .StronyAnim b { display:inline-block; cursor:pointer; background:#b7b7b7; color:#ffffff; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.AnimModul .StronyAnim b:hover { background:#ef7d00; }
.AnimModul .StronyAnim b.On { background:#ef7d00; font-weight:bold; }

.AnimModul { position:relative; }
.AnimModul .StronyStrzalki { margin-left:22px; margin-right:22px; overflow:hidden; position:relative; }
.AnimModul .LewaStrzalka, .AnimModul .PrawaStrzalka { opacity:0.7; filter:alpha(opacity=70);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
.AnimModul .LewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:17px; height:40px; background:url('../obrazki/szablon/strzalka_lewa.png') no-repeat left center; }
.AnimModul .PrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:17px; height:40px; background:url('../obrazki/szablon/strzalka_prawa.png') no-repeat right center; }
.AnimModul .LewaStrzalka:hover, .AnimModul .PrawaStrzalka:hover { opacity:1; filter:alpha(opacity=100); }

.AnimModul .ProduktProsty { border-bottom:0px; }

@media only screen and (max-width:799px) { 
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n), .AnimModul .Kol-2 .ProduktProsty:nth-child(1n), .AnimModul .Kol-3 .ProduktProsty:nth-child(1n), .AnimModul .Kol-4 .ProduktProsty:nth-child(1n) { border-right:0px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n), .AnimModul .Kol-3 .ProduktProsty:nth-child(2n), .AnimModul .Kol-4 .ProduktProsty:nth-child(2n) { border-right:0px; }  
}  
@media only screen and (min-width:1024px) and (max-width:1279px) { 
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n) { border-right:0px; }
  .AnimModul .Kol-3 .ProduktProsty:nth-child(3n), .AnimModul .Kol-4 .ProduktProsty:nth-child(3n) { border-right:0px; }
}  
@media only screen and (min-width:1280px) { 
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n) { border-right:0px; }
  .AnimModul .Kol-3 .ProduktProsty:nth-child(3n) { border-right:0px; }
  .AnimModul .Kol-4 .ProduktProsty:nth-child(4n) { border-right:0px; }
}

/* newsletter */
@media only screen and (max-width:799px) {
  .ModulNewsletter strong { display:block; }
  .ModulNewsletter p { display:block; text-align:center; padding:5px 10px 5px 10px; margin:0px; }
}
@media only screen and (min-width:800px) { 
  .ModulNewsletter { display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .ModulNewsletter strong { display:table-cell; vertical-align:middle; }
  .ModulNewsletter #newsletterModul { display:table-cell; vertical-align:middle; text-align:left; }
  .ModulNewsletter p { display:table-cell; vertical-align:middle; padding:5px 10px 5px 10px; text-align:left; }
  .ModulNewsletter #emailNewsletterModul { min-width:120px; }
}
@media only screen and (min-width:1024px) { 
  .ModulNewsletter #emailNewsletterModul { min-width:250px; }
}
.ModulNewsletter { line-height:1.5; margin:10px 0px 10px 0px; }
.ModulNewsletter strong { color:#ef7d00; font-size:230%; padding:10px 30px 10px 0px; text-transform:uppercase; }
.ModulNewsletter #newsletterModul { text-align:left; }
.ModulNewsletter p { color:#7a7a7a; }
.ModulNewsletter #emailNewsletterModul { width:90%; margin:0px auto; padding:9px; font-size:110%; }
.ModulNewsletter span { display:block; margin:10px; }
.ModulNewsletter small { display:block; margin:10px 0px 10px 0px; text-align:left; }

#submitNewsletterModul { background:#ef7d00; }
#submitNewsletterModul:hover { background:#2f2583; }
#submitUnsubscribeNewsletterModul { background:#cdced0; }
#submitUnsubscribeNewsletterModul:hover { background:#2f2583; }

/* wyglad bannerow statycznych */
.BanneryStatyczne { display:block; text-align:center; margin:5px; }

/* animowane bannery na stronie glownej - modul przewijany */
#AnimacjaPrzewijanaKontener { position:relative; overflow:hidden; margin-bottom:15px; }
#BanneryAnimacjaPrzewijanaLewaStrzalka, #BanneryAnimacjaPrzewijanaPrawaStrzalka { opacity:0; filter:alpha(opacity=0);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#BanneryAnimacjaPrzewijana { width:50000px; list-style-type:none; padding:0px; margin:0px; }
#BanneryAnimacjaPrzewijana img { max-width:100%; height:auto; }
#BanneryAnimacjaPrzewijana li { float:left; overflow:hidden; position:relative; }
#BanneryAnimacjaPrzewijana li span { display:none; background:#565656; text-align:center; color:#ffffff; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0); width:100%; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijana li span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #BanneryAnimacjaPrzewijana li span { padding:10px; }
}
#BanneryAnimacjaPrzewijana li:first-child span { display:block; opacity:0.7; filter:alpha(opacity=70); }
#AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaLewaStrzalka, #AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaPrawaStrzalka { opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzewijanaLewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaPrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaNumer { display:none; }
#BanneryAnimacjaPrzewijanaPrzyciski { margin:10px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) { 
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:14px; height:14px; margin:3px; }
}
#BanneryAnimacjaPrzewijanaPrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; }
#BanneryAnimacjaPrzewijanaPrzyciski span:hover { border:2px solid #ef7c00; }
#BanneryAnimacjaPrzewijanaPrzyciski span.On { border:2px solid #ef7c00; }

/* animowane bannery na stronie glownej - modul przenikania */
#AnimacjaPrzenikanieKontener { position:relative; overflow:hidden; margin-bottom:10px; }
#BanneryAnimacjaPrzenikanieLewaStrzalka, #BanneryAnimacjaPrzenikaniePrawaStrzalka { opacity:0; filter:alpha(opacity=0);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#BanneryAnimacjaPrzenikanie { width:50000px; list-style-type:none; padding:0px; margin:0px; }
#BanneryAnimacjaPrzenikanie img { max-width:100%; height:auto; }
#BanneryAnimacjaPrzenikanie li { position:absolute; overflow:hidden; display:none; }
#BanneryAnimacjaPrzenikanie li span { display:none; background:#565656; text-align:center; color:#ffffff; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0); width:100%; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzenikanie li span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #BanneryAnimacjaPrzenikanie li span { padding:10px; }
}
#BanneryAnimacjaPrzenikanie li:first-child span { display:block; opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzenikanie li:first-child { display:block; }
#AnimacjaPrzenikanieKontener:hover #BanneryAnimacjaPrzenikanieLewaStrzalka, #AnimacjaPrzenikanieKontener:hover #BanneryAnimacjaPrzenikaniePrawaStrzalka { opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzenikanieLewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
#BanneryAnimacjaPrzenikaniePrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
#BanneryAnimacjaPrzenikanieNumer { display:none; }
#BanneryAnimacjaPrzenikaniePrzyciski { margin:10px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) { 
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:14px; height:14px; margin:3px; }
}
#BanneryAnimacjaPrzenikaniePrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#BanneryAnimacjaPrzenikaniePrzyciski span:hover { border:2px solid #ef7c00; }
#BanneryAnimacjaPrzenikaniePrzyciski span.On { border:2px solid #ef7c00; }

/* animowane bannery na stronie glownej - modul mieszany */
#AnimacjaMieszanaKontener { overflow:hidden; position:relative; margin-bottom:10px; }
#AnimacjaMieszanaKontener img { max-width:100%; height:auto; }
#AnimacjaMieszanaKontener ul { list-style-type:none; padding:0px; margin:0px; width:100000px; position:relative; }
#AnimacjaMieszanaKontener li { position:relative; float:left; }
@media only screen and (max-width:799px) {
  #AnimacjaMieszanaKontener span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #AnimacjaMieszanaKontener span { padding:10px; }
}
#AnimacjaMieszanaKontener span { position:absolute; top:0px; display:block; width:100%; background:#565656; color:#ffffff; text-align:center; opacity:0; filter:alpha(opacity=0); }

#BanneryAnimacjaMieszanaPrzyciski { text-align:center; margin:10px; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaMieszanaPrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #BanneryAnimacjaMieszanaPrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) { 
  #BanneryAnimacjaMieszanaPrzyciski span { width:14px; height:14px; margin:3px; }
}
#BanneryAnimacjaMieszanaPrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#BanneryAnimacjaMieszanaPrzyciski span:hover { border:2px solid #ef7c00; }
#BanneryAnimacjaMieszanaPrzyciski span.On { border:2px solid #ef7c00; }

/*** moduly stale ***/

/* ostatnio ogladane - modul staly - przyklejony */
#PrzyklejOstatnieProd { position:fixed; left:0px; bottom:0px; width:100%; background:#000000; border-top:1px solid #ffffff; z-index:1002; opacity:0.5; filter:alpha(opacity=50); text-align:center; }
#PrzyklejOstatnieProd .Rozwiniecie { cursor:pointer; background:url('../obrazki/moduly_stale/ostatnio_ogladane_strzalka.png') no-repeat left center; padding:12px 10px 12px 35px; display:inline-block; font-size:110%; color:#ffffff; font-weight:bold; }
#PrzyklejOstatnieProd .Zamknij { left:0px; position:absolute; margin:10px; cursor:pointer; background:url('../obrazki/moduly_stale/zamknij.png') no-repeat left center; width:20px; height:20px; display:inline-block; }
#PrzyklejOstatnieProd ul { display:none; list-style-type: none; padding:0px 0px 10px 0px; margin:0px; }
#PrzyklejOstatnieProd li { margin:0px; text-align:center; }
#PrzyklejOstatnieProd li a { color:#ffffff; font-weight:normal; font-size:110%; margin:4px 0px 4px 0px; display:inline-block; }
#PrzyklejOstatnieProd li a:hover { text-decoration:underline; }

/* informacje o cookie - modul staly - przyklejony */
#InfoCookie { position:fixed; left:0px; bottom:0px; padding:10px 0px 10px 0px; width:100%; background:#000000; color:#dbdbdb; border-top:1px solid #ffffff; z-index:10003; opacity:0.9; filter:alpha(opacity=90); text-align:center; }
#InfoCookie .CookieTekst { font-size:110%; }
#InfoAkcept { background:url('../obrazki/moduly_stale/zamknij.png') no-repeat left center; display:inline-block; cursor:pointer; color:#ffffff; padding:7px 0px 7px 27px; }

/* blokada 18 + - modul staly - przyklejony */
#Blokada18 { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000000; z-index:1002; opacity:0.8; filter:alpha(opacity=80); }
@media only screen and (max-width:479px) { 
  #BlokadaOkno { position:absolute; top:10%; width:270px; margin:0px auto; margin-left:-140px; }
  #BlokadaOkno strong { margin:0px 10px 0px 10px; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  #BlokadaOkno { position:absolute; top:10%; width:400px; margin:0px auto; margin-left:-205px; }
  #BlokadaOkno strong { margin:0px 10px 0px 10px; }
}
@media only screen and (min-width:800px) {
  #BlokadaOkno { position:fixed; top:30%; width:500px; margin-left:-250px; }
}
#BlokadaOkno { left:50%; background:#ffffff; z-index:1003; border:4px solid #242424; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px; text-align:center; }
#BlokadaOkno strong { background:url('../obrazki/moduly_stale/info18plus.png') no-repeat left center; font-size:110%; color:#ff0000; display:inline-block; padding:25px 25px 25px 55px; text-align:center; }
#BlokadaOkno .BlokadaTekst { line-height:1.5; text-align:center; margin:0px 30px 0px 30px; }
#BlokadaOkno .BlokadaPrzyciski { padding:25px 0px 25px 0px; }
#BlokadaOkno .BlokadaPrzyciski .przycisk18plus { cursor:pointer; padding:5px 12px 5px 12px; font-weight:bold; font-size:110%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
#BlokadaOkno .BlokadaPrzyciski .przycisk18plus:hover { color:#ffffff; background:#929090; }
#BlokadaOkno .BlokadaPrzyciski .wejdz { background:#ef7d02; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski .zrezygnuj { background:#dbdbdb; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski span { margin:0px 5px 0px 5px; }

/* informacja na gorze sklepu */
#InfoTop { position:fixed; left:0px; top:0px; width:100%; background:#ef7d02; border-bottom:2px solid #ffffff; z-index:1005; opacity:0.8; filter:alpha(opacity=80); text-align:center; }
#InfoTop span { background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; font-size:110%; color:#ffffff; display:inline-block; padding:25px 25px 25px 55px; }

/* newsletter popup */
#InfoNewsletter { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000000; z-index:1002; opacity:0.8; filter:alpha(opacity=80); }
@media only screen and (max-width:479px) { 
  #InfoNewsletterOkno { position:absolute; top:10%; width:250px; margin:0px auto; margin-left:-140px; padding:10px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:200px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-20px 0px 0px 0px; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  #InfoNewsletterOkno { position:absolute; top:10%; width:370px; margin:0px auto; margin-left:-200px; padding:10px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:250px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-20px 0px 0px 0px; }
}
@media only screen and (min-width:800px) {
  #InfoNewsletterOkno { position:fixed; top:35%; width:460px; margin:0px auto; margin-left:-230px; padding:20px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:300px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-30px 0px 0px 0px; }
}
#InfoNewsletterOkno { left:50%; background:#ffffff; z-index:1003; border:4px solid #242424; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px; text-align:center; }
#InfoNewsletterOkno h4 { margin:10px 0px 15px 0px; font-size:140%; }
#InfoNewsletterOkno b { font-size:120%; }
#InfoNewsletterOkno small { margin:10px 0px 10px 0px; }
#InfoNewsletterOkno #newsletterPopup { margin:15px 0px 10px 0px; }
#InfoNewsletterOkno #NewsletterZamknij { cursor:pointer; float:right; color:#fff; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-size:11px; width:30px; height:15px; }
#InfoNewsletterOkno #NewsletterZamknij span { position:absolute; right:-15px; width:30px; height:30px; background:url('../obrazki/nawigacja/zamknij_banner_popup.png'); display:inline-block; }
#InfoNewsletterOkno p { text-align:center; margin:10px 0px 0px 0px; }
#InfoNewsletterOkno #emailNewsletterPopup { font-size:120%; padding:10px; text-align:center; }
#InfoNewsletterOkno #submitNewsletterPopup { font-size:110%; padding:7px 30px 7px 30px; }
#InfoNewsletterOkno #BladDanych { display:none; }
#InfoNewsletterOkno #BladDanych span { max-width:300px; text-align:left; color:#ff0000; font-size:110%; font-weight:normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; display:inline-block; margin:10px 0px 0px 0px; padding:2px 0px 2px 25px; }
#InfoNewsletterOkno #BladDanych strong { text-align:center; color:#ff0000; font-size:120%; font-weight:normal; display:inline-block; margin:10px 0px 10px 0px; }
#InfoNewsletterOkno #ZgodaPopup { margin:10px 0px 5px 0px; font-size:80%; opacity:0.6; filter:alpha(opacity=60); }
#ZakladkaNewsletterOkno { background:url('../obrazki/zakladki/newsletter.png') no-repeat; width:45px; height:117px; position:fixed; left:0px; bottom:100px; cursor:pointer; }

/* ===================================================================
   PRZENIESIONE Z strona_glowna.tp (2026-10-14) - wczesniej inline <style>
   =================================================================== */
/* karty produktow w modulach (Nowosci itp.) - nowy wyglad */
.AnimModul .ProduktProsty { padding:10px; }
.AnimModul .ProduktProsty .AnimacjaZobacz { background:#fff; border:1px solid #ececec !important; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.06) !important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.AnimModul .ProduktProsty .AnimacjaZobacz:hover { transform:translateY(-4px); border-color:#ef7d00 !important; box-shadow:0 10px 24px rgba(47,37,131,.14) !important; }
.AnimModul .ProduktProsty .Zdjecie { transition:transform .3s ease; }
.AnimModul .ProduktProsty .AnimacjaZobacz:hover .Zdjecie { transform:scale(1.05); }
.AnimModul .ProduktProsty h3 { min-height:96px; }
.AnimModul .ProduktProsty h3 a { color:#2f2583; font-weight:600; line-height:1.45; padding:4px 14px 0 14px; }
.AnimModul .ProduktProsty h3 a:hover { color:#ef7d00; }
.AnimModul .ProduktProsty .InfoCena, .AnimModul .ProduktProsty .Zakup { background:#f7f7fa; border-top:1px solid #efeff4; }
.AnimModul .ProduktProsty .InfoCena { padding:12px 0 12px 14px; }
.AnimModul .ProduktProsty .Zakup { padding:12px 14px 12px 0; }
.AnimModul .ProduktProsty .Brutto { font-size:120%; font-weight:bold; }
.AnimModul .ProduktProsty .CenaPoprzednia { display:block; font-size:12px; margin-bottom:2px; }
.AnimModul .ProduktProsty .Zakup .InputIlosc { border-radius:8px; border:1px solid #dcdce4; }
.AnimModul .ProduktProsty .DoKoszyka { white-space:nowrap; font-size:110%; background:#ef7d00; border-radius:22px; padding:9px 13px; font-weight:bold; box-shadow:0 3px 10px rgba(239,125,0,.3); transition:background .2s ease; }
.AnimModul .ProduktProsty .DoKoszyka:hover { background:#2f2583; box-shadow:0 3px 10px rgba(47,37,131,.3); }
.AnimModul .ProduktProsty .PoleDostepnosc { background:#fff; padding:10px 14px 0 14px; min-height:32px; text-align:center; border-top:1px solid #efeff4; }
.AnimModul .ProduktProsty .Dostepnosc { color:#2e9d4a; }
.AnimModul .Ikona b { border-radius:20px; padding:0 10px; font-weight:bold; letter-spacing:.4px; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.AnimModul .IkonaNowosc b { background:#2fb344; }
.AnimModul .IkonaPromocja b { background:#e53935; }
.AnimModul .StronyAnim b { width:32px; height:32px; line-height:32px; padding:0 !important; border-radius:50% !important; background:#ececf2 !important; color:#2f2583 !important; font-size:110% !important; transition:background .2s ease; }
.AnimModul .StronyAnim b:hover { background:#f7c48c !important; }
.AnimModul .StronyAnim b.On { background:#ef7d00 !important; color:#fff !important; }
/* pasek IkonyInfo na stronie glownej */
#IkonyInfo { padding:30px 10px !important; }
#IkonyInfo ul { display:flex; flex-wrap:wrap; gap:18px; }
#IkonyInfo ul li, #IkonyInfo ul li:nth-child(n) { float:none !important; clear:none !important; width:auto !important; flex:1 1 220px; margin:0 !important;
  background-color:#fff !important; background-clip:border-box !important; -webkit-background-clip:border-box !important; background-position:20px center !important;
  border:1px solid #ececec; border-top:3px solid #ef7c00; border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,.06);
  padding:20px 16px 20px 92px !important; min-height:100px; display:flex; flex-direction:column; justify-content:center; color:#555;
  transition:transform .2s ease, box-shadow .2s ease; }
#IkonyInfo ul li:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.10); }
#IkonyInfo ul li strong { color:#2f2583 !important; letter-spacing:.5px; margin-bottom:6px !important; }
/* opis sklepu na stronie glownej (modul tekstowy) */
.StrGlowna .StrTresc > .FormatEdytor { background:#fff; border:1px solid #ececec; border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,.06); padding:26px 32px; margin-top:16px; color:#555; line-height:1.75; font-size:105%; }
.StrGlowna .StrTresc > .FormatEdytor p { margin:0 0 14px 0; -webkit-column-break-inside:avoid; break-inside:avoid; }
.StrGlowna .StrTresc > .FormatEdytor p:first-child { font-size:110%; color:#333; }
@media only screen and (min-width:1024px) { .StrGlowna .StrTresc > .FormatEdytor { -webkit-column-count:2; column-count:2; column-gap:48px; column-rule:1px solid #f0f0f0; } }
/* newsletter na dole kazdej strony */
#NewsletterGlowny { background:linear-gradient(120deg,#2f2583 0%,#554ba0 100%) !important; margin-top:30px; padding:26px 0; }
#NewsletterGlowny .ModulNewsletter { margin:0; }
#NewsletterGlowny .ModulNewsletter strong { color:#ffffff; font-size:200%; letter-spacing:1px; white-space:nowrap; }
#NewsletterGlowny .ModulNewsletter strong:before { content:"\2709"; color:#ef7d00; margin-right:12px; font-size:110%; }
#NewsletterGlowny .ModulNewsletter p { color:#dcd9f3; }
#NewsletterGlowny #emailNewsletterModul { border:0; border-radius:30px; padding:12px 20px; font-size:105%; color:#333; box-shadow:0 2px 8px rgba(0,0,0,.15); outline:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#NewsletterGlowny #emailNewsletterModul:focus { box-shadow:0 0 0 3px rgba(239,125,0,.6); }
#NewsletterGlowny #submitNewsletterModul, #NewsletterGlowny #submitUnsubscribeNewsletterModul { border-radius:30px; padding:12px 26px; font-weight:bold; letter-spacing:.5px; transition:all .2s ease; }
#NewsletterGlowny #submitNewsletterModul { background:#ef7d00 !important; color:#fff; border:0; box-shadow:0 3px 10px rgba(239,125,0,.4); }
#NewsletterGlowny #submitNewsletterModul:hover { background:#ffffff !important; color:#ef7d00; }
#NewsletterGlowny #submitUnsubscribeNewsletterModul { background:transparent !important; color:#fff; border:1px solid rgba(255,255,255,.55); }
#NewsletterGlowny #submitUnsubscribeNewsletterModul:hover { background:rgba(255,255,255,.15) !important; }
#NewsletterGlowny #newsletterModul p:last-child { white-space:nowrap; }
@media only screen and (max-width:799px) { #NewsletterGlowny .ModulNewsletter strong { text-align:center; font-size:170%; padding:0 0 8px 0; } #NewsletterGlowny #emailNewsletterModul { width:100%; } }
/* producenci */
.Producenci .Producent { text-align:center; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.Producenci .Producent h3 { margin:10px 0px 5px 0px; }
.Producenci .Producent em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; }

/* recenzje - szczegoly pojedynczej recenzji oraz napisanie recenzji */
.StrTresc .Recenzja .OpisTekst { line-height:1.5; }
.StrTresc .Recenzja p { margin-bottom:10px; display:block; }
.StrTresc .Recenzja .Przyciski a { margin:10px 10px 0px 0px; }
.StrTresc .Recenzja .OpisTekst b { font-weight:normal; display:inline-block; margin:1px 0px 0px 6px; vertical-align:top; }

/* ankieta - wyniki szczegolowe ankiety */
.StrTresc .Odpowiedzi { margin:0px auto; }
.StrTresc .Odpowiedzi td { padding:5px; }
.StrTresc .Slupek { width:180px; }
.StrTresc .Slupek div { background:#ef7d02; width:100px; height:18px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; }
.StrTresc .Odpowiedz { text-align:right; }
.StrTresc .Odpowiedz strong { display:inline-block; margin-right:5px; }
.StrTresc .sumaGlosow { text-align:center; }

/* wyszukiwanie zaawansowane */
#WyszukiwanieZaawansowane .WyszukajFraze { font-size:110%; padding:10px 15px 10px 15px; margin:0px 0px 20px 0px; background:#ebebeb; }
#WyszukiwanieZaawansowane .WyszukajFraze #SzukanaFraza { font-size:110%; }
#WyszukiwanieZaawansowane p { display:block; margin:10px 5px 0px 15px; }
#WyszukiwanieZaawansowane p:before { content:".";  display:block; height:5px; clear:both; visibility:hidden; }
@media only screen and (max-width:479px) { 
  #WyszukiwanieZaawansowane p b { width:130px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:130px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #WyszukiwanieZaawansowane p b { width:180px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:180px; }
}
@media only screen and (min-width:800px) { 
  #WyszukiwanieZaawansowane p b { width:250px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:200px; }
}
#WyszukiwanieZaawansowane p b { display:inline-block; margin-top:2px; font-weight:normal; float:left; }
#WyszukiwanieZaawansowane .Wybor b { display:inline-block; margin-top:6px; font-weight:normal; float:left; }

/* wyszukiwanie w kategoriach artykulow */
#WyszukiwanieZaawansowane .Lf { margin:0px 10px 0px 0px; }
#WyszukiwanieZaawansowane .Lf:first-child { margin-top:2px; }
#WyszukiwanieZaawansowane strong { margin:0px 0px 10px 0px; font-size:110%; display:block; }
@media only screen and (max-width:799px) {
  #InSzukajArtykul { width:250px; }
  #WyszukiwanieZaawansowane .Lf:first-child { margin-bottom:8px; }
}

/* wynik wyszukiwania */
#WynikWyszukiwania { padding:10px 15px 10px 15px; margin:0px 0px 20px 0px; background:#ebebeb; }
#WynikWyszukiwania p { display:block; margin:8px 5px 8px 0px; }
#WynikWyszukiwania p span { display:inline-block; font-weight:normal; margin-right:5px; }
#WynikWyszukiwania p b { display:inline-block; font-size:120%; }
#WynikWyszukiwania .przycisk { margin:5px 0px 5px 0px; }

/* tabelka w panelu klienta */
.TabelaKlient { margin:0px; padding:0px; width:100%; }
.TabelaKlient table { width:100%; margin:0px; padding:0px; }
.TabelaKlient td, .TabelaKlient th { text-align:left; padding:8px 5px 8px 8px; vertical-align:middle; border:1px solid #dbdbdb; border-width:0px 1px 1px 1px; }
.TabelaKlient span.TabelaOpis { display:none; }
@media only screen and (max-width:1023px) { 
  .TabelaKlient table td { display:block; }  
  .TabelaKlient table .Naglowek th { display:none; }
  .TabelaKlient table .Naglowek { border-top:1px solid #dbdbdb; }
  .TabelaKlient span.TabelaOpis { display:inline-block; margin-right:5px; }
  #TabelaZamowienia td .Cena { display:inline-block; }  
}
@media only screen and (min-width:1024px) { 
  #TabelaZamowienia td:nth-child(4) { text-align:center; }
  #TabelaZamowienia td:nth-child(5), #TabelaZamowienia td:nth-child(6) { text-align:right; }
}

.TabelaKlient .Naglowek th { background:#f5f5f5;text-align:center !important; font-weight:bold; }
.TabelaKlient .Centruj td { text-align:center; }
@media only screen and (max-width:1023px) { 
  .TabelaKlient tr.Centruj td { text-align:left; }
}
.TabelaKlient tr:nth-child(odd) { background-color:#e6e6e6; }
.TabelaKlient td .Cena { font-style: normal; }

.TabelaKlient td .Zakup { margin-top:0px; text-align:left; }
.TabelaKlient td .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.TabelaKlient td .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 5px 5px 0px; }
.TabelaKlient td .Zakup .DoKoszyka { margin-right:0px; }
.TabelaKlient td h3 { color: #5c5c5c; font-size: 120%; font-weight: normal; }
.TabelaKlient td h3 a { font-size: 100%; }

@media only screen and (max-width:1023px) { 
  .TabelaKlient td .Zakup { display:block; overflow:hidden; text-align:center; }
}

.PodsumowanieWartosc .Cena { font-weight: bold; }
.GrafikaBanneru td { padding:15px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:479px) { 
  .GrafikaBanneru td img { max-width:280px; }
}
@media only screen and (min-width:479px) and (max-width:799px) {
  .GrafikaBanneru td img { max-width:650px; }
}
@media only screen and (min-width:800px) {
  .GrafikaBanneru td img { max-width:1000px; }
}

/* select w panelu klienta dotyczacy punktow */
.SelectPunkty { margin: 15px 5px 10px; }
.SelectPunkty select { max-width:60%; }

/* wyglad panelu klienta */
.StrTresc .SekcjaTbl { margin:0px 0px 8px 5px; display:table; width:100%; line-height:1.5; border-collapse: collapse; border-spacing:0; }
.StrTresc .Sekcja { margin:0px 0px 0px 5px; }
.StrTresc .Sekcja .TytulSekcji, .StrTresc .SekcjaTbl .TytulSekcji { background: url("../obrazki/szablon/ok.png") no-repeat scroll left center transparent; font-size:110%; display:block; font-weight:bold; margin:0; padding-left:35px; margin-top:10px; text-decoration: none; line-height:36px; }
.StrTresc .Sekcja .TrescSekcji { background: url("../obrazki/szablon/strzalka_prawa_panel_klienta.png") no-repeat scroll left center transparent; font-weight: normal; margin:7px; margin-left: 35px; padding-left: 25px;text-decoration: none; line-height:1.8; }

.StrTresc .DaneAdresowe { padding-left:10px; }
@media only screen and (max-width:479px) { 
  .StrTresc .DaneAdresowe { width:90%; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  .StrTresc .DaneAdresowe { width:70%; }
}
@media only screen and (min-width:800px) {
  .StrTresc .DaneAdresowe { width:50%; }
}

.StrTresc .Tytul { text-align:left; margin:0px 5px 20px 5px; display:block; font-weight:bold; font-size:110%; }
.StrTresc .StatusZamowienia { display:block; margin:10px 0px 10px 0px; }
.StrTresc .DataZlozenia { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.StrTresc .Adresat { float:left; padding:5px; width:240px; }
.StrTresc .Adresat strong { color:#ef7d02; display:block; margin-bottom:10px; }
.StrTresc .Szczegoly { float:left; padding:5px; width:240px; }
.StrTresc .Szczegoly strong { color:#ef7d02; display:block; margin-bottom:10px; }
.StrTresc .Adresat ul, .StrTresc .RamkaProcent ul, .StrTresc .Szczegoly ul, .StrTresc .Sekcja ul { list-style-type:none; padding:0px 5px 5px 0px; margin-top:0px; }
.StrTresc .Adresat li, .StrTresc .Szczegoly li, .StrTresc .Sekcja li { line-height:1.5; }
.StrTresc .SzczegolyData { margin:15px 5px 10px 5px; }
.StrTresc .SzczegolySzerokie { float:left; padding:5px; width:70%; }
.StrTresc .SzczegolySzerokie strong { color:#ef7d02; }
.StrTresc .SzczegolySzerokie ul { list-style-type:none; padding:10px 5px 5px 0px; margin-top:0px; }
.StrTresc .SzczegolySzerokie li { line-height:150%; }
.StrTresc .StatPp { margin:7px 7px 17px 35px; }

/* wyswietlanie ikonkek z linkami w sekcji klienta */
.StrTresc .Ikonki { padding:5px; text-align:right; }

/* podsumowanie zamowienia */
.PodsumowanieOpis { display:table-cell; padding-right:8px; vertical-align:middle; }
.PodsumowanieWartosc { display:table-cell; text-align:right; padding-right:8px; vertical-align:middle; }
.ZamowienieKomentarz { text-align:left; margin:10px 5px 10px 5px; }

/* sekcja aktualnosci i galerii - wyswietlanie listy artykulow z kategorii oraz zdjec galerii */
.StrTresc .KomorkaTbl { text-align:center; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.StrTresc .KomorkaTbl h2 { text-align:right; }
.StrTresc .KomorkaTbl h2 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:110%; }
.StrTresc .KomorkaTbl .DaneAktualnosci { float:none; text-align:left; margin-bottom:8px; display:block; }
.StrTresc .KomorkaTbl .TrescAktualnosci { text-align:left; margin:5px 0px 5px 0px; }
.StrTresc .KomorkaTbl .DaneAktualnosci em { display:inline-block; margin:2px 2px 2px 0px; padding-right:15px; color:#929090; font-style:normal; }
.StrTresc .KomorkaTbl .ZdjecieGalerii { display:block; text-align:center; }

/* w aktualosciach data dodania artykulu i licznik wyswietlen - pojedynczy artykul */
.DaneAktualnosci { display:block; text-align:left; margin-bottom:15px; }
.DaneAktualnosci em { display:inline-block; margin:2px 30px 2px 0px; color:#929090; font-style:normal; }
.DaneAktualnosci .DataDodania { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.DaneAktualnosci .IloscOdslon { padding:0px; }
.ZdjecieKategAktualnosci { margin:0px 10px 10px 0px; float:left; }
.TytulKomentarze { font-size:130%; margin:25px 0px 15px 0px; padding-top:15px; }
.KomentarzArtykul { margin:8px 0px 8px 0px; line-height:1.5; }
.KomentarzArtykul span { opacity:0.6; filter:alpha(opacity=60); }
.KomentarzArtykul div.KomentarzKlienta { padding:10px 0px 10px 0px; line-height:1.2; }
.KomentarzArtykul div.KomentarzOdpowiedz { padding:10px 0px 10px 40px; line-height:1.2; font-style:italic; }
.KomentarzArtykul div.KomentarzOdpowiedz span { display:block; margin-bottom:5px; }
.KomentarzArtykuluForm { margin:15px 0px 5px 0px; }
.KomentarzArtykuluForm b { display:block; font-size:110%; margin-bottom:15px; padding-top:15px; }

/* naglowki informacyjne np logowanie, rejestracja */
.Ramka strong, .Ramka h3 { color:#ef7d02; font-size:130%; margin:10px 0px 5px 0px; font-weight:normal; }

/* uzywane np przy logowaniu - podzial strony na 2 czesci */
@media only screen and (max-width:799px) { 
  .StrTresc .RamkaProcent { width:90%; }
  .StrTresc .RamkaProcent:last-child { margin-top:15px; }
}
@media only screen and (min-width:800px) {
  .StrTresc .RamkaProcent { width:47%; }
}
.StrTresc .RamkaProcent { float:left; }

/* podziala na 3 kolumny - np panel klienta */
@media only screen and (max-width:799px) { 
  .StrTresc .RamkaProcentTrzy { width:100%; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .StrTresc .RamkaProcentTrzy { width:50%; }
}
@media only screen and (min-width:1024px) {
  .StrTresc .RamkaProcentTrzy { width:33%; }
}
.StrTresc .RamkaProcentTrzy { float:left; }

/* schowek - lista produktow */
.SchowekWartosc { display:table; border-collapse:collapse; border-spacing:0; margin:10px 0px 10px 0px; }
.SchowekWartosc .Kom { display:table-cell; padding:0px 5px 0px 0px; vertical-align:middle; }

/* koszyk */
#SzczegolyKoszyka { margin:5px 0px 10px 0px; }
.LinkPobraniaKoszykaPDF { text-align:right; margin-bottom:5px; }
.LinkPobraniaKoszykaPDF a { background:url('../obrazki/kartaProduktu/pdf.png') no-repeat right center; display:inline-block; padding:5px 22px 5px 0px; }
.tip { color:#5c5c5c; background:#ffffff; border:1px solid #dbdbdb; display:none; padding:10px; position:fixed; z-index:1000; width:250px; 
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; 
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.17); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.17);
}

/* definicja wygladu kolejnych krokow realizacji zamowienia */
/* podziala na 3 kolumny - np panel klienta */
@media only screen and (max-width:799px) { 
  #KrokiZamowienia { display:none; }
}
@media only screen and (min-width:800px) {
  #KrokiZamowienia { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin:10px 0px 10px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .KoszykKrok { width:25%; display:table-cell; border-right:1px dotted #dbdbdb; padding:5px 10px 5px 15px; margin-bottom:10px; opacity:0.4; filter:alpha(opacity=40); }
  .KoszykKrok:first-child { padding-left:0px; }
  .KoszykKrok:last-child { border:0px; }
  .KoszykKrok.aktywny { opacity:1; filter:alpha(opacity=100); }
  .KoszykKrok.aktywny h5 { background:url('../obrazki/szablon/ok.png') no-repeat left center; padding:8px 0px 8px 35px; color:#ef7d02; }
  .KoszykKrok h5 { font-size:130%; margin: 0 0 5px; }
  .KoszykKrok p { font-size:110%; margin: 0 0 5px; }
  .KoszykKrok a { font-size:100%; }  
}

/* koszyk - tabela produktow */
.Koszyk { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.Koszyk th { text-align:center; padding:8px 5px 8px 8px; vertical-align:middle; border:1px solid #dbdbdb; }
.Koszyk td { text-align:center; padding:5px 10px 5px 10px; vertical-align:middle; border:1px solid #dbdbdb; }
.Koszyk .Naglowek th { background:#f5f5f5;text-align:center; font-weight:bold; }
.Koszyk tr td:nth-child(2) h3 { text-align:left; font-size:100%; }
.Koszyk tr td:nth-child(3), .Koszyk tr td:nth-child(5) { white-space:nowrap; }
.Koszyk tr:last-child td { border:0px; }
.Koszyk tr:last-child td:last-child { border:1px solid #dbdbdb; }

@media only screen and (max-width:799px) { 
  .Koszyk .Naglowek th:nth-child(1), .Koszyk td:nth-child(1) { display:none; }
  .Koszyk .Cena .Brutto small, .Koszyk .Cena .Netto small { display:block; }
  .Koszyk tr td:nth-child(2) h3 a { font-size:100%; }
  .Koszyk .Cena { font-size:100%; }
  .Koszyk .Suma .Cena  { font-size:100%; }
}

.Koszyk .UsunKoszyk { display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
.Koszyk input { text-align:center; color:#5c5c5c; border:1px solid #dbdbdb; padding:5px; }
.Koszyk .SumaTekst { text-align:right; font-weight:bold; font-size:110%; }
.Koszyk .Suma { background:#f5f5f5; color:#ef7d02; padding:5px 10px 5px 10px; text-align:center; white-space:nowrap; }
.Koszyk .Suma .Cena { color:#ef7d02; font-weight:bold; }
.Koszyk .Suma em { color:#ef7d02; font-weight:bold; }
.Koszyk .Suma small { color:#ef7d02; font-weight:normal; }
.Koszyk .Przelicz { display:block; margin-top:5px; text-align:center; }
.Koszyk .Przelicz .przycisk { width:16px; height:16px; background:url('../obrazki/nawigacja/przelicz.png') no-repeat; overflow:hidden; line-height:200; padding:0px; margin:0px; border:0px; }

.Koszyk .Cecha, table .Cecha { font-size:90%; display:block; margin-top:2px; font-weight:normal; }
.Koszyk .Cecha a, table .Cecha a { font-size:100%; font-weight:normal; }
.Koszyk .Komentarz { font-size:90%; display:block; margin-top:5px; font-weight:normal; }
.Koszyk .Komentarz b { font-size:90%; display:block; font-weight:bold; }
.Koszyk .Komentarz img { float:left; margin:0px 5px 5px 0px; cursor:pointer; }
.Koszyk .Komentarz textarea { width:100%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }

.PodsumowanieInformacja { background:url('../obrazki/szablon/info.png') no-repeat center left; padding: 5px 35px 5px; margin: 0px 0px 10px 5px; }
.DarmowaWysylkaInformacja { background:url('../obrazki/szablon/info.png') no-repeat center left; padding:10px 35px 10px; margin:0px 0px 10px 0px; font-size:110%; }

/* koszyk - box wyboru wysylki i platnosci */
.KontenerDostawaPlatnosc { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.KontenerDostawaPlatnosc .Odstep { width:2%; height:15px; }

.DostawaWybor { background:#f3f3f3; border:1px solid #dbdbdb; padding:0px 10px 0px 10px; }
.PlatnoscWybor { background:#f3f3f3; border:1px solid #dbdbdb; padding:0px 10px 0px 10px; }
@media only screen and (max-width:799px) { 
  .DostawaWybor, .PlatnoscWybor { display:block; }
  .InfoTip { display:none; }
}
@media only screen and (min-width:800px) {
  .KontenerDostawaPlatnosc { display:table; border-collapse:collapse; border-spacing:0; width:100%; }
  .DostawaWybor, .PlatnoscWybor { display:table-cell; width:49%; }
  .InfoTip { cursor:pointer; margin-left:8px; width:16px; height:16px; display:inline-block; }
}

.DostawaWybor h3, .PlatnoscWybor h3 { color:#ef7d02; font-size:130%; margin-bottom:0.3em; margin-top:1.0em; padding:0 5px; font-weight:normal; }
.PlatnoscListaWyboru { padding: 10px 15px 10px 0px; }
.DostawaListaWyboru { padding: 10px 15px 10px 0px; }

.ListaWyboru { padding: 10px 15px 10px 0px; }
.ListaTbl { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:4px; }
.ListaTbl .ListaRadio { display:table-cell; width:5%; }
.ListaTbl .ListaOpis { display:table-cell; width:67%; }
.ListaTbl .ListaCena { display:table-cell; width:28%; text-align:right; font-size:110%; }
.ListaWyboru input, .InfoPunkty input { margin:4px; padding:4px; }
.ListaTbl .ListaOpis label { font-size:110%; padding:0px; line-height:16px; }
.ListaTbl .ListaOpis:hover label { color:#ef7d02; text-decoration:none; cursor:pointer; }
.ListaTbl .ListaOpis img { display:inline-block; vertical-align:middle; }
.ListaTbl .ListaOpis label img { max-width:50px; height:auto; display:inline-block; vertical-align:middle; margin:5px 0px 5px 10px; }

/* koszyk - podsumowanie zamowienia */
@media only screen and (max-width:799px) {
    .KontenerKoszykPodsumowanie { margin:30px 0px 10px 0px; }
}
@media only screen and (min-width:800px) {
    .KontenerKoszykPodsumowanie { float:right; width:49%; }
}
.KontenerKoszykPodsumowanie h3 { font-size:130%; margin:8px 0px 0px 5px; }
.ListaTblPodsumowania { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ListaTblPodsumowania div { border-bottom:1px solid #dbdbdb; font-size:110%; display:table-cell; padding:4px; }
.ListaPodsumowania { padding: 10px 15px 10px; }
.ListaTblPodsumowania:last-child div { border:0px; }
.ListaPodsumowaniaCena { border-bottom:1px solid #dbdbdb; font-size:110%; display:table-cell; text-align:right; }
.ListaPodsumowaniaCenaUjemna { color:#ff0000; text-align:right; }
.ListaPodsumowaniaSumaOpis { color:#ef7d02; font-size:110%; }
.ListaPodsumowaniaSumaCena { color:#ef7d02; font-weight:bold; font-size:140% !important; text-align:right; }

/* koszyk - informacja o punktach */
.KontenerInfoPunkty { padding: 10px 15px 10px; text-align:left; font-size:110%; line-height:1.5; }
.KontenerPunkty { display:table; border:1px solid #dbdbdb; width:100%; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.KontenerPunkty h3 { color:#ef7d02; font-size:130%; margin-bottom:0.3em; margin-left:10px; margin-top:1.0em; padding:0 5px; font-weight:normal; }
.FormularzPunkty { margin:10px 10px 10px 0px; line-height:16px; }
.FormularzPunkty .UsunPunkty { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
#PunktyForm label.error { text-align:left; margin-left:3px; margin-top:0px; margin-bottom:10px;width:160px !important; }

@media only screen and (max-width:799px) {
    #PunktyForm div { display:block; margin-bottom:10px; }
}
@media only screen and (min-width:800px) {
    #PunktyForm div { display:inline-block; margin-right:10px; vertical-align:middle; }
}

@media only screen and (max-width:799px) { 
  .KontenerRaty { border:1px solid #dbdbdb; padding:0px 10px 0 20px; }
  .KontenerRaty div { display:inline-block; vertical-align:middle; text-align:left; }
  .KontenerRaty div a { padding:15px 20px 10px 0px; display:inline-block; }
  .KontenerKupon { border:1px solid #dbdbdb; padding: 0 10px 0 20px; margin-top:10px; }
  .KontenerKoszykButton { text-align:center; margin:35px 0px 15px 0px; }
  .KontenerKoszykButtonKontynuuj { text-align:center; margin-bottom:10px; }
  .KontenerKoszykButtonKontynuuj .Prawy { float:none; }
}
@media only screen and (min-width:800px) {
  .KontenerKoszykPozostale { display:table; border:1px solid #dbdbdb; width:100%; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .KontenerRaty { display:table-cell; border-right:1px solid #dbdbdb; padding:0px 10px 0 10px; width:15%; }
  .KontenerRaty div { text-align:center; }
  .KontenerRaty div a { padding:20px 10px 5px 10px; display:inline-block; }
  .KontenerRaty h5 { text-align:center; }
  .KontenerKupon { display:table-cell; border-right:1px solid #dbdbdb; padding: 0 10px 0 20px; width:50%; }
  .KontenerKoszykButton { display:table-cell; position:relative; height:110px; margin:auto; vertical-align:middle; text-align:center; }
}

.KontenerRaty h5 { color:#ef7d02; font-size:130%; font-weight:normal; margin-top:1.0em; }
.KontenerKupon h5 { color:#ef7d02; font-size:130%; font-weight:normal; margin-top:1.0em; }
.KontenerOpakowanieOzdobne h5 { color:#ef7d02; font-size:130%; font-weight:normal; margin-top:1.0em; }

.FormularzKupon { margin:10px 10px 10px 0px; line-height:1.5; }
.FormularzKupon p { padding-bottom:10px; }
.FormularzKupon .Aktywuj { overflow:hidden; display: inline; margin-top:0px; text-align:center; }
.FormularzKupon .UsunKupon { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
#KuponRabatowyForm label.error { text-align:left; margin-left:3px; margin-top:4px; margin-bottom:10px; width:130px !important; }
#KuponRabatowyForm div { display:inline-block; margin-right:10px; vertical-align:middle; }

.KontenerOpakowanieOzdobne { border:1px solid #dbdbdb; padding:0px 10px 5px 20px; margin:10px 0px 10px 0px; }
.FormularzOpakowanieOzdobne { margin:10px 10px 10px 0px; line-height:1.5; }
.FormularzOpakowanieOzdobne p { margin-bottom:10px; }
.FormularzOpakowanieOzdobne .UsunOpakowanieOzdobne { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }

/* koszyk - przycisk zamowienia */
.KontenerKoszykButton strong { background:url('../obrazki/oknoPop/uwaga.png') no-repeat center left; display:block; text-align:left; margin:20px; padding:5px 0px 5px 42px; color:#ff0000; font-size:120%; font-weight:normal; line-height:1.5; }
.KontenerKoszykButton strong span { white-space:nowrap; }

/* gratisy */
.Gratisy { padding:10px; margin:10px 0px 10px 0px; }
.Gratisy .InfoGratis { background:url('../obrazki/szablon/ikona_gratisy.png') no-repeat left center; padding:4px 4px 4px 35px; font-size:110%; font-weight:bold; margin-bottom:10px; }

/* cennik */
.PozycjeCennika ul { list-style-type: none; padding: 0; margin: 0; }
.PozycjeCennika ul li { padding:10px 0px 0px 10px; font-weight:normal; font-weight:bold; }
.PozycjeCennika ul ul li { font-weight:normal !important; }
.PozycjeCennika em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; }
.PozycjeCennika a { float:right; }

/* potwierdzenie zamowienia - dane klienta */
.KontenerDaneKlienta { margin-top:10px; margin-bottom:15px; }
.KontenerDaneKlienta .Odstep { width:2%; height:15px; }
.DaneWysylki { background:#f3f3f3; border:1px solid #dbdbdb; }
.DaneFaktura { background:#f3f3f3; border:1px solid #dbdbdb; }
@media only screen and (max-width:799px) { 
  .DaneWysylki, .DaneFaktura { padding:15px; }
}
@media only screen and (min-width:800px) {
  .KontenerDaneKlienta { display:table; border-collapse:collapse; border-spacing:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .DaneWysylki, .DaneFaktura { display:table-cell; width:49%; padding:15px; vertical-align:top; }
}
.DaneWysylki h3, .DaneFaktura h3 { color: #ef7d02; font-size:130%; padding:0px 0px 10px 0px; font-weight:normal; }
.DaneWysylki .Tekst, .DaneFaktura .Tekst { padding:10px 15px 0px 0px; font-size:110%; line-height:1.5; }
.DaneFaktura .Tekst div { margin-top:15px; }
.DaneFaktura b { display:block; margin:15px 0px 10px 0px; }
.DaneFaktura ul { list-style-type: none; margin: 0; padding: 0; }
.DaneWysylki ul { list-style-type: none; margin: 0; padding: 0; }

/* potwierdzenie zamowienia - tabela produktow w potwierdzeniu zamowienia */
.InfoDuze { font-size:120%; line-height:1.3; }
.KoszykPotwierdzenie { width:100%; margin-top:20px; }
.KoszykPotwierdzenie th { text-align:center; padding:8px 5px 8px 8px; vertical-align:middle; border:1px solid #dbdbdb; }
.KoszykPotwierdzenie tr td:nth-child(1) h3 { text-align:left; }
.KoszykPotwierdzenie td { text-align:center; padding:10px; vertical-align:middle; border:1px solid #dbdbdb; }
.KoszykPotwierdzenie .Naglowek th { background:#f5f5f5;text-align:center; font-weight:bold; }
.KoszykPotwierdzenie tr td:nth-child(1) { text-align:left; }

@media only screen and (max-width:799px) { 
  .KoszykPotwierdzenie .Cena { font-size:100%; }
  .KoszykPotwierdzenie .Suma { font-size:110%; }  
  .KoszykPotwierdzenie .Informacja { display:block; }
}
@media only screen and (min-width:800px) {
  .KoszykPotwierdzenie .Suma { font-size:160%; }
}

.KoszykPotwierdzenie .Suma { border:0px; padding:5px 10px 5px 10px; white-space:nowrap; font-weight:bold; }
.KoszykPotwierdzenie .Tekst { border:0px; font-weight:bold; text-align:right; }
.KoszykPotwierdzenie .Wartosc { border:0px; font-size:110%; white-space:nowrap; font-weight:normal; }
.KoszykPotwierdzenie .WartoscUjemna { color:#ff0000; border:0px; font-size:110%; white-space:nowrap; font-weight:normal; }
.KoszykPotwierdzenie .Cecha { font-size:90%; display:block; margin-top:2px; font-weight:normal; }
.KoszykPotwierdzenie .Cecha  a { font-size:100%; font-weight:normal; }
.KoszykPotwierdzenie .Komentarz { font-size:90%; display:block; margin-top:2px; font-weight:normal; }
.KoszykPotwierdzenie .ZmienIlosc { white-space:nowrap; font-weight:normal;color:#7a7a7a; }

.Podsumowanie td:first-child { width:70%; text-align:right; white-space:normal; }
.Podsumowanie td:last-child { width:30%; text-align:right; }

.KontenerPotwierdzenieTekst { margin-top:10px; margin-bottom:15px; }
.KontenerPotwierdzenieTekst .Odstep { width:2%; height:15px; }
.PotwierdzenieTekst { border:1px solid #dbdbdb; }
@media only screen and (max-width:799px) {
  .PotwierdzenieTekst { padding:15px; }
}
@media only screen and (min-width:800px) {
  .KontenerPotwierdzenieTekst { display:table; border-collapse:collapse; border-spacing:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .PotwierdzenieTekst { display:table-cell; width:49%; padding:15px; vertical-align:top; }
}
.PotwierdzenieTekst h3 { color:#ef7d02; font-size:130%; padding:0px 0px 20px 0px; font-weight:normal; }
.PotwierdzenieTekst .FormaWysylkiPlatnosci b { font-size:120%; }
.PotwierdzenieTekst .OpisInfo { margin-bottom:8px; margin-top:10px; }
.PotwierdzenieTekst .OpisInfoItalic { font-style:italic; margin-top:15px; }

.ZmienDane { margin:0px; float:right; }
.UwagiZamowienie { margin:20px 0px 10px 0px; text-align:center; }
.UwagiZamowienie textarea { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.UwagiZamowienie b { display:block; margin:5px 0px 10px 0px; text-align:left; }

.PolaZamowienie { margin:15px 0px 10px 0px; }
.PotwierdzenieAkceptacje { text-align:left; }
.PotwierdzenieAkceptacje .PotwierdzenieOpis { margin-left:35px; }
.PrzyciskiPotwierdzenie { margin:20px 0px 10px 0px; }

/* podziekowanie za zlozone zamowienie */
.Podziekowanie { margin:0px 5px 20px 5px; font-size:160%; font-weight:bold !important; }

/* podsumowanie zamowienia - szczegoly */
.KontenerSzczegoly { line-height:2; margin-bottom:25px; }
.KontenerSzczegoly #podsumowanieZamowienia { font-size:110%; list-style-type:none; margin:0; padding:0; margin-top:10px; margin-left:5px; }
.KontenerSzczegoly #podsumowanieZamowienia li { clear:both; margin: 0; padding: 1px 0; margin-top:3px; }
@media only screen and (max-width:799px) { 
  .KontenerSzczegoly #podsumowanieZamowienia li strong { display:block; margin:5px 0px 0px 0px; }
}
@media only screen and (min-width:800px) {
  .KontenerSzczegoly #podsumowanieZamowienia li strong { float:left; width:200px; }
}
.PlatnoscInfo { font-size:110%; margin:10px 0 10px 0; border:1px solid #dbdbdb; padding:5px; }

/* podsumowanie zamowienia - zgoda do systemow ratalnych */
.WyrazamZgode { padding: 8px; font-size:110%; font-style:normal; }

/* strona bledu platnosci elektronicznych */
.KomunikatBledu { color:#ff0000; font-weight:bold; padding: 7px 7px 7px 7px; border:1px dotted #dbdbdb; }

/* logowanie i integracja z facebook */
.AkcjaFacebook { background: url("../obrazki/przyciski/facebook.png") no-repeat left center; padding:5px 0px 5px 35px; }
.AkcjaGooglePlus { background: url("../obrazki/przyciski/google.png") no-repeat left center; padding:5px 0px 5px 35px; }

.InformacjaBrakMagazynProdukt { text-align:left; color:#ff0000; margin-top:5px; background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; background-size:20px auto; padding:8px 0px 8px 30px; font-weight:bold; }
.InformacjaBrakMagazyn { text-align:left; color:#ff0000; margin:15px 0px 20px 0px; background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; padding:8px 0px 8px 40px; font-weight:bold; }

.WyborPunktuKoszyk { padding:10px 0px 5px 0px; display:none; }
.WybranyPunktMapyKoszyk { padding-bottom:8px; font-size:110%; font-style:italic; font-weight:bold; }
.KontenerKoszykPodsumowanie .ListaWyboru { padding:10px 0px 10px 0px; }
.KoszykPotwierdzenie .Informacja { display:block; margin:15px 0px 5px 0px; }
.KoszykPotwierdzeniePodsumowanie { float:right; width:50%; border:1px solid #dbdbdb; margin-bottom:20px; }
.KoszykPotwierdzeniePodsumowanie td:last-child { text-align:right; }
@media only screen and (max-width:799px) {
  .KoszykPotwierdzeniePodsumowanie { width:100%; }
  .KoszykPotwierdzenie .UkryjMobile, .Koszyk .UkryjMobile { display:none; }
}

.InformacjaParagonNip { margin-bottom:8px; font-weight:bold; }


#PodzielSieAktualnosci { list-style-type:none; padding:0px; margin:0px; min-height:55px; }
#PodzielSieAktualnosci li { float:left; display:inline-block; vertical-align:top; margin:4px 4px 4px 0px; transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -webkit-transition: all 0.20s ease-in-out; }
#PodzielSieAktualnosci li:hover { margin:0px 4px 8px 0px; }
#PodzielSieAktualnosci a { display:inline-block; width:32px; height:32px; }
#PodzielSieAktualnosci .facebook { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px 0px; }
#PodzielSieAktualnosci .twitter { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -32px; }
#PodzielSieAktualnosci .pinterest { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -64px; }
#PodzielSieAktualnosci .linkedin { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -96px; }
#PodzielSieAktualnosci .wykop { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -128px; }
#PodzielSieAktualnosci .pinger { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -160px; }

/* formularz kontaktowy (kontakt-f-1) - wyglad kart jak w tresci strony Kontakt */
#formularzKlienta[action*="kontakt-f-1"] { background:#ffffff; border:1px solid #e6e6e6; border-top:4px solid #ef7c00; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,0.06); padding:22px 24px 24px 24px; margin:0 auto 20px auto; max-width:760px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#formularzKlienta[action*="kontakt-f-1"] p { margin:0 0 16px 0; padding:0; }
#formularzKlienta[action*="kontakt-f-1"] .formSpan { display:block; margin:0 0 6px 0; font-size:14px; font-weight:bold; color:#2f2583; }
#formularzKlienta[action*="kontakt-f-1"] .formSpan em.required { color:#ef7c00; }
#formularzKlienta[action*="kontakt-f-1"] input[type="text"]:not(.PolaFormKlienta), #formularzKlienta[action*="kontakt-f-1"] textarea { display:block; width:100% !important; max-width:100%; background:#f7f7f9; border:1px solid #dcdce3; border-radius:8px; padding:11px 14px; font-size:15px; color:#444444; -webkit-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
#formularzKlienta[action*="kontakt-f-1"] textarea { min-height:140px; resize:vertical; }
#formularzKlienta[action*="kontakt-f-1"] input[type="text"]:not(.PolaFormKlienta):focus, #formularzKlienta[action*="kontakt-f-1"] textarea:focus { outline:none; background:#ffffff; border-color:#ef7c00; box-shadow:0 0 0 3px rgba(239,124,0,0.18); }
#formularzKlienta[action*="kontakt-f-1"] label.error { display:block; margin:6px 0 0 0; font-size:13px; color:#cc0000; }
#formularzKlienta[action*="kontakt-f-1"] .NaglowekZabezpieczenieFormularz { margin:4px 0 6px 0 !important; }
#formularzKlienta[action*="kontakt-f-1"] .ZabezpieczenieFormularz { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#formularzKlienta[action*="kontakt-f-1"] .ZabezpieczenieFormularz .Lf { float:none; }
#formularzKlienta[action*="kontakt-f-1"] .ZabezpieczenieFormularz #weryfikacja { width:180px !important; }
#formularzKlienta[action*="kontakt-f-1"] .OknoGrafikiFormularz img { border-radius:8px; background:#ffffff; }
#formularzKlienta[action*="kontakt-f-1"] #submitButton { margin-top:6px !important; background:linear-gradient(120deg,#ef7d00,#f7a23a); color:#ffffff; border:0; border-radius:30px; padding:14px 40px; font-size:16px; font-weight:bold; letter-spacing:1px; box-shadow:0 6px 16px rgba(239,125,0,0.35); transition:transform .2s ease, box-shadow .2s ease; }
#formularzKlienta[action*="kontakt-f-1"] #submitButton:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(239,125,0,0.45); }
#formularzKlienta[action*="kontakt-f-1"] #submitButton.przyciskWylaczony, #formularzKlienta[action*="kontakt-f-1"] #submitButton:disabled { opacity:0.55; cursor:not-allowed; transform:none; box-shadow:none; }
@media only screen and (max-width:799px) {
  #formularzKlienta[action*="kontakt-f-1"] { padding:16px 14px 18px 14px; }
  #formularzKlienta[action*="kontakt-f-1"] #submitButton { width:100%; }
}
/* PROPOZYCJA (nie wgrane) - strona logowanie.html. Tylko CSS, bez zmian w logowanie.tp. Dopisać na końcu css/podstrony.css (lub nowego pliku stylów). */
.OknaLogowanie{display:grid!important;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:10px auto 40px;align-items:stretch}
.OknaLogowanie>.error{grid-column:1/-1}
.OknaLogowanie>.error:empty,.OknaLogowanie>.error:not(:has(span:not(:empty))){display:none}
.OknaLogowanie .RamkaProcent{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:30px 34px!important;box-sizing:border-box;line-height:1.6;color:#4b5563}
.OknaLogowanie .RamkaProcent>strong{display:block;color:#2f2583;font-size:20px;font-weight:800;margin-bottom:-10px}
.OknaLogowanie .RamkaProcent>strong:nth-of-type(2){margin-top:8px;padding-top:22px;border-top:1px dashed #e5e7eb;font-size:17px}
.OknaLogowanie form p{margin:0 0 14px}
.OknaLogowanie label.formSpan{display:block;font-weight:600;color:#14213d;margin-bottom:6px}
.OknaLogowanie input[type=text],.OknaLogowanie input[type=password]{width:100%!important;box-sizing:border-box;height:48px;border:1.5px solid #dfe3ea;border-radius:10px;padding:0 14px;font-size:15px;background:#fff;transition:border-color .2s,box-shadow .2s}
.OknaLogowanie input[type=text]:focus,.OknaLogowanie input[type=password]:focus{outline:0;border-color:#ef7d00;box-shadow:0 0 0 3px rgba(239,125,0,.18)}
.OknaLogowanie .przycisk{display:inline-block;background:#ef7d00!important;color:#fff!important;border:0;border-radius:12px;padding:13px 30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(239,125,0,.3);text-decoration:none;transition:background .2s,transform .2s}
.OknaLogowanie .przycisk:hover{background:#2f2583!important;transform:translateY(-1px)}
.OknaLogowanie #submitButton{width:100%}
.OknaLogowanie #submitButtonHaslo{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583;box-shadow:none}
.OknaLogowanie #submitButtonHaslo:hover{background:#2f2583!important;color:#fff!important}
.OknaLogowanie .OknaLogowanie-2{background:#f4f6fa url(../../../images/maskotka_20lat.png) no-repeat right 18px bottom 18px!important;background-size:170px auto!important;padding-bottom:200px!important}
.OknaLogowanie .OknaLogowanie-2 .przycisk{margin-top:8px}
@media(max-width:799px){.OknaLogowanie{grid-template-columns:1fr;gap:18px;margin:0 0 30px}.OknaLogowanie .RamkaProcent{padding:22px 20px!important}.OknaLogowanie .OknaLogowanie-2{background-size:120px auto!important;padding-bottom:150px!important}}
/* PROPOZYCJA (nie wgrane) - strona rejestracja.html. Tylko CSS, bez zmian w szablonie. Dopisać na końcu css/podstrony.css. */
section.StrTresc>p.Informacja:has(+#rejestracja){text-align:center;color:#6b7280;margin:0 0 6px}
#rejestracja .OknaRejestracja{display:grid!important;grid-template-columns:1.15fr 1fr;gap:28px;max-width:1080px;margin:10px auto 40px;align-items:start}
#rejestracja .OknaRejestracja>.error{grid-column:1/-1}
#rejestracja .OknaRejestracja>.error:empty{display:none}
#rejestracja .OknaRejestracja .RamkaProcent{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:30px 34px!important;box-sizing:border-box;color:#4b5563;line-height:1.55}
#rejestracja .OknaRejestracja-1{display:grid!important;grid-template-columns:1fr 1fr;column-gap:18px;align-content:start}
#rejestracja .OknaRejestracja-1>*{grid-column:1/-1}
#rejestracja .OknaRejestracja-1>p:nth-of-type(1),#rejestracja .OknaRejestracja-1>p:nth-of-type(2){grid-column:auto}
#rejestracja .OknaRejestracja-1>p:has(#kod_pocztowy),#rejestracja .OknaRejestracja-1>p:has(#miasto),#rejestracja .OknaRejestracja-1>p:has(#wybor_panstwo),#rejestracja .OknaRejestracja-1>p:has(#wybor_wojewodztwo){grid-column:auto}
#rejestracja .OknaRejestracja br{display:none}
#rejestracja strong.CheckSekcja{display:block;color:#2f2583;font-size:20px;font-weight:800;margin:0 0 16px;padding:0 0 12px;border-bottom:2px solid #ef7d00;width:auto!important;float:none!important}
#rejestracja .OknaRejestracja p{margin:0 0 14px}
#rejestracja label.formSpan{display:block;font-weight:600;color:#14213d;margin-bottom:6px}
#rejestracja input[type=text],#rejestracja input[type=password],#rejestracja input[type=tel],#rejestracja select{width:100%!important;box-sizing:border-box;height:48px;border:1.5px solid #dfe3ea;border-radius:10px;padding:0 14px;font-size:15px;background-color:#fff;transition:border-color .2s,box-shadow .2s}
#rejestracja input:focus,#rejestracja select:focus{outline:0;border-color:#ef7d00!important;box-shadow:0 0 0 3px rgba(239,125,0,.18)}
#rejestracja .OsobowoscPrawna{display:flex;gap:10px;background:#f4f6fa;border-radius:12px;padding:6px!important}
#rejestracja .OsobowoscPrawna label{flex:1;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;padding:10px 12px;font-weight:600;color:#2f2583;cursor:pointer}
#rejestracja .OsobowoscPrawna label:has(input:checked){border-color:#ef7d00;box-shadow:0 0 0 3px rgba(239,125,0,.15)}
#rejestracja #osobaPrawna{background:#fff8f0;border:1px dashed #f7c48c;border-radius:12px;padding:14px 16px 2px;margin-bottom:14px}
#rejestracja #osobaPrawna:before{content:"Dane firmy";display:block;color:#2f2583;font-weight:800;margin-bottom:10px}
#rejestracja .HasloSila{margin:-6px 0 14px}
#rejestracja #HasloPasekKont{border-radius:6px;overflow:hidden}
#rejestracja .ZaznaczWszystkieZgody{margin-top:22px!important;padding:14px 16px;background:#f4f6fa;border-radius:12px;color:#2f2583}
#rejestracja .ZaznaczWszystkieZgody:before{content:"Zgody";display:block;color:#2f2583;font-size:17px;font-weight:800;margin-bottom:8px}
#rejestracja .ZgodaRejestracja{font-size:12.5px;line-height:1.5;padding:12px 0;border-bottom:1px dashed #ececf2}
#rejestracja .ZgodaRejestracja label{display:block}
#rejestracja .ZgodaRejestracja a{color:#ef7d00;font-weight:600}
#rejestracja .checkboxOpis{font-size:12px;color:#6b7280;margin-top:10px}
#rejestracja #submitButton{width:100%;background:#ef7d00!important;color:#fff!important;border:0;border-radius:12px;padding:15px 30px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(239,125,0,.3);transition:background .2s}
#rejestracja #submitButton:hover{background:#2f2583!important}
#rejestracja .OknaRejestracja-2{background:#fff url(../../../images/maskotka_20lat.png) no-repeat right 22px top 22px!important;background-size:92px auto!important}
#rejestracja .OknaRejestracja-2 strong.CheckSekcja{padding-right:100px;min-height:52px;box-sizing:border-box}
@media(max-width:799px){#rejestracja .OknaRejestracja,#rejestracja .OknaRejestracja-1{grid-template-columns:1fr;gap:18px;margin:0 0 30px}#rejestracja .OknaRejestracja-1{gap:0}#rejestracja .OknaRejestracja-1>p{grid-column:1/-1!important}#rejestracja .OknaRejestracja .RamkaProcent{padding:22px 18px!important}#rejestracja .OknaRejestracja-2{background-size:64px auto!important}#rejestracja .OknaRejestracja-2 strong.CheckSekcja{padding-right:74px}}
/* rejestracja: ukryty wiersz Kraj (select zostaje w DOM, domyślnie Polska = 170, wartość nadal wysyłana) */
#rejestracja .OknaRejestracja-1>p:has(#wybor_panstwo){display:none!important}
/* PROPOZYCJA (nie wgrane) - panel-klienta.html. Tylko CSS, bez zmian w szablonie. Zakres: sekcja panelu rozpoznana po linku "zmiana-hasla.html". Dopisać na końcu css/podstrony.css. */
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]){max-width:1080px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.Rg{grid-column:1/-1;grid-row:1;justify-self:end;float:none!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>p.Informacja{grid-column:1/-1;grid-row:1;align-self:center;margin:0!important;font-size:22px;font-weight:800;color:#2f2583;background:none!important;padding:0!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.cl{display:none}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.RamkaProcentTrzy{width:auto!important;float:none!important;margin:0!important;padding:0!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .Sekcja{height:100%;box-sizing:border-box;background:#fff;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:26px 24px!important;margin:0!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TytulSekcji{display:flex;align-items:center;gap:14px;color:#2f2583!important;font-size:19px;font-weight:800;background:none!important;border:0!important;padding:0 0 16px!important;margin:0 0 10px!important;border-bottom:2px solid #ef7d00!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TytulSekcji:before{content:"";flex:0 0 44px;height:44px;border-radius:12px;background:#ef7d00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") no-repeat center/24px;box-shadow:0 4px 12px rgba(239,125,0,.3)}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])> .RamkaProcentTrzy:has(a[href$="zamowienia-przegladaj.html"]) .TytulSekcji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E")}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])> .RamkaProcentTrzy:has(a[href$="reklamacje-napisz.html"]) .TytulSekcji:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cpath d='M12 7v4M12 14h.01'/%3E%3C/svg%3E")}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TrescSekcji{padding:0!important;margin:0!important;border:0!important;background:none!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TrescSekcji a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;margin-top:8px;border:1px solid #eceef2;border-radius:12px;color:#14213d;font-weight:600;text-decoration:none;background:#f8f9fb;transition:all .2s}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TrescSekcji a:after{content:"";width:18px;height:18px;flex:0 0 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef7d00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/18px}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .TrescSekcji a:hover{border-color:#ef7d00;background:#fff8f0;color:#ef7d00}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .przycisk{display:inline-block;border-radius:12px!important;padding:12px 26px!important;font-weight:700;text-decoration:none;transition:background .2s}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.Rg .przycisk{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.Rg .przycisk:hover{background:#2f2583!important;color:#fff!important}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>a.przycisk.Prawy{grid-column:1/-1;justify-self:center;float:none!important;background:#ef7d00!important;color:#fff!important;border:0;padding:14px 34px!important;box-shadow:0 6px 16px rgba(239,125,0,.3)}
section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>a.przycisk.Prawy:hover{background:#2f2583!important}
@media(max-width:799px){section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]){grid-template-columns:1fr;gap:16px}section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>p.Informacja{grid-row:auto;font-size:19px}section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.Rg{grid-row:auto;justify-self:stretch}section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>.Rg .przycisk{display:block;text-align:center}section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"])>a.przycisk.Prawy{justify-self:stretch;text-align:center}section.StrTresc:has(.RamkaProcentTrzy a[href$="zmiana-hasla.html"]) .Sekcja{padding:20px 18px!important}}

/* PROPOZYCJA (nie wgrane) - dane-adresowe.html. Tylko CSS, zakres #daneAdresowe. Bez ukrywania inputów (.error na inputach nie jest ukrywany). */
#daneAdresowe{max-width:760px;margin:10px auto 40px}
#daneAdresowe>.error:empty,#daneAdresowe>.error:not(:has(span:not(:empty))){display:none}
#daneAdresowe .DaneAdresowe{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;background:#fff;border:1px solid #e8ebf0;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:30px 34px;box-sizing:border-box;color:#4b5563;line-height:1.55}
#daneAdresowe .DaneAdresowe>*{grid-column:1/-1}
#daneAdresowe .DaneAdresowe>br{display:none}
#daneAdresowe .DaneAdresowe>p:has(#imie),#daneAdresowe .DaneAdresowe>p:has(#nazwisko),#daneAdresowe .DaneAdresowe>p:has(#kod_pocztowy),#daneAdresowe .DaneAdresowe>p:has(#miasto){grid-column:auto}
#daneAdresowe .DaneAdresowe>p:has(#wybor_panstwo){display:none!important}
#daneAdresowe strong.CheckSekcja{display:block;color:#2f2583;font-size:20px;font-weight:800;margin:0 0 16px;padding:0 0 12px;border-bottom:2px solid #ef7d00}
#daneAdresowe .DaneAdresowe>p{margin:0 0 14px}
#daneAdresowe label.formSpan{display:block;font-weight:600;color:#14213d;margin-bottom:6px}
#daneAdresowe input[type=text],#daneAdresowe input[type=tel],#daneAdresowe select{width:100%!important;box-sizing:border-box;height:48px;border:1.5px solid #dfe3ea;border-radius:10px;padding:0 14px;font-size:15px;background-color:#fff;transition:border-color .2s,box-shadow .2s}
#daneAdresowe input[type=text],#daneAdresowe input[type=tel]{color:#14213d}
#daneAdresowe input:focus,#daneAdresowe select:focus{outline:0;border-color:#ef7d00!important;box-shadow:0 0 0 3px rgba(239,125,0,.18)}
#daneAdresowe .OsobowoscPrawna{display:flex;gap:10px;background:#f4f6fa;border-radius:12px;padding:6px!important;margin-bottom:18px!important}
#daneAdresowe .OsobowoscPrawna label{flex:1;text-align:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;padding:10px 12px;font-weight:600;color:#2f2583;cursor:pointer}
#daneAdresowe .OsobowoscPrawna label:has(input:checked){border-color:#ef7d00;box-shadow:0 0 0 3px rgba(239,125,0,.15)}
#daneAdresowe #firma,#daneAdresowe #nip{background:#fff8f0;border-left:3px solid #f7c48c;border-radius:0 10px 10px 0;padding:10px 14px}
#daneAdresowe div.CheckSekcja{font-size:13px;line-height:1.5;padding:12px 0;border-top:1px dashed #ececf2}
#daneAdresowe div.CheckSekcja:first-of-type{margin-top:6px}
#daneAdresowe .DaneAdresowe>p:has(#submitButton){display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#daneAdresowe .przycisk{display:inline-block;border-radius:12px!important;padding:13px 28px!important;font-weight:700;text-decoration:none;cursor:pointer}
#daneAdresowe #submitButton{flex:1;background:#ef7d00!important;color:#fff!important;border:0;font-size:16px;box-shadow:0 6px 16px rgba(239,125,0,.3)}
#daneAdresowe #submitButton:hover{background:#2f2583!important}
#daneAdresowe #submitButton~a.przycisk{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583}
#daneAdresowe a.przycisk[href*="usun_konto"]{background:none!important;color:#b91c1c!important;border:0;box-shadow:none;padding:6px 0!important;font-weight:600;text-decoration:underline}
@media(max-width:799px){#daneAdresowe .DaneAdresowe{grid-template-columns:1fr;padding:22px 18px}#daneAdresowe .DaneAdresowe>p{grid-column:1/-1!important}#daneAdresowe #submitButton,#daneAdresowe #submitButton~a.przycisk{flex-basis:100%;text-align:center}}

/* PROPOZYCJA (nie wgrane) - zamowienia-przegladaj.html. Tylko CSS, zakres: sekcja z .PozycjaZamowienieLista. */
section.StrTresc:has(>.PozycjaZamowienieLista){max-width:1080px;margin:0 auto 40px}
.StrTresc>.PozycjaZamowienieLista{display:grid;grid-template-columns:1fr auto;gap:6px 20px;background:#fff;border:1px solid #e8ebf0!important;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:22px 26px;margin-bottom:18px!important}
.StrTresc>.PozycjaZamowienieLista>.cl{display:none}
.PozycjaZamowienieLista>.Tytul{color:#2f2583;font-size:19px;font-weight:800;background:none!important;padding:0!important;align-self:center}
.PozycjaZamowienieLista>.SzczegolyData{justify-self:end;text-align:right;display:flex;align-items:center;gap:12px;float:none!important}
.PozycjaZamowienieLista>.SzczegolyData br{display:none}
.PozycjaZamowienieLista .DataZlozenia{font-style:normal;color:#6b7280;font-size:13px}
.PozycjaZamowienieLista .DataZlozenia b{font-weight:600}
.PozycjaZamowienieLista .StatusZamowienia{font-style:normal;font-size:0}
.PozycjaZamowienieLista .StatusZamowienia b{display:inline-block;font-size:13px;font-weight:700;color:#2f2583;background:#ecebf7;border-radius:99px;padding:5px 12px}
.PozycjaZamowienieLista>.ZamowieniaLista{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:end;border-top:1px solid #efeff4;padding-top:16px;margin-top:8px}
.ZamowieniaLista .Adresat,.ZamowieniaLista .Szczegoly{float:none!important;width:auto!important;margin:0!important;font-size:13px;color:#4b5563}
.ZamowieniaLista strong{display:block;color:#14213d;font-size:14px;margin-bottom:6px}
.ZamowieniaLista ul{margin:0;padding:0;list-style:none}
.ZamowieniaLista li{padding:2px 0}
.ZamowieniaLista li b{color:#14213d}
.ZamowieniaLista .Szczegoly ul:empty{display:none}
.ZamowieniaLista a.przycisk.PrawyBezMargin{float:none!important;display:inline-flex;align-items:center;gap:8px;background:#ef7d00!important;color:#fff!important;border-radius:12px;padding:12px 22px!important;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(239,125,0,.3);white-space:nowrap}
.ZamowieniaLista a.przycisk.PrawyBezMargin:after{content:"›";font-size:20px;line-height:1}
.ZamowieniaLista a.przycisk.PrawyBezMargin:hover{background:#2f2583!important}
section.StrTresc:has(>.PozycjaZamowienieLista)>a.przycisk.Lewy{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583;border-radius:12px;padding:11px 24px!important;font-weight:700;text-decoration:none}
@media(max-width:799px){.StrTresc>.PozycjaZamowienieLista{grid-template-columns:1fr;padding:18px}.PozycjaZamowienieLista>.SzczegolyData{justify-self:start;text-align:left;flex-wrap:wrap}.PozycjaZamowienieLista>.ZamowieniaLista{grid-template-columns:1fr;gap:14px}.ZamowieniaLista a.przycisk.PrawyBezMargin{justify-content:center}section.StrTresc:has(>.PozycjaZamowienieLista)>a.przycisk.Lewy{display:block;text-align:center}}

/* PROPOZYCJA (nie wgrane) - panel klienta: zmiana-hasla, produkty-przegladaj, reklamacje-napisz, reklamacje-przegladaj, przyciski adresy-dostawy. Tylko CSS. */
/* wspolne: wysrodkowanie tresci (likwiduje przesuniecie w prawo) */
section.StrTresc:has(>#Zmienhaslo),section.StrTresc:has(>.TabelaKlient>#TabelaZamowienia),section.StrTresc:has(>.PozycjaReklamacjaLista),section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"]){box-sizing:border-box;max-width:1080px;margin:0 auto 40px!important;padding:0!important;float:none!important;position:static!important;left:auto!important}
/* zmiana-hasla */
section.StrTresc:has(>#Zmienhaslo){max-width:560px}
section.StrTresc:has(>#Zmienhaslo)>br{display:none}
section.StrTresc:has(>#Zmienhaslo)>p.Informacja{background:#fff8f0!important;border-left:3px solid #ef7d00;border-radius:0 12px 12px 0;padding:12px 16px!important;margin:0 0 18px!important;color:#4b5563;font-size:14px}
#Zmienhaslo{background:#fff;border:1px solid #e8ebf0;border-top:3px solid #ef7d00;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:28px 32px;box-sizing:border-box}
#Zmienhaslo>div.error:not(:has(span:not(:empty))){display:none}
#Zmienhaslo>p{margin:0 0 14px}
#Zmienhaslo>p>span{display:block;font-weight:600;color:#14213d;margin-bottom:6px}
#Zmienhaslo>p>input[type=password]{width:100%!important;box-sizing:border-box;height:48px;border:1.5px solid #dfe3ea;border-radius:10px;padding:0 14px;font-size:15px;background:#fff;transition:border-color .2s,box-shadow .2s}
#Zmienhaslo>p>input[type=password]:focus{outline:0;border-color:#ef7d00;box-shadow:0 0 0 3px rgba(239,125,0,.18)}
#Zmienhaslo>p:has(>#submitButton){display:flex;flex-direction:row-reverse;gap:12px;margin:22px 0 0}
#Zmienhaslo>p:has(>#submitButton)>br{display:none}
#Zmienhaslo>p>.przycisk{display:inline-block;flex:1;text-align:center;border-radius:12px!important;padding:13px 20px!important;font-size:15px!important;font-weight:700;text-transform:none;text-decoration:none;cursor:pointer;margin:0!important}
#Zmienhaslo>p>#submitButton{background:#ef7d00!important;color:#fff!important;border:0;box-shadow:0 6px 16px rgba(239,125,0,.3)}
#Zmienhaslo>p>#submitButton:hover{background:#2f2583!important}
#Zmienhaslo>p>a.przycisk{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583;flex:0 0 auto}
/* produkty-przegladaj */
section.StrTresc>.TabelaKlient:has(>#TabelaZamowienia){background:#fff;border:1px solid #e8ebf0;border-top:3px solid #ef7d00;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:8px 22px;margin:0 0 20px;overflow:hidden}
#TabelaZamowienia{width:100%;border-collapse:collapse;border:0!important}
#TabelaZamowienia th,#TabelaZamowienia td{border:0!important;background:none!important;padding:14px 10px!important;vertical-align:middle}
#TabelaZamowienia tr.Naglowek th{color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #efeff4!important}
#TabelaZamowienia tr+tr td{border-bottom:1px solid #efeff4!important}
#TabelaZamowienia tr:last-child td{border-bottom:0!important}
#TabelaZamowienia td img.Zdjecie{border-radius:10px;border:1px solid #eceef2;background:#fff}
#TabelaZamowienia td h3{margin:0;font-size:15px;font-weight:700;line-height:1.4}
#TabelaZamowienia td h3 a{color:#2f2583;text-decoration:none}
#TabelaZamowienia td h3 a:hover{color:#ef7d00}
#TabelaZamowienia .Zakup{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#TabelaZamowienia .Zakup .InputIlosc{width:62px!important;height:42px;box-sizing:border-box;border:1.5px solid #dfe3ea;border-radius:10px;text-align:center;font-size:15px}
#TabelaZamowienia .Zakup>em{font-style:normal;color:#6b7280;font-size:13px}
#TabelaZamowienia .Zakup .DoKoszyka{display:inline-block;background:#ef7d00!important;color:#fff!important;border-radius:12px;padding:11px 18px!important;font-weight:700;font-size:14px;text-transform:none;cursor:pointer;box-shadow:0 6px 16px rgba(239,125,0,.3)}
#TabelaZamowienia .Zakup .DoKoszyka:hover{background:#2f2583!important}
/* reklamacje-przegladaj (karty jak historia zamowien) */
.StrTresc>.PozycjaReklamacjaLista{display:grid;grid-template-columns:1fr auto;gap:6px 20px;background:#fff;border:1px solid #e8ebf0!important;border-top:3px solid #ef7d00!important;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:22px 26px;margin-bottom:18px!important}
.StrTresc>.PozycjaReklamacjaLista>.cl{display:none}
.PozycjaReklamacjaLista>.Tytul{color:#2f2583;font-size:18px;font-weight:800;background:none!important;padding:0!important;align-self:center;word-break:break-all}
.PozycjaReklamacjaLista>.SzczegolyData{justify-self:end;text-align:right;display:flex;align-items:center;gap:12px;float:none!important}
.PozycjaReklamacjaLista>.SzczegolyData>br{display:none}
.PozycjaReklamacjaLista .DataZlozenia{font-style:normal;color:#6b7280;font-size:13px}
.PozycjaReklamacjaLista .DataZlozenia b{font-weight:600}
.PozycjaReklamacjaLista .StatusZamowienia{font-style:normal;font-size:0}
.PozycjaReklamacjaLista .StatusZamowienia b{display:inline-block;font-size:13px;font-weight:700;color:#2f2583;background:#ecebf7;border-radius:99px;padding:5px 12px}
.PozycjaReklamacjaLista>.SzczegolySzerokie{grid-column:1;border-top:1px solid #efeff4;padding-top:16px!important;margin-top:8px;font-size:13px;color:#4b5563}
.PozycjaReklamacjaLista>.SzczegolySzerokie strong{display:block;color:#14213d;font-size:14px;margin-bottom:6px}
.PozycjaReklamacjaLista>.SzczegolySzerokie ul{margin:0;padding:0;list-style:none}
.PozycjaReklamacjaLista>.SzczegolySzerokie li{padding:2px 0}
.PozycjaReklamacjaLista>.SzczegolySzerokie li b{color:#14213d}
.PozycjaReklamacjaLista>a.przycisk.PrawyBezMargin{grid-column:2;align-self:end;justify-self:end;float:none!important;display:inline-flex;align-items:center;gap:8px;background:#ef7d00!important;color:#fff!important;border-radius:12px;padding:12px 22px!important;font-weight:700;text-transform:none;text-decoration:none;box-shadow:0 6px 16px rgba(239,125,0,.3);white-space:nowrap}
.PozycjaReklamacjaLista>a.przycisk.PrawyBezMargin:after{content:"›";font-size:20px;line-height:1}
.PozycjaReklamacjaLista>a.przycisk.PrawyBezMargin:hover{background:#2f2583!important}
/* reklamacje-napisz (brak zamowien) */
section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"]){max-width:640px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;background:#fff;border:1px solid #e8ebf0;border-top:3px solid #ef7d00;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:34px 30px!important;text-align:center}
section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>.Informacja{flex-basis:100%;margin:0 0 10px!important;padding:64px 0 0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef7d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3Cpath d='M12 7v4M12 14h.01'/%3E%3C/svg%3E") no-repeat center top/48px!important;font-size:17px;font-weight:700;color:#2f2583}
section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>.cl{display:none}
/* wspolne: przyciski dolne Panel klienta / Cofnij */
section.StrTresc:has(>.TabelaKlient>#TabelaZamowienia)>a.przycisk.Lewy,section.StrTresc:has(>.PozycjaReklamacjaLista)>a.przycisk.Lewy,section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>a.przycisk{float:none!important;display:inline-block;background:#fff!important;color:#2f2583!important;border:2px solid #2f2583;border-radius:12px;padding:11px 24px!important;font-weight:700;font-size:15px!important;text-transform:none;text-decoration:none;cursor:pointer;margin:0!important}
section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>a.przycisk.Prawy{background:#ef7d00!important;color:#fff!important;border-color:#ef7d00;box-shadow:0 6px 16px rgba(239,125,0,.3)}
section.StrTresc:has(>.TabelaKlient>#TabelaZamowienia)>a.przycisk.Lewy:hover,section.StrTresc:has(>.PozycjaReklamacjaLista)>a.przycisk.Lewy:hover,section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>a.przycisk:hover{background:#2f2583!important;color:#fff!important;border-color:#2f2583}
/* adresy-dostawy: przyciski Zapisz / Anuluj */
#daneAdresowe[action$="adresy-dostawy.html"] .DaneAdresowe{width:auto!important;float:none!important}
#daneAdresowe[action$="adresy-dostawy.html"] p:has(>#submitButton){display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
#daneAdresowe[action$="adresy-dostawy.html"] p>input#submitButton.przycisk{flex:1;background:#ef7d00!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:13px 28px!important;font-size:16px!important;font-weight:700;text-transform:none;box-shadow:0 6px 16px rgba(239,125,0,.3);cursor:pointer}
#daneAdresowe[action$="adresy-dostawy.html"] p>input#submitButton.przycisk:hover{background:#2f2583!important}
#daneAdresowe[action$="adresy-dostawy.html"] p>a.przycisk{background:#fff!important;color:#2f2583!important;border:2px solid #2f2583!important;border-radius:12px!important;padding:11px 26px!important;font-size:16px!important;font-weight:700;text-transform:none;text-decoration:none;box-shadow:none}
#daneAdresowe[action$="adresy-dostawy.html"] p>a.przycisk:hover{background:#2f2583!important;color:#fff!important}
section.StrTresc:has(>#daneAdresowe[action$="adresy-dostawy.html"])>p.Informacja{max-width:760px;margin:10px auto!important}
section.StrTresc:has(>#daneAdresowe[action$="adresy-dostawy.html"])>br{display:none}
#daneAdresowe[action$="adresy-dostawy.html"] p>span>label.formSpan{display:inline-block;margin-bottom:6px}
@media(max-width:799px){#Zmienhaslo{padding:22px 18px}#Zmienhaslo>p:has(>#submitButton){flex-direction:column}
section.StrTresc>.TabelaKlient:has(>#TabelaZamowienia){padding:4px 14px}#TabelaZamowienia tr.Naglowek{display:none}#TabelaZamowienia tr:not(.Naglowek){display:grid;grid-template-columns:64px 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid #efeff4}#TabelaZamowienia tr:last-child{border-bottom:0}#TabelaZamowienia tr:not(.Naglowek) td{display:block;border:0!important;padding:0!important;text-align:left!important}#TabelaZamowienia tr:not(.Naglowek) td:first-child{grid-row:span 2}
.StrTresc>.PozycjaReklamacjaLista{grid-template-columns:1fr;padding:18px}.PozycjaReklamacjaLista>.SzczegolyData{justify-self:start;text-align:left;flex-wrap:wrap}.PozycjaReklamacjaLista>a.przycisk.PrawyBezMargin{grid-column:1;justify-self:stretch;justify-content:center}
section.StrTresc:has(>.TabelaKlient>#TabelaZamowienia)>a.przycisk.Lewy,section.StrTresc:has(>.PozycjaReklamacjaLista)>a.przycisk.Lewy{display:block;text-align:center}
section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"]){padding:26px 18px!important}section.StrTresc:has(>a.przycisk.Lewy[onclick^="history"])>a.przycisk{flex:1 1 100%;text-align:center}
#daneAdresowe[action$="adresy-dostawy.html"] p>input#submitButton.przycisk,#daneAdresowe[action$="adresy-dostawy.html"] p>a.przycisk{flex-basis:100%;text-align:center}}

/* PROPOZYCJA v2 (nie wgrane) – logowanie.html wg makiety: maskotka po lewej, karta po prawej. Tylko CSS, bez zmian w logowanie.tp. Dopisać na końcu css/podstrony.css. Zastępuje google_btn.css. Obrazek: /images/maskotka_kciuk_duza.png */
body:has(#logowanie) h1.StrNaglowek{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.OknaLogowanie:has(#logowanie){grid-template-columns:minmax(0,1fr) 460px!important;gap:0 48px!important;max-width:1060px!important;align-items:center!important;margin:24px auto 48px!important}
.OknaLogowanie:has(#logowanie)::before{content:"";grid-column:1;grid-row:1/4;align-self:center;height:440px;background:
 radial-gradient(circle,#ef7d00 0 3px,transparent 3.5px) 9% 30%/14px 14px no-repeat,
 radial-gradient(circle,#ef7d00 0 2px,transparent 2.5px) 15% 40%/10px 10px no-repeat,
 radial-gradient(circle,#ef7d00 0 3px,transparent 3.5px) 92% 22%/14px 14px no-repeat,
 radial-gradient(circle,#f6a75a 0 2px,transparent 2.5px) 86% 32%/10px 10px no-repeat,
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ef7d00' d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12 7-1 11-5 12-12z'/%3E%3C/svg%3E") 6% 16%/30px 30px no-repeat,
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f6a75a' d='M12 0c1 7 5 11 12 12-7 1-11 5-12 12-1-7-5-11-12-12 7-1 11-5 12-12z'/%3E%3C/svg%3E") 95% 10%/18px 18px no-repeat,
 url(../../../images/maskotka_kciuk_duza.png) center 38%/min(100%,440px) auto no-repeat,
 radial-gradient(closest-side,rgba(239,125,0,.18),rgba(239,125,0,.06) 60%,transparent) center 88%/62% 46px no-repeat}
.OknaLogowanie:has(#logowanie)>.error{grid-column:2;grid-row:1}
.OknaLogowanie:has(#logowanie)>.OknaLogowanie-1{grid-column:2;grid-row:2;border-radius:22px 22px 0 0!important;border-bottom:0!important;box-shadow:0 10px 34px rgba(20,33,61,.10)!important;padding:36px 36px 8px!important;display:flex;flex-direction:column;font-size:0!important}
.OknaLogowanie:has(#logowanie)>.OknaLogowanie-2{grid-column:2;grid-row:3;align-self:start;border-radius:0 0 22px 22px!important;border-top:0!important;box-shadow:0 18px 30px -12px rgba(20,33,61,.10)!important;background:#fff!important;padding:4px 36px 28px!important;font-size:0!important;text-align:center}
.OknaLogowanie-1>br,.OknaLogowanie-2>br,.OknaLogowanie-2>strong{display:none!important}
/* tytul */
.OknaLogowanie-1>strong:first-of-type{font-size:0!important;margin:0 0 22px!important}
.OknaLogowanie-1>strong:first-of-type::before{content:"Logowanie";display:block;font-size:38px;line-height:1.1;font-weight:800;color:#14213d;letter-spacing:-.5px}
.OknaLogowanie-1>strong:first-of-type::after{content:"Zaloguj się na swoje konto etonery.pl";display:block;margin-top:8px;font-size:15px;font-weight:400;color:#6b7280}
/* pola z ikonami */
#logowanie p,#przypomnienie p{font-size:15px}
#logowanie label.formSpan{font-size:13px;margin-bottom:4px}
#logowanie #email,#logowanie #haslo,#przypomnienie #emailprzypomnienie{padding-left:46px!important;background:#fff no-repeat 15px center/20px 20px!important}
#logowanie #email,#przypomnienie #emailprzypomnienie{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314213d' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6 8.5 7 8.5-7'/%3E%3C/svg%3E")!important}
#logowanie #haslo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='11' rx='2' fill='%2314213d'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' fill='none' stroke='%2314213d' stroke-width='2'/%3E%3Ccircle cx='12' cy='15.5' r='1.6' fill='%23fff'/%3E%3C/svg%3E")!important}
#logowanie #submitButton{height:50px;padding:0!important;font-size:17px!important}
/* lub kontynuuj z + Google / Facebook */
#logowanie .KonternerFbGoogle{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:0!important;margin:2px 0 6px}
#logowanie .KonternerFbGoogle::before{content:"lub kontynuuj z";grid-column:1/-1;display:flex;justify-content:center;font-size:13px;color:#6b7280;margin-bottom:4px;background:linear-gradient(#e5e7eb,#e5e7eb) left center/calc(50% - 64px) 1px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) right center/calc(50% - 64px) 1px no-repeat}
#logowanie .KonternerFbGoogle>a{display:flex!important;align-items:center;justify-content:center;gap:10px;height:48px;box-sizing:border-box;padding:0 12px 0 40px!important;border:1px solid #dadce0;border-radius:12px;background-color:#fff!important;background-repeat:no-repeat!important;background-size:22px 22px!important;background-position:calc(50% - 46px) center!important;font-size:0!important;text-decoration:none!important;transition:box-shadow .2s,border-color .2s}
#logowanie .KonternerFbGoogle>a:only-of-type{grid-column:1/-1}
#logowanie .KonternerFbGoogle>a::before{content:none!important}
#logowanie .KonternerFbGoogle>a::after{font-size:16px;font-weight:600;color:#14213d}
#logowanie .KonternerFbGoogle>a:hover,#logowanie .KonternerFbGoogle>a:focus-visible{border-color:#c6c9ce;box-shadow:0 2px 8px rgba(20,33,61,.15);outline:none}
#logowanie a.AkcjaGooglePlus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E")!important}
#logowanie a.AkcjaGooglePlus::after{content:"Google"}
#logowanie a.AkcjaFacebook{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.2v3.3H10V24z'/%3E%3C/svg%3E")!important;background-position:calc(50% - 54px) center!important}
#logowanie a.AkcjaFacebook::after{content:"Facebook"}
/* odzyskiwanie hasla – kompaktowo na dole karty */
.OknaLogowanie-1>strong:nth-of-type(2){font-size:0!important;margin:18px 0 8px!important;padding-top:18px!important;border-top:1px solid #eef0f4!important}
.OknaLogowanie-1>strong:nth-of-type(2)::before{content:"Zapomniałeś hasła?";font-size:15px;font-weight:700;color:#ef7d00}
.OknaLogowanie-1>strong:nth-of-type(2)::after{content:" Podaj e-mail, wyślemy nowe hasło.";font-size:13px;font-weight:400;color:#6b7280}
#przypomnienie{display:flex;gap:10px;align-items:flex-end}
#przypomnienie p{margin:0 0 14px!important}
#przypomnienie p:first-of-type{flex:1}
#przypomnienie label.formSpan{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#przypomnienie #submitButtonHaslo{height:48px;padding:0 20px!important;font-size:15px!important}
/* Nie masz konta? Załóż konto */
.OknaLogowanie-2>p{margin:0!important;font-size:15px;color:#4b5563}
.OknaLogowanie-2>p::before{content:"Nie masz konta? "}
.OknaLogowanie:has(#logowanie) .OknaLogowanie-2 a.przycisk{all:unset;cursor:pointer;color:#ef7d00!important;font-weight:700;font-size:0}
.OknaLogowanie:has(#logowanie) .OknaLogowanie-2 a.przycisk::after{content:"Załóż konto";font-size:15px}
.OknaLogowanie:has(#logowanie) .OknaLogowanie-2 a.przycisk:hover::after{text-decoration:underline}
@media(max-width:799px){
.OknaLogowanie:has(#logowanie){grid-template-columns:1fr!important;margin:6px 0 30px!important}
.OknaLogowanie:has(#logowanie)::before{grid-column:1;grid-row:1;height:190px;background-size:14px 14px,10px 10px,14px 14px,10px 10px,22px 22px,14px 14px,auto 160px,52% 26px;background-position:16% 30%,22% 50%,84% 22%,78% 40%,10% 12%,90% 8%,center top,center 98%}
.OknaLogowanie:has(#logowanie)>.error{grid-column:1;grid-row:2}
.OknaLogowanie:has(#logowanie)>.OknaLogowanie-1{grid-column:1;grid-row:3;padding:26px 20px 6px!important}
.OknaLogowanie:has(#logowanie)>.OknaLogowanie-2{grid-column:1;grid-row:4;padding:4px 20px 24px!important}
.OknaLogowanie-1>strong:first-of-type::before{font-size:30px}
#przypomnienie{flex-direction:column;align-items:stretch;gap:0}#przypomnienie #submitButtonHaslo{width:100%}}

/* PROPOZYCJA (nie wgrane) - przyciski Google/Facebook na rejestracja.html. Dopisać na końcu css/podstrony.css. */
#rejestracja .KonternerFbGoogle{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:0!important;margin:20px 0 0!important;width:100%;box-sizing:border-box}
#rejestracja .KonternerFbGoogle::before{content:"lub załóż konto przez";grid-column:1/-1;display:block;text-align:center;margin:0 0 4px;color:#6b7280;font-size:13px;font-weight:500;background:linear-gradient(#e5e7eb,#e5e7eb) left center/calc(50% - 90px) 1px no-repeat,linear-gradient(#e5e7eb,#e5e7eb) right center/calc(50% - 90px) 1px no-repeat}
#rejestracja .KonternerFbGoogle a.AkcjaGooglePlus,#rejestracja .KonternerFbGoogle a.AkcjaFacebook{display:flex!important;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%!important;height:48px;margin:0!important;padding:0 14px!important;background:#fff!important;border:1px solid #dadce0!important;border-radius:12px;font-size:0!important;line-height:1;text-decoration:none!important;cursor:pointer;transition:box-shadow .2s,border-color .2s;float:none!important}
#rejestracja .KonternerFbGoogle a.AkcjaGooglePlus{order:1}
#rejestracja .KonternerFbGoogle a.AkcjaFacebook{order:2}
#rejestracja .KonternerFbGoogle a img{display:none!important}
#rejestracja .KonternerFbGoogle a.AkcjaGooglePlus::before,#rejestracja .KonternerFbGoogle a.AkcjaFacebook::before{content:""!important;display:block!important;width:20px;height:20px;flex:0 0 20px;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") no-repeat center/20px 20px!important}
#rejestracja .KonternerFbGoogle a.AkcjaFacebook::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.2v3.3H10V24z'/%3E%3C/svg%3E")!important}
#rejestracja .KonternerFbGoogle a.AkcjaGooglePlus::after,#rejestracja .KonternerFbGoogle a.AkcjaFacebook::after{content:"Google";font-size:16px;font-weight:500;color:#2f2583;letter-spacing:.1px}
#rejestracja .KonternerFbGoogle a.AkcjaFacebook::after{content:"Facebook"}
#rejestracja .KonternerFbGoogle a:hover,#rejestracja .KonternerFbGoogle a:focus-visible{border-color:#c6c9ce!important;box-shadow:0 2px 8px rgba(20,33,61,.15);outline:none}
#rejestracja .KonternerFbGoogle a:focus-visible{box-shadow:0 0 0 3px rgba(66,133,244,.35)}
@media (max-width:399px){#rejestracja .KonternerFbGoogle{grid-template-columns:1fr}}

/* PROPOZYCJA (nie wgrane) - układ rejestracja.html: góra 2 karty (Dane użytkownika | email+hasło), pod spodem panel na całą szerokość (powtórz hasło, zgody, Utwórz konto), na dole Google/Facebook. Dopisać na końcu css/podstrony.css (po rejestracja*.css). */
#rejestracja .OknaRejestracja{grid-template-rows:auto auto auto auto 1fr;row-gap:0!important;column-gap:28px;align-items:stretch}
#rejestracja .OknaRejestracja-1{grid-column:1;grid-row:1/span 5}
/* prawa karta rozbita na elementy siatki */
#rejestracja .OknaRejestracja .OknaRejestracja-2{display:contents!important}
#rejestracja .OknaRejestracja-2>*{grid-column:1/-1;order:4;margin:0!important;background:#fff;border-left:1px solid #dde2ea;border-right:1px solid #dde2ea;padding-left:34px!important;padding-right:34px!important;box-sizing:border-box;color:#4b5563;line-height:1.55}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja{grid-column:2;grid-row:1;order:2;border-top:1px solid #dde2ea;border-bottom:0;border-radius:18px 18px 0 0;padding-top:30px!important;padding-bottom:0!important;background:#fff url(../../../images/maskotka_20lat.png) no-repeat right 22px top 22px;background-size:92px auto;min-height:0;box-shadow:inset 0 -2px #fff}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja::after{content:"";display:block;border-bottom:2px solid #ef7d00;margin-top:12px;margin-right:-66px}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja{padding-right:100px!important;min-height:82px}
#rejestracja .OknaRejestracja-2>p:has(#email){grid-column:2;grid-row:2;order:2;padding-top:16px!important;padding-bottom:14px}
#rejestracja .OknaRejestracja-2>p:has(#haslo){grid-column:2;grid-row:3;order:2;padding-bottom:6px}
#rejestracja .OknaRejestracja-2>.HasloSila{grid-column:2;grid-row:4;order:2}
#rejestracja .OknaRejestracja-2>p:has(#haslopowtorz){grid-column:2;grid-row:5;order:2;padding-top:10px!important;border-bottom:1px solid #dde2ea;border-radius:0 0 18px 18px;padding-bottom:26px!important}
/* panel na całą szerokość */
#rejestracja .OknaRejestracja-2>div:empty,#rejestracja .OknaRejestracja-2 .cl,#rejestracja .OknaRejestracja-2>br{display:none!important}
#rejestracja .OknaRejestracja-2>.ZaznaczWszystkieZgody{background:#fff;margin-top:28px!important;border-top:1px solid #dde2ea;border-radius:18px 18px 0 0;padding-top:22px!important;padding-bottom:4px!important}
#rejestracja .OknaRejestracja-2>.ZaznaczWszystkieZgody label{display:block;background:#f4f6fa;border-radius:12px;padding:14px 16px}
#rejestracja .OknaRejestracja-2>.ZaznaczWszystkieZgody:before{margin:10px 0 8px}
#rejestracja .OknaRejestracja-2>.errorInformacja:empty{display:none}
#rejestracja .OknaRejestracja-2>div:has(#submitButton){display:contents!important}
#rejestracja .OknaRejestracja-2>div:has(#submitButton)>input[type=hidden]{display:none}
#rejestracja .OknaRejestracja-2 #submitButton{grid-column:1/-1;order:5;width:100%!important;margin:0!important;box-sizing:border-box;border:solid #fff!important;border-width:16px 34px 30px!important;background-clip:padding-box!important;border-radius:0 0 18px 18px!important;box-shadow:1px 0 #dde2ea,-1px 0 #dde2ea,0 1px #dde2ea!important;padding:15px!important}
#rejestracja .OknaRejestracja-2 #submitButton:hover{background-clip:padding-box!important}
/* Google/Facebook na samym dole, na całą szerokość, wyśrodkowane */
#rejestracja .OknaRejestracja .KonternerFbGoogle{grid-column:1/-1;order:6;max-width:560px;justify-self:center;margin:26px auto 0!important;background:none;border:0;padding:0!important}
@media(max-width:799px){
#rejestracja .OknaRejestracja{grid-template-columns:1fr;grid-template-rows:none;column-gap:0}
#rejestracja .OknaRejestracja-1{grid-row:auto;margin-bottom:18px!important}
#rejestracja .OknaRejestracja-2>*{grid-column:1!important;grid-row:auto!important;padding-left:18px!important;padding-right:18px!important}
#rejestracja .OknaRejestracja-2 #submitButton{border-width:14px 18px 22px!important}
#rejestracja .OknaRejestracja-2>.ZaznaczWszystkieZgody{margin-top:18px!important}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja{background-size:64px auto;padding-right:74px!important;padding-top:22px!important}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja::after{margin-right:-56px}
}
/* maskotka podpisująca formularz na dole karty "Dane do logowania" (zamiast maskotka_20lat) */
#rejestracja .OknaRejestracja-2>strong.CheckSekcja{background-image:none!important;padding-right:34px!important;min-height:0}
#rejestracja .OknaRejestracja-2>strong.CheckSekcja::after{margin-right:0}
#rejestracja .OknaRejestracja-2>p:has(#haslopowtorz){padding-bottom:220px!important;background:#fff url(../../../images/maskotka_rejestracja.png) no-repeat center bottom 0;background-size:min(260px,80%) auto}
@media(max-width:799px){#rejestracja .OknaRejestracja-2>p:has(#haslopowtorz){padding-bottom:170px!important;background-size:min(200px,70%) auto;background-position:center bottom 0}#rejestracja .OknaRejestracja-2>strong.CheckSekcja{padding-right:18px!important}}

/* PROPOZYCJA (nie wgrane) - zwijane zgody na rejestracja.html (działa z rejestracja_zgody.js; bez JS treść jest pełna) */
#rejestracja .ZgodaRejestracja>label{display:flex!important;align-items:flex-start;gap:12px}
#rejestracja .ZgodaRejestracja>label>.ZgodaTekst{flex:1;min-width:0}
#rejestracja .ZgodaRejestracja>label>input,#rejestracja .ZgodaRejestracja>label>span.check{flex:0 0 auto;margin-top:2px}
#rejestracja .ZgodaZwinieta>.ZgodaTekst{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
#rejestracja .checkboxOpis.ZgodaZwinieta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#rejestracja .checkboxOpis.ZgodaZwinieta>.ZgodaTekst{display:inline}
#rejestracja button.ZgodaRozwin{display:inline-block;margin:4px 0 0;padding:2px 0;border:0;background:none;color:#ef7d00;font-size:12.5px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
#rejestracja button.ZgodaRozwin:hover{color:#2f2583}
#rejestracja button.ZgodaRozwin:focus-visible{outline:2px solid #ef7d00;outline-offset:2px;border-radius:3px}
#rejestracja .errorInformacja{display:block}
#rejestracja .ZgodaRejestracja>label>em:empty{display:none}

/* ukrycie "Zaznacz wszystkie zgody" 20261013 - zostaje tylko nagłówek "Zgody" (::before) */
#rejestracja .ZaznaczWszystkieZgody>*{display:none!important}
#rejestracja .ZaznaczWszystkieZgody{padding-bottom:0!important}
#rejestracja .ZaznaczWszystkieZgody:before{margin-bottom:0!important}

/* PROPOZYCJA (nie wgrane) - zamowienia-szczegoly-zs-*.html. Tylko CSS, zakres: section.StrTresc z .PozycjaHistoriaZamowienia / .KontenerDaneKlienta */
section.StrTresc.StrTresc:has(.PozycjaHistoriaZamowienia,.KontenerDaneKlienta){--zs-o:#ef7d00;--zs-n:#2f2583;--zs-t:#14213d;--zs-g:#6b7280;--zs-b:#e8ebf0;max-width:1080px!important;margin:0 auto 40px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:18px 20px;align-items:start;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;text-align:left!important}
section.StrTresc:has(.PozycjaHistoriaZamowienia,.KontenerDaneKlienta)>*{grid-column:1/-1;min-width:0}
section.StrTresc:has(.PozycjaHistoriaZamowienia,.KontenerDaneKlienta)>.cl,section.StrTresc:has(.KontenerDaneKlienta) .Odstep,section.StrTresc:has(.KontenerDaneKlienta)>.PlatnoscInfo[style*="none"]{display:none}
/* karta: data + status */
section.StrTresc:has(.KontenerDaneKlienta)>.SzczegolyData{float:none!important;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 16px;background:#fff;border:1px solid var(--zs-b);border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:18px 24px;margin:0!important;text-align:left}
section.StrTresc:has(.KontenerDaneKlienta) .SzczegolyData br{display:none}
section.StrTresc:has(.KontenerDaneKlienta) .SzczegolyData em{font-style:normal;float:none!important;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>.SzczegolyData .DataZlozenia{color:var(--zs-g);font-size:14px}
section.StrTresc:has(.KontenerDaneKlienta)>.SzczegolyData .DataZlozenia:before{content:"Data złożenia: "}
section.StrTresc:has(.KontenerDaneKlienta)>.SzczegolyData .DataZlozenia b{color:var(--zs-t);font-weight:700}
section.StrTresc:has(.KontenerDaneKlienta) .StatusZamowienia{font-size:0;color:transparent}
section.StrTresc:has(.KontenerDaneKlienta) .StatusZamowienia b{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--zs-n);background:#ecebf7;border-radius:99px;padding:6px 14px}
section.StrTresc:has(.KontenerDaneKlienta) .StatusZamowienia b:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zs-o)}
/* karta: platnosc / wysylka / dokument / przesylka */
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka){display:grid;grid-template-columns:1.4fr 1fr;gap:0 28px;background:#fff;border:1px solid var(--zs-b)!important;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:20px 24px;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) ul{margin:0!important;padding:0!important;list-style:none;float:none!important;width:auto!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) ul+ul{border-left:1px solid #efeff4;padding-left:28px!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li{display:flex;flex-direction:column;gap:2px;padding:7px 0!important;margin:0!important;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--zs-g);background:none!important;border-bottom:1px dashed #eef0f4}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li:last-child{border-bottom:0}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li strong{font-size:14px;text-transform:none;letter-spacing:0;color:var(--zs-t);font-weight:700;word-break:break-word}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li a{color:var(--zs-o)!important;text-decoration:none}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li a strong{color:var(--zs-o)}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) li a:hover strong{text-decoration:underline}
/* drukuj */
section.StrTresc:has(.KontenerDaneKlienta)>.Ikonki{float:none!important;display:flex;justify-content:flex-end;margin:-6px 0 0!important;padding:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Ikonki a.pdfIkona{display:inline-flex;align-items:center;gap:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef7d00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8'/%3E%3C/svg%3E") no-repeat 14px center/18px!important;border:2px solid var(--zs-n);color:var(--zs-n)!important;border-radius:12px;padding:9px 18px 9px 40px!important;font-weight:700;font-size:14px;text-decoration:none}
section.StrTresc:has(.KontenerDaneKlienta)>.Ikonki a.pdfIkona:hover{background-color:var(--zs-n)!important;color:#fff!important}
/* dane odbiorcy (lewa kolumna) + przebieg realizacji (prawa) */
section.StrTresc:has(.KontenerDaneKlienta)>.KontenerDaneKlienta{grid-column:1;display:block;float:none!important;width:auto!important;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta>div:not(.Odstep){float:none!important;width:auto!important;margin:0!important;background:#fff!important;border:1px solid var(--zs-b)!important;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:22px 24px!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta>div+div:not(.Odstep){margin-top:18px!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta h3{color:var(--zs-n)!important;font-size:17px!important;font-weight:800;margin:0 0 10px!important;padding:0 0 10px!important;border-bottom:2px solid var(--zs-o);display:inline-block;background:none!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta br{display:none}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst{font-size:14px;color:#4b5563;line-height:1.6;margin:0 0 18px;padding:0!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst:last-child{margin-bottom:0}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst ul{margin:0;padding:0;list-style:none}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst li{padding:0!important;background:none!important}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst li:empty{display:none}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta .Tekst li:first-child{color:var(--zs-t);font-weight:700}
section.StrTresc:has(.PozycjaHistoriaZamowienia)>.SekcjaRamka:has(.PozycjaHistoriaZamowienia){grid-column:2;grid-row:span 2}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaRamka{float:none!important;width:auto!important;max-width:none!important;margin:0!important;background:#fff!important;border:1px solid var(--zs-b)!important;border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:22px 24px!important;text-align:left}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaRamka>.TytulSekcji{color:var(--zs-n)!important;font-size:17px!important;font-weight:800;text-align:left!important;background:none!important;border:0!important;padding:0 0 10px!important;margin:0 0 16px!important;border-bottom:2px solid var(--zs-o)!important;display:inline-block}
/* os czasu */
.PozycjaHistoriaZamowienia{position:relative;margin:0!important;padding:0 0 16px 26px!important;background:none!important;border:0!important;width:auto!important;max-width:none!important;float:none!important}
.PozycjaHistoriaZamowienia:before{content:"";position:absolute;left:6px;top:8px;bottom:-8px;width:2px;background:#e6e8ef}
.PozycjaHistoriaZamowienia:last-of-type{padding-bottom:0!important}
.PozycjaHistoriaZamowienia:last-of-type:before{display:none}
.PozycjaHistoriaZamowienia:after{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #c9cdd8}
.SekcjaRamka .TytulSekcji+.PozycjaHistoriaZamowienia:after,.SekcjaRamka>.PozycjaHistoriaZamowienia:first-of-type:after{background:var(--zs-o,#ef7d00);border-color:var(--zs-o,#ef7d00);box-shadow:0 0 0 4px rgba(239,125,0,.18)}
.PozycjaHistoriaZamowienia .TrescScr{padding:0!important;border:0!important;background:none!important;text-align:left!important}
.PozycjaHistoriaZamowienia .SzczegolyData{float:none!important;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px 12px;text-align:left!important;margin:0!important;padding:0!important}
.PozycjaHistoriaZamowienia .SzczegolyData br{display:none}
.PozycjaHistoriaZamowienia .SzczegolyData em{font-style:normal;float:none!important;margin:0!important}
.PozycjaHistoriaZamowienia .DataZlozenia{font-size:12px;color:#6b7280}
.PozycjaHistoriaZamowienia .DataZlozenia b{font-weight:500}
.PozycjaHistoriaZamowienia .StatusZamowienia b{background:none!important;padding:0!important;font-size:14px!important;color:#14213d!important}
.PozycjaHistoriaZamowienia .StatusZamowienia b:before{display:none!important}
.SekcjaRamka>.TytulSekcji+.PozycjaHistoriaZamowienia .StatusZamowienia b{color:#ef7d00!important}
.PozycjaHistoriaZamowienia .ZamowienieKomentarz:not(:has(.FormatEdytor:not(:empty))){display:none}
.PozycjaHistoriaZamowienia .ZamowienieKomentarz{margin:6px 0 0;padding:8px 12px;background:#f7f8fb;border-radius:10px;font-size:13px;color:#4b5563}
/* produkty, podsumowanie, pozostale ramki */
section.StrTresc:has(.KontenerDaneKlienta)>.TabelaKlient{background:#fff;border:1px solid var(--zs-b);border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:8px 18px;overflow-x:auto;margin:0!important;box-sizing:border-box;width:auto!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia{width:100%!important;border-collapse:collapse;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia th{color:var(--zs-n);font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:none!important;border-bottom:2px solid #efeff4!important;padding:12px 8px!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia td{border-bottom:1px solid #f0f1f5!important;padding:12px 8px!important;background:none!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia tr:last-child td{border-bottom:0!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia h3{font-size:14px!important;margin:0 0 4px!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia h3 a{color:var(--zs-t)!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia h3 a:hover{color:var(--zs-o)!important}
section.StrTresc:has(.KontenerDaneKlienta) #TabelaZamowienia img.Zdjecie{border-radius:8px;border:1px solid #eef0f4}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl{justify-self:end;width:min(420px,100%);background:#fff;border:1px solid var(--zs-b);border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:14px 22px;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl .WierszTbl{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #f0f1f5}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl .WierszTbl:last-child{border-bottom:0;font-weight:800;font-size:16px}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl .WierszTbl>div{float:none!important;width:auto!important;padding:0!important;text-align:left}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl .WierszTbl:last-child .Cena{color:var(--zs-o)}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaRamka a.przycisk,section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk.Prawy{background:var(--zs-o)!important;color:#fff!important;border-radius:12px;padding:11px 22px!important;font-weight:700;text-decoration:none;border:0}
section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk{grid-column:1!important;justify-self:start;width:auto;margin:6px 0 0!important}
section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk.Prawy{grid-column:2!important;grid-row:auto}
section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk.Prawy{justify-self:end;float:none!important}
section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk.Lewy{float:none!important;background:#fff!important;color:var(--zs-n)!important;border:2px solid var(--zs-n);border-radius:12px;padding:9px 22px!important;font-weight:700;cursor:pointer}
@media(max-width:799px){
section.StrTresc.StrTresc:has(.PozycjaHistoriaZamowienia,.KontenerDaneKlienta){grid-template-columns:1fr;gap:14px;padding:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>*,section.StrTresc:has(.PozycjaHistoriaZamowienia)>.SekcjaRamka:has(.PozycjaHistoriaZamowienia),section.StrTresc:has(.KontenerDaneKlienta)>.KontenerDaneKlienta{grid-column:1!important;grid-row:auto!important}
section.StrTresc:has(.KontenerDaneKlienta)>.SzczegolyData{padding:16px 18px}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka){grid-template-columns:1fr;padding:16px 18px}
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka) ul+ul{border-left:0;padding-left:0!important;border-top:1px solid #efeff4;margin-top:4px!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Ikonki{justify-content:stretch;margin:0!important}
section.StrTresc:has(.KontenerDaneKlienta)>.Ikonki a.pdfIkona{flex:1;justify-content:center}
section.StrTresc:has(.KontenerDaneKlienta) .KontenerDaneKlienta>div:not(.Odstep),section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaRamka{padding:18px!important}
section.StrTresc:has(.KontenerDaneKlienta)>.SekcjaTbl{justify-self:stretch;width:auto}
section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk,section.StrTresc:has(.KontenerDaneKlienta)>a.przycisk.Prawy{grid-column:1!important;justify-self:stretch!important;text-align:center}
}

/* PROPOZYCJA (nie wgrane) - maskotka kuriera przy numerze przesylki, zamowienia-szczegoly-zs-*.html. Wymaga pliku /images/maskotka_kurier.png (260x247, przezroczysty). Pokazuje sie tylko gdy kolumna przesylki ma tresc (link sledzenia lub numer). */
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka)>ul:not(#podsumowanie_zamowienia):has(li strong){position:relative;min-height:118px;padding-right:138px!important;background:url("/images/maskotka_kurier.png") no-repeat right center/124px auto}
@media(max-width:799px){
section.StrTresc:has(.KontenerDaneKlienta)>.Sekcja:not(.SekcjaRamka)>ul:not(#podsumowanie_zamowienia):has(li strong){min-height:76px;padding-right:86px!important;background-size:78px auto;background-position:right 12px}
}

/* PROPOZYCJA (nie wgrane) - produkty-przegladaj.html "Kupowane produkty". Tylko CSS.
   Zakres: section.StrTresc z tabela #TabelaZamowienia zawierajaca .Zakup (unikalne dla tej strony). */
section.StrTresc.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup){--kp-o:#ef7d00;--kp-n:#2f2583;--kp-t:#14213d;--kp-g:#6b7280;--kp-b:#e8ebf0;box-sizing:border-box;max-width:1080px!important;width:auto!important;margin:0 auto 24px!important;padding:0!important;float:none!important;position:static!important;left:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 260px;gap:16px 28px;align-items:center;background:none!important;border:0!important;box-shadow:none!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>*{grid-column:1;min-width:0}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>.cl{display:none}
/* maskotka po prawej */
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)::after{content:"";grid-column:2;grid-row:1;align-self:end;width:260px;aspect-ratio:300/247;background:url("/images/maskotka_produkty.png") no-repeat center bottom/contain}
/* karta tabeli - bez wciecia, nic nie ucina z prawej */
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>.TabelaKlient{grid-row:1;box-sizing:border-box;width:auto!important;margin:0!important;background:#fff;border:1px solid var(--kp-b);border-top:3px solid var(--kp-o);border-radius:18px;box-shadow:0 4px 18px rgba(20,33,61,.07);padding:8px 22px!important;overflow:visible!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia{width:100%!important;table-layout:auto;border-collapse:collapse;border:0!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr{background:none!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia th,section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td{border:0!important;background:none!important;padding:14px 10px!important;vertical-align:middle}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr.Naglowek th{color:var(--kp-g);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #efeff4!important;text-align:left!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr.Naglowek th.Centruj{text-align:center!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr+tr td{border-bottom:1px solid #efeff4!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr:last-child td{border-bottom:0!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr:not(.Naglowek):hover td{background:#fff8f0!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td:first-child{width:76px}
/* miniatura: ramka + zastepczy wyglad, gdy plik zdjecia nie istnieje */
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td img.Zdjecie{display:block;margin:0 auto;width:60px;height:60px;object-fit:contain;border:1px solid #eef0f4;border-radius:10px;background:#f7f8fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4c9d4' stroke-width='1.6'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E") no-repeat center/26px;font-size:0;color:transparent;overflow:hidden}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td h3{margin:0!important;font-size:15px!important;line-height:1.4;font-weight:600}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td h3 a{color:var(--kp-t)!important;text-decoration:none}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td h3 a:hover{color:var(--kp-o)!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td:last-child{width:1%;white-space:nowrap}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup{display:flex!important;align-items:center;justify-content:center;gap:6px;margin:0!important;overflow:visible!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup .InputIlosc{float:none!important;width:52px!important;height:38px;box-sizing:border-box;margin:0!important;border:1px solid #d6d9e0;border-radius:10px;text-align:center}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup em{float:none!important;margin:0 6px 0 0!important;color:var(--kp-g)}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup .DoKoszyka{float:none!important;margin:0!important}
/* przycisk Panel klienta */
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>a.przycisk.Lewy{float:none!important;justify-self:start;margin:0!important;background:#fff!important;border:2px solid var(--kp-n)!important;color:var(--kp-n)!important;border-radius:12px;padding:10px 20px!important;font-weight:700;text-decoration:none}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>a.przycisk.Lewy:hover{background:var(--kp-n)!important;color:#fff!important}
/* mniej pustego miejsca nad i pod */
#SrodekKolumna:has(#TabelaZamowienia .Zakup){min-height:0!important;padding-bottom:0!important}
#SrodekKolumna:has(#TabelaZamowienia .Zakup)>h1.StrNaglowek{margin-bottom:18px!important}
/* tablet: maskotka mniejsza */
@media (max-width:1023px){section.StrTresc.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup){grid-template-columns:minmax(0,1fr) 170px;gap:14px 18px;margin:0 12px 20px!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)::after{width:170px}}
/* telefon: wiersze jako karty, maskotka mala pod lista */
@media (max-width:767px){section.StrTresc.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup){grid-template-columns:minmax(0,1fr);margin:0 0 16px!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)::after{grid-column:1;grid-row:auto;width:120px;justify-self:center;order:5}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>.TabelaKlient{padding:4px 14px!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr.Naglowek{display:none!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tbody{display:block}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr:not(.Naglowek){display:grid!important;grid-template-columns:64px minmax(0,1fr);gap:8px 12px;align-items:center;padding:14px 0;border-bottom:1px solid #efeff4}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr:last-child{border-bottom:0}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr td,section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia tr+tr td{display:block!important;width:auto!important;padding:0!important;border:0!important}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia td:last-child{grid-column:1/-1;white-space:normal}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup{justify-content:flex-start}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup) #TabelaZamowienia .Zakup .DoKoszyka{flex:1;text-align:center}
section.StrTresc:has(>.TabelaKlient #TabelaZamowienia .Zakup)>a.przycisk.Lewy{justify-self:stretch;text-align:center}}

/* FIX 2026-10-13: logowanie.html za wysoka - pusta linia pod etykietami (em.required w osobnej linii) + za duzy odstep pod karta */
#logowanie p>span,#przypomnienie p>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0 0 6px!important}
#logowanie p>span label.formSpan{margin:0!important;padding:0!important}
#logowanie p>span em.required:empty,#przypomnienie p>span em.required:empty{display:none}
#przypomnienie p>span:not(:has(em.required:not(:empty))){display:none}
.OknaLogowanie:has(#logowanie){margin-bottom:16px!important}
section.StrTresc:has(.OknaLogowanie #logowanie){margin-bottom:0!important}

/* PROPOZYCJA v2 (nie wgrane) - dane-adresowe.html "Moje dane". Tylko CSS, dopisac NA KONCU podstrony.css (nadpisuje v1 #daneAdresowe).
   Zakres: section.StrTresc:has(>#daneAdresowe). Pola, nazwy i logika formularza bez zmian (tylko order/grid). */
section.StrTresc.StrTresc:has(>#daneAdresowe){--da-o:#ef7d00;--da-n:#2f2583;--da-t:#14213d;--da-g:#6b7280;--da-b:#e8ebf0;max-width:980px!important;margin:6px auto 32px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;float:none!important}
section.StrTresc:has(>#daneAdresowe) #daneAdresowe{max-width:none!important;margin:0!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 18px!important;border-top:3px solid var(--da-o)!important;border-radius:18px!important;padding:28px 32px 24px!important;width:auto!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>*{grid-column:1/-1;order:30;min-width:0}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>.cl{display:none}
/* naglowek + przelacznik osoba/firma */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>strong.CheckSekcja{order:1;font-size:22px!important;color:var(--da-t)!important;border-bottom:0!important;padding:0!important;margin:0 0 4px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>strong.CheckSekcja::after{content:"Sprawdź i zaktualizuj swoje dane do zamówień";display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--da-g)}
section.StrTresc:has(>#daneAdresowe) .OsobowoscPrawna{order:2;grid-column:1/5!important;margin:14px 0 20px!important}
/* sekcja: dane kontaktowe */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#imie){order:3;grid-column:span 3!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#nazwisko){order:4;grid-column:span 3!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#email){order:5;grid-column:span 4!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#telefon){order:6;grid-column:span 2!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>#firma{order:7;grid-column:span 4!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>#nip{order:8;grid-column:span 2!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#imie)::before{content:"Dane kontaktowe";position:absolute;top:-26px;left:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--da-o)}
/* sekcja: adres */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#ulica){order:10;grid-column:1/-1!important;margin-top:14px!important;padding-top:26px!important;border-top:1px solid #efeff4;position:relative}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#ulica)::before{content:"Adres";position:absolute;top:8px;left:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--da-o)}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#kod_pocztowy){order:11;grid-column:span 2!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#miasto){order:12;grid-column:span 4!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#imie),section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#nazwisko){position:relative;margin-top:30px!important}
/* etykieta i pole: bez pustej linii po em.required, pola nie wychodza poza karte */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin:0 0 6px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p>span label.formSpan{margin:0!important;padding:0!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p>span em.required:empty{display:none}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe input[type=text],section.StrTresc:has(>#daneAdresowe) .DaneAdresowe input[type=tel]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}
/* zgody jako jasny panel */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>div.CheckSekcja{background:#f7f8fb;border:0!important;margin:0!important;padding:12px 16px!important;color:#4b5563}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>div.CheckSekcja:first-of-type{margin-top:16px!important;border-radius:12px 12px 0 0;padding-top:16px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>div.CheckSekcja:has(#przetwarzanie){border-radius:0 0 12px 12px;padding-bottom:16px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>div.CheckSekcja+.cl+div.CheckSekcja{border-top:1px dashed #e3e6ee!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>div:not([class]):empty{display:none}
/* przyciski */
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#submitButton){display:flex!important;justify-content:flex-end;align-items:center;gap:12px;margin:22px 0 0!important;padding-top:20px!important;border-top:1px solid #efeff4}
section.StrTresc:has(>#daneAdresowe) #submitButton{order:2;flex:0 0 auto!important;min-width:220px;height:50px;padding:0 30px!important;background:var(--da-o)!important;color:#fff!important;border:0!important;border-radius:12px!important;font-size:16px!important;font-weight:700;box-shadow:0 6px 16px rgba(239,125,0,.3)!important;cursor:pointer}
section.StrTresc:has(>#daneAdresowe) #submitButton:hover{background:var(--da-n)!important}
section.StrTresc:has(>#daneAdresowe) #submitButton~a.przycisk{order:1;height:50px;box-sizing:border-box;display:inline-flex!important;align-items:center;padding:0 24px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(a[href*="usun_konto"]){margin:10px 0 0!important;text-align:left}
@media(max-width:799px){
section.StrTresc.StrTresc:has(>#daneAdresowe){margin:0 0 24px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe{grid-template-columns:1fr 1fr;padding:22px 16px 18px!important;gap:0 12px!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p,section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>.OsobowoscPrawna,section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#imie),section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#nazwisko),section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#email),section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#telefon),section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>#firma,section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>#nip{grid-column:1/-1!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#nazwisko){margin-top:0!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#kod_pocztowy){grid-column:1/2!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#miasto){grid-column:2/3!important}
section.StrTresc:has(>#daneAdresowe) .DaneAdresowe>p:has(#submitButton){flex-direction:column;align-items:stretch}
section.StrTresc:has(>#daneAdresowe) #submitButton,section.StrTresc:has(>#daneAdresowe) #submitButton~a.przycisk{flex:0 0 auto!important;width:100%!important;min-width:0!important;margin:0!important;justify-content:center;box-sizing:border-box}}

/* ===================================================================
   KOSZYK (koszyk.html) - nowy wyglad: karty, czytelne podsumowanie, wersja na telefon
   tylko CSS, zakres #SzczegolyKoszyka; nie usuwac klas/id uzywanych przez skrypty
   (UsunZKoszyka, DoKoszyka 'przelicz', #rodzaj_wysylki, #rodzaj_platnosci, #podsumowanie_zamowienia, #przycisk_zamow)
   =================================================================== */

/* tabela produktow jako karta */
#SzczegolyKoszyka .Koszyk { background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.05); border-collapse:separate; border-spacing:0; overflow:hidden; }
#SzczegolyKoszyka .Koszyk th, #SzczegolyKoszyka .Koszyk td { border:0px; border-bottom:1px solid #efeff4; padding:14px 12px; }
#SzczegolyKoszyka .Koszyk .Naglowek th { background:#f7f7fa; color:#777788; font-size:95%; font-weight:bold; text-transform:uppercase; letter-spacing:.4px; }
#SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 { margin:0px; }
#SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 a { color:#1f1a4d; font-size:120%; font-weight:bold; line-height:1.35; }
#SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 a:hover { color:#ef7d00; }
#SzczegolyKoszyka .Koszyk .Zdjecie { border-radius:8px; }
#SzczegolyKoszyka .Koszyk .Cena .Brutto { display:block; color:#1f1a4d; font-size:120%; font-weight:bold; font-style:normal; }
#SzczegolyKoszyka .Koszyk .Cena .Netto { display:block; color:#9a9aa8; font-style:normal; }
#SzczegolyKoszyka .Koszyk .UsunKoszyk { width:36px; height:36px; border-radius:50%; background:#f7f7fa url('../obrazki/szablon/n_usun.svg') no-repeat center; background-size:18px 18px; transition:background-color .2s ease; }
#SzczegolyKoszyka .Koszyk .UsunKoszyk:hover { background-color:#fdecea; }
#SzczegolyKoszyka .Koszyk input.InputPrzeliczKoszyk { width:64px; padding:8px 6px; border:2px solid #e3e3ea; border-radius:10px; color:#1f1a4d; font-size:115%; font-weight:bold; text-align:center; outline:none; }
#SzczegolyKoszyka .Koszyk input.InputPrzeliczKoszyk:focus { border-color:#ef7d00; }
#SzczegolyKoszyka .Koszyk .Przelicz { display:inline-block; margin:0px 0px 0px 6px; vertical-align:middle; }
#SzczegolyKoszyka .Koszyk .Przelicz .przycisk { width:30px; height:30px; border-radius:50%; background:#f7f7fa url('../obrazki/szablon/n_przelicz.svg') no-repeat center !important; background-size:16px 16px !important; }
#SzczegolyKoszyka .Koszyk .Przelicz .przycisk:hover { background-color:#fff4e8 !important; }
#SzczegolyKoszyka .Koszyk tr:last-child td { border-bottom:0px; background:#fffaf4; }
#SzczegolyKoszyka .Koszyk tr:last-child td:last-child { border:0px; }
#SzczegolyKoszyka .Koszyk .SumaTekst { color:#1f1a4d; font-size:120%; }
#SzczegolyKoszyka .Koszyk .Suma { background:none; }
#SzczegolyKoszyka .Koszyk .Suma .Cena .Brutto { color:#ef7d00; font-size:150%; }
#SzczegolyKoszyka .Koszyk .Suma .Cena .Netto, #SzczegolyKoszyka .Koszyk .Suma small { color:#9a9aa8; font-weight:normal; }

/* przyciski pod tabela */
#SzczegolyKoszyka .PrzyciskiKoszyka { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:12px 0px 4px 0px; }
#SzczegolyKoszyka .PrzyciskiKoszyka .przyciskKoszyk { display:inline-block; padding:8px 14px; border:1px solid #e3e3ea; border-radius:20px; background:#ffffff; color:#2f2583; cursor:pointer; transition:border-color .2s ease, color .2s ease; }
#SzczegolyKoszyka .PrzyciskiKoszyka .przyciskKoszyk:hover { border-color:#ef7d00; color:#ef7d00; }
#SzczegolyKoszyka .PrzyciskiKoszyka .LinkPobraniaKoszykaPDF { margin:0px 0px 0px auto; }
#SzczegolyKoszyka .PrzyciskiKoszyka .LinkPobraniaKoszykaPDF a { color:#777788; }

/* waga i pasek darmowej wysylki */
#SzczegolyKoszyka .InformacjaWaga { margin:10px 0px 10px 0px; color:#777788; }
#SzczegolyKoszyka .DarmowaWysylkaInformacja { margin:0px 0px 22px 0px; padding:16px 20px 16px 64px; border-radius:14px; background:#fff4e8 url('../obrazki/szablon/n_wysylka.svg') no-repeat 20px 18px; background-size:30px 30px; color:#555566; line-height:1.5; }
#SzczegolyKoszyka .DarmowaWysylkaInformacja b { color:#1f1a4d; }
#SzczegolyKoszyka .WysylkaSuwak { height:auto; margin:8px 0px 6px 0px; }
#SzczegolyKoszyka .WysylkaSuwakTlo { height:8px; border-radius:6px; background:#fbd9b4; overflow:hidden; }
#SzczegolyKoszyka .WysylkaSuwakWartosc { height:8px; border-radius:6px; background:#ef7d00; }
#SzczegolyKoszyka .WysylkaIleBrakuje b { color:#ef7d00; }

/* wybor dostawy i platnosci - dwie karty */
#SzczegolyKoszyka .KontenerDostawaPlatnosc { display:grid; gap:18px; margin:0px 0px 18px 0px; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc > .Odstep { display:none; }
@media only screen and (min-width:800px) {
  #SzczegolyKoszyka .KontenerDostawaPlatnosc { grid-template-columns:1fr 1fr; }
}
#SzczegolyKoszyka .DostawaWybor, #SzczegolyKoszyka .PlatnoscWybor { float:none; width:auto; margin:0px; padding:20px 22px; background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.05);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#SzczegolyKoszyka .DostawaWybor h3, #SzczegolyKoszyka .PlatnoscWybor h3, #SzczegolyKoszyka .KontenerKoszykPodsumowanie h3 { margin:0px 0px 12px 0px; color:#1f1a4d; font-size:140%; font-weight:bold; }
#SzczegolyKoszyka .DostawaWybor h3 + .DostawaListaWyboru + h3 { margin-top:18px; }
#SzczegolyKoszyka #kraj_dostawy { padding:9px 36px 9px 12px; border:2px solid #e3e3ea; border-radius:10px; background:#ffffff url('../obrazki/szablon/n_strzalka.svg') no-repeat right 12px center; background-size:12px 12px;
  color:#2f2583; font-weight:bold; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaTbl { display:flex; align-items:center; gap:10px; margin:0px 0px 8px 0px; padding:10px 14px; border:2px solid #ececf2; border-radius:12px; background:#ffffff; transition:border-color .2s ease, background-color .2s ease; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaTbl:hover { border-color:#fbd9b4; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaTbl:has(> .ListaRadio input:checked) { border-color:#ef7d00; background:#fffaf4; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaRadio { display:block; width:auto; padding:0px; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaRadio input { width:18px; height:18px; margin:0px; accent-color:#ef7d00; cursor:pointer; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaOpis { display:flex; align-items:center; gap:8px; flex:1 1 auto; padding:0px; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaOpis label { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:#1f1a4d; font-weight:bold; line-height:1.3; cursor:pointer; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaOpis label img { max-height:26px; width:auto; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaCena { display:block; width:auto; padding:0px; color:#1f1a4d; font-weight:bold; white-space:nowrap; }
/* wybor punktu odbioru osobistego - w nowej linii pod nazwa */
#SzczegolyKoszyka .KontenerDostawaPlatnosc .ListaOpis { flex-wrap:wrap; }
#SzczegolyKoszyka .KontenerDostawaPlatnosc .WyborMapy { flex:1 1 100%; font-weight:normal; }

/* podsumowanie zamowienia */
#SzczegolyKoszyka .KontenerKoszykPodsumowanie { margin:0px 0px 18px 0px; padding:20px 22px; background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.05); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
@media only screen and (min-width:800px) {
  #SzczegolyKoszyka .KontenerKoszykPodsumowanie { float:right; width:calc(50% - 9px); }
}
#SzczegolyKoszyka .KontenerKoszykPodsumowanie .ListaWyboru { padding:0px; }
#SzczegolyKoszyka .ListaTblPodsumowania { display:flex; justify-content:space-between; gap:10px; padding:8px 0px; border-bottom:1px dashed #ececf2; color:#555566; }
#SzczegolyKoszyka .ListaTblPodsumowania > div { display:block; width:auto; padding:0px; }
#SzczegolyKoszyka .ListaTblPodsumowania:last-child { border-bottom:0px; padding-top:12px; color:#1f1a4d; font-size:130%; font-weight:bold; }
#SzczegolyKoszyka .ListaPodsumowaniaCena { color:#1f1a4d; font-weight:bold; }
#SzczegolyKoszyka .ListaPodsumowaniaSumaCena { color:#ef7d00; font-size:130%; font-weight:bold; }

/* kupon + przycisk "Do kasy" */
#SzczegolyKoszyka .KontenerKoszykPozostale { display:flex; flex-wrap:wrap; align-items:stretch; gap:18px; clear:both; border:0px; }
#SzczegolyKoszyka .KontenerKupon { flex:1 1 300px; display:block; padding:18px 22px; background:#ffffff; border:1px solid #ececf2; border-radius:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#SzczegolyKoszyka .KontenerKupon h5 { margin:0px 0px 6px 0px; color:#1f1a4d; font-size:120%; }
#SzczegolyKoszyka .KontenerKupon p { color:#777788; margin:0px 0px 10px 0px; }
#SzczegolyKoszyka #KuponRabatowyForm, #SzczegolyKoszyka #KuponRabatowyForm > div { display:flex; gap:8px; }
#SzczegolyKoszyka #KuponKod { padding:10px 12px; border:2px solid #e3e3ea; border-radius:10px; outline:none; }
#SzczegolyKoszyka #KuponKod:focus { border-color:#ef7d00; }
#SzczegolyKoszyka #KuponRabatowyForm .przycisk { padding:10px 18px; border-radius:10px; background:#2f2583; }
#SzczegolyKoszyka .KontenerKoszykButton { flex:1 1 300px; display:flex; align-items:center; justify-content:center; height:auto; margin:0px; padding:18px 22px; border:0px; text-align:center; }
#SzczegolyKoszyka #przycisk_zamow { display:block; width:100%; }
#SzczegolyKoszyka #przycisk_zamow .przycisk { display:block; width:100%; padding:18px 24px; border-radius:14px; background:linear-gradient(120deg, #ef7d00, #f7a23a); color:#ffffff;
  font-size:170%; font-weight:bold; letter-spacing:.5px; text-align:center; box-shadow:0 8px 20px rgba(239,125,0,.35); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:transform .2s ease, box-shadow .2s ease; }
#SzczegolyKoszyka #przycisk_zamow .przycisk:hover { background:linear-gradient(120deg, #2f2583, #554ba0); transform:translateY(-2px); box-shadow:0 10px 22px rgba(47,37,131,.3); }
#SzczegolyKoszyka .KontenerKoszykButtonKontynuuj { clear:both; margin:14px 0px 0px 0px; text-align:center; }
#SzczegolyKoszyka .KontenerKoszykButtonKontynuuj .przycisk { float:none; display:inline-block; padding:12px 22px; border:2px solid #2f2583; border-radius:12px; background:#ffffff; color:#2f2583; font-weight:bold; }
#SzczegolyKoszyka .KontenerKoszykButtonKontynuuj .przycisk:hover { background:#2f2583; color:#ffffff; }

/* telefon: wiersze produktow jako karty (nazwa + usun / ilosc + wartosc) */
@media only screen and (max-width:799px) {
  #SzczegolyKoszyka .Koszyk, #SzczegolyKoszyka .Koszyk tbody { display:block; width:100%; }
  #SzczegolyKoszyka .Koszyk tr.Naglowek { display:none; }
  #SzczegolyKoszyka .Koszyk tr { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px 12px; padding:14px; border-bottom:1px solid #efeff4; }
  #SzczegolyKoszyka .Koszyk tr td { display:block; padding:0px; border:0px; text-align:left; }
  #SzczegolyKoszyka .Koszyk tr td.UkryjMobile { display:none; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(2) { grid-column:1; grid-row:1; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(3) { grid-column:2; grid-row:1; align-self:start; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(5) { grid-column:1; grid-row:2; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(6) { grid-column:2; grid-row:2; text-align:right; }
  #SzczegolyKoszyka .Koszyk tr td:nth-child(2) h3 a { font-size:110%; }
  #SzczegolyKoszyka .Koszyk .Przelicz { display:inline-block; margin-top:0px; }
  #SzczegolyKoszyka .Koszyk tr:last-child { display:flex; justify-content:space-between; align-items:center; border-bottom:0px; background:#fffaf4; }
  #SzczegolyKoszyka .Koszyk tr:last-child td { background:none; }
  #SzczegolyKoszyka .Koszyk .Cena .Brutto small, #SzczegolyKoszyka .Koszyk .Cena .Netto small { display:inline; }
  #SzczegolyKoszyka .PrzyciskiKoszyka .LinkPobraniaKoszykaPDF { margin:0px; }
  #SzczegolyKoszyka .DarmowaWysylkaInformacja { padding:14px 16px 14px 56px; background-position:16px 16px; background-size:26px 26px; }
  #SzczegolyKoszyka .DostawaWybor, #SzczegolyKoszyka .PlatnoscWybor, #SzczegolyKoszyka .KontenerKoszykPodsumowanie, #SzczegolyKoszyka .KontenerKupon { padding:16px; }
  #SzczegolyKoszyka .KontenerKoszykButton { padding:0px; }
  #SzczegolyKoszyka #przycisk_zamow .przycisk { font-size:150%; }
}

/* pusty koszyk - klasa .KoszykPusty i przyciski dodaje skrypt w strona_glowna.tp */
#SzczegolyKoszyka .KoszykPusty { margin:10px 0px 20px 0px; padding:220px 24px 30px 24px; text-align:center; color:#1f1a4d; font-size:150%; font-weight:bold;
  background:#fffaf4 url('../obrazki/szablon/hero_maskotka.png') no-repeat center 24px; background-size:auto 180px; border:1px solid #f1e6da; border-radius:20px; }
#SzczegolyKoszyka .KoszykPustyOpis { display:block; margin:8px 0px 18px 0px; color:#777788; font-size:70%; font-weight:normal; }
#SzczegolyKoszyka .KoszykPustyLinki { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; font-size:66%; }
#SzczegolyKoszyka .KoszykPustyLinki a { display:inline-block; padding:12px 20px; border-radius:12px; background:#ef7d00; color:#ffffff; font-weight:bold; box-shadow:0 4px 12px rgba(239,125,0,.3); transition:background .2s ease; }
#SzczegolyKoszyka .KoszykPustyLinki a:hover { background:#2f2583; color:#ffffff; }
@media only screen and (max-width:799px) {
  #SzczegolyKoszyka .KoszykPusty { padding:170px 16px 24px 16px; background-size:auto 140px; font-size:130%; }
}
/* ===================================================================
   ZAMOWIENIE - KROK 1 (zamowienie-logowanie.html) - nowy wyglad
   lewa karta: "Zakupy bez rejestracji" (wyroznione, na gorze) + "Zaloz konto"; prawa karta: "Zaloguj sie"
   tylko CSS, zakres .PodzialZamowienie; formularz #logowanie korzysta tez ze stylow logowanie.html powyzej
   =================================================================== */

/* naglowek strony widoczny (regula dla logowanie.html ukrywa h1 na kazdej stronie z #logowanie) */
body:has(#logowanie):has(.PodzialZamowienie) h1.StrNaglowek { position:relative !important; width:auto !important; height:auto !important; overflow:visible !important; clip:auto !important; white-space:normal !important; }

.PodzialZamowienie { display:grid; gap:24px; align-items:start; margin:6px 0px 30px 0px; }
@media only screen and (min-width:800px) {
  .PodzialZamowienie { grid-template-columns:1fr 1fr; }
}
.PodzialZamowienie .RamkaProcentZamowienie { float:none !important; width:auto !important; margin:0px !important; padding:26px 28px !important; background:#ffffff !important;
  border:1px solid #ececf2 !important; border-radius:18px !important; box-shadow:0 6px 20px rgba(20,33,61,.07) !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.PodzialZamowienie h3 { margin:0px 0px 8px 0px; color:#1f1a4d; font-size:170%; font-weight:bold; line-height:1.2; }
.PodzialZamowienie .OpisInfoKonto { margin:0px 0px 16px 0px; color:#666677; font-size:110%; line-height:1.55; }

/* lewa karta: sekcje jedna pod druga, "bez rejestracji" na gorze */
.PodzialZamowienie .RamkaPolaRejestracji { display:flex; flex-direction:column; align-items:stretch; }
.PodzialZamowienie .RamkaPolaBezRejestracji { order:-1; margin:-26px -28px 24px -28px; padding:26px 28px 24px 28px; border-radius:18px 18px 0px 0px;
  background:#fff4e8; border-bottom:1px solid #fbd9b4; }
.PodzialZamowienie .RamkaPolaBezRejestracji h3:before { content:"Najszybciej"; display:table; margin:0px 0px 10px 0px; padding:4px 12px; border-radius:20px; background:#ef7d00; color:#ffffff; font-size:55%; letter-spacing:.4px; text-transform:uppercase; }

/* przyciski */
.PodzialZamowienie a.przycisk, .PodzialZamowienie #submitButton { display:flex !important; align-items:center; justify-content:center; width:100% !important; height:auto !important; min-height:52px; margin:0px !important;
  padding:14px 20px !important; border-radius:14px !important; font-size:125% !important; font-weight:bold; text-align:center; text-transform:none; float:none !important;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:background .2s ease, color .2s ease, transform .2s ease; }
/* kupuje bez rejestracji - glowny, pomaranczowy */
.PodzialZamowienie .RamkaPolaBezRejestracji a.przycisk { background:linear-gradient(120deg, #ef7d00, #f7a23a) !important; color:#ffffff !important; border:0px !important; box-shadow:0 8px 20px rgba(239,125,0,.32); font-size:140% !important; min-height:58px; }
.PodzialZamowienie .RamkaPolaBezRejestracji a.przycisk:hover { background:linear-gradient(120deg, #2f2583, #554ba0) !important; transform:translateY(-2px); }
/* zaloz konto - obrys */
.PodzialZamowienie .RamkaPolaRejestracji > a.przycisk { background:#ffffff !important; color:#2f2583 !important; border:2px solid #2f2583 !important; box-shadow:none; }
.PodzialZamowienie .RamkaPolaRejestracji > a.przycisk:hover { background:#2f2583 !important; color:#ffffff !important; }
/* zaloguj sie - granatowy */
.PodzialZamowienie #submitButton { background:#2f2583 !important; color:#ffffff !important; border:0px !important; cursor:pointer; }
.PodzialZamowienie #submitButton:hover { background:#ef7d00 !important; }

/* formularz logowania */
.PodzialZamowienie #logowanie p { margin:0px 0px 14px 0px; }
.PodzialZamowienie #logowanie p > span { display:block; margin-bottom:6px; color:#555566; }
.PodzialZamowienie #logowanie #email, .PodzialZamowienie #logowanie #haslo { width:100% !important; height:50px; border:2px solid #e3e3ea !important; border-radius:12px !important; font-size:115%; outline:none;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.PodzialZamowienie #logowanie #email:focus, .PodzialZamowienie #logowanie #haslo:focus { border-color:#ef7d00 !important; box-shadow:0 0 0 3px rgba(239,125,0,.15); }
.PodzialZamowienie #logowanie p:nth-of-type(3) span { margin:-4px 0px 4px 0px; font-size:95%; }
.PodzialZamowienie #logowanie p:nth-of-type(3) a, .PodzialZamowienie #logowanie p:nth-of-type(3) b { color:#ef7d00; }
.PodzialZamowienie #logowanie .KonternerFbGoogle { margin-top:18px; }

/* zaloz konto przez Facebook / Google (poza formularzem logowania) */
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle { display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0px 0px 0px; padding:0px !important; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle:before { content:"lub załóż konto przez"; grid-column:1 / -1; display:block; text-align:center; color:#6b7280; font-size:95%;
  background:linear-gradient(#e5e7eb, #e5e7eb) left center / calc(50% - 90px) 1px no-repeat, linear-gradient(#e5e7eb, #e5e7eb) right center / calc(50% - 90px) 1px no-repeat; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a { display:flex !important; align-items:center; justify-content:center; height:46px; margin:0px !important; padding:0px 12px 0px 40px !important; float:none !important;
  border:1px solid #dadce0; border-radius:12px; background-color:#ffffff !important; background-repeat:no-repeat !important; background-size:20px 20px !important;
  font-size:0px !important; text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:box-shadow .2s ease, border-color .2s ease; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a:before { content:none !important; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a:after { font-size:15px; font-weight:bold; color:#14213d; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a:hover { border-color:#c6c9ce; box-shadow:0 2px 8px rgba(20,33,61,.15); }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a.AkcjaFacebook { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.2v3.3H10V24z'/%3E%3C/svg%3E") !important;
  background-position:calc(50% - 50px) center !important; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a.AkcjaFacebook:after { content:"Facebook"; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a.AkcjaGooglePlus { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") !important;
  background-position:calc(50% - 42px) center !important; }
.PodzialZamowienie .RamkaPolaRejestracji > .KonternerFbGoogle > a.AkcjaGooglePlus:after { content:"Google"; }

@media only screen and (max-width:799px) {
  .PodzialZamowienie .RamkaProcentZamowienie { padding:20px 18px !important; }
  .PodzialZamowienie .RamkaPolaBezRejestracji { margin:-20px -18px 20px -18px; padding:20px 18px; }
  .PodzialZamowienie h3 { font-size:150%; }
}

/* ===================================================================
   ZAMOWIENIE - KROK 2 (zamowienie-logowanie.html?zakup - zakup bez rejestracji) - nowy wyglad
   formularz #rejestracja > .PodzialZakupRejestracja: lewa karta .ZakupDane (dane, adres, dokument),
   prawa karta .ZamowieniePozostale (uwagi, zgody, dostawa/platnosc, przycisk "Zamawiam i place")
   tylko CSS; pola, walidacja i wysylanie formularza bez zmian; pola dziedzicza wyglad z rejestracja.html (#rejestracja)
   =================================================================== */
#rejestracja .PodzialZakupRejestracja { display:grid; gap:24px; align-items:start; margin:6px 0px 30px 0px; }
@media only screen and (min-width:1024px) {
  #rejestracja .PodzialZakupRejestracja { grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); }
}
#rejestracja .PodzialZakupRejestracja > .Ramka { float:none !important; width:auto !important; margin:0px !important; padding:26px 28px !important; background:#ffffff !important;
  border:1px solid #ececf2 !important; border-radius:18px !important; box-shadow:0 6px 20px rgba(20,33,61,.07) !important; color:#4b5563; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* naglowki sekcji */
#rejestracja .PodzialZakupRejestracja h3 { margin:22px 0px 14px 0px; padding:0px 0px 10px 0px; border-bottom:2px solid #ef7d00; color:#2f2583; font-size:150%; font-weight:bold; line-height:1.2; }
#rejestracja .PodzialZakupRejestracja > .Ramka > h3:first-child, #rejestracja .PodzialZakupRejestracja .PotwierdzenieAkceptacje > h3:first-child { margin-top:0px; }

/* pola - lewa karta jako siatka 2 kolumn: imie|nazwisko, kod|miejscowosc */
#rejestracja .ZakupDane { display:grid; grid-template-columns:1fr 1fr; column-gap:16px; align-content:start; }
#rejestracja .ZakupDane > * { grid-column:1 / -1; }
#rejestracja .ZakupDane > p:has(#imie), #rejestracja .ZakupDane > p:has(#nazwisko), #rejestracja .ZakupDane > p:has(#kod_pocztowy), #rejestracja .ZakupDane > p:has(#miasto) { grid-column:auto; }
#rejestracja .PodzialZakupRejestracja p { margin:0px 0px 14px 0px; }
#rejestracja .PodzialZakupRejestracja p > span { display:block; margin-bottom:6px; text-align:left; }
/* etykieta i gwiazdka pola wymaganego w jednej linii (bez pustej linii pod etykieta) */
#rejestracja .PodzialZakupRejestracja label.formSpan { display:inline; margin:0px; }
#rejestracja .PodzialZakupRejestracja em.required { display:inline; width:auto; height:auto; margin-left:2px; background:none !important; color:#ef7d00; }
#rejestracja .PodzialZakupRejestracja em.required:empty:after { content:"*"; font-style:normal; font-weight:bold; }
/* drugi naglowek "Zgody" (z rejestracja.html) zbedny - jest juz "Zgody formalne" */
#rejestracja .PodzialZakupRejestracja .ZaznaczWszystkieZgody { display:none !important; }
#rejestracja .PodzialZakupRejestracja input[type=text], #rejestracja .PodzialZakupRejestracja input[type=tel], #rejestracja .PodzialZakupRejestracja select { width:100% !important; }
#rejestracja .PodzialZakupRejestracja textarea { width:100% !important; min-height:110px; padding:12px 14px; border:1.5px solid #dfe3ea; border-radius:10px; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-size:15px; resize:vertical;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#rejestracja .PodzialZakupRejestracja textarea:focus { outline:0; border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }

/* wybory jako kafelki: osoba/firma, faktura/paragon, adres faktury (jak .OsobowoscPrawna z rejestracji) */
#rejestracja .PodzialZakupRejestracja .CheckboxFlex { display:flex; flex-wrap:wrap; gap:10px; padding:6px !important; background:#f4f6fa; border-radius:12px; }
#rejestracja .PodzialZakupRejestracja .CheckboxFlex > label { flex:1 1 110px; min-width:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; margin:0px; padding:11px 12px; background:#ffffff; border:1.5px solid #e5e7eb; border-radius:9px;
  color:#2f2583; font-weight:bold; text-align:center; cursor:pointer; transition:border-color .2s ease, box-shadow .2s ease; }
#rejestracja .PodzialZakupRejestracja .CheckboxFlex > label:has(input:checked) { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.15); background:#fffaf4; }
#rejestracja .PodzialZakupRejestracja .CheckboxFlex > label.error { flex-basis:100%; width:auto !important; background:none; border:0px; box-shadow:none; color:#c62828; }
#rejestracja .PodzialZakupRejestracja #osobaPrawnaKonto, #rejestracja .PodzialZakupRejestracja #InnyAdresFaktura { margin:0px 0px 14px 0px; padding:14px 16px 2px 16px; background:#fff8f0; border:1px dashed #f7c48c; border-radius:12px; }
#rejestracja .PodzialZakupRejestracja .OknoNipParagon p > span { color:#777788; }

/* zgody */
#rejestracja .PodzialZakupRejestracja .PotwierdzenieAkceptacje { margin-top:22px; }

/* podsumowanie: forma dostawy i platnosci */
#rejestracja .InformacjeWysylkaPlatnosc { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0px 18px 0px; }
#rejestracja .InformacjeWysylkaPlatnosc > div { padding:14px 16px; background:#f7f7fa; border-radius:12px; }
#rejestracja .InformacjeWysylkaPlatnosc h3 { margin:0px 0px 6px 0px; padding:0px; border:0px; color:#777788; font-size:100%; font-weight:normal; }
#rejestracja .InformacjeWysylkaPlatnosc b { display:block; margin:0px 0px 8px 0px; color:#1f1a4d; font-size:115%; line-height:1.3; }
#rejestracja .InformacjeWysylkaPlatnosc a.przycisk { display:inline-block; float:none; margin:0px; padding:0px; background:none !important; border:0px; color:#ef7d00 !important; font-size:100%; font-weight:bold; text-decoration:underline; text-underline-offset:2px; box-shadow:none; }
#rejestracja .InformacjeWysylkaPlatnosc a.przycisk:hover { color:#2f2583 !important; }

/* przyciski na dole */
#rejestracja .PodzialZakupPrzyciski { display:flex; flex-direction:column; gap:12px; margin:0px; }
#rejestracja .PodzialZakupPrzyciski > div { margin:0px; float:none !important; width:auto !important; }
#rejestracja .PodzialZakupPrzyciski #submitButtonCheckout { display:block; width:100% !important; min-height:58px; margin:0px; padding:16px 20px; border:0px; border-radius:14px; cursor:pointer;
  background:linear-gradient(120deg, #ef7d00, #f7a23a) !important; color:#ffffff !important; font-size:170%; font-weight:bold; letter-spacing:.3px; box-shadow:0 8px 20px rgba(239,125,0,.35);
  -webkit-appearance:none; appearance:none; transition:transform .2s ease, box-shadow .2s ease; }
#rejestracja .PodzialZakupPrzyciski #submitButtonCheckout:hover { background:linear-gradient(120deg, #2f2583, #554ba0) !important; transform:translateY(-2px); box-shadow:0 10px 22px rgba(47,37,131,.3); }
#rejestracja .PodzialZakupPrzyciski a.przycisk { display:block; float:none; margin:0px; padding:12px 16px; text-align:center; background:#ffffff !important; color:#2f2583 !important; border:2px solid #e3e3ea; border-radius:12px; font-weight:bold; }
#rejestracja .PodzialZakupPrzyciski a.przycisk:hover { border-color:#2f2583; }

@media only screen and (max-width:799px) {
  #rejestracja .PodzialZakupRejestracja > .Ramka { padding:20px 16px !important; }
  #rejestracja .ZakupDane { grid-template-columns:1fr; }
  #rejestracja .ZakupDane > p:has(#imie), #rejestracja .ZakupDane > p:has(#nazwisko), #rejestracja .ZakupDane > p:has(#kod_pocztowy), #rejestracja .ZakupDane > p:has(#miasto) { grid-column:1 / -1; }
  #rejestracja .InformacjeWysylkaPlatnosc { grid-template-columns:1fr; }
  #rejestracja .PodzialZakupPrzyciski #submitButtonCheckout { font-size:150%; }
}

/* ===================================================================
   REJESTRACJA (rejestracja.html i formularze #rejestracja) - poprawki 2026-10-13
   =================================================================== */
/* etykieta i gwiazdka pola wymaganego w jednej linii (gwiazdka byla w osobnej, pustej linii) */
#rejestracja p > span:has(> label.formSpan) { display:block; margin-bottom:6px; text-align:left; }
#rejestracja p > span > label.formSpan { display:inline; margin:0px; }
#rejestracja p > span > em.required { display:inline; width:auto; height:auto; margin-left:2px; background:none !important; color:#ef7d00; }
#rejestracja p > span > em.required:empty:after { content:"*"; font-style:normal; font-weight:bold; }
/* informacja nad formularzem: ikona "i" byla daleko od wysrodkowanego tekstu */
section.StrTresc > p.Informacja:has(+ #rejestracja) { padding:0px; background:none; color:#777788; }

/* ===================================================================
   PRZYPOMNIENIE HASLA (haslo-przypomnienie.html) - karta jak logowanie
   zakres: .TabelaTbl z #przypomnienie, bez #logowanie (na logowanie.html formularz jest w karcie logowania)
   =================================================================== */
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) { display:block; max-width:520px; margin:16px auto 40px auto; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) > .error:empty { display:none; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) > .RamkaProcent { float:none !important; width:auto !important; margin:0px !important; padding:170px 34px 30px 34px !important; text-align:center; color:#666677; font-size:110%; line-height:1.55;
  background:#ffffff url('../obrazki/szablon/hero_maskotka.png') no-repeat center 26px !important; background-size:auto 130px !important; border:1px solid #ececf2 !important; border-radius:22px !important; box-shadow:0 10px 34px rgba(20,33,61,.10) !important;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) > .RamkaProcent > br { display:none; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) > .RamkaProcent > strong { display:block; margin:0px 0px 8px 0px; color:#1f1a4d; font-size:190%; font-weight:bold; line-height:1.2; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #przypomnienie { display:block; margin:20px 0px 0px 0px; text-align:left; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #przypomnienie p { margin:0px 0px 12px 0px !important; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #przypomnienie p > span { display:block; margin-bottom:6px; color:#1f1a4d; font-weight:bold; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #przypomnienie em.required { display:inline; width:auto; height:auto; background:none !important; color:#ef7d00; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #przypomnienie em.required:empty:after { content:"*"; font-style:normal; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #emailprzypomnienie { width:100% !important; height:50px; border:2px solid #e3e3ea; border-radius:12px; font-size:115%; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #emailprzypomnienie:focus { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.15); }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #submitButtonHaslo { display:block; width:100% !important; height:52px; padding:0px !important; border:0px; border-radius:14px; cursor:pointer;
  background:#ef7d00 !important; color:#ffffff !important; font-size:125% !important; font-weight:bold; box-shadow:0 6px 16px rgba(239,125,0,.3); transition:background .2s ease; }
.TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) #submitButtonHaslo:hover { background:#2f2583 !important; }
@media only screen and (max-width:799px) {
  .TabelaTbl:has(#przypomnienie):not(:has(#logowanie)) > .RamkaProcent { padding:140px 18px 22px 18px !important; background-size:auto 105px !important; background-position:center 20px !important; }
}
/* ===================================================================
   ZGLOSZENIE REKLAMACJI (reklamacje-napisz.html, formularz #reklamacja) - nowy wyglad 2026-10-13
   karta z maskotka, czytelne pola, pola zdjec, przyciski; tylko CSS, wysylanie formularza bez zmian
   =================================================================== */
#reklamacja { position:relative; max-width:820px; margin:10px auto 40px auto; padding:28px 30px 26px 30px; background:#ffffff url('../obrazki/szablon/maskotka_reklamacja.png') no-repeat right 26px top 18px;
  background-size:auto 130px; border:1px solid #ececf2; border-radius:20px; box-shadow:0 8px 26px rgba(20,33,61,.08); color:#4b5563; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#reklamacja > .error:empty { display:none; }
#reklamacja .Sekcja { margin:0px 190px 22px 0px !important; padding:16px 18px; min-height:96px; background:#f7f7fa; border-radius:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#reklamacja .Sekcja:before { content:"Zgłaszający"; display:block; margin:0px 0px 8px 0px; color:#2f2583; font-size:120%; font-weight:bold; }
#reklamacja .Sekcja ul { list-style-type:none; margin:0px; padding:0px; }
#reklamacja .Sekcja li { padding:3px 0px; color:#777788; }
#reklamacja .Sekcja li b { color:#1f1a4d; }

/* pola */
#reklamacja p { margin:0px 0px 16px 0px; }
#reklamacja p > span { display:block; margin-bottom:6px; }
#reklamacja label.formSpan { display:inline; margin:0px; color:#14213d; font-weight:bold; }
#reklamacja em.required { display:inline; width:auto; height:auto; margin-left:2px; background:none !important; color:#ef7d00; }
#reklamacja em.required:empty:after { content:"*"; font-style:normal; font-weight:bold; }
#reklamacja input[type=text], #reklamacja select, #reklamacja textarea { width:100% !important; padding:0px 14px; border:1.5px solid #dfe3ea; border-radius:10px; background-color:#ffffff; color:#1f1a4d; font-size:15px; outline:none;
  font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
#reklamacja input[type=text], #reklamacja select { height:48px; }
#reklamacja select { padding-right:40px; background:#ffffff url('../obrazki/szablon/n_strzalka.svg') no-repeat right 14px center; background-size:12px 12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
#reklamacja textarea { min-height:150px; padding:12px 14px; resize:vertical; line-height:1.5; }
#reklamacja input[type=text]:focus, #reklamacja select:focus, #reklamacja textarea:focus { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }

/* zdjecia - trzy pola obok siebie, z przyciskiem wyboru pliku */
#reklamacja p:has(> input[type=file]) { float:left; width:calc((100% - 24px) / 3); min-height:118px; margin:0px 12px 16px 0px; padding:12px; border:1.5px dashed #f7c48c; border-radius:12px; background:#fffaf4;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#reklamacja p:has(> input[type=file]) label.formSpan { display:block; color:#777788; font-size:85%; font-weight:normal; line-height:1.4; }
#reklamacja input[type=file] { width:100%; color:#777788; font-size:13px; }
#reklamacja input[type=file]::file-selector-button { margin:0px 8px 0px 0px; padding:8px 12px; border:2px solid #ef7d00; border-radius:9px; background:#ffffff; color:#ef7d00; font-weight:bold; cursor:pointer; }
#reklamacja input[type=file]::file-selector-button:hover { background:#ef7d00; color:#ffffff; }

/* przyciski */
#reklamacja p:has(> #zdjecie_3) { margin-right:0px; }
#reklamacja p:has(#submitButton) { clear:both; display:flex; flex-wrap:wrap; gap:12px; margin:8px 0px 0px 0px; }
#reklamacja #submitButton { flex:1 1 220px; height:52px; padding:0px 20px; border:0px; border-radius:14px; cursor:pointer; background:#ef7d00 !important; color:#ffffff !important;
  font-size:125%; font-weight:bold; box-shadow:0 6px 16px rgba(239,125,0,.3); transition:background .2s ease; }
#reklamacja #submitButton:hover { background:#2f2583 !important; }
#reklamacja p:has(#submitButton) a.przycisk { flex:0 1 160px; display:flex; align-items:center; justify-content:center; height:52px; margin:0px; padding:0px 20px; float:none;
  background:#ffffff !important; color:#2f2583 !important; border:2px solid #e3e3ea; border-radius:14px; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#reklamacja p:has(#submitButton) a.przycisk:hover { border-color:#2f2583; }

@media only screen and (max-width:799px) {
  #reklamacja { padding:20px 16px; background-size:auto 80px; background-position:right 14px top 14px; }
  #reklamacja .Sekcja { margin-right:96px !important; min-height:0px; }
  #reklamacja p:has(> input[type=file]) { float:none; width:auto; min-height:0px; margin-right:0px; }
}

/* ===================================================================
   MOJE DANE (dane-adresowe.html) - przyciski "Polacz konto z Facebook / Google" 2026-10-13
   (byly male linki ze starym logo Google+)
   =================================================================== */
#daneAdresowe p:has(> a.AkcjaFacebook), #daneAdresowe p:has(> a.AkcjaGooglePlus) { display:inline-block; vertical-align:top; margin:0px 10px 14px 0px !important; }
#daneAdresowe a.AkcjaFacebook, #daneAdresowe a.AkcjaGooglePlus { display:inline-flex !important; align-items:center; gap:10px; height:44px; padding:0px 16px 0px 14px !important; float:none !important;
  border:1px solid #dadce0; border-radius:12px; background:#ffffff !important; font-size:0px !important; text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  transition:border-color .2s ease, box-shadow .2s ease; }
#daneAdresowe a.AkcjaFacebook img, #daneAdresowe a.AkcjaGooglePlus img { display:none !important; }
#daneAdresowe a.AkcjaFacebook:before, #daneAdresowe a.AkcjaGooglePlus:before { content:"" !important; display:block !important; flex:0 0 20px; width:20px; height:20px; margin:0px !important; background-repeat:no-repeat !important; background-position:center !important; background-size:20px 20px !important; }
#daneAdresowe a.AkcjaFacebook:before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.2v3.3H10V24z'/%3E%3C/svg%3E") !important; }
#daneAdresowe a.AkcjaGooglePlus:before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") !important; }
#daneAdresowe a.AkcjaFacebook:after, #daneAdresowe a.AkcjaGooglePlus:after { font-size:14px; font-weight:bold; color:#2f2583; }
#daneAdresowe a.AkcjaFacebook:after { content:"Połącz z Facebook"; }
#daneAdresowe a.AkcjaGooglePlus:after { content:"Połącz z Google"; }
#daneAdresowe a.AkcjaFacebook:hover, #daneAdresowe a.AkcjaGooglePlus:hover { border-color:#c6c9ce; box-shadow:0 2px 8px rgba(20,33,61,.15); }

/* ===================================================================
   STRONY INFORMACYJNE - DOKUMENTY (regulamin, polityka prywatnosci, odstapienie, druki) 2026-10-14
   klasy .Dokument / .DokParagraf / .DokTytul / .DokSpis / .DokPusty dodaje skrypt w strona_glowna.tp
   (tylko gdy tresc z edytora nie ma wlasnego ukladu w <div> - np. zasady wysylki, platnosci, kontakt zostaja bez zmian)
   =================================================================== */
section.StrTresc:has(> [itemprop="mainContentOfPage"]) > br { display:none; }
section.StrTresc:has(> [itemprop="mainContentOfPage"]) > a.przycisk { margin:22px 0px 0px 0px; padding:10px 18px; background:#ffffff !important; color:#2f2583 !important; border:2px solid #dcd9f3; border-radius:12px; font-weight:bold; text-transform:none; }
section.StrTresc:has(> [itemprop="mainContentOfPage"]) > a.przycisk:hover { border-color:#ef7d00; color:#ef7d00 !important; }

.FormatEdytor.Dokument { display:flow-root; max-width:980px; margin:0px auto; padding:34px 44px; background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.05);
  color:#444455; font-size:110%; line-height:1.7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.FormatEdytor.Dokument span, .FormatEdytor.Dokument b, .FormatEdytor.Dokument strong { font-family:inherit !important; line-height:inherit !important; }
.FormatEdytor.Dokument span[style*="color"] { color:inherit !important; }
.FormatEdytor.Dokument > p, .FormatEdytor.Dokument > h2, .FormatEdytor.Dokument > div { margin:0px 0px 10px 0px !important; text-align:left !important; }
.FormatEdytor.Dokument > p[align="center"], .FormatEdytor.Dokument > h2[align="center"] { text-align:center !important; }
.FormatEdytor.Dokument > h2 { font-size:100%; font-weight:normal; }
.FormatEdytor.Dokument > .DokPusty { display:none; }
.FormatEdytor.Dokument a { color:#ef7d00; font-weight:bold; word-break:break-word; }
.FormatEdytor.Dokument a:hover { color:#2f2583; }
.FormatEdytor.Dokument ul, .FormatEdytor.Dokument ol { margin:6px 0px 14px 0px; padding-left:22px; }
.FormatEdytor.Dokument li { margin:0px 0px 6px 0px; }
.FormatEdytor.Dokument li::marker { color:#ef7d00; }

/* naglowek dokumentu (pierwsze wysrodkowane akapity przed §1) */
.FormatEdytor.Dokument > p[align="center"]:first-child, .FormatEdytor.Dokument > p[style*="center"]:first-child { color:#1f1a4d !important; font-size:140%; font-weight:bold; line-height:1.3; margin-bottom:4px !important; }

/* paragraf "§ 1" + tytul */
.FormatEdytor.Dokument > .DokParagraf[class] { display:block; margin:34px 0px 2px 0px !important; padding:24px 0px 0px 0px; border-top:1px solid #efeff4; text-align:left !important;
  color:#ef7d00 !important; font-size:95% !important; font-weight:bold; letter-spacing:1px; scroll-margin-top:90px; }
.FormatEdytor.Dokument > .DokParagraf * { color:inherit !important; font-size:inherit !important; }
.FormatEdytor.Dokument > .DokTytul[class] { margin:0px 0px 14px 0px !important; text-align:left !important; color:#1f1a4d !important; font-size:135% !important; font-weight:bold; line-height:1.3; }
.FormatEdytor.Dokument > .DokTytul * { color:inherit !important; font-size:inherit !important; font-weight:inherit !important; }
.FormatEdytor.Dokument > h2.DokTytul { text-transform:lowercase; }
.FormatEdytor.Dokument > h2.DokTytul::first-letter { text-transform:uppercase; }

/* spis tresci */
.FormatEdytor.Dokument .DokSpis { margin:26px 0px 8px 0px; padding:0px; background:#f7f7fa; border-radius:14px; }
.FormatEdytor.Dokument .DokSpis summary { padding:14px 20px; color:#1f1a4d; font-size:110%; font-weight:bold; cursor:pointer; }
.FormatEdytor.Dokument .DokSpis summary::marker { color:#ef7d00; }
.FormatEdytor.Dokument .DokSpis ol { margin:0px; padding:0px 20px 16px 20px; list-style:none; }
.FormatEdytor.Dokument .DokSpis li { margin:0px; -webkit-column-break-inside:avoid; break-inside:avoid; }
.FormatEdytor.Dokument .DokSpis a { display:flex; gap:6px; padding:5px 0px; color:#444455; font-weight:normal; }
.FormatEdytor.Dokument .DokSpis a:hover { color:#ef7d00; }
.FormatEdytor.Dokument .DokSpis a b { flex:0 0 36px; color:#ef7d00; }
@media only screen and (min-width:800px) { .FormatEdytor.Dokument .DokSpis ol { -webkit-column-count:2; column-count:2; column-gap:30px; } }

/* tabele (polityka prywatnosci, formularz odstapienia) */
.FormatEdytor.Dokument table { display:block; max-width:100%; overflow-x:auto; margin:14px 0px 18px 0px !important; border:0px !important; border-collapse:collapse; }
.FormatEdytor.Dokument td { padding:10px 12px !important; border:1px solid #e3e3ec !important; vertical-align:top; }
.FormatEdytor.Dokument td p { margin:0px 0px 6px 0px !important; padding:0px !important; }
.FormatEdytor.Dokument > table:not(:only-child) tr:first-child td { background:#f7f7fa; color:#1f1a4d; font-weight:bold; }
.FormatEdytor.Dokument > table:not(:only-child) tr:first-child td * { font-weight:bold !important; }
/* formularz odstapienia: jedna komorka = kartka do wydruku */
.FormatEdytor.Dokument > table:only-child { display:table; width:100%; }
.FormatEdytor.Dokument > table:only-child td { padding:6px 4px !important; border:0px !important; background:#ffffff !important; color:#444455; font-weight:normal; }
.FormatEdytor.Dokument > table:only-child td p { margin:0px 0px 12px 0px !important; overflow-wrap:break-word; }

@media only screen and (max-width:799px) {
  .FormatEdytor.Dokument { padding:20px 16px; font-size:105%; border-radius:12px; }
  .FormatEdytor.Dokument > .DokParagraf[class] { margin-top:24px !important; padding-top:18px; }
  .FormatEdytor.Dokument > .DokTytul[class] { font-size:120% !important; }
  .FormatEdytor.Dokument > table:only-child td { padding:0px !important; }
}
/* zakladka opinie o sklepie - wysuwana zakladka */
#opinie { padding:0px; position:fixed; background:#ffffff; }
#opinieIkona { position:absolute; }
#opinieIkona span { display:block; margin:0px 2px 4px 2px; width:70px; background:#ff7200; text-align:center; color:#ffffff; font-size:130%; font-weight:bold; font-family:Arial, Tahoma; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:10px; }
#opinieSklepu { border:1px solid #dbdbdb; display:inline-block; width:250px; padding:10px; }
#opinieSklepu .Podzial { display:table; width:100%; }
#opinieSklepu .Podzial .Wiersz div { display:table-cell; vertical-align:middle; }
#opinieSklepu .Podzial .Wiersz div strong { font-size:160%; }
#opinieSklepu .Podzial .Wiersz div span { display:block; background:#ff7200; color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:5px; text-align:center; }
#opinieSklepu .Podzial .Wiersz div span b { font-size:180%; display:block; margin-top:3px; }
#opinieSklepu .Podzial .Wiersz { display:table-row; }
#opinieSklepu .SredniaOcenaSklepuRamka { background:#f1f1f1; margin:10px 0px 10px 0px; padding:7px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
#opinieSklepu .SredniaOcenaSklepu { font-size:120%; width:auto; margin:0px auto; }
#opinieSklepu .SredniaOcenaSklepu b { font-size:220%; color:#ff7200; display:inline-block; padding-left:10px; }
#opinieSklepu .Oceny { list-style-type:none; padding:0px; margin:0px 8px 10px 8px; }
#opinieSklepu .Oceny li { padding:5px 0px 5px 0px; }
#opinieSklepu .Oceny li.Ocena_1 { background:url('../obrazki/recenzje/ocena_1.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_2 { background:url('../obrazki/recenzje/ocena_2.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_3 { background:url('../obrazki/recenzje/ocena_3.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_4 { background:url('../obrazki/recenzje/ocena_4.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_5 { background:url('../obrazki/recenzje/ocena_5.png') no-repeat right center; }
#opinieSklepu .IluPoleca { background:#ff7200; color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:5px; text-align:center; }
#opinieSklepu .IluPoleca b { display:block; font-size:190%; }
#opinieSklepu .WszystkieOpinie a { display:block; text-align:center; color:#ff7200; font-size:120%; margin:10px 0px 5px 0px; }
#opinieSklepu .WszystkieOpinie a:hover { color:#444444; }

/* listing opinii o sklepie */
.Listing .Opinie { display:table; width:100%; margin:8px 0px 8px 0px; }
.Listing .Opinie:last-child { border-bottom:0px; }
.Listing .OcenaSklepu { padding:10px; }
.Listing .OcenaSklepu .SredniaOcena { font-size:110%; text-transform:uppercase; }
.Listing .OcenaSklepu .SredniaOcena b { display:inline-block; font-size:180%; margin-left:8px; }
.Listing .OcenaSklepu .Oceny { list-style-type:none; padding:0px; margin:10px 0px 10px 0px; }
.Listing .OcenaSklepu .Oceny li:first-child { margin-top:5px; }
.Listing .OcenaSklepu .Oceny li.Ocena_1 { background-image:url('../obrazki/recenzje/ocena_1.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_2 { background-image:url('../obrazki/recenzje/ocena_2.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_3 { background-image:url('../obrazki/recenzje/ocena_3.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_4 { background-image:url('../obrazki/recenzje/ocena_4.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_5 { background-image:url('../obrazki/recenzje/ocena_5.png'); }
@media only screen and (min-width:800px) and (max-width:1023px) {
  .Listing .OcenaSklepu .Oceny li { background-position:left bottom; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:10px 0px 20px 0px; }
  .Listing .OcenaSklepu .Oceny li:first-child { padding:0px 0px 20px 0px; }
}
@media only screen and (min-width:1024px) {
  .Listing .OcenaSklepu .Oceny li { background-position:right center; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:5px 0px 5px 0px; }
}
@media only screen and (max-width:799px) {
  .Listing .OcenaSklepu .Oceny li { background-position:right center; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:5px 0px 5px 0px; }
  .Listing .OcenaInfo { padding:0px 10px 20px 10px; }
}
@media only screen and (min-width:800px) { 
  .Listing .OcenaSklepu { display:table-cell; vertical-align:top; width:35%; }
  .Listing .OcenaInfo { display:table-cell; vertical-align:top; width:65%; padding:10px 10px 10px 30px; }
}
.Listing .OcenaInfo .AutorData { list-style-type:none; padding:0px; margin:5px 0px 0px 0px; }
.Listing .OcenaInfo .AutorData li { display:inline-block; margin:0px 20px 10px 0px; }
.Listing .OcenaInfo .AutorData li:first-child { padding-right:20px; }
.Listing .OcenaInfo .KomentarzOpinii { margin:10px 0px 10px 0px; line-height:1.5; }
.Listing .OcenaInfo .KlientPoleca { margin-top:15px; font-weight:bold; }

.Listing .OcenaInfo .ProduktyZakupil { opacity:0.7; filter:alpha(opacity=70); }
.Listing .OcenaInfo .ProduktyZakupil strong { margin:15px 0px 8px 0px; display:block; font-weight:bold; }
.Listing .OcenaInfo .ProduktyZakupil ul { list-style-type:square; padding:0px; margin:0px; list-style-position: inside; }   
.Listing .OcenaInfo .ProduktyZakupil ul li { margin:2px 0px 3px 0px; }

.OpinieRecenzjaProduktu { margin:10px 0px 10px 0px; }
.OpinieRecenzjaProduktu b { display:block; margin-bottom:8px; }
.OpinieRecenzjaProduktuOcena { display:table; }
.OpinieRecenzjaProduktuOcena div { display:table-cell; vertical-align:top; padding-right:20px; }
@media only screen and (max-width:1023px) {
  .OpinieRecenzjaProduktuOcena div textarea { max-width:250px; }
}
@media only screen and (max-width:799px) {
  .OpinieRecenzjaProduktuOcena div { display:block; padding:0px 0px 10px 0px; }
}

/* napisanie opinii o sklepie */
.StrTresc .Opinia .OpisTekst { line-height:1.5; }
.StrTresc .Opinia p { margin-bottom:10px; display:block; }
.StrTresc .Opinia h5 { font-size:140%; margin-bottom:15px; }
.StrTresc .Opinia .Przyciski a { margin:10px 10px 0px 0px; }
.StrTresc .Opinia .OcenaSklepuWybor { list-style-type:none; padding:0px; margin:0px 0px 20px 0px; }
.StrTresc .Opinia .OcenaSklepuWybor li {
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
@media only screen and (max-width:479px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { padding:0px 0px 20px 0px; }
}
@media only screen and (min-width:480px) and (max-width:1023px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { width:50%; float:left; padding:0px 25px 30px 0px; }
}
@media only screen and (min-width:1024px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { width:25%; float:left; padding-right:25px; }
}
.StrTresc .Opinia .OcenaSklepuWybor li span { font-size:110%; display:block; margin-bottom:10px; padding-bottom:10px; }

/* informacje o cookie - modul staly - przyklejony - z wyborem integracji */
#InfoCookieIntegracje { position:fixed; left:0px; bottom:0px; right:0px; padding:10px 0px 10px 0px; background:#000000; color:#dbdbdb; border-top:1px solid #ffffff; z-index:10003; opacity:0.9; filter:alpha(opacity=90); }

#InfoCookieIntegracje .CookieTekstIntegracje { text-align:left; line-height:1.5; }

@media only screen and (max-width:1023px) {
  #InfoCookieIntegracje .Strona { width:95%; }
  #InfoCookieIntegracje .CookieTekstIntegracje { padding-bottom:15px; clear:both; }  
  #InfoCookieIntegracje .CookiePrzyciskUstawien { float:left; width:45%; }
  #InfoCookieIntegracje .CookiePrzyciskAkceptacja { float:right; width:45%; text-align:right; }  
}
@media only screen and (min-width:1024px) {
  #InfoCookieIntegracje .CookieTekstIntegracje { float:left; width:60%; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski { float:right; width:35%; text-align:right; }
  #InfoCookieIntegracje .CookiePrzyciskUstawien, #InfoCookieIntegracje .CookiePrzyciskAkceptacja { display:inline-block; vertical-align:top; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski span { margin:5px 0px 5px 15px; }
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski span { text-align:center; padding:8px 15px 8px 15px; cursor:pointer; display:inline-block; vertical-align:top; text-transform:uppercase; 
    transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
}

#InfoUstawieniaIntegracje { color:#dbdbdb; border:2px solid #4d4d4d; margin:0px; }
#InfoUstawieniaIntegracje:hover { color:#dbdbdb; border:2px solid #dbdbdb; }
  
#InfoAkceptIntegracje { color:#000000; border:2px solid #cacaca; background:#cacaca; font-weight:bold; }
#InfoAkceptIntegracje:hover { color:#000000; border:2px solid #dbdbdb; background:#dbdbdb; } 
  
/* okno ustawien cookie */
  
#CookieOknoUstawien { position:fixed; left:0px; bottom:0px; right:0px; top:0px; background-color:rgba(0, 0, 0, 0.8); z-index:10003; display:none; }
#CookieOknoUstawien #CookieOknoZamknij { cursor:pointer; position:absolute; right:-15px; top:-15px; }
#CookieOknoUstawien #CookieOknoZamknij span { width:30px; height:30px; background:url('../obrazki/nawigacja/zamknij_banner_popup.png'); display:inline-block; }

@media only screen and (max-width:799px) { 
  #CookieOknoUstawien .CookieOkno { width:80%; }
}
@media only screen and (min-width:800px) {
  #CookieOknoUstawien .CookieOkno { width:560px; }
}

#CookieOknoUstawien .CookieOkno { position:fixed; left:50%; top:50%; background:#ffffff; z-index:1003; border:4px solid #242424; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px; 
  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

#CookieOknoUstawien .CookieOknoKont { padding:30px 20px 30px 30px; text-align:left; }

#CookieOknoUstawien .CookieOknoKont .CookieZgody { max-height:300px; padding-right:10px; overflow-y:scroll; }

#CookieOknoUstawien .NaglowekCookieOkno { font-size:130%; font-weight:bold; margin-bottom:10px; }
#CookieOknoUstawien .GotoweCookieOkno { padding-top:15px; text-align:center; }
#CookieOknoUstawien .GotoweCookieOkno span { display:inline-block; }

#CookieOknoUstawien .CookieOknoUstawienia { padding:10px 0px 10px 0px; }
#CookieOknoUstawien .CookieOknoUstawieniaInput { font-size:120%; }
#CookieOknoUstawien .CookieOknoUstawieniaInput input { padding:0px; float:left; margin:5px 10px 0px 0px; }
#CookieOknoUstawien .CookieOknoUstawieniaInput label { float:left; }

#CookieOknoUstawien .CookieOknoUstawieniaOpis { padding-top:10px; clear:both; }


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:20000; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; padding-top:28px;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../../programy/colorBox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../../programy/colorBox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../../programy/colorBox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../../programy/colorBox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../../programy/colorBox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../../../programy/colorBox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../../programy/colorBox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0; background:url(../../../programy/colorBox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../../../programy/colorBox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}