body            {background-image : url("../img/misie5-na-trawie.gif") ; font-family : 'Arima Madurai', cursive !important; }
body            {background-attachment: fixed; background-repeat: no-repeat; background-size: cover !important; background-position-y: 100%;}

:root {
  --szer-kol3: 40%; /* Tutaj ustawiasz dynamicznie wartość x */
  --szer-kol4: 35%; 
  --wys-klawiatury: 180px; 
}

 .div_standard,
 .tow_poz,
 .div_zamowienia,
 .div_dostawy,
 .Home,
 .div_news,
 .div_dane             {background: #fff;}

 .div_dane             {margin: 5em 10em auto; padding: 2em 2em 2em 2em;}
 .div_standard         {margin: 5em 10em 2em auto; padding: 2em 2em 2em 2em;}
 .div_strona           {margin: 0em 5em 2em 5em; padding: 3em 0em 3em 0em; background-color: rgba(255,255,255,0.7);}
 .div_strona           {display: flex; justify-content: flex-start; flex-direction: column; position: relative;}
 .div_zamowienia,
 .div_dostawy          {margin: 5em 2em; padding: 2em 2em 2em 2em; text-align: center; }
 .div_h2               {margin: 1.7em 0em;}
 .div_next             {position: fixed; bottom: 50px; right: 50px; z-index: 9999;}
 .div_back             {position: fixed; bottom: 50px;  left: 50px;  z-index: 9999;}
 .div_kontakt          {width: 100%; height: auto; min-height: 100%; z-index: 999; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.48);}
 #formWrap body        {background: #E9E9E9;}
 #formWrap             {width: fit-content; background: #FFF; border: 1px solid #F1F1F1;	-moz-border-radius: 3px; -moz-box-shadow: 2px 2px 5px #999;}
 #formWrap             {-webkit-border-radius: 3px;	-webkit-box-shadow: 2px 2px 5px #999; border-radius: 3px;	box-shadow: 2px 2px 5px #999;	padding: 16px 10px 40px;}
 #formWrap             {display: flex; flex-wrap: wrap-reverse; margin: 8em auto;z-index: 1000;}
 .znacznik             {z-index: 2000; top: 175px; left: 259px; position: relative; height: 0px; display: block;}
 .znacznik_img         {width: 4em;}



 .c_podstawy           {color: #007bff !important;}
 .dropdown-item        {font-size: 1em;    line-height: 1em;}  /*0.8em i 0.95em   potem było ze scrolem 1 i 1.3*/
 .bg-forfun            {background: #5bc52f;}
 .dropdown-menu        {border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);}
 .dropdown-menu        {box-shadow: 0 6px 12px rgba(0,0,0,0.175);    background-clip: padding-box;}
/* .dropdown-menu        {max-height: 500px;   overflow-y: auto; }*/
 .btn-circle-preset    {width: 1.5em; height: 1.5em; text-align: center; line-height: 1.428571429; border-radius: 1em !important; padding: 0 0 !important;}
 #zawartosc_glowna     {padding: 1em 1em 2em 2em;}
 #zawartosc_glowna     {flex-direction: column; }
 #zawartosc_glowna_bez {padding: 2em 1em 2em 2em;}
 .cien                 {box-shadow: 0 6px 12px rgba(0,0,0,0.175);border-radius: 0.25rem;border: 1px solid rgba(0, 0, 0, 0.15);background-clip: padding-box;         }
 .cien2                {box-shadow: 2px 2px 14px 0px #ccc;       border-radius: 3px;    border: 1px solid rgba(136, 136, 136, 0.75); }

 .tow_poz            {display: flex; justify-content: flex-start; }
 .tow_poz            {box-shadow: 2px 2px 14px 0px #ccc;    border-radius: 3px; border: 1px solid rgba(136, 136, 136, 0.75); }
 .tow_poz            {margin: 1em 1em 1em 1em; width: 100%;}
 .tow_zdjecie        {display: flex; justify-content: flex-start; margin-right: 1em; max-width: 40%;}
 .tow_txt            {display: flex; justify-content: space-around; flex-direction: column;}
 .tow_txt            {width: 99%;}
 .tow_nazwa          {max-height: 2em; margin-left: 2em; font-size: 2em;}
 .tow_inne           {display: flex; justify-content: space-around;}
 #tow_opis           {display: flex; flex-direction: column; justify-content: space-between; }
 #tow_opis           {max-width: 25em; }
 #tow_dane           {display: flex; flex-direction: column; justify-content: space-around; }
 #tow_dane           {min-width: 14em; }
 #tow_inputy         {display: flex; flex-direction: column; justify-content: space-between; }
 #tow_inputy         {min-width: 14em;}
 .zdjecie_img        {height: 16em;}
 .tow_linia          {display: flex; justify-content: flex-start; font-size: 0.9em;}
 .tow_pytanie        {width: 60%; text-align : right; }
 .tow_error          {color: red !important;}
 .tow_nazwa          {font-size:  1.3em; font-weight : bold; line-height: 3em;}
 .tow_ilosc          {width: 4.5em; }
 .tow_ilosc_min      {width: 3em !important; font-size:  1em !important;}
 .tow_ilosc_midi     {width: 5em !important; font-size:  1em !important;}
 .tow_dla_input      {margin: 1.3em 0em 0em 0em; }
 .ulubione           {width: 1.5em;  margin: -0.5em 0 0 0.3em;}
 .podobne            {width: 1em;  margin: -0.5em 0 0 0.3em;}

 .div_strona3         {display: flex; justify-content: flex-start; flex-direction: column; position: relative;}
 .div_strona_content  {display: flex; justify-content: center; flex-wrap: wrap;}
 .div_strona_footer   {display: flex; justify-content: center; align-content: center; position: absolute;  bottom: 0;  width: 100%;  padding-bottom: 3px; height: 40px;}
 .div_strona3         {margin: 0em 2em 2em 2em; padding: 3em 0em 3em 0em; background-color: rgba(255,255,255,0.7);} 
 .tow_poz3            {display: flex; justify-content: flex-start;     flex-direction: column; /* Ustaw elementy w pionie */ }
 .tow_poz3            {box-shadow: 2px 2px 14px 0px #ccc;    border-radius: 3px; border: 1px solid rgba(136, 136, 136, 0.75); }
 .tow_poz3            {margin: 1em 0.7em 1em 0.7em; padding: 0em;}
 .tow_poz3            {width: 220px; height: 280px;} 
 .tow_zdjecie3        {display: flex; justify-content: flex-start; margin-right: 1em;}
 .tow_txt3            {display: flex;     justify-content: center; /* Wyśrodkowanie poziome */  align-items: center; /* Wyśrodkowanie pionowe */}
 .tow_txt3            {flex-direction: column; /* Ustaw elementy w pionie */}
 .tow_txt3            {padding: 3px;    text-align: center; /* Wyśrodkowanie tekstu */  white-space: normal; /* Pozwala na zawijanie tekstu */}
 .tow_txt3            {word-wrap: break-word; /* Zawija tekst na kolejne linie */  overflow-wrap: break-word; /* Alternatywa dla word-wrap */}
 .tow_txt3            {width: 100% !important;}
 .tow_nazwa3          {width: 100%; font-size: 1.1em; height: 2.5em;  line-height: 1.1em;}
 .ulubione3           {width: 1.5em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
 .podobne3            {width: 1em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
 .tow_inne3           {display: flex; justify-content: space-around; flex-wrap: wrap;}
 .tow_inne3           {width: 100%;}
 .tow_zdjecie3        {width: 100%;  height: 50%;  overflow: hidden; /* ukrywa część obrazu, która wychodzi poza kontener */}
 .zdjecie_img3        {width: 100%;  height: 100%;  object-fit: contain; /* proporcjonalnie zmniejsza obraz */ }
 .tow_index3          {width: calc(100% - var(--szer-kol3)); font-size:0.7em; display: flex; justify-content: flex-start; flex-direction: column;}
 .tow_szt3            {width: var(--szer-kol3); font-size:0.7em; display: flex; justify-content: flex-start; flex-direction: column;}
 .tow_cena3           {width:  calc(100% - var(--szer-kol3)); font-size:0.7em; display: flex; justify-content: flex-start;}
 .tow_cena3           {flex-direction: column; /* Ustaw elementy w pionie */ }
 .tow_cena_naz3       {text-align: left;}  
 .tow_cena_cen3       {text-align: right; font-size: 1.8em;  padding-right: 20px;}  
 .tow_div_ilosc3 button, input {display: flex; align-items: center; /* Wyśrodkowanie w pionie */  justify-content: center; /* Wyśrodkowanie w poziomie, jeśli chcesz */}
 .tow_ilosc_add3      {width: 2em !important; font-size:  1em !important; text-align: center; padding: 0px;}
 .btn-3               {width: 1.5rem;  border: 0px;  box-shadow: 2px 2px 14px 0px #ccc;  border-radius: 0.25rem;  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
 .btn-3:focus         {outline: none;  box-shadow: none;}
 .tow_button3         {width: var(--szer-kol3); }
 .tow_index3, .tow_cena3, .tow_szt3 {padding: 0px 0px 0px 8px;}
 .tow_index3          {flex-wrap: wrap;}
 .tow_poz3            {background:  #fff;}
 .tow_d3              {display: flex; justify-content: flex-start; text-align: left;} 
 .tow_szt3            {flex-direction: column;}
 .dodaj-button        {width: 35px;}

 .div_strona4         {display: flex; justify-content: flex-start; flex-direction: column; position: relative;}
 .div_strona4         {margin: 0em 0em 2em 0em; padding: 3em 0em 3em 0em; background-color: rgba(255,255,255,0.7);} 
 .tow_poz4            {display: flex; justify-content: flex-start;     flex-direction: column; /* Ustaw elementy w pionie */ }
 .tow_poz4            {box-shadow: 2px 2px 14px 0px #ccc;    border-radius: 3px; border: 1px solid rgba(136, 136, 136, 0.75); }
 .tow_poz4            {margin: 1em 1em 1em 1em; padding: 0em;}
 .tow_poz4            {width: 350px; height: 400px;} 
 .tow_zdjecie4        {display: flex; justify-content: flex-start; margin-right: 1em;}
 .tow_txt4            {display: flex;     justify-content: center; /* Wyśrodkowanie poziome */  align-items: center; /* Wyśrodkowanie pionowe */}
 .tow_txt4            {flex-direction: column; /* Ustaw elementy w pionie */}
 .tow_txt4            {padding: 3px;    text-align: center; /* Wyśrodkowanie tekstu */  white-space: normal; /* Pozwala na zawijanie tekstu */}
 .tow_txt4            {word-wrap: break-word; /* Zawija tekst na kolejne linie */  overflow-wrap: break-word; /* Alternatywa dla word-wrap */}
 .tow_txt4            {width: 100% !important;}
 .tow_nazwa4          {width: 100%; font-size: 1.4em; height: 2em;}
 .ulubione4           {width: 1.5em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
 .podobne4            {width: 1em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
 .tow_inne4           {display: flex; justify-content: space-around; flex-wrap: wrap;}
 .tow_inne4           {width: 100%;}
 .tow_zdjecie4        {width: 100%;  height: 55%;  overflow: hidden; /* ukrywa część obrazu, która wychodzi poza kontener */}
 .zdjecie_img4        {width: 100%;  height: 100%;  object-fit: fill; /* proporcjonalnie wypełnia kontener */ }
 .tow_index4          {width: calc(100% - var(--szer-kol4)); font-size: 0.9em; display: flex; justify-content: flex-start; flex-direction: column;}
 .tow_szt4            {width: var(--szer-kol4); font-size: 0.9em; display: flex; justify-content: center;     flex-direction: column;}
 .tow_cena4           {width: calc(100% - var(--szer-kol4)); font-size: 0.9em; display: flex; justify-content: flex-start;}
 .tow_cena4           {flex-direction: column; /* Ustaw elementy w pionie */ }
 .tow_cena_naz4       {text-align: left;}  
 .tow_cena_cen4       {text-align: right; font-size: 3em; padding-right: 20px;}  
 .tow_ilosc_add4      {width: 2em !important; font-size:  1em !important; text-align: center; padding: 0px;}
 .tow_div_ilosc4      {padding-top: 10px; }
 .tow_button4         {width: var(--szer-kol4);  display: flex; justify-content: center;   /* Wyśrodkowanie poziome */  align-items: center;       /* Wyśrodkowanie pionowe */}
 .tow_index4, .tow_cena4, .tow_szt4 {padding: 0px 0px 0px 8px;}
 .tow_poz4            {background:  #fff; }

 
/*
 .tow_zdjecie3        {background:  rgba(243, 175, 97, 0.75);}
 .tow_txt3            {background:  rgba(111, 243, 144, 0.75);}
 .tow_index3          {background:  rgba(111, 120, 243, 0.75);}
 .tow_szt3            {background:  rgba(44, 56, 231, 0.75);}
 .tow_button3         {background:  rgba(243, 97, 194, 0.75);}
 .tow_cena3           {background:  rgba(160, 90, 240, 0.75);}
*/
 

 .cena_klient        {display: block;}
 .cena_forfun        {display: none;}

#zawartosc_glowna     {display: flex;    justify-content: center;}
#zawartosc_glowna_bez {display: flex;    justify-content: center;}
.Home                 {max-width: 800px; min-height: 500px; box-shadow: 2px 2px 14px 0px #ccc;    border-radius: 3px; border: 1px solid rgba(136, 136, 136, 0.75); }
.Home                 {display: flex;  justify-content: flex-start; flex-direction: column; padding: 3em 3em 3em 3em;}
.Home-Start           {margin: 0.5em 2em 0.5em 2em;}
.Home-Zawartosc       {display: flex;  justify-content: space-around;}
.Home-Rejestracja     {display: flex;  flex-direction: column; width: 253px;}
.Home-Logowanie       {display: flex;  flex-direction: column; width: 253px;}
.Home-grid-header     {color: #e01f60; font-size: 16px; font-weight: bold; padding-bottom: 2px;	margin-bottom: 5px; border-bottom: 1px solid #ccc; width: 251px;}
.Home-grid-text       {margin: 10px 0;}
form .btn.btn-primary {display: block; margin-left: 156px;}
#Home-login-input     {width: 236px;}
#Home-password-input  {width: 236px;}
.Home-grid            {margin: 2em; }
.Home-navigation      {padding-bottom: 2px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.modal form           {margin: 0;}
.change_pytanie       {text-align: right;}
.change input         {margin-left : 22px; }
.change               {margin : 5px auto; }
.start_txt            {width: 99%;}

#cart-okno            {position: fixed; top: 0px; left: 300px; padding: 0 0 0 0;}
.card-header          {display: flex;  justify-content: flex-start;}
.card-my-body         {display: flex;  justify-content: flex-start;}
.card-kwota           {width: 60%; padding: 0em 0.4em 0em 0.4em;  font-size: 0.8em;}
.card-img-kosz        {width: 39%; padding: 0em 0.4em 0em 0.4em;}
.card-body-head       {padding: 0.2em 0.2em 0.2em 0.2em !important; }
.card-my-body         {padding: 0.9em 0 0.9em 0 !important;}
.card-left            {width: 39%; padding: 0em 0.4em 0em 0.4em;}
.card-right           {            padding: 0em 0.4em 0em 0.7em;}
.card-img-koszyk      {width: 3em;}
.card-img-towar       {width: 5em;}
.card-my-footer       {color: red; background: rgba(0, 0, 0, 0.05); font-size: 0.8em;}
.pos_r                {text-align: right;}
.pos_c                {text-align: center;}
.pos_l                {text-align: left;}
.font-large           {font-size: large;}

.nav-img              {width: 1.5em;}
.nav-menu-img         {width: 2em;}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}

#stronnica            {position: fixed; top: 60px; right: 50px; padding: 0 0 0 0; border-radius: 0.3em;}
#stronnica            {display: flex; flex-direction: row; background: #e0c336;}
#stron-gora           {display: flex; flex-direction: row; justify-content: flex-start; position: fixed;}
#stron-dol            {display: flex; flex-direction: row; justify-content: flex-start; }
.stron-txt            {width : 43px; color : white; font-size : 0.9em; text-align : center; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
.stron-txtt           {width : 45px;}
.stron-txt2           {font-weight: bold; color: #080808; text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);}
.stron-wybor          {background: #fff; padding: 0.3em 0.3em 0 0.3em; height: 2.2em; border-radius: 0.2em; }
.stron-sort           {font-size : 0.7em; text-align : center; padding: 0.2em 0.5em 0em 0.5em;}
.stron-wybor-img      {width: 18px; }
.div-wybor            {position: fixed; top: 100px; right: 200px;   padding: 0 0 0 0; border-radius: 0.3em; background: #fff;}
.div-wybor            {overflow-y: scroll;  height: 40%;}
.scroll-waski         {scrollbar-width: thin; }
.div-skrot-grupy      {position: fixed; bottom: 80px; right: 250px; padding: 0 0 0 0; border-radius: 0.3em; background: #fff; z-index: 3000;}
.div-skrot-pgrupy     {position: fixed; bottom: 80px; right: 150px; padding: 0 0 0 0; border-radius: 0.3em; background: #fff; z-index: 3001;}
.div-skrot-ppgrupy    {position: fixed; bottom: 80px; right: 10px;  padding: 0 0 0 0; border-radius: 0.3em; background: #fff; z-index: 3002;}
.list-group-item2     {padding: 0rem 1.25rem;}

#stronnica2           {position: fixed; bottom: 20px; right: 50px; padding: 0 0 0 0; border-radius: 0.3em;}
#stronnica2           {display: flex; flex-direction: row; background: #e0c336;}
#stronnica2           {display: none;}
.stron-txt3 a         {font-weight: bold; color: #807f7f; font-size: 1.3em; }
.stron-skroty-img     {height: 1.4em; padding: 0 0 0 0; }
.stron-txt3           {display: flex; flex-direction: row; }
.stron-skroty         {display: flex; flex-direction: column; align-items: center; white-space: nowrap;}
.stron-skroty2        {position: relative;  top: 0;}
.stron-skroty3        {position: absolute;  top: 2.5em;}
.stron-skroty3 img    {width: 3em; }
.displ_gr             {flex-direction: row; min-width: 20em; justify-content: center;}
.displ_pgr            {flex-direction: row; min-width: 20em; justify-content: center;}
.displ_ppgr           {flex-direction: row; min-width: 20em; justify-content: center;}

#test_dane            {position: fixed; top: 60px; left: 50px; width: 120px; padding: 0 0 0 0; font-size: 0.7em; background:black;color:white; display:none;}
#test_dane2           {position: fixed; top: 160px; left: 50px; width: 120px; padding: 0 0 0 0; font-size: 0.7em; background:black;color:white; display:none;}


/* Cart */

.steps-top {margin : auto; width : 100%; display : block; }
.steps-top-one .one {color : #49AFCD; font-weight : bold; }
.steps-top-two .one,
.steps-top-two .two {color : #49AFCD; font-weight : bold; }

.steps-top-three .one,
.steps-top-three .two,
.steps-top-three .three {color : #49AFCD; font-weight : bold; }

.steps-top-four .one,
.steps-top-four .two,
.steps-top-four .three,
.steps-top-four .four {color : #49AFCD; font-weight : bold; }

.steps-top span {margin-right : 5px; width : 23%; display : inline-block; text-align : center; }
.steps          {height: 20px;border-radius: 20px;background: linear-gradient(#E9E9E9, #D8D8D8);border: 1px solid #C5C5C5;box-shadow: 2px 2px 4px rgba(175, 175, 175, 0.48);}
.steps          {margin: auto;	width: 100%;margin-bottom: 5px;}
.steps .one,
.steps .two,
.steps .three,
.steps .four    {	height: 100%;	border-radius: 20px 0 0 20px;	display: inline-block;	background: #49AFCD;	/* background: #578800; */}

.steps .one     {	width: 24%;}
.steps .two     {	width: 48%;}
.steps .three   {	width: 72%;}
.steps .four    {	width: 100%;	border-radius: 20px;}

.steps .one span,
.steps .two span,
.steps .three span {display: none;}

.steps .four span  {display: inline-block;position: absolute;margin: auto;float: center;text-align: center;width: 800px;color: #FFF;}

.triangle-one,
.triangle-two,
.triangle-three,
.triangle-four {margin-top : -25px; margin-left : -5px; width : 0; height : 0; display : inline-block; border-top : 9px solid transparent; border-bottom : 11px solid rgba(0, 0, 0, 0); border-left : 6px solid #49AFCD; }

.triangle-one{margin-left : -4px; }
.triangle-two{margin-left : -4px; }
.triangle-three{margin-left : -4px; }
.triangle-four{display : none; }

.cart {padding: 2em 2em 2em 2em;border-radius: 0.2em; margin: auto; width: unset;}
.cart-product-image {width: 110px;height: 78px;display: inline-block;background-size: 108px 76px;background-repeat: no-repeat;padding: 1px;}
.cart-product-image {vertical-align: top;margin-top: 5px;margin-left: 5px;width: 90px;background-size: 90px 76px;}
.cart-content-content {	margin-top: 20px;width: 841px;border-bottom: 2px solid #B5B5B5;padding-bottom: 26px;margin-bottom: 38px;width: 737px;}
.cart-product-content {	display: inline-block;width: 629px;}
.cart-product-content-top-header a {color: #000;font-size: 18px !important;}
.cart-product-content-top-header a:hover {color: #000;}
.cart-product-content-top-header {font: 23px "Lucida Grande",Helvetica,Arial,Verdana,sans-serif !important;	margin-top: 5px;}
.cart-product-content-top {border-bottom: 1px solid #C9C9C9 !important;height: 34px;margin-bottom: 5px;}
.cart-product-content-top-piceforone {display: inline-block;margin-right: 20px;}
.cart-product-content-top-piceforall {display: inline-block;font-weight: bold;font-size: 18px;}
.cart-product-top-right {display: inline;	float: right;width: 245px;}
.cart-product-content-top-number input {width: 25px;margin-right: 20px;}
.cart-product-content-middle-delete {display: inline-block;float: right;margin-top: -4px;	margin-right: -4px;}
.cart-product-content-middle-number {display: inline-block;float: right;}
.cart-product-content-middle-delete button {color: #ea001c;}
.cart-product-content-middle-delete button:hover {color: #b70016;}
.cart-product-content-top-header,
.cart-product-content-top-number,
.cart-product-content-middle-readytogo,
.cart-content-footer-top-price-description,
.cart-content-footer-top-shipping-description,
.cart-content-footer-top-tax-description,
.cart-content-footer-bottom-description {display: inline-block;}
.cart-content-footer-top-price-price,
.cart-content-footer-top-shipping-price,
.cart-content-footer-top-tax-price,
.cart-content-footer-bottom-price {display: inline-block;width: 7em;margin-left: 1em;text-align: left;}
.cart-content-footer {margin-bottom: 27px;margin-top: 30px;}
.cart-content-footer-top-shipping {text-align: right;	color: red;}
.cart-content-footer-top-price,
.cart-content-footer-bottom-price,
.cart-content-footer-top-tax {text-align: right;}
.cart-content-footer-bottom {text-align: right;	width: 500px;float: right;padding-top: 10px;margin-top: 8px;border-top: 1px solid #ccc;font-size: 20px;font-weight: bold;}
.cart-content-footer-top-alert {display: inline-block;width: 550px;text-align: left;color:red;}
.cart-footer {margin-top: 40px;}
.cart-footer-toppay {float: right;}
.header-cart {width: 248px;display: inline-block;float: right;height: 109px;margin: 10px 0;}
.header-cart h3{text-align: center;color: #000;text-shadow: 2px 2px 1px #888;font-family: Comic Sans MS;margin: 2px 0;}
.cart-image {width: 64px;height: 64px;display: block;float: center;	margin: 0 0 0 34px;background: url(../img/cart-icon.png) no-repeat -2px -1px;background-size: 70px 55px !important;}
.cart-image-full {width: 64px;height: 64px;display: block;float: center;margin: 0 0 0 34px;background: url(../img/cart-icon-full.png) no-repeat -2px -1px;background-size: 70px 55px !important;}
.header-cart span,
.header-cart-nothing,
.header-cart-howmany,
.header-cart-lastadded {text-align: center;color: #000000;/* text-shadow: 1px 1px 1px #888; */	margin-bottom: 0;	font-family: Arial;}
.header-cart #ile_koszyk a span{text-align: center;display: inline-block;width: 16px;height: 16px;background: url(../img/cart-delete.png);background-size: 16px 16px;}
#ile_koszyk a {float: right;margin-right: 90px;margin-top: 2px;height: 16px;width: 16px;display: inline-block;background: url(../img/cart-delete.png) no-repeat;background-size: 16px 16px;}
#ile_koszyk span {display: inline-block;float: left;margin-left: 107px;`}



.b_t          {border-top: 1px solid #cfcbcb; border-radius: 0.25rem;}
.b_r          {border-right: 1px solid #cfcbcb; border-radius: 0.25rem;}
.b_rb         {border-right: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb; border-radius: 0.25rem; border-top: 0px !important;}
.b_bl         {border-bottom: 1px solid #cfcbcb; border-left: 1px solid #cfcbcb; border-radius: 0.25rem; border-top: 0px !important;}
.b_l          {border-left: 1px solid #cfcbcb; border-radius: 0.25rem;}
.b_b          {border-bottom: 1px solid #cfcbcb; border-radius: 0.25rem;border-top: 0px !important;}

.p_t          {padding: 1em 0 0 0;}
.p_r          {padding: 0 1em 0 0;}
.p_rb         {padding: 0 1em 1em 0;}
.p_rl         {padding: 0 1em 0 1em;}
.p_bl         {padding: 0 0 1em 1em;}
.p_l          {padding: 0 0 0 1em;}

.formularz    {border-top : 1px solid #663300; border-bottom : 1px solid #663300; border-left : 1px solid #663300; border-right : 1px solid #663300;}
.formularz    {background-color  : #ffffff; background-repeat : repeat-x; color : #000000; font-family : "Verdana"; font-style : normal; }
.nowrap       {white-space: nowrap;}
.close        {margin-right: 17px;}
.panel-content{padding: 2em 0 2em 0;}
.panel        {width: 220px;	margin: 0 auto 1em 1em; border-radius: 4px;	box-shadow: 1px 1px 7px 0px #ccc;	background: #fff;}
.panel-title  {/* text-align: center; */	font-weight: bold; border-radius: 4px 4px 0 0;	background: #569abb; height: 24px;}
.panel-title  {color: #fff;/* margin-left: 0px; *//* text-shadow: 0 0 10px #000; */padding-left: 10px; position: relative;}
#mapa_google  {padding: 2em;}
.img_google   {width: 570px; height: 480px;}
.tow_lp_zew   {display: flex;  align-items: center;  font-size: 1.4em; background: #e9ecef}
.tow_linia2   {display: flex;  justify-content: center; font-size: 0.7em;}
.input-blok2  {margin: 0em 1em 0em 1em;}
.input-blok3  {margin: 0em 0.5em 0em 0.5em;}
.flex-center  {display: flex;  justify-content: center;}
.flex-left    {display: flex;  justify-content: left;}

.div_news     {width: auto; min-height: 400px; box-shadow: 2px 2px 14px 0px #ccc;  border-radius: 3px; border: 1px solid rgba(136, 136, 136, 0.75); }
.div_news     {display: flex;  justify-content: flex-start; flex-direction: column; padding: 3em 3em 3em 3em;}
.news_tytul   {display: flex;  justify-content: space-between; padding: 0.3em 1em; font-size: 1rem;  border-radius: 3px;}
.news_tytul   {background: linear-gradient(180deg, rgba(165,254,108,1) 0%, rgba(165,254,108,1) 25%, rgba(54,136,54,0.9668242296918768) 100%);}
.news_tresc   {display: flex;  justify-content: flex-start; padding: 1em 0em; font-size: 0.9rem; background: rgba(239, 239, 209, 0.26);}
.news_tresc_left  {padding: 0.3em 2em; }
.news_tresc_right {padding: 0em 2em 1em 2em; color: #646564 }
.news_obrazek     {width: 12em; }
.lista-naglowkowa {display: flex;  justify-content: space-between; background: #5bc52f;}
.lista-menu       {display: flex;  justify-content: space-between; align-items: center;}
.lista-pkt        {padding: 2em 2em;}
.lista-pkt a      {color: white;}
.logo-img         {width: 7em; }
.logo             {padding: 0.5em 2em; background: #04A004; }
.zam-show-zdjecie {width: 7em;}

.close              {margin-right: 17px;}
.cookie             {text-align: center; background-color: #999999; padding: 3px 0 3px 0; color: #fff; text-shadow: 0 0 5px #888; }
.cookie button      {color: rgb(0, 0, 0); transition: 0.5s; }
.cookie button:hover{ transition: 0.5s;}
.cookie .label      {border-radius: 0;	background-color: #6B6E6F;}
.img_min            {width: 4em; }
.okno-glowne        {margin: 7em 0em 0em 0em;}
.cart-icon-on       {display: flex; justify-content: center;  align-items: center; position:fixed; right:10px; top:150px;}
.cart-icon-on       {background-color: rgb(243 4 4 / 52%);  width: 52px; height: 52px; border-radius: 50%;  /* Tworzy okrągły kształt */ }
.cart-icon-off      {display: none;}
.cart-icon-on img   {width:30px; opacity: 0.5;}
#ile_koszyk2        {color: white; text-align: center;}
.sticky-col         {position: sticky;  left: 0;  background-color: white; /* Upewnia się, że tło kolumny jest widoczne */  z-index: 1; /* Ustawienie, aby kolumna była nad innymi podczas przewijania */}
.sticky-col         {white-space: nowrap;}
.menu-okno-bok      {display: flex; justify-content: center;  align-items: center; left: 0px; top: 50px;}
.menu-okno-bok      {width: 150px; height: 100%; }
.menu-icon          {display: flex; justify-content: center;  align-items: center;  cursor: pointer;}
.menu-icon          {width: 30px; height: 150px;  writing-mode: vertical-rl; text-orientation: upright;}
.menu-icon-on       {position:fixed; left:150px; top:150px;}
.menu-icon-off      {position:fixed; left:0px; top:150px;}
.menu-lista         {background-color: white;  width: 134px; height: 100%}
.menu-lista-off     {display: none;}
.menu-lista-on      {display: block; position:fixed; left:0px; top:50px}
.menu-txt-bok       {display: inline-block;  background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);  padding: 10px 3px; /* odstępy wewnętrzne */}
.menu-txt-bok       {border-top-right-radius: 8px; /* zaokrąglenie rogu u góry */  border-top-left-radius: 8px; /* zaokrąglenie rogu u góry */  font-weight: bold; /* pogrubienie tekstu */}
.menu-txt-bok       {box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* cień dla efektu głębi */ } 
.kolko-nawigacji    {background-color: rgba(79, 209, 130);  width: 30px; height: 30px; border-radius: 50%;  /* Tworzy okrągły kształt */ }
.kolko-nawigacji    {border: 2px solid rgb(15 159 70); color:rgba(255, 255, 255, 1);}
.kolko-nawigacji    {font-size: 20px; text-align: center; vertical-align: middle !important; margin: 0px 3px; box-shadow:  0px 4px 10px 4px rgba(0, 0, 0, 0.3);}
.kolko-nawigacji    {outline: none; /* Usuwa efekt zaznaczenia */  user-select: none; /* Zapobiega zaznaczaniu tekstu */}
.kolko-nawigacji    {display: flex;  align-items: center; /* Wyśrodkowanie w pionie */  justify-content: center; /* Wyśrodkowanie w poziomie */}
.kolko-nawigacji-st {font-size: 28px; line-height: 33px; cursor: pointer;}
.kolko-nawigacji-nr {cursor: pointer;}
.input-nawigacji    {width: 3rem;  height: calc(1rem + 0.75rem + 2px);  line-height: 1rem}
.div-input-nawigacji{display: flex;  align-items: center;}
.div-input-nawigacji{height: 35px; padding: 0px 0px 0px 30px; font-size: 14px; color:rgb(136, 135, 135);}
.sort-item          {padding: 0.3rem 1rem;} 
.outer              {position: fixed;  top: 70px; right: 150px; height: 50%; z-index: 1000;}
.outer_sort         {width: 300px;}
.outer_ile          {width: 150px;}
.tow_poz3, .tow_poz4 {cursor: pointer;}

/*#stronnica          {cursor: grab;}*/
.stron-wybor, .stron-txt, .stron-txtt  {cursor: pointer;}

.div_strona0         {display: flex; justify-content: flex-start; flex-direction: row; position: relative;}
.div_strona0         {margin: 4em 0em 1em 0em; padding: 2em 0em 4em 0em; background-color: rgba(255,255,255,0.7);} 
.div_strona0         {height: 80vh;}
.tow_poz0            {display: flex; justify-content: flex-start;     flex-direction: row; /* Ustaw elementy w pionie */ }
.tow_poz0            {height: 80vh; }
.tow_poz0            {margin: 1em 0.7em 1em 0.7em; padding: 0em;}
.tow_poz0            {width: 100%; height: 100%;} 
.tow_zdjecie0        {display: flex; justify-content: flex-start; margin-right: 1em;}
.tow_zdjecie0        {width: 90vh;  overflow: hidden; /* ukrywa część obrazu, która wychodzi poza kontener */}
.zdjecie_img0        {object-fit: fill; /* proporcjonalnie wypełnia kontener */   cursor: crosshair;}
.tow_txt0            {display: flex; justify-content: space-around; flex-direction: column;}
.tow_txt0            {padding: 0em 5em;}
.ulubione0           {width: 3em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
.podobne0            {width: 2.3em;  margin: -0.5em 0 0 0.3em; cursor: pointer;}
.tow_nazwa0          {width: 100%; font-size: 2.4em; height: 4em;}
.tow_inne0           {display: flex; justify-content: space-around; flex-wrap: wrap;}
.tow_inne0           {width: 100%;}
.button-close        {display: flex; position: fixed; top:100px; right:30px;} 

.zoom-lens           {position: absolute;  border: 2px solid #000;  width: 100px;  height: 100px;  cursor: crosshair;  display: none;  background-color: rgba(255, 255, 255, 0.4); z-index: 10;}
.zoom-result         {position: fixed;  bottom: 10px;   left: 50%;  transform: translateX(-50%);  /* Wyśrodkowanie w poziomie */  width: 300px;  height: 300px;}
.zoom-result         {display: none; border: 1px solid black; background-repeat: no-repeat;  background-size: 600px 600px; /* Powiększenie obrazu */  z-index: 1000;}
.btn-plus            {width: 100%;  max-width: 200px; /* Maksymalna szerokość przycisku (opcjonalne) */  height: 1.3em;  border-radius: 1.3em 1.3em 0 0; /* Zaokrąglone rogi u góry */}  
.btn-plus            {color: rgb(3, 3, 3); /* Kolor tekstu na biały */  border: none;  font-size: 24px;}
.btn-plus            {display: flex;  justify-content: center;  align-items: center;  cursor: pointer;  padding: 8px 0 0 0;}
.btn-minus           {width: 100%;  max-width: 200px; /* Maksymalna szerokość przycisku (opcjonalne) */  height: 1.3em;  border-radius: 0 0 1.3em 1.3em; /* Zaokrąglone rogi u góry */}  
.btn-minus           {color: white; /* Kolor tekstu na biały */  border: none;  font-size: 24px;}
.btn-minus           {display: flex;  justify-content: center;  align-items: center;  cursor: pointer;  padding: 8px 0 0 0;}
.button-nic          {border: 0px; background-color: rgb(255, 255, 255, 0);}
.dropdown            {cursor: pointer;} 
.stron-pagination    {display: flex; justify-content: flex-start; flex-direction: row; position: relative;}
.stron-img           {width: 1.4em; position: relative; top: -2px;  }
#stron-right, #stron-left, #zdj-square, #zdj-rright, #zdj-lleft {display: none;}
.left-div-footer     {position: absolute;  left: 0;   padding: 10px; color:rgb(3, 3, 3, 0.7);}
.center-div-footer   {display: flex;  justify-content: center;  align-items: center; }

.nawiguj-w_lewo      {display: flex; position: fixed; top:50%; left:50px;}
.nawiguj-w_prawo     {display: flex; position: fixed; top:50%; right:30px;}
.btn-nawiguj         {width:60px; background-color: rgba(155, 154, 154, 0.5); color: rgba(77, 76, 76, 0.5); font-size: 3em; line-height: 1em;     padding-top: 10px;}
.nawigacja-dol,
.nawigacja-dol:hover {color: rgb(3, 3, 3, 0.7); }
.stron-dwie-cyfry    {font-size: 20px;}
.stron-trzy-cyfry    {font-size: 15px;}




@media screen and (max-height: 715px) {
  .tow_poz3            {margin: 1em 0.7em 0em 0.7em; padding: 0em;}
}

@media screen and (max-height: 680px) {
  .tow_poz3            {margin: 0.3em 0.7em 0em 0.7em; padding: 0em;}
}

@media screen and (max-width: 1250px) {
 .tow_txt0            {padding: 0em 1em;}
 .tow_zdjecie0        {width: 60vh; }  
 .div_strona0         {justify-content: center;}
 .tow_poz0            {justify-content: center;}
 .tow_zdjecie0        {justify-content: center;}
}

@media screen and (max-width: 1100px) {
 .tow_inne0           {flex-direction: column; align-items: flex-end;}
 .tow_zdjecie0        {overflow: visible;}
 .zdjecie_img0        {width: 80vh; }
}

@media screen and (max-width: 1000px) {
 .div_dane             {margin: 3em 3em auto; padding: 2em 2em 2em 2em;}
 .div_strona           {margin: 0em 0em 2em 0em; padding: 4em 0em 3em 0em;}
 .div_strona3          {margin: 0em 0em 2em 0em; padding: 4em 0em 3em 0em;}
 .div_strona4          {margin: 0em 0em 2em 0em; padding: 4em 0em 3em 0em;}
 .cart                 {padding: 2em 0em 2em 0em; }
 .img_google           {width: 400px; height: 480px;}
 .znacznik             {top: 180px; left:180px;}
 #cart-okno            {top: 0px;}
}

@media screen and (max-width: 900px) {
 .tow_zdjecie          {margin: auto;}
 .zdjecie_img          {height: 13em; }
 .tow_zdjecie0         {overflow: hidden;}
 .zoom-result          {display: none !important;  /* Ukrywa okno powiększenia */}
}
 
@media screen and (max-width: 800px) {
 .tow_poz3             {margin: 1em 0.7em 1em 0.7em; padding: 0em;}
 #zawartosc_glowna     {padding: 1em 1em 1em 1em;}
 #zawartosc_glowna_bez {padding: 2em 1em 1em 1em;}
 .tow_poz              {margin: 1em 0em 1em 0em;}
 .tow_nazwa            {min-width: 1em; font-size: 1.5em;}
 #tow_opis             {max-width: 50em; }
 .Home                 {padding: 1em 1em 1em 1em;}
 #cart-okno            {left: 250px;}
 .div_dane             {margin: 4em 1em auto; padding: 2em 2em 2em 2em;}
 .div_zamowienia,
 .div_dostawy          {margin: 4em 1em auto; padding: 2em 1em 2em 1em;}
 .input-blok2          {margin: 0em 0.2em 0em 0.2em;}
 .div_news             {width: 650px; }
 #stronnica2, #stronnica{right: 20px;}
 .displ_gr             {min-width: 5cm;}
 .displ_pgr            {min-width: 5cm;}
 .displ_ppgr           {min-width: 5cm;}

}

@media screen and (max-width: 740px) {
 .tow_inne             {display: flex; flex-direction: column;}
 .lista-naglowkowa     {max-height: 50px;}
 .lista-pkt            {padding: 1em 1em; }
 .okno-glowne          {margin: 4em 0em 0em 0em;}
 #formWrap             {margin: 4em auto;}
 #mapa_google          {padding: 0em 2em 0em 2em;}
 .img_google           {width: 600px; height: 300px;}
 .znacznik             {top: 80px; left:280px;}
 .displ_gr             {min-width: 2cm;}
 .displ_pgr            {min-width: 2cm;}
 .displ_ppgr           {min-width: 2cm;}
 .div-skrot-grupy      {right: 150px;} 
 .div-skrot-pgrupy     {right: 100px;} 
 .div-skrot-ppgrupy    {right: 50px;} 
 .sticky-col           {white-space: normal;}
 .ulubione0            {width: 1.5em;  margin: -0.5em 0 0 0.3em; }
 .podobne0             {width: 1em;  margin: -0.5em 0 0 0.3em; }
 .tow_nazwa0           {width: 100%; font-size: 1.5em; height: 4em; text-align: center;}
 .tow_poz0             {flex-direction: column; align-items: center; height: auto;}
 .tow_zdjecie0         {width: 70vh; }
 .zdjecie_img0         {width: 70vh; }
 .div_strona0          {height: auto;}
 .tow_inne0            {flex-direction: column; align-items: flex-start; align-items: center;}

}

@media screen and (max-width: 575px) {
 #zawartosc_glowna     {padding: 5em 0.5em 0.5em 0.5em;}
 #zawartosc_glowna_bez {padding: 1em 0.5em 0.5em 0.5em;}
 .tow_poz              {display: flex; flex-direction: column; align-items: center;}
 .tow_nazwa            {margin-left: 0.5em; font-size: 1.5em; text-align: center;}
 .tow_zdjecie          {margin: 10px 0 0 2px; max-width: 100%;}
 .zdjecie_img          {height: 18em;}
 .Home                 {min-height: 400px; padding: 0.5em 0.5em 0.5em 0.5em;}
 .Home-Start           {margin: 0.5em 0.5em 0.5em 0.5em;}
 .Home-Zawartosc       {flex-direction: column;}
 #cart-okno            {left: 50px;}
 #stronnica, #stronnica{right: 10px;}
 .div_dane,
 .div_dostawy,
 .div_zamowienia       {margin: 3em 0em auto; padding: 2em 2em 2em 1em;}
 #mapa_google          {padding: 0em;}
 .img_google           {width: 370px; height: 240px;}
 #formWrap             {margin: 3em auto;}
 .znacznik             {top: 55px; left:160px;}
 .div_news             {width: auto;}
 .news_tresc           {flex-direction: column;}
 .div_strona4          {margin: 0em 2em 2em 2em; padding: 3em 0em 3em 0em;} 
 .displ_gr             {min-width: 0cm;}
 .displ_pgr            {min-width: 0cm;}
 .displ_ppgr           {min-width: 0cm;}
 .logo                 {display: none;}
 .okno-glowne          {margin: 3em 0em 0em 0em;}
 .tow_inne0            {display: flex; flex-direction: column;}
 .div_strona0          {margin: 0em 0em 1em 0em;}
 .tow_zdjecie0         {width: 60vh; }
 .zdjecie_img0         {width: 60vh; }
 .nawiguj-w_lewo       {left:  5px;}
 .nawiguj-w_prawo      {right: 5px;}
 
}

@media screen and (max-width: 520px) {
  #zawartosc_glowna     {padding: 5em 0 0.5em 0;}
  #zawartosc_glowna_bez {padding: 1em 0 0.5em 0;}
  .tow_poz3             {padding: 1em 0.5em 1em 0.5em; width: 190px; height: 260px;}
  .zdjecie_img          {height: 15em;}
  .div_strona4          {margin: 0em 0em 2em 0em; padding: 3em 0em 3em 0em;} 
  .panel                {width: 350px;} 
  .txt2linia            {display: none;}
  .stron-sort           {padding: 0.2em 0em 0em 0em;} 
  .stron-txt            {width : 26px;}
  .stron-txtt           {width : 25px;}
  .div-skrot-grupy      {right: 50px;} 
  .div-skrot-pgrupy     {right: 30px;} 
  .div-skrot-ppgrupy    {right: 20px;} 
  .div-skrot-grupy      {max-height: 500px; /* Maksymalna wysokość, można dostosować */  overflow-y: auto; /* Przewijanie w pionie */}
  .tow_zdjecie0         {width: 50vh; }
  .zdjecie_img0         {width: 50vh; }
  .div_strona_footer    {display: none;}
  #stronnica            {display: none;}
  .div_strona           {margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;}
  .div_strona3          {margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;}
  .div_strona4          {margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em;}
  .tow_index3, .tow_cena3, .tow_szt3 {padding: 0px 0px 0px 1px;}

  .tow_nazwa            {line-height: 1em;}
  .tow_poz3             {padding: 1em 0.1em 1em 0.1em; }
  #cart-okno            {top: var(--wys-klawiatury);} 
  .cart-icon-on         {top: calc(50px + var(--wys-klawiatury));}
}

@media screen and (max-width: 450px) {
  .tow_poz3             {margin: 0.5em 0em 0.5em 0em; padding: 0em;  width: 185px; }
  .cart-content-footer-bottom {width:auto;}
}

@media screen and (max-width: 400px) {
 .zdjecie_img          {height: 13em;}
 .div_dane,
 .div_dostawy,
 .div_zamowienia       {margin: 3em 0em auto; padding: 1em 1.5em 1em 1em;}
 .img_google           {width: 300px; height: 240px;}
 .lista-pkt            {padding: 0.5em 0.5em; }
 .znacznik             {top: 52px; left:130px;}
 .panel                {width: 300px;} 
 .div-skrot-grupy      {right: 30px;} 
 .div-skrot-pgrupy     {right: 15px;} 
 .div-skrot-ppgrupy    {right: 5px;} 
 .zdjecie_img0         {width: 90%;}
 .div_strona0          {padding: 0em 0em 1em 0em;}
 .tow_zdjecie0         {width: 40vh; }
 .zdjecie_img0         {width: 40vh; }
}

@media screen and (max-width: 370px) {
  .zdjecie_img            {height: 11em;}
  #stronnica2, #stronnica {right: 2px;}
  .tow_zdjecie0           {width: 30vh; }
  .zdjecie_img0           {width: 30vh; }
 }