:root {
--font-normal: 400;
--font-bold: 600;
--font-bold-8: 800;
--font-kolor-del: #f00;

--kolor-tekstu: #0a0a0a;
--kolor-tekstu-koniec: #3e3e3e;
--kolor-zielony: #005c52;
--kolor-zielony-jasny: #008047;
--kolor-zielony-ciemny: #1b1a1a;
--kolor-bialy: #fff;

--gradient: linear-gradient(90deg,rgba(0, 92, 82, 1) 0%, rgba(0, 128, 71, 1) 100%);
--gradient-tytul-startowa: linear-gradient(to right, var(--kolor-tekstu), var(--kolor-tekstu-koniec));
--gradient-tytul-zielony: linear-gradient(to right, #005c52, #007f47);
--gradient-szary: linear-gradient(#fefefe, #f6f4f2);

--trans: color .5s ease, border-color .5s ease, background .5s ease, box-shadow .5s ease-in-out, text-decoration-color .5s;
--trans-gradient: background-image .5s ease-in-out;

--o: 20px;
--o-x2: 40px;
--o-x3: 60px;
--o-x4: 80px;
--o-minus: -20px;
--o-gora: 40px;
--o-pol: 10px;

--przycisk-wysokosc: 30px;
--przycisk-szerokosc: 180px;
/*

*/

--szary: #f1f1f1;
--szary-ciemny: #353434;



--czarny: #171717;
--czerwony: #a75f4a;



--border: 1px solid #f1f1f1;

--transition2: color .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
--transition5: color .5s ease, border-color .5s ease, background .5s ease, box-shadow .5s ease-in-out, text-decoration-color .5s;
--transition1: color 1s ease, border-color 1s ease, background 1s ease, opacity 1s ease-in-out;
--trans-przycisk: background 2s ease, background-image 2s ease, color 2s ease;
--transWidac: visibility 1s , opacity 1s ;
--transitionScale: transform .5s;

--szerokosc: 1200px;
--szerokosc-plus: 1240px;
--sz1200: 1200px;
--szerokoscMax: 1920px;
--sz1240: 1240px;
--sz800: 840px;

--radius: var(--o-pol);
--radius20: var(--o);

--cien: 0 0 var(--o) rgba(0, 0, 0, 0.15);
--cien-20: 0 0 var(--o) 0 rgba(0, 0, 0, 0.15);

--svg-promo: url('data:image/svg+xml,\<svg fill="#30533b" height="50" width="50" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 296.41 296.41" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 296.41 296.41"><g><path d="m268.115,109.241l-.007-48.16-45.821-14.862-28.274-39.001-45.808,14.944-45.809-14.943-28.273,39-45.821,14.862-.007,48.161-28.295,38.963 28.296,38.964 .006,48.16 45.821,14.862 28.274,39.001 45.808-14.944 45.809,14.943 28.273-39 45.821-14.862 .007-48.161 28.295-38.963-28.295-38.964zm-171.548,25.239c-4.941-4.971-7.695-11.228-7.695-18.772v-6.753c0-7.602 2.739-13.903 7.651-18.903 4.913-4.999 12.041-7.498 21.106-7.498 9.18,0 16.095,2.499 21.006,7.498 4.913,5 7.237,11.302 7.237,18.903v6.753c0,7.603-2.254,13.874-7.167,18.813-4.912,4.943-11.94,7.412-21.003,7.412-9.122,0.001-16.193-2.484-21.135-7.453zm26.026,68.062l-13.77-6.93 62.363-99.814 13.772,6.93-62.365,99.814zm84.279-14.997c0,7.66-2.392,13.961-7.275,18.902-4.883,4.941-11.83,7.409-20.894,7.409-9.121,0-16.257-2.483-21.258-7.454-4.997-4.97-7.573-11.256-7.573-18.857v-6.754c0-7.543 2.573-13.815 7.544-18.815 4.969-5.001 12.031-7.499 21.093-7.499 9.18,0 16.183,2.487 21.066,7.454 4.883,4.972 7.297,11.258 7.297,18.86v6.754z"/><path d="m124.645,122.965c1.608-1.947 2.227-4.373 2.227-7.279v-6.711c0-2.903-0.635-5.357-2.272-7.362-1.639-2.005-3.884-3.008-6.924-3.008-2.981,0-5.504,1.003-7.14,3.008-1.637,2.005-2.664,4.459-2.664,7.362v6.711c0,2.906 1.074,5.332 2.71,7.279 1.637,1.945 4.041,2.918 7.142,2.918 2.981-1.42109e-14 5.312-0.973 6.921-2.918z"/><path d="m178.554,170.527c-3.041,0-5.485,1.005-7.12,3.008-1.641,2.005-2.562,4.432-2.562,7.278v6.708c0,2.792 1.039,5.201 2.912,7.236 1.871,2.033 4.203,3.048 6.893,3.048 3.625,0 6.03-0.899 7.318-2.702 1.284-1.8 1.877-4.327 1.877-7.582v-6.708c0-2.847-0.755-5.273-2.422-7.278-1.667-2.003-3.915-3.008-6.896-3.008z"/></g></svg>');

--svg-promo2: '\<svg fill="#000000" height="80" width="80" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 296.41 296.41">\<g>\<path d="m268.115,109.241l-.007-48.16-45.821-14.862-28.274-39.001-45.808,14.944-45.809-14.943-28.273,39-45.821,14.862-.007,48.161-28.295,38.963 28.296,38.964 .006,48.16 45.821,14.862 28.274,39.001 45.808-14.944 45.809,14.943 28.273-39 45.821-14.862 .007-48.161 28.295-38.963-28.295-38.964zm-171.548,25.239c-4.941-4.971-7.695-11.228-7.695-18.772v-6.753c0-7.602 2.739-13.903 7.651-18.903 4.913-4.999 12.041-7.498 21.106-7.498 9.18,0 16.095,2.499 21.006,7.498 4.913,5 7.237,11.302 7.237,18.903v6.753c0,7.603-2.254,13.874-7.167,18.813-4.912,4.943-11.94,7.412-21.003,7.412-9.122,0.001-16.193-2.484-21.135-7.453zm26.026,68.062l-13.77-6.93 62.363-99.814 13.772,6.93-62.365,99.814zm84.279-14.997c0,7.66-2.392,13.961-7.275,18.902-4.883,4.941-11.83,7.409-20.894,7.409-9.121,0-16.257-2.483-21.258-7.454-4.997-4.97-7.573-11.256-7.573-18.857v-6.754c0-7.543 2.573-13.815 7.544-18.815 4.969-5.001 12.031-7.499 21.093-7.499 9.18,0 16.183,2.487 21.066,7.454 4.883,4.972 7.297,11.258 7.297,18.86v6.754z"/>\<path d="m124.645,122.965c1.608-1.947 2.227-4.373 2.227-7.279v-6.711c0-2.903-0.635-5.357-2.272-7.362-1.639-2.005-3.884-3.008-6.924-3.008-2.981,0-5.504,1.003-7.14,3.008-1.637,2.005-2.664,4.459-2.664,7.362v6.711c0,2.906 1.074,5.332 2.71,7.279 1.637,1.945 4.041,2.918 7.142,2.918 2.981-1.42109e-14 5.312-0.973 6.921-2.918z"/>\<path d="m178.554,170.527c-3.041,0-5.485,1.005-7.12,3.008-1.641,2.005-2.562,4.432-2.562,7.278v6.708c0,2.792 1.039,5.201 2.912,7.236 1.871,2.033 4.203,3.048 6.893,3.048 3.625,0 6.03-0.899 7.318-2.702 1.284-1.8 1.877-4.327 1.877-7.582v-6.708c0-2.847-0.755-5.273-2.422-7.278-1.667-2.003-3.915-3.008-6.896-3.008z"/>\</g>\</svg>';
--svg: url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\<g stroke-linecap="round" stroke-width="4" stroke="rgb(0, 0, 0)" fill="none">\<circle cx="12" cy="12" r="10"/>\<path d="M7 11 H17"/>\</g>\</svg>');
}

@media (min-width: 1240px) {
:root {
--o-gora: 100px;
--przycisk-wysokosc: 48px;
--przycisk-szerokosc: 230px;
}
}


* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block}
ol, ul {list-style: none}
*, :before, :after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
@-ms-viewport {width: device-width}
html {scroll-behavior: smooth}
body {
	background-color: var(--kolor-bialy);
	font-size: 17px;
	font-weight: var(--font-normal);
	line-height: 1.4;
	overflow-y: scroll;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	color: var(--kolor-tekstu);
	font-family: 'Open Sans', serif;
}

img {
    max-width: 100%;
    height: auto;
	content-visibility: auto;
    display: block;
	margin: auto;
}
a {
	color: var(--kolor-zielony);
	transition: var(--transition5);
	text-underline-offset: 5px;
}
a:hover {
	color: var(--zielony-ciemny);
	text-decoration-color: transparent;
}

.ukr {display: none}
.srodek {text-align: center}
h1,h2,h3,h4,h5,h6,strong,b {font-weight: var(--font-bold)}
iframe {max-width: 100%}
em, i {font-style: italic}
.tresc p {margin-bottom: var(--o)}
.tresc p:last-child {margin: 0}

p + p {margin-top: var(--o)}

.zaH2 {
	display: block;
	text-align: center;
	font-weight: var(--font-bold);
	margin: var(--o-x2) 0;
	font-size: 110%;
}

.screen-reader-texts {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-texts:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}


aside {
	padding: var(--o);
}
.box + .box {
	margin-top: var(--o);
}
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.added_to_cart.wc-forward {
	display: none !important;
}

.gradient_zielony____ {
	background-image: var(--gradient-tytul-zielony);
	color: transparent;
	background-clip: text;
	text-transform: uppercase;
	font-weight: var(--font-bold-8);
}


.przycisk {
	width: 246px;
	line-height: 50px;
	color: var(--kolor-bialy);
	background: var(--gradient);
	text-transform: uppercase;
	font-weight: var(--font-bold);
	border-radius: 50px;
	display: block;
	margin: var(--o) auto 0;
	text-align: center;
	text-decoration: unset;
}
.przycisk:hover {
	background: var(--kolor-zielony-ciemny);
	color: var(--kolor-bialy);
}


input, textarea {
	border-bottom: 2px solid var(--kolor-zielony-jasny);
	width: 100%;
	padding: 2px 9px;
	line-height: 2;
}



@media (min-width: 1000px) {
main {
	display: flex;
	flex-direction: row-reverse;
}
article {
	flex: 1 1 100%;
}
aside {
	flex: 0 0 244px;
	padding: 0 var(--o) 0 0;
}
}
@media (min-width: 1240px) {
.wasko {
	width: var(--sz1200);
	max-width: 100%;
	margin: auto;
	padding: 0;
}

main {
	width: var(--szerokosc);
	margin: var(--o-x2) auto;
}
aside {
	flex: 0 0 328px;
	padding: 0 var(--o-x2) 0 0;
	margin-right: var(--o-x2);
	border-right: 1px solid #eee;
}


} /* end */